@charset "utf-8";
:root{
    --color:#00b097;
    --wcolor:#fff;
    --size16:16px;
}
.w50{ width: 50%; }
.maximg{ max-width: 100%; }
.cursor{ cursor: pointer; }
.icons{ display: inline-block;width: 0;height: 0;background: url("../images/icons.png?v1.0.2") no-repeat 0 0; }
.trans{ -webkit-transition: all .3s ease-out;transition: all .3s ease-out; }
.ovh{ text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.back-color{ background: #f8f8f8; }
/*HeaderSTART*/
.header,
.header .logo,
.header .types{ position: relative; height: 78px; }
.header{ position: fixed;top: 0;left: 0; width: 100%;line-height:78px; z-index: 1018; }
.header .container{ width: 1390px; }
.header .logo{ width: 103px;display: flex;align-items: center; }
.header .logo .logo-img{ width: 100%;height: 39px;overflow: hidden; }
.header .logo img{ display: block;max-width: 100%;margin-top: -61px; }
.header .types{display: flex;align-items: center; }
.header .htel{ font-size: var(--size16);color: #fff;font-weight: bold; }
.header .htel i{ width: 24px;height: 24px;vertical-align: -6px;margin-right: 8px;background-position: 0 -32px; }
.header .search{ margin: 13px 35px 0 48px; }
.header .search i{ width: 26px;height: 26px;background-position: -33px -32px; }
.header .lang{ color: #fff; }
.header .ceng{ position: absolute;top: 0;left: 0; width: 100%;height: 0;background: transparent;z-index: 0; }
/** nav **/
.nav.nav-b{ width: calc(100% - 420px); text-align: center; }
.nav ul li{ display: inline-block;margin: 0 25px; }
.nav ul li.has-submenu.vertical{ position: relative; }
.nav ul li a{ position: relative; display:block;font-size: 16px;color: #fff; }
.nav ul li.has-submenu a:after{ position:absolute;bottom: 0;left: 50%; display: block;width: 0;height: 2px;
    background: transparent;content: "";transition:all .36s cubic-bezier(0.4,0.8,0.74,1) .05s; z-index: 68 }
.nav ul li .childer{
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    line-height: 100px;
    top: 78px;
    left: 0;
    border-top:1px solid #e9e9e9;
    overflow: hidden;
    z-index: 1008;
}
/*.nav ul li.sub1 .childer{ left: -277px; }*/
.nav ul li.has-submenu.vertical .childer{ width: 130px; height: auto;left: -25px; background: #fff; line-height: 40px; padding: 5px 0; }
.nav ul li .childer a{ float: left; color: #666;margin: 0;padding: 0 15px;font-size: 15px;
    visibility:visible !important;animation-name:fadeInDown !important; }
.nav ul li .childer a:after{ display: none !important; }
.nav ul li.has-submenu.vertical .childer a{ float: none;padding: 0; }
/*.nav ul li.has-submenu.vertical.sub5 .childer a:last-child{ display: none; }*/
.nav ul li:nth-of-type(2) .childer{ height: 120px;line-height:normal; }
.nav ul li:nth-of-type(2) .childer a{ height: 100%;margin: 0 10px; }
.nav ul li:nth-of-type(2) .childer a i{ display: block;width: 32px;height: 32px;margin: 25px auto 10px; overflow: hidden; }
.nav ul li:nth-of-type(2) .childer a i img{ margin-top: -48px; }
.nav ul li.has-submenu.on .childer{ display: flex; }
.nav ul li.has-submenu.vertical.on .childer{ display: block; }
.nav ul li .childer a:hover{ color: #000 !important; }
.nav ul li.on:nth-of-type(2) .childer a:hover{ background: var(--color);color: #fff !important; }
.nav ul li.on:nth-of-type(2) .childer a:hover i img{ margin-top: 0; }
.nav ul li.on:nth-of-type(2) .childer a:nth-of-type(2):hover i img{ margin-top: 3px; }
.nav ul li.on:nth-of-type(2) .childer a:nth-of-type(3):hover i img{ margin-top: 3px; }
.nav ul li.on:nth-of-type(2) .childer a:nth-of-type(4):hover i img{ margin-top: 10px; }
.nav ul li.has-submenu.on a:after{ width: 100%;left: 0;background: #00b097; }
/** On **/
.lays .header .ceng{ background: #fff;height: 79px; }
.lays.tos .header .ceng{ height: 199px; }
.lays .header .logo img{ margin-top: 0; }
.lays .header .nav ul li a{ color: #666; }
.lays .header .htel{ color: var(--color); }
.lays .header .htel i{ background-position: 0 0; }
.lays .header .search i{ background-position: -33px 0; }
.lays .header .lang{ color: #666; }
.header-dask{ display:none;position:fixed;top:0;left:0;width:100%;height: 100%; background: rgba(0,0,0,.05); z-index:1006; }
/*SlidesSTART*/
.slide-usezans-e.swiper-container{ width: 100%;overflow: hidden; }
.slide-usezans .swiper-container { width: 100%;height: auto; }
.slide-usezans .swiper-slide {text-align: center;font-size: 18px;background-repeat: no-repeat;background-position: center; }
.slide-usezans .swiper-slide img{display: block;max-width: 100%;height: auto;margin-left: auto;margin-right: auto;}
.slide-usezans .swiper-button-next,
.slide-usezans .swiper-button-prev{ width:50px !important;height:50px !important; background: none;}
.slide-usezans .swiper-button-next{right:2% !important;}
.slide-usezans .swiper-button-prev{left:2% !important;}
.slide-usezans .swiper-button-next .span-next,
.slide-usezans .swiper-button-prev .span-prev{ color: #fff;font-size: 50px; }
.slide-usezans.swiper-container .swiper-button-prev.swiper-button-disabled,
.slide-usezans.swiper-container .swiper-button-next.swiper-button-disabled{opacity:0;}
.slide-usezans.swiper-container-horizontal .swiper-pagination-bullets{ bottom: 5%; }
.slide-usezans.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet{ opacity: .4; }
.slide-usezans.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity: 1; }
/*SlidesNED*/
/*Footer*/
.footer:after{ display: block;content: "";clear: both; }
.footer{ padding: 70px 0 0; }
.footer a{ color: #333; }
.footer-nav ul li{min-width: 255px;float: left;}
.footer-nav ul li h3{ font-size: 16px;color: #fff;font-weight: bold;padding-bottom: 10px; }
.footer-nav ul li a{ color: #999;display: block;padding-top: 10px; }
.footer-right{ width: 235px; }
.footer-right .phone{ text-align: right; }
.footer-right .phone span{ display: block;height: 24px;line-height: 24px; color: #a4a4a4;
    padding-right: 32px; background: url("../images/tel-icon.png") no-repeat center right; }
.footer-right .phone strong{font-size: 34px;color: #fff;padding:5px 0 25px;}
.footer-right .code{ display: block;float: right;width: 110px; }
.footer-right .wtime{ clear: both;color: #fff;text-align: right;padding-top: 12px; }
.footer-right .wtime p{ color: #ababab; }
/** links **/
.links{ padding: 15px 0 25px; }
.links img{ float: left;margin-right: 15px; }
.links a{ position: relative; color: #999;line-height: 30px;padding: 0 10px; }
.links a::after{ content: ""; position: absolute;top: 6px;left: -3px;width: 1px;
    height: 12px;background: #525252; }
/** copyright **/
.copyright{height: 55px;line-height: 55px;border-top: 1px solid #3f3f3f;}
.copyright,.copyright a{ color:#999 }
.footer-nav ul li a:hover, .links a:hover, .copyright a:hover{ color: #006680; }
/** search **/
.lasyer-search{ display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #fff;z-index: 1096; }
.lasyer-search .search-head{ display: flex;align-items: center; height:90px;padding: 0 50px; }
.lasyer-search .search-head .slogo{ margin-top: 66px; }
.lasyer-search .close-xx{ position: absolute;top: 50px;right: 50px;cursor: pointer; z-index: 6; }
.lasyer-search .search-con{ display: flex;flex-direction: column;justify-content: center; width: 830px;height: calc(100vh - 190px); margin: 0 auto; }
.lasyer-search h6{ font-size: 60px;color: #666;line-height: 70px;text-align: center; }
.lasyer-search .bth-submit{ position: relative; width: 100%;height: 60px;border-radius: 65px;margin: 35px 0; overflow: hidden; }
.lasyer-search .bth-submit .keywords{ width:calc(100% - 25px);height: 60px;padding: 0 0 0 25px; background: #f5f5f5;border: 0; }
.lasyer-search .bth-submit .click-search{ position: absolute;top: 0;right: 0; width: 90px;height: 60px;border: 0;background: transparent;
    z-index: 8; }
.lasyer-search .bth-submit .click-search img{ cursor: pointer; }
.lasyer-search .footer-nav{ width: 100%;padding: 0;text-align: center; }
.lasyer-search .footer-nav ul li{ width: 25%; min-width: auto; }
.lasyer-search .footer-nav ul li h3{ color: #000; }
.lasyer-search .search-footer{ height: 100px;line-height: 100px;text-align: center; }
.lasyer-search .close-xx:hover{ transform: rotate(90deg);-webkit-transform: rotate(90deg); }
/*+---------------
/*+  Search
/*+---------------*/
.search-type{ padding: 40px 0 20px; }
.search-type a{
    display: inline-block;
    font-size: 18px;
    line-height: 60px;
    margin-right: 30px;
    position: relative;
    transition: all .3s;
}
.search-type a:last-child{ margin-right: 0; }
.search-type a:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
    transform: scaleX(0);
    transition: all .3s;
}
.search-type a:hover,
.search-type a.cur{ color: #000; }
.search-type a:hover:before,
.search-type a.cur:before{ transform: scaleX(1); }
.search-list{ padding-top: 80px; }
.search-list .result-list{ padding-top: 30px; }
.search-result-box .result .keywords {
    font-size: 20px;
    color: #da0d2a;
    font-weight: bold;
}
.search-result-box .result .num {
    font-size: 20px;
    color: #da0f2c;
}
/** empty **/
.empty{text-align: center;padding:80px 0;}
.empty strong{font-size: 25px;color:#333}
/*++------------------------
/*++  Plate-Module
/*++------------------------*/
/** comm-title **/
.comm-title{text-align: center;padding-bottom: 60px;}
.comm-title h5{ font-size: 38px;color: #000; }
.comm-title p{ font-size: 16px;color: #666;padding-top: 10px; }
.comm-title.white h5,.comm-title.white p{ color: #fff; }
/** newproduct **/
.newproduct{ padding: 55px 0; }
.newproduct .container{ position: relative; background: #efefef;height: 550px;overflow: hidden; }
.newproduct .remark{ position: absolute;top: 32%;right: 180px;text-align: center; }
.newproduct .remark h2{ font-size: 46px;color: #000;padding-top: 20px; }
.newproduct .remark h5{ color: #666;font-size: 24px; }
.newproduct .remark a{ display: block;font-size: 18px;color: var(--color);margin: 10px auto 28px;text-decoration:underline; }
/** hotproduct **/
.hotproduct .cons{ margin-bottom: 135px;background: #f8f8f8;overflow: hidden; }
.hotproduct .swiper-slide,
.hotproduct .remark{ height: 502px; }
.hotproduct .imgs{ position: relative; }
.hotproduct .imgs .bthse{
    position: absolute;
    top: 45%;
    display: block;
    width: 30px;
    height: 54px;
    background-position: 0 -146px;
    cursor: pointer;
    z-index: 6;
}
.hotproduct .imgs .bthse.cprev{ left: 30px; }
.hotproduct .imgs .bthse.cnext{ right: 30px;background-position: -41px -146px; }
.hotproduct .imgs .bthse.cprev:hover{ background-position: 0 -87px; }
.hotproduct .imgs .bthse.cnext:hover{ background-position: -41px -87px; }

.hotproduct .remark{ display: flex;flex-direction: column;justify-content: center; padding: 0 105px;text-align: left; }
.hotproduct .remark h5{
    font-size: 38px;
    color: var(--color);
}
.hotproduct .remark p{
    font-size: 18px;
    color: #666;
    line-height: 35px;
    margin: 35px 0;
}
.hotproduct .remark a{ font-size: 22px;color: var(--color); }
/** all-maps **/
/*.all-maps{ padding-top: 40px; }*/
/** plate-course **/
.plate-course{ position: relative; width: 100%;height: 500px;margin-bottom: 230px; }
.plate-course .container{ position: relative; }
.plate-course .comm-title{ padding: 45px 0 70px; }
/** four-adav **/
.four-adav,.four-adav ul li{ height: 135px; }
.four-adav{ width: 810px; position: absolute;left: 50%; bottom: -67.5px;background: #fff;margin: 0 0 0 -400px; box-shadow: 0 0 20px rgba(0,0,0,.2); }
.four-adav ul li{ display: flex;flex-direction: column;justify-content: center; float: left; width: calc((100% / 3) - 1px);text-align: center;
    border-right: 1px solid #ebf2eb; }
.four-adav ul li:last-child{ border-right-color: #fff; }
.four-adav ul li h5{ font-size: 36px;color: var(--color);font-weight: bold; }
.four-adav ul li p{ font-size: 15px;color: #666; }
/** course-lists **/
.course-lists{ position: relative; }
.course-lists .bors{ display: block;width: 100%;height: 1px;background: var(--color); }
.course-lists .bd .tempWrap{ width: 1230px !important;margin: -21px auto 0;padding-top: 10px; }
.course-lists .bd .tempWrap ul{ padding-top: 10px !important; }
.course-lists .bd ul li{ position: relative; float: left; width:320px; }
.course-lists .bd ul li .remark{ width: calc(100% - 50px);color: #fff; }
.course-lists .bd ul li .remark em{ position: absolute;top: -7.5px;left: 0; display: block;width: 15px;height: 15px;
    background: var(--color);border-radius: 65px;z-index: 10 }
.course-lists .bd ul li .remark h5{ font-size: 36px;padding: 15px 0 5px;color: #333; }
.course-lists .bd ul li .remark p{ color: #666; }
.course-lists .hd a{ position: absolute;top: -15px;width:30px;height:30px;cursor: pointer;background-position: -83px -82px; }
.course-lists .hd a.prev{ left: -25px; }
.course-lists .hd a.next{ right: 0;background-position: -121px -82px; }
/*.course-lists .hd a:hover{ background-position: -83px 0; }*/
/*.course-lists .hd a.next:hover{ background-position: -121px 0; }*/
/** wcret **/
.wcret{ background: #f8f8f8;padding: 40px 0;height: 800px; }
.home-subcat{ margin-top: 15px; }
.home-subcat a{ display: inline-block; position: relative; font-size: 18px;color: #000;margin: 0 8px; }
.home-subcat a:after{ display: block; position: absolute;bottom: -10px;left: 50%; width: 0;height: 4px;background: transparent;content: "";
    -webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.home-subcat a.on{ color: var(--color); }
.home-subcat a.on:after{ width: 100%; left: 0; background: var(--color); }
.wcret .wcret-tab{ position: relative; }
.wcret .wcret-tab .cret-con{ position:absolute;top:0;left:50%;margin:0 0 0 -575px;visibility:hidden; }
.wcret .wcret-tab .cret-con.visible{ visibility: visible; }
.certify {position: relative;width: 1150px;margin: 0 auto}
.certify .swiper-slide {width: 400px;height: 600px;background: transparent;}
.certify .swiper-slide img{display:block;}
.certify .swiper-slide p {display: none;font-size: 16px;color: #666;padding-top: 20px;}
.certify .swiper-slide.swiper-slide-active p{ display: block;text-align: center; }
.certify .swiper-button-prev0,
.certify .swiper-button-prev1,
.certify .swiper-button-next0,
.certify .swiper-button-next1{ position: absolute;top: 40%;width: 30px;height: 55px;cursor: pointer;opacity: .6; z-index: 6 }
.certify .swiper-button-prev0,.certify .swiper-button-prev1{left: 50px;background-position: 0 -146px;}
.certify .swiper-button-next0,.certify .swiper-button-next1{right: 50px;background-position: -41px -144px;}
.certify .swiper-button-prev0:hover,.certify .swiper-button-prev1:hover{background-position: 0 -87px; opacity: 1;}
.certify .swiper-button-next0:hover,.certify .swiper-button-next1:hover {background-position: -41px -85px; opacity: 1;}
/** article **/
.article{ padding-top: 120px; }
.article .atitle{ position: relative; font-size: 24px;color: #000;font-weight: bold;padding-left: 14px;margin-bottom: 15px; }
.article .atitle:after{ position:absolute;top: 8px;left: 0; display: block; width: 3px;height: 24px; content: "";background: var(--color);}
.article .first{ width: 860px; background: #f6f6f6; }
.article .first .remark{ position: relative; padding: 20px; }
.article .first .remark a{ display: flex; }
.article .first .remark img{ margin-right: 20px;width: 325px;height: 215px; }
.article .first .remark .intro{ width: calc(100% - 345px) }
.article .first .remark .intro h5{ font-size: 20px;color: #333; }
.article .first .remark .intro .desc{ padding: 18px 0 50px; }
.article .first .remark a:hover h5{ color: var(--color); }
.article .lis{ width: 400px; }
.article .lis ul li{ position: relative; line-height: 33px; }
.article .lis ul li .icons{ width: 6px;height: 9px; content: "";background-position: -70px 0;padding-right: 5px; }
.article .lis ul li:first-child a{ font-size: 20px;color: #000; }
.article .lis ul li:first-child .icons{ display: none; }
.article .lis ul li:hover a{ color: var(--color); }
/* article-industry */
.article.industry{ padding: 50px 0 100px; }
.article.industry .first .remark img{ margin: 0 0 0 20px; }
/*++------------------------
/*++  List-Content
/*++------------------------*/
.nbanner .container{ position: relative;height: 100%; }
.nbanner a{ position: relative; display: block;width: 100%;min-height: 360px; }
.nbanner .text{ position: absolute;width: 100%; top: 25%;left: 0;text-align: center; }
.nbanner .text h5{ font-size: 46px;color: #fff; }
.nbanner .text p{ font-size: 16px;color: #fff;padding: 5px 0 10px; }
.nbanner .text span{ color: #fff; }
/** subcat-list **/
.subcat-list{ margin-bottom: 45px; }
.subcat-list a{ position: relative; font-size: 20px;color: #000;font-weight: bold;margin-right: 15px; }
.subcat-list a:after{ position: absolute;bottom:-10px;left: 0; width: 100%; display:block;height:4px;background: transparent;content: "";
    z-index: 6;
}
.subcat-list a.on{ color: var(--color); }
.subcat-list a.on:after{ background: var(--color); }
/** pro-lists **/
.productall{ padding: 60px 0 20px; }
.productall ul li .frist,
.productall ul li .rlist .rows-2{ height: 426px;overflow: hidden; }
.productall ul li .frist{ float: left; width: 650px; position: relative; }
.productall ul li .frist h5{ position: absolute;top: 40px;left: 35px; font-size: 38px;color: #fff;z-index: 6 }
.productall ul li .rlist{ float: right; width: calc(100% - 660px); }
.productall ul li .rlist .rows-2{ float: left;width: 315px;background: #f7f7f7; }
.productall ul li .rlist .rows-2:first-child{ margin-right: 10px; }
.productall ul li .rlist .remark{ text-align: center;padding: 40px 0; }
.productall ul li .rlist .remark h5{ font-size: 16px;color: #000;font-weight: bold; }
.productall ul li .rlist .remark p{ font-size: 14px;color: #999; }
.productall ul li .rlist .imgs{ display: flex;align-items: center; height: calc(426px - 126px);overflow: hidden; }
.productall ul li .rlist .imgs img{ display: block; max-width: 98%;margin: 0 auto;transition: all 1s; }
.productall ul li .rlist .rows-2:hover .imgs img{ transform: scale(1.2); }
.productall ul li .rlist .rows-2:hover .remark h5{ color: var(--color); }
.productall .more-jia{ text-align: center;line-height: 20px;margin: 30px auto 40px; }
.productall .more-jia a{ color: var(--color);font-size: 16px;letter-spacing: 2px; }
.productall .more-jia em{ display: inline-block;width: 20px;height: 20px;
    background: url("../images/jia.png") no-repeat;margin-left: 8px;vertical-align: -4px; }
/** list **/
.pro-lists{ padding: 10px 0 50px; }
.pro-lists ul li{ float: left; width: calc((100% - 10px) / 2);height: 720px;padding: 40px 0; background: #e8e8e8;margin-bottom: 10px; }
.pro-lists ul li .imgs{ display: flex;align-items: center;justify-content: center; height: calc(100% - 180px);overflow: hidden; }
.pro-lists ul li .imgs img{ max-width: 100%;transition: all 1s; }
.pro-lists ul li .remark{ text-align: center;height: 180px; }
.pro-lists ul li .remark h5{ font-size: 35px;color: var(--color); }
.pro-lists ul li .remark p{ font-size: 20px;color: #000;padding: 3px 0 20px; }
.pro-lists ul li .remark span{ font-size: 18px;color: #666; }
.pro-lists ul li:hover .imgs img{ transform: scale(1.2); }
.pro-lists ul li:hover .remark span{ color: var(--color); }
/** num-4 **/
.pro-lists.num-4 ul li:nth-of-type(even){ float: right; }
/** num-3 **/
.pro-lists.num-3 ul li:first-child{ width: 100%;height: 560px;padding: 0; float:none;margin-right: 0; }
.pro-lists.num-3 ul li:first-child a{ height: 100%;display: flex;align-items: center;flex-direction:row-reverse; }
.pro-lists.num-3 ul li:first-child .remark,
.pro-lists.num-3 ul li:first-child .imgs{ width: 50%; }
.pro-lists.num-3 ul li:first-child .imgs{ height: auto; }
.pro-lists.num-3 ul li{ margin-right:0; }
.pro-lists.num-3 ul li:nth-of-type(2n){ margin-right: 10px; }
/** show **/
.parameter{ padding: 20px 0 100px; }
.parameter img{ max-width: 100%; }
.svideo{ height: calc(100vh - 80px); }
.vv-video,
.vv-video video{ width: 100%;object-fit: contain }
/** sbanner-list **/
.sbanner-list,
.sbanner-list .swiper-slide{ height: 854px; }
.sbanner-list{ background: url("../images/procover.jpg") no-repeat center top; }
.sbanner-list{ position: relative; }
.sbanner-list .stitle{ width: 100%; position: absolute;top: 145px; color: #fff;text-align: center;z-index: 68 }
.sbanner-list .stitle h1{ font-size: 46px;padding-bottom: 10px; }
.sbanner-list .stitle p{ font-size: 16px;padding-bottom: 10px; }
.sbanner-list .stitle a{ color: #fff; }
.sbanner-list .swiper-slide{ background: transparent; }
.sbanner-list .swiper-slide img{ position: absolute;left: 50%; bottom: -20%; display: block;transform: translate(-50%,0); }
/** swiper-pagination **/
.sbanner-list .topbanner .swiper-pagination{ top: 300px;bottom: auto;z-index: 160 }
.sbanner-list .topbanner .swiper-pagination .swiper-pagination-bullet{ width: 14px;height: 14px;margin: 0 10px;}
.sbanner-list .topbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff; }
/** wpics **/
.wpics ul li:last-child{ padding:104px 0;height: 900px !important;  }
/** contactus **/
.contactus{ background: #fafafa; }
/** map **/
.head-tit{margin:0 0 20px;padding-bottom:15px;border-bottom: 1px solid #f0f0f0;font-size:16px;color:#333;}
#allmap{height: 450px;overflow: hidden;}
.Map{height: 450px;}
#maps{width: 100%;height: 450px;}
#maps .info-title{color: white;font-size: 14px;background-color: rgba(0,155,255,0.8);line-height: 26px;padding: 0 0 0 6px;font-weight: lighter;letter-spacing: 1px}
#maps .info-content{padding: 4px;color: #666666;line-height: 23px;}
#maps .info-content img{float: left;margin: 3px;}
#maps .amap-adcombo-close{ background:#000 url(../images/mapclose.png) center center no-repeat !important; }
/** contact-us **/
.contact-intro{ padding: 0 70px; background: #fff; }
.contact-intro ul:after{ display: block;content: "";clear: both; }
.contact-intro ul{ padding: 30px 0; border-bottom: 1px solid #d9d9d9; }
.contact-intro ul li {
    float: left;
    width: calc(100% / 2);
    font-size: 16px;
    color: #333;
}
.contact-intro ul li p {line-height: 24px;}
.contact-us{ background: #fff; padding: 60px 70px; }
.contact-us ul li{ float: left; width: 370px; }
.contact-us ul li:nth-of-type(2){ margin: 0 95px; }
.contact-us ul li .remark{ border-top: 1px solid #d9d9d9;padding: 35px 0 0;margin-top: 35px; }
.contact-us ul li .remark p{ color: #999; }
.contact-us ul li .remark h5{ font-size: 24px;color: #000; }
/** article **/
.recommend-article{ padding: 30px 0 40px;overflow: hidden; }
.recommend-article ul li{
    float: left;
    width: 48%;
    background: #fff;
}
.recommend-article ul li.first{ width: 100%;float: none;margin-bottom: 23px; }
.recommend-article ul li.first a{ display: flex;align-items: center; }
.recommend-article ul li.first .imgs{ width: 62%;height: auto; }
.recommend-article ul li.first .remark{ width: 38%;  }
.recommend-article ul li.first .remark .intros{ width: 250px; }
.recommend-article ul li.first .remark .desc{ display: block; }
.recommend-article ul li:nth-of-type(3){ float: right; }
.recommend-article ul li .imgs{ width: 100%;height: 350px;overflow: hidden; }
.recommend-article ul li img{ display: block;width: 100%;height: 100%; }
.recommend-article ul li .remark{ padding: 20px 40px; }
.recommend-article ul li .remark h6{ color: var(--color); }
.recommend-article ul li .remark h3{ font-size: 20px;color: #000;font-weight: bold;padding: 5px 0 20px; }
.recommend-article ul li .remark .desc{ display: none;padding-bottom: 60px; }
.recommend-article ul li:hover .remark h3{ color: var(--color); }
.article-list ul li{ margin-bottom: 25px; }
.article-list ul li a{ display: flex;align-items: center; }
.article-list ul li .imgs{ width: 375px; }
.article-list ul li img{ display: block; width: 100%; }
.article-list ul li .remark{ width: calc(100% - 445px); padding: 0 35px; }
.article-list ul li .remark .time{ color: #757474;font-weight: normal;padding-left: 20px; }
.article-list ul li .remark h5{ font-size: 16px;color: #000;padding: 0 0 20px;font-weight: bold; }
.article-list ul li .remark p{ font-size: 16px;color: #000;line-height: 24px; }
/** Show **/
.content-title{ padding: 130px 0 49px;border-bottom: 2px solid #efefef; }
.content-title h1{ font-size: 36px;color: #000; }
.content-title .sub-title{ color: #999; }
.content-title .sub-title span{ margin-right: 15px; }
.news-content .detail{ padding: 45px 0 30px; }
.news-content .detail img{ max-width:100%; }
/** About **/
.about-sub{ height:60px;line-height:60px;border-bottom:1px solid #e9e9e9;text-align:center; }
.about-sub.fix{ position: fixed;top: 0;left: 0;width: 100%;background: #f8f8f8; z-index: 684; }
.about-sub a{ position:relative;font-size:20px;color:#000;margin:0 65px; }
.about-sub a:after{display:block;position:absolute;bottom:-17px;left:0;width:0;height:2px;content:"";background:transparent; }
.about-sub a.on:after{ left:0;width:100%;background:var(--color); }
/** about-brand **/
.about-brand{ background: #f5f5f5;height: 752px;margin-bottom: 110px; }
.about-brand .aleft{ width: 668px;height: 100%; background:transparent url("../images/about-gs.png") no-repeat center top;background-size: cover; }
.about-brand .aleft .remark{ padding: 50px 0 0 80px; width: 490px;text-align: center; }
.about-brand .aleft .remark h5{ font-size: 38px;padding-bottom: 18px; }
.about-brand .aleft .remark span{ position: relative;padding: 7px 0;font-size: 20px;font-weight: lighter; }
.about-brand .aleft .remark span:after,
.about-brand .aleft .remark span:before{ position:absolute;width:152px;left:-24px;height:1px;background:#333;content:"";z-index:66; }
.about-brand .aleft .remark span:after{ top:0; }
.about-brand .aleft .remark span:before{ bottom:0; }
.about-brand .aleft .remark p{ font-size: 16px;padding-top: 45px;text-align: left;line-height:30px; }
.about-brand .aright{ width: calc(100% - 668px); }
.about-brand .aright ul{ width: 490px;margin: 0 auto; }
.about-brand .aright ul li{ max-height: 170px; padding: 40px 0;border-bottom: 1px solid #666;overflow: hidden; }
.about-brand .aright ul li:last-child{ border-bottom: 0; }
.about-brand .aright ul li h5{ font-size: 24px;color: #000;padding-bottom: 15px; }
.about-brand .aright ul li p{ color: #666;font-size: 16px;line-height:30px; }
/** about-brand **/
.about-founder{ padding-bottom: 125px; }
.about-founder .remark{ position: relative; background: #f5f5f5;height: 410px;text-align: center; }
.about-founder .remark span{ position: absolute;top: 25px;left: 50px; text-transform: uppercase;font-size: 24px;color: #000; }
.about-founder .remark img{ padding: 90px 0 55px; }
.about-founder .remark .istxt{ font-size: 24px;color: #000; }
.about-founder .desc{ padding: 23px 40px 0 0;font-size: 16px;color: #666;line-height: 30px; }
.about-founder .aright img{ display: block;width: 100%; }
/** list-wcret **/
.list-wcret{ background: #f8f8f8; }
/** about-free **/
.about-free{ padding: 100px 0; }
.about-free .comm-title{ padding-bottom: 20px; }
.about-free .cons{ padding-top: 20px; }
.about-free .cons ul li{ width: calc((100% / 3) - 80px); float: left; }
.about-free .cons ul li:nth-of-type(2){ margin: 0 120px; }
.about-free .cons ul li h5{ line-height: 74px;font-size: 24px;color: #000; }
.about-free .cons ul li img{ width: 74px;height: 74px;border-radius: 65px;margin-right: 12px; }
.about-free .cons ul li .desc{ padding-top: 20px;color: #666;line-height: 28px; }
/** causebg **/
.causebg{ background: #f8f8f8; padding: 60px 0 110px;margin-bottom: 120px; }
.about-cause ul li{ position: relative; float: left;width: calc((100% / 3) - 10px); }
.about-cause ul li:nth-of-type(2){ margin: 0 15px; }
.about-cause ul li img{ display: block;width: 100%; }
.about-cause ul li h5{ position: absolute;width: 100%;top: 46%;left: 0; font-size: 24px;color: #fff;text-align: center; }
/** Partner-Brand **/
.aftersale{ text-align: center; }
.aftersale h5{ font-size: 38px;color: #000;padding-top: 70px; }
.aftersale span{ font-size: 20px;color: #666; }
.aftersale img{ display: block;max-width: 100%;margin: 40px auto 100px; }
.aftersale .btel h6{ font-size: 25px;color: #000; }
.aftersale .btel a{ display: block;width: 300px;height: 50px;background: var(--color);color: #fff;
    margin: 30px auto 125px;font-size: 20px;line-height: 50px; }
.aftersale .btel i{ width: 23px;height: 24px; background-position: 0 -32px;padding-right: 10px;vertical-align: -4px; }
/** brand-list **/
.brand-trend .cons{ display: flex;align-items: center; }
.brand-trend .cons .remark h5{ font-size: 38px;color: #000;padding-bottom: 30px; }
.brand-trend .cons .remark p{ font-size: 17px;color: #666;line-height: 35px; }
/** brand-contact **/
.brand-contact{ padding:100px 0;}
.brand-contact ul li{ float: left; width: 49%;height: 780px; background: #f8f8f8;margin-bottom: 2%; overflow: hidden; }
.brand-contact ul li:nth-of-type(even){ float: right; }
.brand-contact ul li .remark .remark-con{ width: 430px;margin: 0 auto; }
.brand-contact ul li .remark h5,
.brand-contact ul li .remark h6{ font-size: 24px;color: #000;padding-bottom: 5px; }
.brand-contact ul li .remark h6{ margin-top: 50px; padding-top: 50px;border-top: 1px solid #666; }
.brand-contact ul li .remark p{ font-size: 16px;color: #666;line-height: 30px; }
/** brand-zc **/
.brand-zc .container{ width: 1084px;min-width: 1084px;padding-bottom: 50px; }
.brand-zc ul li{ float: left;padding: 50px 28px 0; width: 269px;height: 380px;margin-bottom: 54px; background: #f8f8f8; text-align: center; }
.brand-zc ul li:nth-of-type(3n-1){ margin: 0 54px; }
.brand-zc ul li .icon-img{ display: block;width: 80px;height: 80px;margin: 0 auto; overflow: hidden; }
.brand-zc ul li h5{ font-size: 24px;color: #000;padding: 45px 0; }
.brand-zc ul li .desc{ font-size: 16px;color: #666; }
.brand-zc ul li:hover{ background: var(--color); }
.brand-zc ul li:hover h5,
.brand-zc ul li:hover .desc{ color: #fff; }
.brand-zc ul li:hover .icon-img img{ margin-top:-119px; }
.brand-zc ul li:nth-of-type(2):hover .icon-img img{ margin-top:-113px; }
.brand-zc ul li:nth-of-type(3):hover .icon-img img{ margin-top:-104px; }
.brand-zc ul li:nth-of-type(4):hover .icon-img img{ margin-top:-107px; }
.brand-zc ul li:nth-of-type(5):hover .icon-img img{ margin-top:-113px; }
.brand-zc ul li:nth-of-type(6):hover .icon-img img{ margin-top:-118px; }
/** oebm-free **/
.oebm-free{ padding: 75px 0 100px; }
.oebm-free ul li,
.oebm-free ul li .remark{ height: 473px; }
.oebm-free ul li{ overflow: hidden; }
.oebm-free ul li .imgs{ float: left; }
.oebm-free ul li .remark{ float: right;display: flex;align-items: center; }
.oebm-free ul li .remark .remark-con{ padding: 0 40px; }
.oebm-free ul li .remark h5,
.oebm-free ul li .remark h6{ font-size: 24px;color: var(--color);padding-bottom: 5px; }
.oebm-free ul li .remark h6{ padding-top: 15px; }
.oebm-free ul li .remark p{ font-size: 17px;color: #666;line-height: 35px; }
.oebm-free ul li:nth-of-type(even) .imgs{ float: right; }
.oebm-free ul li:nth-of-type(even) .remark{ float: left; }
/** research **/
.research .container{ width: 1160px;min-width: 1160px; }
.res-title{ text-align: center; }
.res-title h5{ font-size: 38px;color: #000; }
.res-title .bors{ display: block;width: 120px;height: 10px;background: var(--color);border-radius: 10px;margin: 30px auto 40px; }
.res-title.white h5{ color: #fff; }
.res-title.white .bors{ background: #fff; }
.research .intro{ padding: 85px 0 60px;}
.research .intro .intro-con{ color: #666; font-size: 16px; }
.research .intro .intro-con p{ font-size: 17px;line-height: 35px; }
/** adav-list **/
.adav-list{ padding-bottom: 75px; }
.adav-list ul li{ position: relative; float: left;height: 345px;text-align: center;overflow: hidden; }
.adav-list ul li .imgs{ width: 150px;height: 150px;margin: 25px auto; }
.adav-list ul li img{ display: block;max-width: 100%; }
.adav-list ul li .remark{ color: #666;padding: 0 30px; }
.adav-list ul li .remark h5{ font-size: 18px;padding-bottom: 10px; }
.adav-list.four ul li{ width: calc((100% / 4) - 14px);margin-right: 15px;}
.adav-list.four ul li:nth-of-type(4n){ margin-right: 0; }
.adav-list.four ul li:after{
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(0deg,#d0d1cb,#9ea093,#d0d1cb);
    content: "";
}
.adav-list.four ul li:nth-of-type(4n):after{ background: transparent; }
/** adav-list ers **/
.adav-list.ers ul li{ display: flex;align-items: center; width: calc(49% - 100px);height: 210px; padding: 0 50px; }
.adav-list.ers ul li:nth-of-type(even){ float: right; }
.adav-list.ers ul li:nth-of-type(even):after{
    position: absolute;
    left: 18px;
    top: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(0deg,#d0d1cb,#9ea093,#d0d1cb);
    content: "";
}
.adav-list.ers ul li .remark{ width: calc(100% - 210px);padding: 0; }
/** adav-list san **/
.adav-list.san ul li{ width: 33.3333333%; }
.adav-list.san ul li:nth-of-type(2):after,
.adav-list.san ul li:nth-of-type(2):before{
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(0deg,#d0d1cb,#9ea093,#d0d1cb);
    content: "";
}
.adav-list.san ul li:nth-of-type(2):after{ left: 0 }
.adav-list.san ul li:nth-of-type(2):before{ right: 0 }
/** res-page **/
.research .res-page{ padding: 40px 0 0; }
.research .res-page .rpage-con .desc{ color: #666;padding-bottom: 45px;font-size: 17px;line-height: 35px; }
.res-page img{ display: block; max-width: 100%;margin: 0 auto; }
.research .res-page.yl{ background: #f6f6f6; }
.research .res-page.xj{ padding-bottom: 140px; }
/** res-page-lr **/
.res-page-lr{ padding-bottom: 110px; }
.res-page-lr .rpage-con{ display: flex;align-items: center; }
.res-page-lr .rpage-con .text{ padding: 150px 50px; width: calc(100% - 542px);font-size: 17px;color: #666;
    background: #f5f5f5;line-height: 35px; }
/** apption **/
.apption{ padding-bottom: 120px; }
.apption .app-sub{ border-bottom: 1px solid #e9e9e9;margin-bottom: 40px; }
.apption .app-sub a{ position: relative; display: inline-block; font-size: 18px;color: #666;padding-bottom: 10px;margin-right: 45px; }
.apption .app-sub a:after{ position: absolute;bottom: 0;left: 0; width: 100%;height: 2px;content: "";background: transparent; z-index: 6 }
.apption .app-sub a.on{ font-weight: bold; }
.apption .app-sub a.on:after{ background: var(--color); }
.apption .intros{ font-size: 16px;margin-bottom: 60px; }
.apption .intros p{ line-height: 30px; }
.apption .tab-app .app-con{ display: none; }
.apption .tab-app .app-con:first-child{ display: block; }
.apption .tab-app ul li{ float: left;margin-right: 2px; }
.apption .tab-app ul li:last-child{ margin-right: 0; }
.apption .tab-app ul li img{ display: block;width: 100%; }
/** feedback **/
.feedback .container{ width: 970px;min-width: 970px; }
.feedback{ padding: 100px 0; }
.feedback .title{ text-align: center;padding-bottom: 80px; }
.feedback .title h5{ font-size: 38px;color: var(--color); }
.feedback .title p{ color: #666;font-size: 18px; }
.feedback ul li{ margin-bottom: 25px; }
.feedback ul li label{ float: left; display:block; width: 110px;line-height: 50px; font-size: 20px;color: #000; }
.feedback ul li label em{ color: var(--color); }
.feedback ul li input, .feedback ul li select,
.feedback ul li textarea{ float: left; width: calc(100% - 154px); padding: 0 20px;height: 50px;border: 0; }
.feedback ul li select{ width: 200px; }
.feedback ul li.textarea{ height: 130px; }
.feedback ul li.textarea textarea{ height: 90px;padding: 20px; }
.feedback ul li.submit{ margin: 0;height: 55px; }
.feedback ul li.submit .input-submit{ display: block; width: 220px;height: 55px;background:var(--color);color: #fff;border: 0;cursor: pointer;
    margin: 0 auto;
}
.Validform_checktip{margin-left:110px;line-height:20px;height:20px;overflow:hidden;color:#999;font-size:12px}
.Validform_right{color:#71b83d;padding-left:20px;background:url(../images/right.png) no-repeat left center}
.Validform_wrong{color:red;padding-left:20px;white-space:nowrap;background:url(../images/error.png) no-repeat left center}
.Validform_loading{padding-left:20px;background:url(../images/onLoad.gif) no-repeat left center}
.Validform_error{background-color:#ffe7e7}
/*+---------------
/*+  Pages
/*+---------------*/
.pages{ text-align:center;padding:35px 0; }
.pages a{ display:inline-block;padding:5px 13px;margin-right:5px;background: #f5f5f5; }
.pages a:last-child{ margin-right:0; }
.pages a.curr{ color:#fff;background:var(--color); }
/*+------------------
/*+  Prev-Next
/*+------------------*/
.Pre-Next{ position: relative; height: 120px;border-top: 1px solid #ebebeb; }
.Pre-Next p{ max-width:50%;min-height:120px;line-height:120px;float: left; overflow:hidden;}
.Pre-Next .page-next{ float: right; }
.Pre-Next p a{ font-size: 14px; }
.Pre-Next p a:hover{ color: var(--color); }
@media screen and (max-width: 1440px){
    .video-lists ul li:first-child{ width: 490px; }
    .video-lists ul li:first-child img{ height: 100%; }
}