@charset "utf-8";
.wrap img{display:block;width:100%;}

.tit{text-align: center;font-weight: normal;height: 4.8rem;background:url(../Images/Index/tit1.png) no-repeat bottom center;background-size:13.2rem 0.3rem;}
.tit b{display:block;font-size: 2.1rem;color: #333;line-height: 2.1rem;}
.tit span{display:block;font-size: 1.2rem;color: #666;line-height: 1.2rem;padding-top: 0.6rem;}
.tit em{color: #eb1c00;font-weight:bold;}
/*banner*/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15; font-size:0;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }
.g-adv .swiper-pagination .swiper-pagination-bullet{opacity: 1;background: #fff;}
.g-adv .swiper-pagination .swiper-pagination-bullet-active{background: #eb1c00;}
/*use*/
.use{padding:4rem 0 0;height: 32.4rem;background:url(../Images/Index/use_bg.jpg) no-repeat;background-size:100% 36.4rem;}
.use h2{margin-bottom: 2.8rem;}
.use ul{margin:0 3.1%;}
.use li{float: left;width: 49%;height: 10rem;margin-bottom: 0.8rem;background: #fff;position: relative;box-shadow:0 0 1.5rem rgba(0,0,0,0.2);}
.use li:nth-child(even){float: right;}
.use li:after{position:absolute;width: 2px;height: 2.5rem;background: #015cb5;content: "";left: -1px;top: 3.8rem;}
.use li img{display:block;width: 3.5rem;margin:1.5rem auto 2.2rem;}
.use li b{display:block;font-size: 1.2rem;color: #333;line-height:1.2rem;text-align: center;}
/*pro*/
.pro{padding:1rem 3.1% 0}
.pro h3{font-weight: normal;margin-top: 1.5rem;height: 8rem;}
.pro h3 a{float: left;width: 48.3%;height: 3rem;line-height: 3rem;text-align: center;font-size: 1.2rem;color: #666;border:1px solid #e6e6e6;box-sizing: border-box;margin-bottom:1rem;}
.pro h3 a:nth-child(even){float: right;}
.pro li{float: left;width: 48.3%;margin-bottom: 1rem;}
.pro li:nth-child(even){float: right;}
.pro li img{border:1px solid #e6e6e6;box-sizing: border-box;}
.pro li span{display:block;height: 2.5rem;line-height: 2.5rem;text-align: center;font-size: 1.1rem;color: #fff;background: #015cb5;text-overflow: ellipsis;white-space: normal;overflow: hidden;}
/*cess*/
.cess{padding:3rem 3.1% 3.6rem;}
.cess h2{margin-bottom: 2rem;}
.cess li{float: left;width:26%;margin-right: 11%;}
.cess li:last-child{margin-right: 0;}
.cess li b{display:block;font-size: 1.2rem;color: #333;line-height: 1.8rem;text-align: center;padding-top:0.8rem;}
/*way*/
.way{padding:4rem 3.1% 3.5rem;background: #f3f3f3;}
.way h3{margin-top:2rem;height: 7.2rem;}
.way h3 span,.way h3 a{float: left;width:31%;height: 2.7rem;line-height: 2.7rem;text-align: center;font-size: 1.3rem;color: #666;background: #fff;border:1px solid #dfdfdf;box-sizing: border-box;margin-right: 3.5%;margin-bottom:0.8rem;}
.way h3 span.cur{color: #fff;background: #015cb5;}
.way h3 span:nth-child(3n){margin-right: 0;}
.way h3 a{margin-right: 0;}
.way_con dd>a{display:block;height: 2.3rem;line-height: 1.6rem;font-size: 1.6rem;color: #333;font-weight:bold;position: relative;margin:1.4rem 0 0.8rem;}
.way_con dd>a:after{position: absolute;width: 3.7rem;height: 1px;background: #015cb5;content: "";left: 0;bottom: 0;}
.way_con dd em{display:block;font-size: 1.3rem;color: #333;line-height: 1.8rem;}
.way_con dd p{font-size: 1.2rem;color: #666;line-height: 1.8rem;}
/*cus*/
.cus{padding:4rem 3.1%;background:url(../Images/Index/cus_bg.jpg) repeat-x #f3f3f3;background-size:1rem 22rem;}
.cus h2{margin-bottom:2rem;}
.cus_con{padding-bottom:2.7rem;}
.cus_con dd{position: relative;padding-top: 4rem;}
.cus_con dd h3{position:absolute;left: 7%;top: -2.2rem;width: 86%;height: 4.2rem;line-height: 4.2rem;text-align: center;font-weight:bold;font-size: 1.6rem;color: #fff;background: #015cb5;box-shadow:0 4px 6px rgba(0,0,0,0.3);     overflow: hidden;}
.cus_con dd b{display:block;font-size: 1.5rem;color: #383635;line-height: 1.5rem;margin-bottom: 0.6rem;}
.cus_con dd p{font-size: 1.2rem;color: #666;line-height: 1.8rem;}
.cus_con .swiper-pagination{height: 0.8rem;bottom: 0;}
.cus_con .swiper-pagination .swiper-pagination-bullet{width: 0.8rem;height: 0.8rem;opacity: 1;background: #626262;margin:0 0.7rem;vertical-align: top;}
.cus_con .swiper-pagination .swiper-pagination-bullet-active{background: #015cb5;}
/*yous*/
.yous{padding:4rem 3.1%;}
.yous h2{margin-bottom: 2rem;}
.ys_con{padding-bottom:2rem;}
.ys_con dd h3{height: 5.7rem;background:url(../Images/Index/ys_t.jpg) no-repeat;background-size:100% 5.7rem;margin: 1rem 0 0.5rem;}
.ys_con dd h3 i{float: left;font-size: 2.5rem;color: #fff;width: 16.6%;text-align: center;line-height: 5.7rem;font-family: Arial;}
.ys_con dd h3 b{float: left;font-size: 1.5rem;color: #333;line-height: 5.7rem;margin-left: 11.5%;}
.ys_con dd p{font-size: 1.2rem;color: #666;line-height: 2.2rem;}
.ys_con .swiper-pagination{height: 0.8rem;bottom: 0;}
.ys_con .swiper-pagination .swiper-pagination-bullet{width: 0.8rem;height: 0.8rem;opacity: 1;background: #626262;margin:0 0.7rem;vertical-align: top;}
.ys_con .swiper-pagination .swiper-pagination-bullet-active{background: #015cb5;}
/*news*/
.news{padding:4rem 3.1% 3.5rem;background: #f7f7f7;}
.news h2{height: 3rem;}
.news h3{text-align: center;margin: 2rem 0 1rem;border-bottom:1px solid #c7c7c6;height: 2rem;}
.news h3 span{display:inline-block;font-size: 1.3rem;color: #383635;line-height: 1.3rem;margin:0 1.5rem;height:1.9rem;vertical-align: top;}
.news h3 span.cur{color: #015cb5;font-weight:bold;border-bottom:0.2rem solid #015cb5;}
.new_con dd{padding:1.3rem 0 0;height: 8.3rem;border-bottom:2px solid #e1e1e1;}
.new_con dd>a{display:block;font-size: 1.4rem;color: #333;line-height: 1.4rem;margin-bottom: 0.8rem;font-weight:bold;}
.new_con dd p{font-size: 1.2rem;color: #666;line-height: 1.5rem;}
.new_list{padding-top: 1.1rem;}
.new_list p{height: 2rem;font-size: 1.2rem;line-height:2rem;padding-left: 1.5rem;position: relative;}
.new_list p:after{position:absolute;width: 0.4rem;height: 0.4rem;background: #999;border-radius: 50%;content: "";left: 0;top: 0.8rem;}
.new_list p a{color: #999;}
/*abt*/
.abt{padding:4rem 3.1% 3.5rem;}
.abt h2{margin-bottom: 2rem;}
.abt dd b{display:block;font-size: 1.6rem;color: #333;line-height: 1.6rem;margin:1.5rem 0 0.6rem;}
.abt dd p{font-size: 1.2rem;color: #666;line-height: 1.8rem;}
.abt h3{height: 3.2rem;background: #d9d9d9;margin:1.3rem 0 1.5rem;}
.abt h3 span{float: left;width: 33.3%;line-height: 3.2rem;font-size: 1.3rem;color: #333;text-align: center;}
.abt h3 span.cur{color: #fff;font-weight:bold;background: #015cb5;}
.abt_pic li{float: left;width: 46.8%;}
.abt_pic li:nth-child(2){float: right;}


/**/





