锘縤mg{max-width: 100%;}
.brand-part02img{ max-width: 100%;}

.about-part01{ text-align: center;padding:2% 0 4%;}

.about-part01 h2{ font-weight: bold; color:#464646; margin-bottom:0.5%;}

.about-part01 h3{color:#000000; margin-bottom: 2%;}

.about-part01 p{line-height: 1.8; margin-bottom: 2.5%;}

.about-part01 .banner_link a{ display: block; margin: 0 auto;}



.about-part02{position: relative; overflow: hidden;}

.about-part02 .wrap{ position: relative;}

.about-part02 .tip{position: absolute; z-index: 3; right:10%; bottom:35%; color: #0E0F0F;}

.about-part02 .txt{position: absolute; z-index: 2; lefT:0; bottom: 0; widtH:100%;}

.about-part02 .txt ul{padding:0 0 4% 10%;}

.about-part02 .txt li{ float: left; widtH:25%;}

.about-part02 .txt li span{ font-weight: bold;}

.about-part02 .txt li span em,.about-part02 .txt li span i{ font-style: italic;}
.about-part02 .txt li span i{margin-left: 5px; font-weight: normal;}

.about-part02 .txt li p{color:#0E0F0F;}

.about-part02 .bg-layer{ position: absolute; lefT:0; bottom:0;z-index: 1; widtH:100%; height: 100%; background: url(../upload/about_bg01.png) no-repeat; background-size: cover;}

.about-part03{margin-top: 4%;}

.about-part03{ position: relative;}
.about-part03 .img img{width:100%;}
.about-part04 .img img{width:100%;}
.about-part03 .txt{ position: absolute; lefT:0; bottom:0; z-index: 1; color:#fff; widtH:92%; padding:4%;}

.about-part03 .txt i{ display: block; font-size: 40px; line-height: 1.2;}

.about-part04{padding: 5% 0 0; position: relative; background: #fff!important;}

.about-part04 h2{line-height: 1.8; font-weight: bold;color: #464646;}

.about-part04 h3{margin-bottom: 3%;color:#464646;}

.about-part04 .img{widtH:100%; position: relative;}

.about-part04 .con{ position: absolute; left:0; top:0; widtH:100%; height: 100%;}

.about-part04 .con li.ll{ position: absolute; lefT:0; top:0; width:66.5%; height: 100%;}

.about-part04 .con li.rr{ position: absolute; right:0; top:0; width:33.5%; height: 100%; background: rgba(48,65,109,0.9);}

.about-part04 .con li.ll .inner{position: absolute; lefT:18%; bottom:0; padding:0 10px 50px 3%; color:#fff;}

.about-part04 .con li.ll .inner::after{content: ""; position: absolute; lefT:0; bottom:0; widtH:3px; height: 320px; background: #30416D;}

.about-part04 .con li.ll .inner h4{margin-bottom: 5%;}
.about-part04 .con li.ll .inner p.fnt_16{margin-bottom: 20px;}
.about-part04 .con li.rr .inner p.fnt_16{margin-bottom: 20px;}
.about-part04 .con li.ll .inner h4 a,.about-part04 .con li.rr .inner h4 a{color: #fff;}
.about-part04 .con li.ll .inner p a{color: #fff!important; display: inline-block; padding:0 20px; height: 32px; line-height: 32px; border-radius: 30px; background: #ca1b41;}

.about-part04 .con li.ll .inner i{display: inline-block;}

.about-part04 .con li.rr .inner{position: absolute; lefT:8%; bottom:0; padding:0 10px 50px 0; color:#fff;}

.about-part04 .con li.rr .inner h4{margin-bottom: 5%;}

.about-part04 .con li.rr .inner p a{color: #fff!important; display: inline-block; padding:0 20px; height: 32px; line-height: 32px; border-radius: 30px; background: #ca1b41;}

.about-part04 .con li.rr .inner p a em{ margin-right: 10px;}

.about-part04 .con li.rr .inner i{display: inline-block;}

.about-part04 .con span{cursor: pointer; position: absolute; top:50%; margin-top: -29px; right:calc(33.5% - 29px); width:58px; height: 58px; text-align: center; line-height: 58px; border-radius: 100%; background: rgba(255,255,255, 0.8);}

.about-part04 .con span i{ display: block; font-size: 24px; font-weight: bold; color:#30416D; transform:rotate(180deg);}

.about-part04 .con.on li.ll{width:33.5%; background: rgba(48,65,109,0.9);}

.about-part04 .con.on li.rr{width:66.5%; background: none;}

.about-part04 .con.on li.ll .inner::after{ display: none;}

.about-part04 .con.on li.rr .inner::after{ display: none; content: ""; position: absolute; lefT:-40px; bottom:0; widtH:3px; height: 320px; background: #30416D;}

.about-part04 .con.on li.rr .inner{left:4%;}

.about-part04 .con.on span{right:auto; left:calc(33.5% - 29px);}

.about-part04 .con.on span i{transform:rotate(0deg);}

.about-part05{padding:5% 0;}



.history{ height: 480px; position: relative;}

.history .swiper-container{ height: 480px; width:calc(100% - 100px); margin: 0 auto;}

.history .swiper-button-prev{ z-index: 2; left:0px; font-size: 40px; width:40px; height: 40px; line-height: 40px; margin-top:-20px; background: none;}

.history .swiper-button-next{ z-index: 2; right:0px; font-size: 40px; width:40px; height: 40px; line-height: 40px;  margin-top:-20px;background: none;}

.history .swiper-button-prev.swiper-button-disabled,.history .swiper-button-next.swiper-button-disabled{cursor: pointer; pointer-events:inherit!important; opacity: 1;}

.history .swiper-button-prev.disabled{ cursor: default; opacity: 0.5;}

.history .swiper-button-next.disabled{ cursor: default; opacity: 0.5;}

.history .line{ position: absolute; z-index: 1; left:50px; right:50px; top:calc(50% + 2px); width:calc(100% - 100px); height: 3px; background: #555B69;}

.history li{ position: relative; height: 480px;}

.history li::after{content: "";position: absolute;left: 0;top: 50%;margin-top: -15px;width: 26px;height: 26px;border:2px solid #30416D; border-radius: 100%; background:#fff;}

.history li .txt{widtH:100%;height:240px;}

.history li .txt span{display: block; line-height: 1.2; height: 1.2em; overflow: hidden; padding-top: 30px;}

.history li .txt em{ display: block; line-height: 1.2;height: 1.2em; overflow: hidden; color: #30416D; font-family: Arial, Helvetica, sans-serif;}

.history li .txt p{ height: 3em; overflow: hidden;}

.history li.on::after{
/*margin-top: -25px;width: 50px;height: 50px;*/
background: #30416D;
    border-color: #30416D;
}

.history li:nth-child(2n) .txt{margin-top:240px;}

.history li:nth-child(2n) .txt span{ padding-top: 40px;}





@media only screen and (max-width:1279px){

.about-part04 .con li.ll .inner::after{ height: 200px;}

.history li .txt p{ height: auto;}

}

@media only screen and (max-width:767px){

.about-part02 .txt ul{padding:0 5% 2%;}

.about-part02 .txt li{padding:0 1%; widtH:48%;margin: 10px 0;}
.about-part02 .txt li:nth-child(2n+1){clear: both;}
.about-part02 .bg-layer{display: none;}
.about-part02 .txt{position: static;}

.about-part04 .con li.ll{width:50%;}

.about-part04 .con li.rr{width:50%;}

.about-part04 .con li.ll .inner::after{ display: none;}

.about-part04 .con li.ll .inner{left:5%; padding:0 0 10px;}

.about-part04 .con li.rr .inner{left:4%;padding:0 0 10px;}

.about-part04 .con li.rr .inner p a{margin-right: 0;}

.about-part04 .con span{display: none; widtH:30px; height: 30px; margin-top: -15px; right: calc(40% - 15px); line-height: 30px;}

.about-part04 .con span i{ font-size: 14px;}

.about-part04 .con.on li.ll{widtH:50%;background: none !important;}

.about-part04 .con.on li.rr{widtH:50%;    background: rgba(48,65,109,0.9) !important;}
.about-part04 .con li.ll .inner p.fnt_20,.about-part04 .con li.rr .inner p.fnt_20{display: none;}
.about-part04 .con li.ll .inner,.about-part04 .con li.rr .inner{bottom: auto;top:10px;}

.about-part04 .con.on span{left:calc(40% - 15px);}

.history,.history .swiper-container,.history li,.history li .txt{ height: auto;}

.history .line{top:22px;}

.history .swiper-button-prev,.history .swiper-button-next{ top:0; margin-top: 0;}

.history li .txt,.history li:nth-child(2n) .txt{margin-top:40px;}

.history li .txt span,.history li:nth-child(2n) .txt span{padding-top: 0;}

.history li::after{top:20px; lefT:0px;}

.history li.on::after{margin-top: -10px;width: 20px;height:20px;}

.about-part02 .tip{bottom:auto; right:5%; top:5%;position: static;margin-top: 10px;}
.about-part04 .con li.ll .inner p.fnt_16{margin-bottom: 5px;}
.about-part04 .con li.rr .inner p.fnt_16{margin-bottom: 5px;}

}

@media only screen and (max-width:413px){
    .about-part04 .con{position: relative; height: auto; background: rgba(48,65,109,0.9);}
    .about-part04 .con li.ll,.about-part04 .con li.rr{position: static; left:auto; right:auto; top:auto; bottom:auto; width:90%; padding: 5%;}
    .about-part04 .con li.ll .inner,.about-part04 .con li.rr .inner{position: static;}
    .about-part04 .con li.ll .inner p a,.about-part04 .con li.rr .inner p a{margin-top: 10px;}
}



.company-part01{ padding:5% 0;}

.company-part01 .con{ float: right; widtH:60%;}

.company-part01 .con h2{font-weight: bold;color:#464646; margin-bottom:1%;}

.company-part01 .con h3{color:#000000; margin-bottom:5%;}

.company-part01 .con .txt{line-height: 1.8; color:#000000; margin-bottom: 2.5%;}

.company-part02{ padding:1% 0 2%; background: #fff;}

.company-part02 ul{margin-left: 5%;}

.company-part02 li{ float: left; widtH:25%; padding: 5% 0; position: relative;}

.company-part02 li::after{ content: ""; position: absolute; right:20px; top:0; widtH:117px; height: 238px; background: url(../images/dot01.jpg) no-repeat; background-size: cover;}

.company-part02 li:last-child::after{ display: none;}

.company-part02 li span{ font-weight: bold;}

.company-part02 li span em,.company-part02 li span i{ font-style: italic;}
.company-part02 li span i{margin-left: 5px; font-weight: normal;}
.company-part02 li p{color:#0E0F0F;}

.company-part03{padding: 5% 0 0;color:#fff;}

.company-part03 h2{ font-weight: bold;}

.company-part03 ul{margin-top: 12%;}

.company-part03 li{ float: left; widtH:20%; height: 220px; padding:100px 2.5% 70px; position: relative;}

.company-part03 li::before{content: ""; position: absolute; lefT:0; bottom:0; widtH:1px; height: 100%; background: rgba(255,255,255, 0.3);}

.company-part03 li span{ display: block; font-weight: bold; margin-bottom:8%;}

.company-part03 li p{ line-height: 2; height: 8em; overflow: hidden;}

@media only screen and (max-width:1599px){

    .company-part02 li::after{ widtH:58px; height: 119px; top:50%; margin-top: -60px;}

}

@media only screen and (max-width:1279px){

    .company-part03 li p{ height: 12em;}

}

@media only screen and (max-width:1023px){

    .company-part02 li{ width:50%;}

    .company-part02 li::after{ display: none;}

    .company-part02 li p{ widtH:98%;}

}

@media only screen and (max-width:767px){

.company-part01{background-position: right top!important;}

.company-part01 .con{ width:100%;}

.company-part01 .con .txt{ line-height: 1.5;}

.company-part03 ul{margin-top: 5%;}

.company-part03 li{ widtH:100%; height: auto; padding: 0; margin-bottom: 5%;}

.company-part03 li span{ margin-bottom:2%;}

.company-part03 li p{ height: 4.5em; line-height: 1.5;}

.company-part03 li::before{ display: none;}

}



.brand-part01{ padding: 3% 0 6%; text-align: center;}

.brand-part01 h2{margin-bottom: 2%; font-weight: bold; color:#464646;}
.brand-part02-w h2{margin-bottom: 2%; font-weight: bold; color:#464646;text-align: center;}

.brand-part01 .txt{color:#2C2C2C; line-height: 1.8;}

.brand-part01 span{ display: block; margin:3% auto 0; widtH:50px; height: 50px; border-radius: 100%; background: #FCF2F4;position: relative;}

.brand-part01 span i{position: absolute; left:50%; top:50%; display: block; width: 12px; height: 43px;}

.brand-part02{padding:12% 0 3%;background-position: 0 top !important;}
.brand-part02 h5{color:#fff;font-weight: bold;text-align: center;font-style: italic;display: none;}

.brand-part02 .banner_link a{ display: block;margin: 0 auto; cursor: default; color:#fff!important;}

.brand-part02 .banner_link a i{ display: inline-block;transform:rotate(90deg);}

.brand-part02 ul{margin-top:5%; overflow: hidden;}

.brand-part02 li{ float: left; widtH:16%; padding:5% 4.5%; position: relative; color:#fff;}

.brand-part02 li::before{content: ""; position: absolute;right:-40px; top:0; width:118px; height: 288px; background: url(../images/dot13.png) no-repeat;}

.brand-part02 li:last-child::before{ opacity: 0;}

.brand-part02 li h2{margin-bottom: 3%;}

.brand-part02 li p{line-height: 2;}

.brand-part03{margin: 5% 0 5%;}

.brand-part03 li{ float: left; widtH:49%; position: relative;margin-bottom: 2%;}

.brand-part03 li:nth-child(2n){ float: right;}

.brand-part03 li .con{position: absolute; z-index: 1; lefT:0; bottom: 0; widtH:90%; padding: 0 5% 8%; color:#fff;}

.brand-part03 li h2{margin-bottom: 1.5%; font-weight: bold;}

.brand-part03 li p{ font-weight: bold;}





.link_text .edit_con_original *{color:#fff !important}



@media only screen and (max-width:1279px){

    /*.brand-part02{padding-top:20%;}*/

}

@media only screen and (max-width:1023px){

    /*.brand-part02{padding-top:25%;}*/

    .brand-part02 li{width:48%; padding: 0; margin-bottom: 5%;}

    .brand-part02 li::before{opacity: 0;}

    .brand-part02 li:nth-child(2n){ float: right;}

}

@media only screen and (max-width:767px){

.brand-part01 span{ widtH:30px; height: 30px;}

.brand-part01 span i{ widtH:6px; height: 21px;}

.brand-part02{ background-size: 120%!important; background-position: center top!important; background: #36446B;}

.brand-part02 ul{ height: 150px;}

.brand-part02 li{ widtH:90%; padding: 0 5%;}

.brand-part02 li p{line-height: 1.5;}

.brand-part03 li{ widtH:100%;}

}



.network-part00{padding:2% 0;}

.network-part00 dl{position: relative;}

.network-part00 dt{ width:100%;position:relative;}
.network-part00 dt img{max-width: 100%;}
.net_box{position: absolute;bottom: 40px;left: 40px;width:60%;color: #032a6f;}
.net_box h2{font-size: 130px;line-height: 130px;margin-bottom: 40px;}
.net_box p{padding:20px;background:rgba(204,204,204,0.3);}


.network-part00 dd{color:#fff; padding: 0 8%; text-align: left; width: 84%;}

.network-part00 dd h2{ font-weight: bold; line-height: 1.4;}











.network-part01{padding:2% 0 0;}

.network-part01 h2{margin-bottom: 1.5%; text-align: center; font-weight: bold; color:#464646;}

.network-part01 h2+p{color:#000;text-align: center; margin-bottom: 3%;}

.network-part01 .box{position: relative; color:#fff;}

.network-part01 .img{ widtH:100%}

.network-part01 .box ul{ position: absolute; z-index: 2; lefT:0; top:0; widtH:100%; height: 100%;}

.network-part01 .box li{ float: left; widtH:16.66%; height: 100%; position: relative;}

.network-part01 .box li::before{content: ""; position:absolute; lefT:0; top:0; widtH:1px; height: 100%; background: rgba(255,255,255, 0.3);}

.network-part01 .box li .con01,.network-part01 .box li .con02{padding:0 10%; widtH:80%; text-align: center;}

.network-part01 .box li .con02{opacity: 0;}

.network-part01 .box li .con01 span{ display: block; margin: 0 auto 8%; widtH:70px; height: 70px; overflow: hidden;}

.network-part01 .box li .con02 h3{margin-bottom: 5%;}

.network-part01 .box li .con02 p{line-height: 1.8;}

.network-part02{padding:5% 0 0;}

.network-part02 h2{margin-bottom:1.5%; text-align: center; font-weight: bold; color:#464646;}

.network-part02 p{color:#000;text-align: center; margin-bottom: 3%;}

.banner-video{position: relative;}

.network-part03{padding:5% 0 2%;}

.network-part03 h2{margin-bottom: 1.5%; text-align: center; font-weight: bold; color:#464646;}

.network-part03 h2+p{color:#000;text-align: center; margin-bottom: 3%;}

.network-part03 li{margin-bottom: 4%; overflow: hidden;}

.network-part03 dl{ position: relative;}

.network-part03 dd{position: absolute; lefT:0; top:0; widtH:100%; height: 100%; background: url(../images/dot03.png) no-repeat; background-size: cover;}

.network-part03 li:nth-child(2n) dd{ background: url(../images/dot04.png) no-repeat;background-size: cover;}

.network-part03 dd .txt{color:#fff; widtH:40%; float: right; margin-right:5%; padding: 5% 0;}

.network-part03 dd .txt h3{margin-bottom: 5%;}

.network-part03 dd .txt .c{ height: 18em; line-height: 2;}

.network-part03 li:nth-child(2n) dd .txt{color:#000; float: left; margin-left: 5%; margin-right: 0;}

@media only screen and (max-width:1440px){
.net_box h2{font-size: 110px;line-height: 110px;margin-bottom: 20px;}
}
@media only screen and (max-width:1365px){
.net_box h2{font-size: 90px;line-height: 90px;margin-bottom: 10px;}
.network-part03 dd .txt .c{ height: 16em;}

}

@media only screen and (max-width:1024px){

.network-part01 .box li .con01{top:25%;}

.network-part01 .box li .con02{opacity: 1; top:60%;}

.network-part01 .box li .con01 h3{ display: none;}

}

@media only screen and (max-width:1023px){

    .network-part01 .box ul{position: static;padding: 5% 0 0; background: #89A2B6;}

    .network-part01 .box li{ width:100%; margin-bottom:5%;}

    .network-part01 .box li .con01,.network-part01 .box li .con02{position: static;padding:0 5%; widtH:90%; transform: translate(0,0); -webkit-transform: translate(0,0);-ms-transform: translate(0,0);-moz-transform: translate(0,0);-o-transform: translate(0,0);}

    .network-part01 .box li .con01 span{margin: 0 auto 3%;}

    .network-part03 dd .txt .c{ height: 10em;}
.net_box h2{font-size: 40px;line-height: 40px;margin-bottom:10px; text-align: center; font-weight: bold;}
.net_box{position: static;width: 100%;padding-top: 10px; background: rgba(204,204,204,0.3);}
.net_box p{padding:0 20px 20px; background: none;}
}

@media only screen and (max-width:767px){

.network-part01 .box li .con01 span{ widtH:40px; height: 40px;}

.network-part01 .box li .con02 h3{margin-bottom: 2%;}

.network-part01 .box li .con02 p{line-height: 1.5;}

.network-part03 dd .txt .c{line-height: 1.5; height: 4.5em;}

.network-part02 .banner-video .img{ height: auto!important;}

.banner-video .site_banner_text{ top:60%;}


}

@media only screen and (max-width:374px){

.network-part03 dd .txt h3{margin-bottom: 0;}

}





.inChina-tab{ padding: 4% 0 0; background: #F2F4F6;}

.inChina-tab li{ float: left; width: 50%; padding-bottom:3%; text-align: center; font-weight: bold; border-bottom: 3px solid #F2F4F6;}

.inChina-tab li.on{ border-bottom: 3px solid #30416D;}

.tab-tit{ text-align: center; margin: 6% 0 3%;}

.tab-tit ul{ display: inline-block;}

.tab-tit li{ float: left; cursor: pointer; padding: 0 35px; position: relative; color:#464646;}

.tab-tit li::before{content: ""; position: absolute; right:0; top:50%; margin-top:-12px; width:1px; height: 24px; background: #575757;transform:rotate(10deg);}

.tab-tit li.on{font-weight: bold;}

.tab-tit li:last-child::before{display: none;}

.tab-con{margin-bottom: 5%;}

.tab-con li{ float: left; widtH:49%; margin-bottom: 2%; background: #F2F4F6;}

.tab-con li:nth-child(2n){ float: right;}

.tab-con li dd{margin: 5% 5% 8%; height: 190px;}

.tab-con li dd h2{margin-bottom: 2%; color:#000;}

.tab-con li dd h3{margin-bottom: 2%;color:#000;}

.tab-con li dd .c{line-height: 1.8; color: #464646;}



.another dl{margin-bottom: 2%; background: #F2F4F6;}

.another dt,.another dd{ float: left; widtH:50%;}

.another dd .inner{padding:5%;}

.another dd h2{margin-bottom: 2%; color:#000;}

.another dd h3{margin-bottom: 2%; color:#000; min-height: 0.5em;}

.another dd .c{line-height: 1.8; height:12.6em; overflow: hidden; color: #464646;}

@media only screen and (max-width:1599px){
    .another dd .c{ height: 10.8em;}
}
@media only screen and (max-width:1365px){
    .another dd .c{ height: 9em;}
}
@media only screen and (max-width:1023px){

    .another dt,.another dd{ widtH:100%;}

}



@media only screen and (max-width:1279px){

    .tab-con li dd{ height: 150px;}

}

@media only screen and (max-width:767px){

    .tab-tit li{padding:0 6px;}

    .tab-tit{font-size: 12px;}

    .tab-tit li::before{ height: 18px; margin-top: -9px;}

    .tab-con li{ widtH:100%;}

    .tab-con li dd{ height: 130px;}

}



.overseas-part{padding: 5% 0 6%;}

.overseas-part li{margin-bottom: 3%; background: #F2F4F6; overflow: hidden;}

.overseas-part li:nth-child(2n){ background: url(../images/dot11.jpg) right top no-repeat #24427B;}

.overseas-part li dt{ float: right; widtH:43.68%;}

.overseas-part li dd{ float: left; widtH:56.32%;}

.overseas-part li:nth-child(2n) dt{ float: left;}

.overseas-part li:nth-child(2n) dd{ float: right;}

.overseas-part li dd .inner{padding: 10% 8% 5%;}

.overseas-part li dd h2{margin-bottom: 3%;}

.overseas-part li dd .c{ line-height: 2; height: 20em;}

.overseas-part li dd .c p{margin-bottom: 2%;}

.overseas-part li dd .c p:last-child{margin-bottom: 0;}

.overseas-part li:nth-child(2n) dd{color:#fff;}

@media only screen and (max-width:1599px){

    .overseas-part li dd .c{ height: 18.8em;}

}

@media only screen and (max-width:1399px){

    .overseas-part li dd .c{ height: 16.8em;}

}

@media only screen and (max-width:1279px){

    .overseas-part li dd .c{ height: 14.8em;}

}

@media only screen and (max-width:1023px){

    .overseas-part li dd .c{ height: 10.8em; line-height: 1.5;}

}

@media only screen and (max-width:767px){

    .overseas-part li dt,.overseas-part li dd{widtH:100%;}

    .overseas-part li dd .inner{padding:5%;}

}



.inChinadets-part{padding:5% 0;}

.inChinadets-part dt,.inChinadets-part dd{ float: left; widtH:50%;}

.inChinadets-part dd .inner{padding:0 0 0 5%;}

.inChinadets-part dd h2{margin-bottom: 2%; color:#000;}

.inChinadets-part dd h3{margin-bottom: 2%;color:#000;}

.inChinadets-part dd .c{line-height: 1.8; color: #464646; margin-bottom: 5%;}

.inChinadets-part dd p.p1{margin-bottom: 2%; height: 24px; line-height: 24px;color:#ca1b41;}

.inChinadets-part dd p.p1 i{font-size: 24px; vertical-align: middle; color:#ca1b41; margin-right: 10px;}

.inChinadets-part dd p.p1 .tel_link{color:#3e3e3e!important;}

@media only screen and (max-width:1023px){

    .inChinadets-part dt,.inChinadets-part dd{ widtH:100%;}

    .inChinadets-part dd .inner{padding:5% 0 0;}

}



.innovation-part01{margin: 2% 0 0;}

.innovation-part01 dl{position: relative;}

.innovation-part01 dt{ float: left; widtH:55.6%;}

.innovation-part01 dd{ position: absolute; right:0; top:28px; bottom:28px; z-index: 2; width:51.25%; background: #F4F4F4;}

.innovation-part01 dd .inner{padding: 8% 8%;}

.innovation-part01 dd .pharmacy_more{ text-align: left;}


.innovation-part01 dd h2{ font-weight: bold; color:#464646; position: relative;}
.innovation-part01 dd .ll{ float: left; width:60%; margin-top:5%; margin-bottom: 3%; height: 3.6em;}
.innovation-part01 dd .ll p{color:#000; line-height: 1.8;}

.innovation-part01 dd .rr{ float: right; width:30%;}
.innovation-part01 dd .rr h3{line-height: 1.2; font-family: Arial, Helvetica, sans-serif;}
.innovation-part01 dd .rr h3 b{font-weight: normal;}
.innovation-part01 dd .rr h3 i{position: relative; top:-40px;}



.innovation-part01 dd li{ float: left; padding: 0 3%;position: relative;width: 50%;margin-bottom: 10px;box-sizing: border-box;}
.innovation-part01 dd li:nth-child(2n+1){clear: both;}
.innovation-part01 dd li:nth-child(2n)::before{display: none;}

.innovation-part01 dd li:first-child{padding-left: 0;}

.innovation-part01 dd li:last-child{padding-right: 0;}

.innovation-part01 dd li::before{content: ""; position: absolute; right:0; top:10%; widtH:1px; height:80%; background: #CAC8C7;}

.innovation-part01 dd li:last-child::before{ display: none;}

.innovation-part01 dd li h3{line-height: 1.2; font-family: Arial, Helvetica, sans-serif;}

.innovation-part01 dd li h3 b{font-weight: normal;}

.innovation-part01 dd li p{font-weight: bold;}

.innovation-part02{padding:5% 0 6%;}

.innovation-part02 .wrap{ position: relative;}

.innovation-part02 .bg{ position: absolute; z-index: 1; lefT:0; top:0; widtH:100%; height: 100%; background: rgba(0,0,0,0.2);}

.innovation-part02 .img{ width: 100%;}

.innovation-part02 .txt{ z-index: 2; color:#fff; text-align: center;}

.innovation-part02 .txt h2{margin-bottom:15%; font-weight: bold;}

.innovation-part02 .txt .banner_link a{margin: 0 auto;}

@media only screen and (max-width:1660px){
    .innovation-part01 dd .rr h3 i{top:-20px;}
    
    
}
@media only screen and (min-width:1025px){
    .innovation-part01 dd .rr .pharmacy_more a:hover{width:120px;}
}

@media only screen and (max-width:1024px){
.innovation-part01 dd .rr .pharmacy_more a{widtH:120px;}
}
@media only screen and (max-width:1365px){

.innovation-part01 dd li{padding: 0 2%;}
}
@media only screen and (max-width:1279px){
.innovation-part01 dd .inner{padding:5%;}
.innovation-part01 dd .rr h3 i{top:-10px;}
.innovation-part01 dd .ll{ height: 4.5em; line-height: 1.5;}
}

@media only screen and (max-width:1023px){

.innovation-part01 dt{ widtH:100%; float: none;}

.innovation-part01 dd{ widtH:100%; position: static;}

}

@media only screen and (max-width:767px){

    .innovation-part01 dd .inner{padding: 5%;}

    .innovation-part01 dd h2,.innovation-part02 .txt h2{margin-bottom: 5%;}

    .innovation-part01 dd ul{margin-bottom: 0;}

   /* .innovation-part01 dd li{ widtH:100%; padding:0!important; margin-bottom: 5%;}
*/
    .innovation-part01 dd li::before{ display: none;}

    .innovation-part01 dd .ll,.innovation-part01 dd .rr{width:100%;}
    .innovation-part01 dd .ll{margin-top: 0; margin-bottom: 5%; height: auto;}
    .innovation-part01 dd .rr{margin-bottom: 5%;}

}



.overview-part01{margin:3% 0;}

.overview-part01 h2{ text-align: center; font-weight: bold; color:#464646;margin-bottom:15px;}

.overview-part01 h3{ text-align: center;}

.overview-part01 dl{margin-top: 3%;}
.overview-part01 dl dd{ float: left; widtH:25%; text-align: center;}
.overview-part01 dl dd span{ display: block; margin: 0 auto 4%; widtH:86px; height: 86px;overflow: hidden;}
.overview-part01 dl dd:hover span{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-mo-transform:rotate(360deg);transform:rotate(360deg);
    transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}

@media only screen and (max-width:767px){
.overview-part01 dl dd span{ widtH:40px; height: 40px;}
}
/*.overview-part01 ul{position: relative;}

.overview-part01 li{ float: left; widtH:50%; margin-left: 1.5%;}

.overview-part01 li .inner{padding: 10% 8%;}

.overview-part01 li:nth-child(2n){position: absolute; top:30px; right:1.5%;}

.overview-part01 li:nth-child(2n){color:#fff;}

.overview-part01 li .inner.baizi{color:#fff;}

.overview-part01 li h3{line-height: 1.2; font-family: Arial, Helvetica, sans-serif;}*/

.overview-part02{margin:0 0 5%; padding-top: 2%;}

.overview-part02 h2{ text-align: center; font-weight: bold; color:#464646;margin-bottom:15px;}

.overview-part02 h3{ text-align: center;}

.swiper-box{position: relative; margin-top:3%;}

.swiper-box .swiper-slide{/*width:1000px;*/ width:52%;}

.swiper-box .swiper-slide::before{ position: absolute; z-index: 2; content: ""; lefT:0; top:0; widtH:100%; height: 100%; background: rgba(255,255,255, 0.8);}

.swiper-box .swiper-slide.swiper-slide-active::before{ display: none;}

.swiper-box .swiper-slide dt{position: relative;}

.swiper-box .swiper-slide dt .txt{position: absolute; lefT:0; bottom: 0; widtH:100%; height: auto; 

    background: -webkit-linear-gradient(top, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.5) 100%);

    background: -moz-linear-gradient(top, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.5) 100%);

    background: -o-linear-gradient(top, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.5) 100%);}

.swiper-box .swiper-slide dt .txt h4{padding: 5% 10% 3%; color:#fff;}

.swiper-box .swiper-slide dt .txt h4 span{ display: block; font-weight: bold;}

.swiper-box .swiper-slide dd{opacity: 0; position: absolute;left:0; top:0; width:100%; height: 100%; background: rgba(0,0,0,0.7);}

.swiper-box .swiper-slide dd .inner{padding:5% 10%;color:#fff; overflow: hidden;}

.swiper-box .swiper-slide dd h4{ font-weight: bold; height: 1.5em; overflow: hidden;}

.swiper-box .swiper-slide dd h5{line-height: 1.2; height: 1.2em; overflow: hidden;}

.swiper-box .swiper-slide dd .c{margin: 3% 0; line-height: 1.8; height: 12.6em;overflow: hidden;}

.swiper-box .swiper-slide dd a.link{color:#fff; line-height: 36px;}

.swiper-box .swiper-slide dd a.link em{ float: left;margin-right: 10px;}

.swiper-box .swiper-slide dd a.link i{ float: left; font-size: 24px;}

.swiper-button-prev,.swiper-button-next{width:72px;height:46px; text-align: center; line-height: 46px; left:calc(24% - 36px);top:50%;margin-top:-23px;background:#fff;z-index:99; box-shadow: 0 0 5px 5px rgba(0,0,0,0.08);}	

.swiper-button-next{left:auto; right:calc(24% - 36px);}

.swiper-button-prev i,.swiper-button-next i{font-size: 40px; color: #444444;}



.overview-part03{margin:0 0 3%; padding-top: 2%;}

.overview-part03 h2{ text-align: center; font-weight: bold; color:#464646;margin-top:4%;}

.overview-part03 .tt{ text-align: center;}

.overview-part03 .tt dd{ color:#464646; float: left; width:25%; text-align: center; position: relative;}

.overview-part03 .tt dd::before{ content: ""; position: absolute;right:0; top:50%; margin-top:-50px; widtH:1px; height: 100px; background: #D4D7DC;}
.overview-part03 .tt dd:last-child::before{ display: none;}
.overview-part03 .tt dd span{ font-weight: bold;}
.overview-part03 .tt dd span i{ margin-left: 5px; font-weight: normal;}

.overview-part03 ul{margin-top: 4%;}

.overview-part03 li{ float: left; widtH:48.6%; margin-bottom: 2.5%;}

.overview-part03 li:nth-child(2n){ float: right;}

.overview-part03 li dl{position: relative;}

.overview-part03 li dt{position: relative;}

.overview-part03 li dt .txt{position: absolute; lefT:0; bottom: 0; widtH:100%; height: auto; 

    background: -webkit-linear-gradient(top, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.5) 100%);

    background: -moz-linear-gradient(top, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.5) 100%);

    background: -o-linear-gradient(top, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.5) 100%);}

.overview-part03 li dt .txt h4{padding: 5% 10%; color:#fff; font-weight: bold;}

.overview-part03 li dd{opacity: 0; position: absolute;left:0; top:0; width:100%; height: 100%; background: rgba(0,0,0,0.7);}

.overview-part03 li dd .inner{padding:6% 8%;color:#fff;}

.overview-part03 li dd h3{margin-bottom: 5%;}
.overview-part03 li dd h3 a,.overview-part03 li dt .txt h4 a{color:#fff;}
.overview-part03 li dd .c{ height: 12.5em; overflow: hidden;}

.overview-part03 li dd .c p{margin-bottom: 5%;}

.overview-part03 li dd .c p:last-child{margin-bottom: 0;}

.overview-part03 ul.on li{widtH:100%; margin-bottom: 5%;}
.overview-part03 ul.on li dt{ float: left; widtH:55.55%; position: static;}
.overview-part03 ul.on li dd{ widtH:51.38%;position: absolute; opacity: 1; left:auto; right:0; top:25px; bottom:25px; background: #F4F4F4;}
.overview-part03 ul.on li dd .inner{padding:8% 10%; height: 100%;box-sizing: border-box;}
.overview-part03 ul.on li dd h3{font-weight: bold;color:#464646; margin-bottom:5%;}
.overview-part03 ul.on li dd .c{color:#000; height: 15em; overflow: hidden;}
.overview-part03 ul.on li dd .c p{margin-bottom: 3%;}
.overview-part03 ul.on li dd .c p:last-child{margin-bottom: 0;}




.overview-part04{margin:0 0 3%;}

.overview-part04 h2{ text-align: center; font-weight: bold; color:#464646;margin-bottom:3%;}

.overview-part04 li{margin-bottom:5%; position: relative;}

.overview-part04 dt{ float: left; widtH:55.55%;}

.overview-part04 dd{ widtH:51.38%;position: absolute; right:0; top:25px; bottom:25px; background: #F4F4F4;}

.overview-part04 dd .inner{padding:8% 10%;    height: 100%;

    box-sizing: border-box;}

.overview-part04 dd h3{display: none; font-weight: bold;color:#464646; margin-bottom:5%;}

.overview-part04 dd .c{color:#000; height: 100%; overflow: hidden;}

.overview-part04 dd .c p{margin-bottom: 3%;}

.overview-part04 dd .c p:last-child{margin-bottom: 0;}

.overview-part04 li:nth-child(2n) dt{ float: right;}

.overview-part04 li:nth-child(2n) dd{right:auto; left:0;}

.overview-part04 li:last-child{margin-bottom: 0;}



.overview-part05{margin:0 0 4%;}

.overview-part05 h2{ text-align: center; font-weight: bold; color:#464646;margin-bottom:3%;}

.overview-part05 .swiper-container{padding:10px 0 5%;}

.overview-part05 .swiper-slide img{width:calc(100% - 2px); bordeR:1px solid #E2E2E2;transition:all 0.5s linear;filter: grayscale(100%);filter: gray;}

.overview-part05 .swiper-pagination-bullet{ opacity: 1; widtH:10px; height: 10px; background: #D8D8D8;}

.overview-part05 .swiper-pagination-bullet.swiper-pagination-bullet-active{widtH:40px; border-radius: 5px; background:#CA1B41;}


@media only screen and (max-width:1599px){
.overview-part03 li dd .c{ height: 12em;}
}
@media only screen and (max-width:1439px){

    .swiper-box .swiper-slide dd .c{ height: 10.8em;}

    .overview-part03 ul.on li dd .c{ height: 12.5em;}

    .overview-part04 dd .c{ height: 10em;}

}



@media only screen and (max-width:1365px){

    .swiper-box .swiper-slide dd .c{ height: 9em;}

    .overview-part04 dd .c{ height: 8.5em;}

    .overview-part03 .tt dd::before{ height: 80px; margin-top: -40px;}

}

@media only screen and (max-width:1024px){

.overview-part05 .swiper-slide img{filter: grayscale(0);}

.swiper-box .swiper-slide.swiper-slide-active dd,.overview-part03 li dd{opacity: 1;}

.swiper-box .swiper-slide dt .txt,.overview-part03 li dt .txt{opacity: 0;}

.overview-part03 .tt dd::before{ height:60px; margin-top: -30px;}

.overview-part03 ul.on li dd .c{ height: 12em;}

}

@media only screen and (max-width:1023px){

.swiper-box .swiper-slide{ widtH:100%;}

.swiper-button-prev, .swiper-button-next{widtH:36px; height: 23px; margin-top:-12px; line-height: 23px; left:10px;}

.swiper-button-next{left:auto; right:10px;}

.swiper-button-prev i, .swiper-button-next i{font-size: 24px;}

.overview-part04 dt{ widtH:100%; float: none!important;}

.overview-part04 dd{position: static; widtH:100%;}

.overview-part04 dd .inner{padding:5%;}

.overview-part05 .swiper-container{padding-bottom: 8%;}

.overview-part03 li dd .c{ height: 7.5em;}
.overview-part03 ul.on li dd .c{ height:8em;}

}

@media only screen and (max-width:767px){

    .overview-part01 li{widtH:100%; margin-left: 0;}

    .overview-part01 li:nth-child(2n){position: static; widtH:100%;}    

    

    .swiper-box .swiper-slide dd{position: static;}

    .swiper-box .swiper-slide dd .inner{padding:5%;}

    .swiper-box .swiper-slide dd .c{ height: 7.2em;}

    .swiper-box .swiper-button-prev,.swiper-box .swiper-button-next{ top:50%;}

    .overview-part03 .tt dd{width:50%; margin-bottom: 10px;}

    .overview-part03 .tt dd::before{ height:50px; margin-top: -25px;}
    .overview-part03 .tt dd:nth-of-type(2)::before{ display: none;}

    .overview-part03 li{widtH:100%;}
    .overview-part03 li dd .inner,.overview-part03 ul.on li dd .inner{padding: 5%;}
    .overview-part03 ul.on li dt,.overview-part03 ul.on li dd{widtH:100%;}
    .overview-part03 ul.on li dt{float: none;}
    .overview-part03 ul.on li dd{position: static;}

    .overview-part05 .swiper-container{padding-bottom: 12%;}

    .overview-part05 .swiper-pagination-bullet.swiper-pagination-bullet-active{widtH:10px;}

}





.pipeline-tab{position: relative;z-index: 2;}

.pipeline-tab ul{text-align: center; margin: 0 15%;}

.pipeline-tab li{float: left; width:20%;}

.pipeline-tab li a{padding: 30px 0;display: block;color: #ADADAD;position: relative;}

.pipeline-tab li a.active{color: #464646;}

.pipeline-tab li a.active:after{content: "";width: 100%;height:4px;background: #30416D;bottom:-1px;left: 0;display: block;position: absolute;}

#nav-wrap{width: 100%;background: #fff;border-bottom:1px solid #D7D7D7;}

#nav-wrap.navFix{position: fixed;top: 109px;left: 0;z-index: 99999;}

#nav-wrap.navFix ul li a{padding:15px 0;}

.pipeline-con{margin-bottom: 5%;}

.pipeline h2{text-align: center; font-weight: bold; color:#464646;margin-bottom:3%;}

.pipeline{padding-top: 5%;}

.pipeline .banner_link a{margin: 3% auto 0;}

.pipe_table{ widtH:100%;}

.pipe_table tr th{ padding:15px 10px; color:#fff; line-height: 20px; text-align: center; border-left:1px solid #fff; background: #30416D;}

.w01{width:12%;}

.w02{width:12%;}

.w03{width:11%;}

.w04{width:10%;}

.w05{widtH:55%;}

.pipe_table tr th.w05{padding:0;}

.pipe_table tr td.w05{padding:20px 0;}

.pipe_table tr td{ background: #F4F4F4; padding: 20px 10px; text-align: center; border-bottom: 1px solid #F4F4F4;}

.pipe_table tr:nth-child(2n) td{ background: #fff;}

.pipeline_name ul{overflow: hidden;}

.pipeline_name li{ float: left; widtH:calc(20% - 20px); padding: 15px 10px; position: relative;}

.pipeline_name li .line{position: absolute; right:0; top:0; widtH:1px; height: 100%; background: #fff;}

.pipeline_prosess{widtH:100%; height: 8px; background: #CA1B41;}

.prosess_1{width:12%;}

.prosess_2{width:32%;}

.prosess_3{width:52%;}

.prosess_4{width:72%;}

.prosess_5{width:92%;}



.pipelinebox01 .pipe_table tr th,.pipelinebox01 .pipe_table tr td{ text-align: left; padding-left: 30px; padding-right: 30px;}

.ww01{width:15%;}
.ww02{width:33%;}
.ww03{width:26%;}
.ww04{width:26%;}



@media only screen and (max-width:1279px){

.pipelinebox{ overflow: hidden;overflow-x:auto;}

.pipelinebox .pipe_table{ widtH:1200px; padding-bottom: 5px;}

.pipelinebox::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮?/

    width: 10px;     /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/

    height:4px;    

}

.pipelinebox::-webkit-scrollbar-thumb {/*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/

    border-radius: 0px;

    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

    background: rgba(0,0,0,0.2);background: #30416D;

}

.pipelinebox::-webkit-scrollbar-track {/*婊氬姩鏉￠噷闈㈣建閬?/

    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.2);

    border-radius: 0;

    background: rgba(0,0,0,0.1);

 }

}



@media only screen and (max-width:1024px){

    #nav-wrap.navFix{top:50px;}

    .pipelinebox01 .pipe_table tr th, .pipelinebox01 .pipe_table tr td{padding-left: 10px; padding-right: 10px;    min-height: 22px;}

}

@media only screen and (max-width:1023px){

    .pipeline-tab ul{margin: 0;}

}

@media only screen and (max-width:767px){

    .pipelinebox01 .pipe_table ,

	.pipelinebox01 .pipe_table thead,

	.pipelinebox01 .pipe_table tbody,

	.pipelinebox01 .pipe_table th,

	.pipelinebox01 .pipe_table td,

	.pipelinebox01 .pipe_table tr { display: block; }

	.pipelinebox01 .pipe_table thead tr { position: absolute; top: -9999px; left: -9999px; }

	.pipelinebox01 .pipe_table tr { border: 1px solid #eee; border-bottom:0; margin-bottom:10px; }

	.pipelinebox01 .pipe_table td { border: none; border-bottom: 1px solid #eee; position: relative; padding:5px 0; padding-left: 8em!important; white-space: normal; text-align: left;  }

	.pipelinebox01 .pipe_table td:before { position: absolute; top: 0; left: 0; padding:5px 0; width:8em; text-indent:10px;  white-space: nowrap; text-align: left; }

	.pipelinebox01 .pipe_table td:before { content: attr(data-title); }

    .ww01,.ww02,.ww03,.ww04{width:auto;}
    #section1 .ww01,#section1 .ww02,#section1 .ww03,#section1 .ww04{width:auto;}

    .pipeline-tab ul{font-size: 14px;}

    .pipeline-tab li{ widtH:auto; padding: 0 6px;}

    .pipe_table tr td{padding: 10px;}

    /*#nav-wrap{position: fixed;}*/

}

@media only screen and (max-width:413px){

    .pipeline-tab li{padding: 0 2px;}

}

@media only screen and (max-width:374px){

    .pipeline-tab ul{font-size: 13px;}

}

@media only screen and (max-width:359px){

    .pipeline-tab ul{font-size: 12px;}

}





.contact-part01{margin: 3% 0 0;}

.contact-part01 h2{margin-bottom: 5%; text-align: center; font-weight: bold; color:#464646;}

.contact-part01 ul{margin: 0 -1%;}

.contact-part01 li{ float: left; widtH:23%; margin: 0 1% 2%;}

.contact-part01 li .inner{padding:15% 10%;}

.contact-part01 li h3{line-height: 1.1; height: 2.2em; overflow: hidden; color:#000000; margin-bottom:10%;}

.contact-part01 li p{line-height: 1.8; height: 7.2em; overflow: hidden; color:#000000; word-break: break-all;}

.contact-part01 li p a{/*color:#000000!important;*/}

.contact-part02{padding:6% 0 10%;}

.contact-part02 .ll{float: left; width:50%; height: 380px; color:#30416D; background: rgba(206,217,227,0.26);box-sizing: border-box; padding: 5%;}

.contact-part02 .rr{float: right; width:50%; height: 380px; border:3px solid #E4EAF0; background: #fff; box-sizing: border-box;padding: 5%;}

.contact-part02 .ll h3{ font-weight: bold; margin-bottom: 5%;}

.contact-part02 .ll h3 i{font-size: 36px; margin-right: 10px;}

.contact-part02 .ll p a{color:#30416D!important;}

.contact-part02 .rr h2{margin-bottom: 5%;font-weight: bold; color:#464646;}

.contact-part02 .rr h3{margin-bottom:3%;color:#000;}
.contact-part02 .rr p a.tel{color:#3e3e3e!important;}



.contact-part03{position: relative;}

.contact-part03 img{widtH:100%}

.contact-part03 .bg{position: absolute; lefT:0; top: 0; width:100%; height: 100%; background: rgba(0,0,0, 0.37);}

.contact-part03 .txt{top:42%;color:#fff;}

.contact-part03 h2{margin-bottom: 1%;}

.contact-part03 .special_link{margin-top: 60px;}

.contact-part03 .pharmacy_more a{color:#fff!important; background: #ca1b41!important;}



/*.contact-part03 a.more{display: block; margin-top: 60px; widtH:150px; height: 40px; line-height: 40px; text-align: center; color:#fff!important; border-radius: 25px; background: #CA1B41;}

.contact-part03 a.more em{float: left; padding-left: 30px;}

.contact-part03 a.more i{ float: right; padding-right: 18px; font-size: 30px;}*/



@media only screen and (max-width:1660px){

    .contact-part02 .ll,.contact-part02 .rr{ height: 340px;}

    .contact-part02 .ll h3 i{font-size: 30px;}

}

@media only screen and (max-width:1599px){

    .contact-part02 .ll,.contact-part02 .rr{ height: 320px;}

}

@media only screen and (max-width:1365px){

    .contact-part02 .ll,.contact-part02 .rr{ height: 280px;}

    .contact-part02 .ll h3 i{ font-size: 24px;}

}

@media only screen and (max-width:1279px){

    .contact-part02 .ll,.contact-part02 .rr{ height: 240px;}

    .contact-part03 .special_link{margin-top: 40px;}

}

@media only screen and (max-width:1023px){

    .contact-part01 li{widtH:48%;}

    .contact-part02 .ll,.contact-part02 .rr{ height: 200px;}

    .contact-part02 .ll h3 i{ font-size: 20px;}

}

@media only screen and (max-width:767px){

    .contact-part01 li{widtH:98%;}

    .contact-part01 li .inner{padding:5%;}

    .contact-part01 li h3{margin-bottom: 5%;}

    .contact-part02 .ll,.contact-part02 .rr{ width: 100%; height:auto;}

    .contact-part03 .txt{ top:50%;}

    .contact-part03 .special_link{margin-top: 20px;}

}



.message-part{padding: 8% 0;}

.message-part .box{max-width: 870px; margin: 0 auto;background: rgba(255,255,255, 0.25);}

.message-part .inner{padding:70px 80px;}

.message-part h2{color:#464646; text-align: center; margin-bottom: 3%; font-weight: bold;}

.message-part li{margin-bottom: 20px; overflow: hidden;}

.message-part li .inp{ height: 60px; line-height: 60px; border-radius: 5px; background: #fff; position: relative;}

.message-part li .inp em{position: absolute; top:0; left:20px; color:#FF0000;}

.message-part li .inp input{padding: 0 30px;color:#000; font-size: 16px; height: 60px; widtH:calc(100% - 60px);}

.message-part li .inp input::placeholder,.message-part li .txt textarea::placeholder{color:#000;}

.message-part li .txt{ height: 170px;}

.message-part li .txt textarea{padding:20px 30px;font-size: 16px; height: 130px; color:#000;widtH:calc(100% - 60px);}

.message-part li .inp01{ float: left; widtH:calc(100% - 166px);}

.message-part li .yzm{ float: right; cursor: pointer; width:156px; height: 60px; border-radius: 5px; overflow: hidden;}

.message-part li .yzm img{width:156px; height: 60px;}

.message-part .btn{ display: block;margin: 10px auto; widtH:158px; text-align: center; color:#fff; height: 33px; line-height: 33px; background: url(../images/bg01.png) no-repeat;}

@media only screen and (max-width:1024px){

    .message-part li .inp input,.message-part li .txt textarea{ font-size: 14px;}

}

@media only screen and (max-width:767px){

    .message-part .inner{padding:5%;}

    .message-part li{margin-bottom: 10px;}

    .message-part li .inp,.message-part li .inp input{ height: 40px; line-height: 40px;}

    .message-part li .inp input{padding: 0 20px; widtH:calc(100% - 40px);}

    .message-part li .inp em{lefT:10px;}

    .message-part li .txt{ height: 120px;}

    .message-part li .txt textarea{padding:10px 20px; widtH:calc(100% - 40px); height: 100px;}

    .message-part li .inp01{widtH:calc(100% - 114px);}

    .message-part li .yzm,.message-part li .yzm img{ widtH:104px; height: 40px;}

}



.search_banner{position: relative;}

.search_banner .bg{ position: absolute; z-index: 1; left:0; top:0; width:100%; height: 100%; background: rgba(0,0,0, 0.3);}

.sear-box{height: 80px; line-height: 80px; border-radius: 5px; padding-left: 40px; background: #fff; margin-bottom: 2%;}

.seartxt{ float: left;height: 80px; line-height: 80px; width:calc(100% - 100px);}

.seartxt::placeholder{color:#000;}

.searbtn{ float: right;height: 80px; line-height: 80px; widtH:100px;}

.searbtn i{ font-size: 30px; color:#1E3968;}

.search_banner .txt{top:55%; z-index: 2;}

.search_banner .txt p{margin: 0 40px;color:#fff;}

.search_banner .txt p span{color:#E6003E; font-family: Arial, Helvetica, sans-serif;}

.search-list{margin-top:2%;}

.search-list ul{margin-bottom: 4%;}

.search-list li{ padding:3% 6%; background: #F4F4F4;}

.search-list li:nth-child(2n){ background: #fff;}

.search-list li h2{font-weight: bold; margin-bottom:1%;}

.search-list li h2 i{color:#D50039;}

.search-list li p{color:#7F7F7F;}



.sitemap{padding: 2% 0 5%;}

.sitemap li{ float:left; widtH:20%; height: 280px; margin-bottom:2%;}

.sitemap li dl{padding: 35px; text-align: center;}

.sitemap li dt{padding-bottom: 15px; border-bottom: 1px solid #30416D; font-weight: bold; margin-bottom:20px;}

.sitemap li dd p{margin-bottom: 5px;}



@media only screen and (max-width:1365px){

.sear-box,.seartxt,.searbtn{ height: 60px; line-height: 60px;}

}



@media only screen and (max-width:1279px){

    .sitemap li{height: 250px; }

    .sitemap li dl{padding:15px;}

    .sear-box,.seartxt,.searbtn{ height: 40px; line-height: 40px;}

}

@media only screen and (max-width:1023px){

    .sitemap li{ widtH:25%;}

}

@media only screen and (max-width:767px){

    .sitemap li{ widtH:100%; height: auto;}

    .sear-box{padding-left: 20px;}

    .searbtn{ widtH:60px;}

    .seartxt{ width:calc(100% - 60px);}

    .search_banner .txt p{margin: 0 20px;}

    .search_banner{ background: #24427B;}

    .search_banner .txt{position: relative; lefT:0; top:0; z-index: 100; padding-top:5%; padding-bottom: 5%; transform: translate(0,0); -webkit-transform: translate(0,0);-ms-transform: translate(0,0);-moz-transform: translate(0,0);-o-transform: translate(0,0);}

}





.publicity-part{padding: 2% 0;}

.publicity-part ul{margin: 0 -1% 2%;}

.publicity-part li{ float: left; width:31.33%; margin: 0 1% 2%; background: #eeeeee;}

.publicity-part li .inner{ padding:10% 10%;}

.publicity-part li span{ display: block; margin-bottom: 5%; font-size: 12px; color:#404040; font-family: Arial, Helvetica, sans-serif;}

.publicity-part li h2{margin-bottom:10%;}

.publicity-part li h2 a{ font-weight: bold; color:#000;}

.publicity-part li .btn{ display: block; width:128px; height: 36px; line-height: 36px; text-align: center; color:#fff!important; border-radius: 30px 20px 30px 20px; background: #31426E; /*background: url(../images/dot12.png) no-repeat;*/}

@media only screen and (max-width:767px){

    .publicity-part ul{margin: 0 0 2%;}

    .publicity-part li{ widtH:100%; margin: 0 0 5%;}

    .publicity-part li .inner{padding:5%;}

    .publicity-part li h2{margin-bottom: 5%;height: auto;}

}



.details-part .wrap{padding:3% 4% 5%;}

.details-part h1{margin-bottom:15px;}

.details-part .bon{ padding-bottom:25px; line-height: 20px; border-bottom:1px solid #E6003E;}

.details-part .bon span{margin-right:20px;}

.details-part .bon a{ margin-right: 20px; font-size: 20px; color:#B0B0B0;}

.details-part .conts{padding:3% 0;}

.details-part .news_page{padding-top:3%;}

.details-part .news_page dd{ float: left; widtH:calc(46% - 2px);padding:3% 2%; bordeR:1px solid transparent;background: #F4F4F4;}

.details-part .news_page dd:nth-child(2n){ float: right; background: #fff;}

.details-part .news_page dd span{ float: left; widtH:66px;}

.details-part .news_page dd a{color:#000; display: block; float: left; widtH:calc(100% - 66px);}

.details-part .news_page dd a:hover{color:#30416D!important;}

.details-part .news_page dd a.disabled{cursor: default;color:#000!important; opacity: 0.8;}



@media only screen and (max-width:1024px){

.details-part .wrap{padding:2% 0 5%;}

}

@media only screen and (max-width:767px){

    .details-part h1{margin-bottom: 10px;}

    .details-part .bon{padding-bottom: 15px;}

    .details-part .news_page dd{ widtH:calc(96% - 2px);}

}





.price-part{padding:5% 0;}

.price01{background:rgba(0,0,0, 0.03);padding:55px;overflow: hidden;margin-bottom: 80px;}

.price01 .left{float: left;width:40%;}

.price01 .right{float: right;width:60%;}

.price01 .right ul{overflow: hidden; margin-top: 3%;}

.price01 .right li{float: left;width:25%;text-align: center;}

.price01 .right dt{margin-bottom: 20px;}

.price01 .right dd{color:#000;}

.price01 .left h2{margin-bottom:5%;}

.hk-time{color:#000;}

.stock_num{overflow: hidden;margin-bottom: 50px;}

.stock_num.red{color: #FF0000;}

.stock_num.red .icon-xiajiantou{display: none;}

.stock_num.green{color: green;}

.stock_num.green .icon-shangjiantou{display: none;}

.stock_num.red dt,.stock_num.green dt{color:#464646;}

.stock_num dl{overflow: hidden;}

.stock_num dt{float: left;font-size:120px;line-height: 120px;}

.stock_num dd{float: left;margin-left: 40px;}

.stock_num dd span{font-size: 26px; line-height:2;}

.stock_num dd span,.stock_num dd em{display: block;}

.stock_num dd em{margin-top:30px;}

.stock_img{text-align: center;}

.stock_img img{width:auto;max-width:100%;}

@media only screen and (max-width:1365px){

    .stock_num dt{font-size: 80px; line-height: 80px;}

    .stock_num dd em{margin-top:0px;}

}

@media only screen and (max-width:1279px){

    .stock_num dt{font-size:60px; line-height: 60px;}

    .stock_num dd span{line-height: 1.2;}

}

@media only screen and (max-width:1023px){

    .price01 .left,.price01 .right{width:100%;}

    .stock_num{margin-bottom: 20px;}

    .price01 .right li{widtH:50%; margin-bottom:20px; text-align: left;}

    .price01 .right dt{margin-bottom: 0;}

    .price01{padding:5%;margin-bottom: 5%;}

}

@media only screen and (max-width:767px){

.stock_num dt{font-size:40px; line-height: 40px;}

.stock_num dd span{font-size: 18px;}

}



.privacy-part{padding:3% 0;}









@media only screen and (min-width:1025px){

    .about-part04 .con,.about-part04 .con li.ll,.about-part04 .con li.rr,.about-part04 .con span,.history li::after,.company-part03 li,.company-part03 li span,.company-part03 li::before,

    .network-part01 .box li,.network-part01 .box li .con01,.network-part01 .box li .con02,.swiper-box .swiper-slide dt .txt,.swiper-box .swiper-slide dd,

    .overview-part03 li dt .txt,.overview-part03 li dd,.overview-part05 .swiper-pagination-bullet.swiper-pagination-bullet-active,.sitemap li,.sitemap li dt,

    .publicity-part li .inner,.details-part .news_page dd,.message-part .btn{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}

    .company-part03 li:hover{padding-top: 0; height: 320px;}

    .company-part03 li:hover::before{widtH:2px; height: 115%; background: #DB094E;}

    .company-part03 li:hover span{color:#DB094E;}

    .network-part01 .box li:hover{ background: rgba(1,31,81,0.3);}

    .network-part01 .box li:hover .con02{ opacity: 1;}

    .network-part01 .box li:hover .con01{ opacity: 0;}

    /*.swiper-box .swiper-slide:hover dd{opacity: 1;}

    .swiper-box .swiper-slide:hover dt .txt{opacity: 0;}*/

    .overview-part03 li:hover dd{opacity: 1;}

    .overview-part03 li:hover dt .txt{opacity: 0;}

    .overview-part05 .swiper-slide:hover img{box-shadow: 0 0 5px 5px rgba(0,0,0,0.08);filter: grayscale(0);}

    .sitemap li:hover{box-shadow: 0 0 10px 10px rgba(0,0,0,0.05);}

    .sitemap li dt a:hover,.sitemap li:hover dt a{color:#30416D!important;}

    .publicity-part li:hover{background: #30416D;}

    .publicity-part li:hover .inner{box-shadow: 0 0 10px 10px rgba(0,0,0,0.05);}

    .publicity-part li:hover span,.publicity-part li:hover h2,.publicity-part li:hover h2 a{color:#fff!important;}

    .publicity-part li:hover .btn{ background: #fff; color:#30416D!important;}

    .details-part .news_page dd:hover{bordeR:1px solid #30416D;}

    .message-part .btn:hover{opacity: 0.9;}
    
   .history li .txt em{
    transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;
    transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8);-moz-:scale(0.8,0.8);-o-transform:scale(0.8,0.8);-ms-transform:scale(0.8,0.8);}

    .history li.on .txt em{transform:scale(1,1); -webkit-transform:scale(1,1);-moz-:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);}

}


.maod{top: -160px;position: relative;}

/*2022-11-14*/
.pipeline_xz01{margin-bottom: 30px;}
.pipeline_xz01 h4{margin-bottom: 10px;}
.pipeline_xz02{margin-bottom: 0;}
.pipeline_xz02 .ww02{width: auto;}
.pipeline_xz02 .ww03{width: 26%;}