/* 联系我们 */

.relbanner-container{width: 100%;overflow: hidden;position: relative;}

.relbanner-container img{width: 100%;object-fit: cover;min-height: 260px;}

.relbanner-words{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.relbanner-words h4{font-size: 68px;color: #fff;font-family: 'METROMEDIUMLT';text-transform: uppercase;}

.relbanner-words h6{text-align: center;font-size: 0;margin-top: 32px;}

.relbanner-words h6 a{display: inline-block;vertical-align: middle;margin: 0 14px;font-size: 18px;color: #fff;opacity: .5;padding: 10px;}

.relbanner-words h6 a:hover{color: #d70808;opacity: 1;}



.relcompany-container{width: 100%;overflow: hidden;}

.relcompany{width: 94%;margin-left: 3%;}

.relcompany-left{width: 50%;float: left;overflow: hidden;border-right: 1px solid #eee;box-sizing: border-box;padding: 120px 60px 120px 0;}

.relcompany-title{width: 100%;overflow: hidden;}

.relcompany-title h4{font-size: 36px;color: #555;font-weight: bold;}

.relcompany-title p{font-size: 18px;color: #777;margin-top: 6px;word-wrap: break-word;}

.relcompany-words{width: 100%;overflow: hidden;margin-top: 24px;}

.relcompany-words ul li{float: left;overflow: hidden;margin-top: 20px;}

.relcompany-words ul li:nth-child(2n+1){width: 30%;}

.relcompany-words ul li:nth-child(2n){width: 70%;}

.relcompany-words ul li i{display: inline-block;vertical-align: middle;background-repeat: no-repeat;margin: 0 14px 0 0;}

.relcompany-words ul li a{display: inline-block;vertical-align: middle;font-size: 16px;color: #555;}

.relcompany-words ul li:nth-child(1) i{background-image: url('../images/abrlse/rel-icon1.png');width: 17px;height: 17px;}

.relcompany-words ul li:nth-child(2) i{background-image: url('../images/abrlse/rel-icon2.png');width: 17px;height: 13px;}

.relcompany-words ul li:nth-child(3) i{background-image: url('../images/abrlse/rel-icon3.png');width: 15px;height: 15px;}

.relcompany-words ul li:nth-child(4) i{background-image: url('../images/abrlse/rel-icon4.png');width: 15px;height: 20px;}

.relcompany-words ul li a:hover{color: #d70808;}

.relcompany-right{width: 50%;float: left;overflow: hidden;box-sizing: border-box;padding: 120px 0 120px 60px;}



.reljoin-container{width: 100%;overflow: hidden;background-color: #f0f0f0;}

.reljoin{width: 94%;margin-left: 3%;}

.reljoin-left{width: 50%;float: left;overflow: hidden;border-right: 1px solid #fff;box-sizing: border-box;height: 420px;display: flex;justify-content: center;align-items: center;}

.reljoin-left-words{width: 100%;overflow: hidden;}

.reljoin-left-words ul li{width: 50%;float: left;overflow: hidden;}

.reljoin-left-words ul li h4{font-size: 36px;color: #333;}

.reljoin-left-words ul li p{font-size: 18px;color: #555;margin-top: 18px;}

.reljoin-left-words ul li i{

    display: inline-block;width: 60px;height: 60px;border-radius: 100%;vertical-align: middle;

    background: #959595 url('../images/abrlse/rel-email.png') no-repeat center center;margin-right: 12px;

}

.reljoin-left-words ul li h6{display: inline-block;vertical-align: middle;}

.reljoin-left-words ul li h6 span{font-size: 16px;color: #555;display: block;}

.reljoin-left-words ul li h6 a{font-size: 16px;color: #555;display: block;margin-top: 6px;}

.reljoin-left-words ul li h6 a:hover{color: #d70808;}

.reljoin-left-words ul li:nth-child(2){margin-top: 16px;}



.reljoin-right{width: 50%;float: left;padding-left: 60px;overflow: hidden;box-sizing: border-box;height: 420px;display: flex;justify-content: center;align-items: center;}

.reljoin-right-words{width: 100%;overflow: hidden;}

.reljoin-right-words h3{font-size: 36px;color: #333;}

.reljoin-right-size{width: 100%;overflow: hidden;margin-top: 20px;font-size: 0;}

.reljoin-right-box{display: inline-block;margin:10px 16px 0 0;}

.reljoin-right-box h4{

    width: 130px;height: 44px;line-height: 44px;text-align: center;

    font-size: 16px;color: #949494;border: 1px solid #a5a5a5;cursor: pointer;

}

.reljoin-right-box h4:hover{color: #d70808;border-color: #d70808;}

.reljoin-right-box h4.ontrue{background-color: #a5a5a5;color: #fff;border-color: #a5a5a5;}



.reljoin-shade-size{position: fixed;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);top: 0;left: 0;z-index: 9999999;display: none;}

.reljoin-shade{width: 1000px;background-color: #fff;border-radius: 10px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 99;}

.reljoin-shade-title{width: 94%;margin-left: 3%;padding: 28px 0;border-bottom: 1px solid #e9e9e9;position: relative;}

.reljoin-shade-title h5{font-size: 26px;color: #333;font-weight: bold;}



.reljoin-shade-close{

    position: absolute;z-index: 2;width: 44px;height: 44px;transition: all .8s;border-radius: 100%;display: block;

    right: 0;top: 50%;margin-top: -22px;background: url('../images/abrlse/rel-close.png') no-repeat center center;cursor: pointer;

}

.reljoin-shade-close:hover{transform: rotate(180deg);background: url('../images/abrlse/rel-closeH.png') no-repeat center center;}

.reljoin-shade-words{width: 94%;margin-left: 3%;overflow: hidden;padding: 2px 0 60px 0;height: 400px;overflow-y: auto;}

.reljoin-shade-list{width: 100%;margin-top: 30px;}

.reljoin-shade-list h6{font-size: 14px;color: #000;font-weight: bold;}

.reljoin-shade-list p{font-size: 16px;color: #666;margin-top: 6px;}



.relinfor-container{width: 100%;overflow: hidden;background-color: #fff;padding: 64px 0;}

.relinfor{width: 94%;margin-left: 3%;font-size: 0;}



.relinfor-left{display: inline-block;vertical-align: middle;width: 36%;padding-right: 60px;border-right: 1px solid #e5e5e5;}

.relinfor-left p{font-size: 16px;color: #888;line-height: 26px;}



.relinfor-right{display: inline-block;vertical-align: middle;padding-left: 60px;}

.relinfor-right p{font-size: 16px;color: #888;font-weight: bold;}

.relinfor-right h6{font-size: 16px;color: #888;font-weight: bold;margin-top: 8px;}

.relinfor-right h6 a{color: #d70808;}

.relinfor-right h6 a:hover{text-decoration: underline;}



.form-container{width: 100%;overflow: hidden;background-color: #eee;padding: 42px 0;}

.form-message{width: 94%;margin-left: 3%;font-size: 0;}

.form-message input{

    background-color: #fff;height: 48px;display: inline-block;vertical-align: middle;font-family: "微软雅黑";

    padding: 0 16px;font-size: 14px;color: #1f1a17;border: none;box-sizing: border-box;outline-color: #d70808;

}

.form-name{width: 24%;}

.form-phone{width: 24%;margin-left: 1%;}

.form-need{margin-left: 1%;width:37%;}

.form-click{

    display: inline-block;vertical-align: middle;font-size: 14px;color: #fff;line-height: 48px;box-sizing: border-box;

    height: 48px;text-align: center;background-color: #333;margin-left: 1%;cursor: pointer;width: 12%;transition: all .3s;

}

.form-click:hover{background-color: #222;}





/* 关于我们 */

.abobanner-container{width: 100%;overflow: hidden;position: relative;}

.abobanner-container img{width: 100%;object-fit: cover;min-height: 260px;}



.product-container{width: 100%;overflow: hidden;padding: 116px 0;background-color: #fff;}

.product-icon{width: 100%;overflow: hidden;text-align: center;font-size: 0;}

.product-icon ul li{display: inline-block;margin: 0 20px;vertical-align: middle;}



.product-words-message{width: 860px;margin: 0 auto;overflow: hidden;margin-top: 40px;text-align: center;}

.product-words-message h4{font-size: 40px;color: #000;}

.product-words-message h4 span{font-weight: bold;}

.product-words-message p{font-size: 16px;color: #555;line-height: 26px;margin-top: 20px;}

.product-number-message{width: 860px;margin: 0 auto;overflow: hidden;margin-top: 40px;}

.product-number{width: 100%;overflow: hidden;}

.product-number ul li{width: 25%;float: left;text-align: center;}

.product-number ul li h6{font-family: 'GOTHIC';font-size: 42px;color: #d70808;}

.product-number ul li h6 b{margin-left: 6px;}

.product-number ul li p{font-size: 14px;color: #333;margin-top: 10px;}



.abocourse-container{

    width: 100%;padding: 120px 0;overflow: hidden;

    background-image: url('../images/abrlse/ab-courseBg.jpg');

    background-size: cover;

    background-repeat: no-repeat;

    background-attachment: fixed;

}



.abocourse-title{width: 600px;margin: 0 auto;text-align: center;}

.abocourse-title h4{font-size: 46px;color: #fff;}

.abocourse-title p{font-size: 16px;color: #fff;line-height: 26px;margin-top: 16px;}



.abocourse-message{width: 1600px;margin: 0 auto;margin-top: 80px;overflow: hidden;}

.abocourse-message ul li{width: 33.333333333333336%;float: left;overflow: hidden;position: relative;padding: 20px 40px;}

.abocourse-words{width: 100%;position: relative;}



.abocourse-words i{

    display: block;margin: 0 auto;width: 273px;height: 270px;background: url('../images/abrlse/ab-courseQq.png') no-repeat;

    animation-iteration-count: infinite;animation: abocourseQq 30s linear infinite;

}

@keyframes abocourseQq{

    0% {transform: rotate(0);}

    100% {transform: rotate(360deg);}

}

.abocourse-words h6{

    width: 200px;height: 200px;position: absolute;left: 50%;top: 0%;border-radius: 100%;z-index: 2;margin-left: -100px;

    background-color: #fff;text-align: center;line-height: 200px;font-size: 60px;color: #d70808;font-family: 'METROMEDIUMLT';

    margin-top: 35px;

}

.abocourse-words p{font-size: 16px;color: #fff;line-height: 26px;margin-top: 34px;text-align: center;height: 104px;overflow: hidden;}



.aboenvir-container{width: 100%;overflow: hidden;padding: 90px 0 120px 0;background-color: #f0f0f0;}

.aboenvir{width: 94%;margin-left: 3%;}

.aboenvir-title{width: 100%;overflow: hidden;text-align: center;padding-bottom: 70px;}

.aboenvir-title h4{font-size: 46px;color: #333;}

.aboenvir-title p{font-size: 16px;color: #777;line-height: 28px;margin-top: 6px;}



.aboenvir-piclist{width: 100%;overflow: hidden;}

.aboenvir-piclist ul{overflow: hidden;}

.aboenvir-piclist ul li{height: 446px;overflow: hidden;float: left;}

.aboenvir-piclist ul li img{width: 100%;height: 100%;object-fit: cover;transition: all 1s;}

.aboenvir-piclist ul li:hover img{transform: scale(1.1);}

.aboenvir-piclist-top li:nth-child(1){width: 28.5%;}

.aboenvir-piclist-top li:nth-child(2){width: 21.2%;margin-left: .2%;}

.aboenvir-piclist-top li:nth-child(3){width: 21.2%;margin-left: .2%}

.aboenvir-piclist-top li:nth-child(4){width: 28.5%;margin-left: .2%;}



.aboenvir-piclist-bottom{margin-top: 4px;}

.aboenvir-piclist-bottom li:nth-child(1){width: 49.9%;}

.aboenvir-piclist-bottom li:nth-child(2){width: 49.9%;margin-left: .2%;}



.aboidea-container{width: 100%;overflow: hidden;background: url('../images/abrlse/ab-ideaBg.jpg') no-repeat;padding: 180px 0;}

.aboidea-words{width: 740px;margin: 0 auto;text-align: center;}

.aboidea-words h4{font-size: 46px;color: #fff;}

.aboidea-words p{font-size: 16px;color: #fff;line-height: 28px;margin-top: 30px;}



.aboteam-container{width: 100%;overflow: hidden;padding: 90px 0 80px 0;background-color: #f0f0f0;}

.aboteam{width: 94%;margin-left: 3%;}

.aboteam-title{width: 500px;margin: 0 auto;text-align: center;}

.aboteam-title h4{font-size: 46px;color: #333;}

.aboteam-title p{font-size: 16px;color: #777;line-height: 26px;margin-top: 16px;}

.aboteam-manlist{width: 100%;overflow: hidden;margin-top: 30px;}

.aboteam-manlist ul li{width: 25%;float: left;position: relative;padding: 40px 40px 0 40px;height: 432px;overflow: hidden;cursor:pointer;}

.aboteam-manlist ul li img{width: 100%;object-fit: cover;height: 100%;transition: all .6s;}

.aboteam-manlist ul li:hover img{transform: scale(1.06);}

.aboteam-words{position: absolute;background-color: rgba(0,0,0,.8);padding: 20px 16px;left: 0;bottom: -100%;width: 100%;transition: all .4s;}

.aboteam-manlist ul li:hover .aboteam-words{bottom: 0;}

.aboteam-words h6{font-size: 22px;color: #fff;}

.aboteam-words p{font-size: 14px;color: #fff;margin-top: 6px;}



.aboteam-more{width: 100%;overflow: hidden;text-align: center;margin-top: 50px;}

.aboteam-more h6{display: inline-block;cursor: pointer;}

.aboteam-more h6 span{font-size: 16px;color: #555;display: inline-block;vertical-align: middle;}

.aboteam-more h6 i{

    width: 18px;height: 11px;background: url('../images/abrlse/ab-teamArr.png') no-repeat;

    display: inline-block;vertical-align: middle;margin: 2px 0 0 12px;

}

.aboteam-more h6:hover span{color: #d70808;}

.aboteam-more h6:hover i{background: url('../images/abrlse/ab-teamArrH.png') no-repeat;}

.abomien-container{width: 100%;overflow: hidden;height: 482px;background: url('../images/abrlse/ab-mienBg.jpg') no-repeat;}

.abomien-words{width: 510px;margin: 0 auto;text-align: center;margin-top: 90px;}

.abomien-words h4{font-size: 46px;color: #fff;}

.abomien-words p{font-size: 16px;color: #fff;line-height: 26px;margin-top: 16px;}



.abodesign-container{width: 100%;overflow: hidden;padding-bottom: 90px;margin-top: -200px;}

.abodesign{width: 94%;margin-left: 3%;position: relative;}

.abodesign-pic,.abodesign-words{width: 50%;float: left;height: 444px;overflow: hidden;background-color: #fff;}

.abodesign-pic img{width: 100%;height: 100%;object-fit: cover;transition: all .6s;}

.abodesign-pic img:hover{transform: scale(1.06);}



.abodesign-words{padding: 70px 50px 0 50px;}

.abodesign-words h4{font-size: 24px;color: #333;font-weight: bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.abodesign-words h4:hover{color: #d70808;}

.abodesign-words p{font-size: 16px;color: #777;line-height: 26px;margin-top: 24px;height: 52px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.abodesign-words h6{

    font-size: 16px;color: #333;display: inline-block;padding: 8px 6px;border-bottom: 2px solid #494949;margin-top: 50px;

}

.abodesign-words h6:hover{color: #d70808;border-color: #d70808;}



.abodesign-prne{font-size: 0;position: absolute;bottom: 18%;right: 41%;z-index: 6;}

.abodesign-prne>div{width: 44px;height: 44px;border-radius: 100%;display: inline-block;vertical-align: middle;cursor: pointer;margin-right: 10px;}

.abodesign-prev{background: #d6d6d6 url('../images/abrlse/ab-mienL.png') no-repeat center center;}

.abodesign-next{background: #d6d6d6 url('../images/abrlse/ab-mienR.png') no-repeat center center;}

.abodesign-prne>div:hover{background-color: #d70808;}



.abohint-container{width: 100%;overflow: hidden;background-color: #f6f6f6;}

.abohint-container ul li{

    width: 33.3333333333333%;box-sizing: border-box;border-right: 1px solid #eaeaea;float: left;

    height: 320px;overflow: hidden;display: flex;justify-content: center;align-items: center;padding: 0 30px;

}

.abohint-container ul li:last-child{border-right: none;}



.abohint-words{width: 100%;text-align: center;}

.abohint-words img{width: 75px;height: 75px;transition: all .6s;}

.abohint-words h4{font-size: 26px;color: #333;margin-top: 12px;}

.abohint-words p{font-size: 16px;color: #777;margin-top: 20px;}



.abohint-words:hover img{transform: translateY(-10px);}



/* 服务 */

.serbanner-container{width: 100%;overflow: hidden;position: relative;}

.serbanner-container img{width: 100%;object-fit: cover;min-height: 260px;}

.serbanner-words{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.serbanner-words h4{font-size: 68px;color: #fff;font-family: 'METROMEDIUMLT';text-transform: uppercase;}

.serdesign-container{width: 100%;overflow: hidden;}

.serdesign-message{width: 100%;overflow: hidden;background-color: #fff;}

.serdesign-message.gray{background-color: #f8f8f8;}

.serdesign{width: 1440px;margin: 0 auto;position: relative;}



.serdesign-pic{width: 31.3%;float: left;overflow: hidden;padding: 60px 0 100px 0;}

.serdesign-pt{width: 100%;text-align: right;font-size: 78px;color: #e8e8e8;font-family: 'METROMEDIUMLT';}

.serdesign-pc{width: 400px;height: 400px;padding: 12px;border: 1px solid rgba(51, 51, 51, .2);position: relative;}

.serdesign-pc img{width: 100%;height: 100%;transition: all .6s;}

.serdesign-pc:hover img{transform: scale(1.06);}

.serdesign-pb{width: 100%;text-align: left;font-size: 70px;color: #e8e8e8;font-family: 'METROMEDIUMLT';padding-left: 16%;}

.serdesign-bar{

    position: absolute;width: 38px;height: 106px;display: block;

    background-color: #d70808;opacity: .5;left: 14%;top: -10%;z-index: 2;

}



.serdesign-words{width: 67%;float: right;overflow: hidden;position: relative;margin: 10% 0 0 1.7%;}

.serdesign-ww{font-size: 140px;color: #e8e8e8;font-weight: bold;position: relative;z-index: 2;}

.serdesign-ww span{display: block;position: absolute;top: 0;right: 0;font-size: 36px;color: #555;font-family: 'METROMEDIUMLT';border-bottom: 2px solid #555;}

.serdesign-wt{width: 100%;overflow: hidden;margin: -120px 0 0 0;position: relative;z-index: 10;padding:0 24px 0 54px;}

.serdesign-wt h4{font-size: 42px;color: #333;font-weight: bold;}

.serdesign-wt h4 span{font-size: 26px;color: #333;margin-left: 16px;}

.serdesign-wt p{font-size: 16px;color: #777;line-height: 26px;margin-top: 16px;}



.serdesign-wc{width: 100%;overflow: hidden;margin: 32px 0 0 0;padding:0 24px 0 54px;}

.serdesign-wcl{width: 74px;height: 74px;border-radius: 100%;background-color: #d70808;text-align: center;line-height: 74px;overflow: hidden;float: left;}

.serdesign-wcr{float: left;overflow: hidden;margin-left: 20px;}

.serdesign-wcr-click{width: 100%;font-size: 0;}

.serdesign-wcr-click h6:nth-child(2){margin-top: 10px;}

.serdesign-wcr-click h6 span{

    cursor: pointer;margin-right: 8px;border: 1px solid #777;display: inline-block;vertical-align: middle;

    font-size: 15px;color: #777;width: 146px;height: 30px;text-align: center;line-height: 30px;

}

.serdesign-wcr-click h6 span:hover{color: #d70808;border-color: #d70808;}

.serdesign-wcr-click h6 span.ontrue{background-color: #777;color: #fff;border-color: #777;}

.serdesign-wcr-words{font-size: 13px;color: #777;margin-top: 16px;line-height: 26px;}



.serdesign-wb{width: 100%;overflow: hidden;margin: 12px 0 0 0;padding:0 24px 0 54px;}

.serdesign-wb h6{width: 66%;font-size: 0;}

.serdesign-wb h6 span{display: inline-block;font-size: 16px;color: #777;margin:16px 66px 0 0;}

.serdesign-wcr-click p{display: inline-block;vertical-align: middle;font-size: 16px;color: #333;font-weight: bold;}





.serdesign-message.white .serdesign-pic{float: right;}

.serdesign-message.white .serdesign-words{float: left;}

.serdesign-message.white .serdesign-ww span{right: auto;left: 0;}

.serdesign-message.white .serdesign-words {margin: 13% 0 0 0;}

.serdesign-message.white .serdesign-ww{padding-left: 10%;}

.serdesign-message.white .serdesign-wt{margin: -120px 0 0 0;padding:0 54px 0 14%;}

.serdesign-message.white .serdesign-wc {margin: 32px 0 0 0;padding:0 54px 0 14%;}

.serdesign-message.white .serdesign-wb {margin: 12px 0 0 0;padding:0 54px 0 14%;}

.serdesign-message.white .serdesign-pb{padding-left: 2%;}

.serdesign-message.white .serdesign-wb h6{width: 80%;}



.serdesign-message.extra .serdesign-wcl{display: block;float: none;line-height: 37px;margin-left: 5%;}

.serdesign-message.extra .serdesign-ww{padding-top: 50px;}







/* vinter后期添加 */

.team-piclist-messagesize{

    position: fixed;width: 100%;height: 100%;z-index: 999999;background: rgba(0,0,0,.8);left: 0px;top: 0px;

    display: none;

}

.team-piclist-message{

    position: absolute;width: 850px;height: auto;background: #fff;padding: 40px;

    border-radius: 5px;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;

}

.team-piclist-message .closet{color: #cacaca;font-size: 48px;font-weight: lighter;position: absolute;right: 40px;top: 40px;line-height: 30px;cursor: pointer;}

.team-piclist-message .closet:hover{color: #d70808;}

.team-piclist-message .teamI{width: 38%;float: left;overflow: hidden;}

.team-piclist-message .teamI img{max-width: 100%;transition: all .6s linear;background-color: #f0f0f0;}

.team-piclist-message .teamI img:hover{transform: scale(1.1);}



.team-piclist-message .teamN {width: 60%;float: right;overflow: hidden;}

.team-piclist-message .teamN h4{font-size: 26px;color: #d70808;font-weight: bold;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #eee;}

.team-piclist-message .teamN h4 span{font-size: 15px;color: #777;margin-left: 10px;font-weight: normal;}

.team-piclist-message .teamN p{font-size: 13px;color: #666;line-height: 28px;}











/* -------------------------PC端--------------------------- */



@media all and (max-width:1700px) {

    .relcompany-title h4{font-size: 32px;}

    .relbanner-words h4{font-size: 62px;}

    .product-container{padding: 100px 0;}

    .abocourse-message{width: 94%;}

    .aboenvir-piclist ul li{height: 344px;}

    .aboteam-manlist ul li{height: 318px;}

    .abodesign-pic, .abodesign-words{height: 336px;}

    .abodesign-words {padding: 40px 40px 0 50px;}

    .abodesign-prne {bottom: 4%;right: 39%;}

    .abohint-container ul li{height: 280px;}

    .serbanner-words h4{font-size: 54px;}

    .serdesign-pt{font-size: 72px;}

    .serdesign-ww{font-size: 132px;}

    .serdesign-wb h6{width: 72%;}

}



@media all and (max-width:1500px) {

    .serdesign{width: 94%;}

}

@media all and (max-width:1460px) {

    .relbanner-words h4 {font-size: 54px;}

    .relbanner-words h6{margin-top: 18px;}

    .relcompany-left {padding: 90px 24px 90px 0;}

    .relcompany-right {padding: 90px 0 90px 44px;}

    .reljoin-left,.reljoin-right{height: 380px;}

    .product-container{padding: 80px 0;}

    .product-words-message h4{font-size: 34px;}

    .abocourse-container{padding: 80px 0;}

    .abocourse-title h4,.aboenvir-title h4,.aboidea-words h4,.aboteam-title h4,.abomien-words h4{font-size: 38px;}

    .abocourse-message{margin-top: 60px;}

    .aboenvir-piclist ul li{height: 320px;}

    .aboenvir-container{padding: 80px 0;}

    .aboidea-container{padding: 140px 0;}

    .aboteam-manlist ul li{height: 298px;}

    .aboteam-container{padding: 80px 0;}

    .abomien-words{margin-top: 80px;}

    .abodesign-pic, .abodesign-words{height: 318px;}

    .abodesign-prne {bottom: 4%;right: 38%;}

    .abohint-words h4 {font-size: 22px;margin-top: 8px;}

    .abohint-words p{margin-top: 12px;}

    .serdesign-wb h6{width: 80%;}

    .serdesign-pt {font-size: 68px;}

    .serdesign-ww {font-size: 126px;}

    .serdesign-wt {margin: -110px 0 0 0;}

    .serdesign-message.white .serdesign-wt{margin: -110px 0 0 0;}

}



@media all and (max-width:1380px) {

    .relcompany-title h4 {font-size: 28px;}

    .relcompany-words ul li a {font-size: 14px;}

    .relcompany-words ul li i {margin: 0 6px 0 0;}

    .relcompany-left {padding: 76px 20px 76px 0;}

    .relcompany-right {padding: 76px 0 76px 44px;}

    .reljoin-right-words h3{font-size: 32px;}

    .reljoin-left-words ul li h4 {font-size: 32px;}

    .relinfor-container {padding: 52px 0;}

    .serdesign-pc{width: 360px;height: 360px;}

    .serdesign-wb h6{width: 100%;}

    .serdesign-pt {font-size: 64px;}

    .serdesign-ww {font-size: 120px;}

    .serdesign-message.white .serdesign-wb h6{width: 100%;}

    .serdesign-wt {margin: -100px 0 0 0;}

    .serdesign-message.white .serdesign-wt{margin: -100px 0 0 0;}

}



@media all and (max-width:1300px) {

    .relcompany-title h4 {font-size: 26px;}

    .relcompany-title p{font-size: 16px;}

    .relbanner-words h4 {font-size: 44px;}

    .relcompany-left {padding: 60px 20px 60px 0;}

    .relcompany-right {padding: 60px 0 60px 34px;}

    .reljoin-left, .reljoin-right {height: 340px;}

    .reljoin-left-words ul li p {font-size: 16px;margin-top: 10px;}

    .relinfor-left{width: 44%;}

    .aboenvir-piclist ul li{height: 282px;}

    .abocourse-title h4, .aboenvir-title h4, .aboidea-words h4, .aboteam-title h4, .abomien-words h4 {font-size: 30px;}

    .aboteam-manlist ul li {padding: 24px 28px 0 28px;height: 260px;}

    .aboteam-words h6 {font-size: 18px;}

    .aboteam-words{padding: 16px 14px;}

    .abodesign-words h4{font-size: 20px;}

    .abodesign-words p{margin-top: 18px;}

    .abodesign-prne {bottom: 4%;right: 36%;}

    .serdesign-pc {width: 340px;height: 340px;}

    .serdesign-pic {padding: 40px 0 60px 0;}

    .serbanner-words h4{font-size: 44px;}

    .serdesign-wt h4 {font-size: 38px;}

    .serdesign-message.white .serdesign-wt{padding:0 34px 0 10%;}

    .serdesign-message.white .serdesign-wc {padding:0 34px 0 10%;}

    .serdesign-message.white .serdesign-wb {padding:0 34px 0 10%;}

    .serdesign-pt {font-size: 58px;}

    .serdesign-ww {font-size: 110px;}

    .serdesign-wt {margin: -80px 0 0 0;}

    .serdesign-message.white .serdesign-wt{margin: -80px 0 0 0;}

}



@media all and (max-width:1280px) {

    .product-words-message h4 {font-size: 30px;}

}



@media all and (max-width:1200px) {

    .form-container {padding: 28px 0;}

    .form-message input{height: 42px;}

    .form-click{height: 42px;}

    .relcompany-words ul li:nth-child(2n+1){width: 100%;}

    .relcompany-words ul li:nth-child(2n){width: 100%;}

    .relcompany-words ul li{margin-top: 12px;}

    .reljoin-left-words ul li{width: 100%;}

    .reljoin-left-words ul li:nth-child(2) {margin-top: 32px;}

    .relinfor-left {width: 56%;}

    .reljoin-shade{width: 94%;}

    .product-container {padding: 60px 0;}

    .product-icon ul li{margin: 0 16px;}

    .product-words-message {width: 94%;margin-top: 28px;}

    .product-words-message h4 {font-size: 26px;}

    .product-words-message p{margin-top: 14px;}

    .product-number-message {width: 94%;margin-top: 28px;}

    .product-number ul li h6{font-size: 34px;}

    .product-number ul li p{margin-top: 6px;}

    .abocourse-message ul li {padding: 20px 8px;}

    .abocourse-words p {font-size: 14px;line-height: 24px;margin-top: 24px;}

    .abocourse-words h6 {width: 180px;height: 180px;margin-left: -90px;text-align: center;line-height: 180px;font-size: 50px;margin-top: 45px;}

    .abocourse-container {padding: 60px 0;}

    .aboenvir-container {padding: 60px 0;}

    .aboenvir-title {padding-bottom: 54px;}

    .aboenvir-piclist ul li{height: 240px;}

    .aboidea-container {padding: 90px 0;}

    .abocourse-title h4, .aboenvir-title h4, .aboidea-words h4, .aboteam-title h4, .abomien-words h4 {font-size: 28px;}

    .aboteam-container {padding: 60px 0;}

    .aboteam-manlist ul li {padding: 16px 20px 0 20px;height: 226px;}

    .aboteam-more {margin-top: 30px;}

    .abodesign-words {padding: 24px 20px 0 20px;}

    .abodesign-words h6{margin-top: 28px;}

    .abodesign-pic, .abodesign-words{height: 260px;}

    .abomien-container{height: 440px;}

    .abodesign-container {padding-bottom: 60px;}

    .abohint-container ul li {height: 260px;}

    .serdesign-pc{width: 290px;height: 290px;}

    .serdesign-pb{font-size: 54px;}

    .serdesign-pt {font-size: 50px;}

    .serdesign-ww {font-size: 96px;}

    .serdesign-wt h4 {font-size: 34px;}

    .serdesign-wt {margin: -66px 0 0 0;}

    .serdesign-message.white .serdesign-wt{margin: -66px 0 0 0;}

    .serdesign-wcr-click h6 span{width: 138px;margin-right: 4px;}

    .serdesign-message.white .serdesign-wt{padding:0 34px 0 2%;}

    .serdesign-message.white .serdesign-wc {padding:0 34px 0 2%;}

    .serdesign-message.white .serdesign-wb {padding:0 34px 0 2%;}

    .serdesign-wcl{width: 66px;height: 66px;line-height: 66px;}

    .serdesign-words {margin: 8% 0 0 1.7%;}

    .serdesign-words{padding-bottom: 44px;}

    .serdesign-wt{padding: 0 24px 0 24px;}

    .serdesign-wc{padding: 0 24px 0 24px;}

    .serdesign-wb{padding: 0 24px 0 24px;}

	

	.team-piclist-message{width: 94%;}

}





/* ------------------------手机端-------------------------- */



@media all and (max-width:1000px) {

    .form-message input{width: 100%;}

    .form-phone,.form-need{margin-left: 0;margin-top: 2%;}

    .form-click{width: 100%;margin-left: 0;margin-top: 2%;}

    .relbanner-words h4 {font-size: 36px;}

    .relbanner-words h6 a {margin: 0 8px;font-size: 16px;padding: 8px;}

    .relbanner-words h6 {margin-top: 8px;}

    .relcompany-left {width: 100%;border-right: none;padding: 24px 0;}

    .relcompany-title h4 {font-size: 18px;}

    .relcompany-title p {font-size: 14px;}

    .relcompany-words {margin-top: 12px;}

    .relcompany-words ul li:nth-child(4) a{width: 92%;}

    .relcompany-right {width: 100%;padding: 24px 0;}

    .reljoin-left, .reljoin-right {width: 100%;height: auto;padding: 24px 0;}

    .reljoin-left-words ul li h4 {font-size: 22px;}

    .reljoin-right-words h3 {font-size: 22px;}

    .relinfor-left {width: 100%;padding-right: 0;}

    .relinfor-right {padding-left: 0;width: 100%;margin-top: 20px;}

    .relinfor-container {padding: 32px 0;}

    .reljoin-shade-title h5 {font-size: 20px;}

    .reljoin-shade-title {padding: 16px 0;}

    .reljoin-shade-list { margin-top: 20px;}

    .reljoin-shade-list p {font-size: 14px;}

    .reljoin-shade-words {padding: 2px 0 40px 0;height: 300px;}



    .product-container {padding: 32px 0;}

    .product-icon ul li{width: 33.333333333333%;margin: 0;text-align: center;}

    .product-words-message h4 {font-size: 20px;}

    .product-number ul li{width: 50%;margin-top: 24px;}

    .product-number ul li h6 {font-size: 24px;}

    .product-number ul li h6 b {margin-left: 2px;}

    .product-number ul li p {margin-top: 2px;}

    .product-number-message {margin-top: 6px;}



    .abocourse-title{width: 94%;}

    .abocourse-title h4, .aboenvir-title h4, .aboidea-words h4, .aboteam-title h4, .abomien-words h4 {font-size: 24px;}

    .abocourse-container {padding: 32px 0;}

    .abocourse-title p{margin-top: 12px;}

    .abocourse-container{background-image: none;background-color: #222;}

    .abocourse-message ul li{width: 100%;}

    .abocourse-message {margin-top: 28px;}

    .aboenvir-container {padding: 32px 0;}

    .aboenvir-title {padding-bottom: 28px;}

    .aboenvir-piclist ul li{width: 100% !important;margin-left: 0 !important;height: auto;margin-top: 8px;}

    .aboenvir-piclist-bottom {margin-top: 0;}

    .aboidea-words{width: 94%;}

    .aboidea-words p{margin-top: 16px;font-size: 16px;line-height: 26px;}

    .aboidea-container {padding: 44px 0;}

    .aboteam-title{width: 94%;}

    .aboteam-title p{margin-top: 12px;}

    .aboteam-container {padding: 32px 0;}

    .aboteam-manlist ul li{width: 50%;height: 146px;padding: 16px 16px 0 16px;}

    .aboteam-words {padding: 8px 6px;}

    .aboteam-words h6 {font-size: 14px;}

    .aboteam-words p {font-size: 12px;margin-top: 4px;}

    .abomien-words{width: 94%;margin-top: 0;}

    .abomien-words p{margin-top: 12px;}

    .abomien-container{height: auto;padding: 44px 0;}

    .abodesign-container {padding-bottom: 44px;margin-top: 0;}

    .abodesign {width: 100%;margin-left: 0%;}

    .abodesign-pic{width: 100%;height: 160px;}

    .abodesign-words {width: 100%;height: auto;padding: 24px 16px;}

    .abodesign-words p {margin-top: 12px;}

    .abodesign-prne {bottom: 4%;right: 4%;}

    .abohint-container ul li{width: 100%;border-right: none;border-bottom: 1px solid #eaeaea;height: 230px;padding: 0 16px;}

    .abohint-container ul li:last-child{border-bottom: none;}

    .abohint-words h4 {font-size: 20px;}



    .serdesign-pic{width: 100%;padding: 32px 0 16px 0;}

    .serdesign-pt {font-size: 44px;}

    .serdesign-pb {font-size: 44px;padding-left: 0;}

    .serdesign-words{width: 100%;margin: 0;}

    .serdesign-ww {font-size: 54px;}

    .serdesign-ww span{font-size: 26px;}

    .serdesign-wt{padding: 0;}

    .serdesign-wt h4 {font-size: 24px;}

    .serdesign-wt h4 span {font-size: 18px;margin-left: 8px;}

    .serdesign-wt p{margin-top: 8px;}

    .serdesign-wt{margin: -30px 0 0 0;}

    .serdesign-wc{padding: 0;}

    .serdesign-wcl{float: none;margin: 0 auto;}

    .serdesign-wcr{margin-left: 0;margin-top: 20px;}

    .serdesign-wcr-click h6 span{width: 31%;margin: 0 .2%;font-size: 12px;}

    .serdesign-wb{padding: 0;}

    .serdesign-wb h6 span {width: 50%;margin: 16px 0 0 0;font-size: 14px;}

    .serdesign-message.white .serdesign-ww span {left: auto;right: 0;}

    .serdesign-message.white .serdesign-wt{margin: -30px 0 0 0;padding: 0;}

    .serdesign-message.white .serdesign-ww {padding-left: 0%;}

    .serdesign-wcr-click p{width: 100%;}

    .serdesign-message.extra .serdesign-wcl{line-height: 52px;}

	

	

    .team-piclist-message {width: 96%;height: 90%;padding: 15px;}

    .team-piclist-message .closet {right: 3px;top: 3px;}

    .team-piclist-message .teamI{display: none;}

    .team-piclist-message .teamN{width: 100%;overflow-y: auto;height: 100%;}

}