/* Banner Slider */
.single_slide_slider{margin-top:60px;}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white{--swiper-navigation-color: #d6d6d6;}
.swiper-button-next.swiper-button-white:hover, .swiper-button-prev.swiper-button-white:hover{--swiper-navigation-color: #0facf3;}
.swiper-container-initialized .swiper-button-next, .swiper-container-initialized .swiper-container-rtl, .swiper-container-initialized .swiper-button-prev{padding: 10px;-webkit-border-radius: 100%; border-radius: 100%;border:1px solid #d6d6d6;}
.swiper-container-initialized .swiper-button-next:hover, .swiper-container-initialized .swiper-container-rtl:hover, .swiper-container-initialized .swiper-button-prev:hover{padding: 10px;-webkit-border-radius: 100%; border-radius: 100%;border:1px solid #0facf3;}
.title{ width:90%;  color:#fff; font-size:40px; padding-top:10%; font-weight:bold; text-transform:uppercase; text-align:center; margin:auto}
.title2{ width:80%; text-align: center; color:#fff; font-size:20px; line-height:30px; margin:auto}
.banner-pages .swiper-pagination-bullet {width:50px;height:4px;display:inline-block;background-color:#ffffff;opacity:.5;border-radius:0;}
.banner-pages .swiper-pagination-white .swiper-pagination-bullet {background:#fff}
.banner-pages .swiper-pagination-bullet-active {opacity:1;background:#ffffff}
/*index title*/
.indexTit {padding:0 0 42px;position: relative;text-align: center;}
.indexTit .en {font-size: 40px; color: #1a1d2d;font-weight: bold;text-transform: uppercase;}
.indexTit .en span {color: #bb1d1e;}
.indexTit p {font-size: 16px;padding-top: 5px;color: #616161; width:90%; margin:auto;}
.indexTit1 {padding:0 0 42px;position: relative;text-align: center;}
.indexTit1 .en {font-size: 40px; color:#fff;font-weight: bold;text-transform: uppercase;}
.indexTit1 .en span {color: #bb1d1e;}
.indexTit1 p {font-size: 16px;padding-top: 5px;color: #fff; width:80%; margin:auto; text-align:center}
/*index about*/
.inaboutL{float:left; width:600px; overflow:hidden;}
.inaboutL img{border-radius:10px;}
.inaboutR{ float:right; width:630px;}
.inaboutR h1{ float:left; width:100%; line-height:50px; font-size:30px; color:#333333;}
.inaboutR .tit{ width:100%; overflow:hidden;font-size: 36px; color: #1a1d2d;font-weight: bold;text-transform: uppercase; padding-bottom:15px;}
.inaboutR .tit span{color: #bb1d1e;}
.inaboutR p{ float:left; width:100%; line-height:30px; overflow:hidden;word-wrap:break-word; font-size:16px;}
.More{height:40px;width: 140px;background-color: #bb1d1e;border-radius:10px; text-align:center;margin-top:20px;} 
.More a .more{font-size: 16px;color: #ffffff; line-height:40px;}

/*adv*/
.adv-bg{ width:100%; background:url(../images/ys_bg.jpg) no-repeat center; padding:70px 0 20px 0; height:638px; margin-top:80px;}
.adv-tit{ text-align:center; font-size:28px; color:#fff; width:80%; margin:auto;}
.zhichi{ width:100%; margin-top:10px;}
.zhichi li{ float:left; width:30.333333%; margin-right:4%;background:#fff;margin-top:25px;text-align: center;-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; height:400px;}
.zhichi li p{line-height:50px; font-size:25px; text-align:center; color:#bb1d1e;text-transform: uppercase;}
.zhichi li span{ float:left; width:80%; margin:auto; font-size:18px; padding:2% 10%; color:#5b5b5b; line-height:35px; text-align:left}
.zhichi li i{width:72px;height:78px; background-position: 0 0;margin:40px 0 15px 0;}
.zhichi li:nth-child(2) i{ background-position: -88px 0;}
.zhichi li:nth-child(3) i{ background-position: -176px -0;}
.zhichi li:last-of-type{ margin-right:0}
/*our product*/
.pro-bg{ width:100%; overflow:hidden; background:#fff; padding:50px 0 80px 0;}
.nyprobox ul{width:100%;}
.nyprobox li{width:31.33333333%; float: left; margin-right:2%;}
.nyprobox li p{ width:100%; float:left; line-height:45px; text-align:center; font-size:14px;}
.nyprobox li:nth-child(3n){ margin-right:0px;}
.fangdapic{ overflow:hidden; position:relative; border:1px solid #ddd;}
.fangdapic>img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%}
a:hover .fangdapic>img{transform: scale(1.1);-webkit-transform: scale(1.1);}
li:hover .fangdapic>img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.pro-more{height:40px;width:200px;background-color: #bb1d1e;border-radius:10px; text-align:center; margin:auto;margin-top:20px;} 
.pro-more a .more{font-size: 16px;color: #ffffff; line-height:40px;}

/*project*/
.eq-bg{ width:100%; overflow:hidden; background:#f7f7f7; padding:50px 0 80px 0;}
.eqprobox ul{width:100%;}
.eqprobox li{width:31.33333333%; float: left; margin-right:2%;}
.eqprobox li p{ width:100%; float:left; line-height:45px; text-align:center; font-size:14px;}
.eqprobox li:nth-child(3n){ margin-right:0px;}
.eqprobox li:nth-child(4){ display:none}
/*ads*/
.ads-bg{ width:100%; background:url(/images/ad_bg.jpg) no-repeat center; padding:80px 0; height:150px;}
.ads-bg h2{ width:100%; text-align:center; text-transform:uppercase; font-size:30px; color:#fff;}
.ads-bg p{ width:80%; text-align:center; color:#fff; font-size:18px; margin:auto; padding-top:20px;}
.ads-more{height:40px;width:200px;background-color: #bb1d1e;border-radius:10px; text-align:center; margin:auto;margin-top:20px;} 
.ads-more a {font-size: 16px;color: #ffffff; line-height:40px;}
@media only screen and (max-width: 959px) {
.title{font-size:18px; padding-top:20%; width:95%}
.title2{ display:none}
.indexTit1 {padding:0 0 2px;}
.indexTit1 .en {font-size: 30px;}
.indexTit1 .en span {color: #bb1d1e;}
.indexTit1 p {font-size: 14px;width:100%;}

.inaboutL{ display:none}
.inaboutR{ float:left; width:100%;}
.inaboutR .tit{font-size:28px;padding-bottom:0px; text-align:center}
.inaboutR p{ line-height:25px;}
.More{ margin:auto;margin-top:30px;}
.number_box{ display:none}
/*adv*/
.adv-bg{ width:100%; background:#102b40; padding:20px 0 20px 0; height:auto; margin-top:30px; overflow:hidden}
.adv-tit{ text-align:center; font-size:16px; width:98%; margin:auto;}
.zhichi{margin-top:10px;}
.zhichi li{ float:left; width:96%; margin:auto; margin-right:0;margin-top:15px; height:auto; margin-left:2%}
.zhichi li span{ width:90%; line-height:25px; font-size:15px;padding:2% 4%;}
.zhichi li p{line-height:30px;}
.zhichi li i{width:72px;height:78px; background-position: 0 0;margin:20px 0 15px 0;}

/*index title*/
.indexTit {padding:0 0 30px;}
.indexTit .en {font-size: 30px;}
.indexTit p { display:none}
.pro-bg{ width:100%; overflow:hidden; background:#fff; padding:20px 0 20px 0;}
.nyprobox li{width:49%; float: left; margin-right:2%;}
.nyprobox li p{ width:100%; float:left; line-height:32px; text-align:center; font-size:13px;}
.nyprobox li:nth-child(2n){ margin-right:0px}
.nyprobox li:nth-child(3){ margin-right:2%}
.ads-bg{ display:none}
.eq-bg{ padding:50px 0 20px 0;}
.eqprobox li{width:49%; float: left; margin-right:2%; margin-bottom:2%}
.eqprobox li p{ width:100%; float:left; line-height:32px; text-align:center; font-size:13px;}
.eqprobox li:nth-child(2n){ margin-right:0px}
.eqprobox li:nth-child(3){ margin-right:2%}
.eqprobox li:nth-child(4){ display:block}
}