/*banner*/
.banner{margin-top: 110px; position:relative; overflow: hidden; height: 560px;}
.banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.banner .bd ul{}
.banner .bd li{overflow:hidden; height:560px; text-align:center; }
.banner .bd li a{display:block; width: 100%; height: 100%; text-align: center;}

.banner .hd{position:absolute; z-index:1; bottom:15px; left:0; right: 0px; text-align: center;}
.banner .hd ul{ text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; width:12px; height:12px; background: #fff; margin:0 5px; border-radius: 50%; font-size: 0px;}
.banner .hd ul .on{background: #007cc2;}

.banner .prev,
.banner .next{position:absolute; z-index:1; top:50%; margin-top:-40px; width:80px; height:80px; cursor:pointer; display:none;}
.banner .prev{left: 20px; background: url(../uploads/icon-left.png) no-repeat;}
.banner .next{right:20px; background: url(../uploads/icon-right.png) no-repeat;}

.bsm{margin-top: 80px;}



/**/
.part1{padding-top: 55px; padding-bottom: 40px; text-align: center;}
.part1 h2{font-family: "tt0282m"; font-size: 32px; line-height: 1; color: #007cc2; text-transform: uppercase;}
.part1 h3{display: inline-block; position: relative; margin-top: 20px; padding: 0 22px; font-size: 28px; color: #222; line-height: 1; }
.part1 h3:after,
.part1 h3:before{position: absolute; top: 45%; display: block; content: ""; width: 15px; height: 3px; background: #007cc2;}
.part1 h3:after{left: 0px;}
.part1 h3:before{right: 0px;}
.part2 h2,
.part2 h3{color: #fff;}
.part2 h3:after,
.part2 h3:before{background: #fff;}


/**/
.list1{padding-bottom: 80px;}
.list1:after{display: block; content: ""; clear: both;}
.list1 li{float: left; width: 20%; text-align: center;}
.list1 li i{position: relative; display: inline-block; width: 120px; height: 120px; border: 2px solid #777; line-height: 120px; font-size: 50px; color: #007cc2; border-radius: 50%;}
.list1 li i:after{position: absolute; left: 100px; top: 15px; display: block; content: ""; width: 11px; height: 11px; background: #e89e00; border: 3px solid #fff; border-radius: 50%;}
.list1 li:first-child+li i:after{top: 90px;}
.list1 li:first-child+li+li i:after{left: 5px; top: 90px;}
.list1 li:first-child+li+li+li i:after{left: 5px; top: 18px;}
.list1 li:first-child+li+li+li+li i:after{left: 52px; top: -8px;}
.list1 li h2{padding-top: 20px; padding-bottom: 12px; font-size: 18px; color: #333; line-height: 1;}
.list1 li span{color: #888; font-size: 14px; line-height: 1; font-family: Arial;}
.list1 li a{display: inline-block;}
.list1 li a:hover i{transform: rotate(360deg); background: #007cc2; color: #fff; border-color: #007cc2;}
.list1 li i{
	transition:all 0.7s;
	-moz-transition:all 0.7s;
	-ms-transition:all 0.7s;
	-o-transition:all 0.7s;
	-webkit-transition:all 0.7s;
}


/**/
.about_bg{background: url(./about_bg.jpg) no-repeat center; height: 690px; overflow: hidden;}
.about_box{background: #fff; overflow: hidden; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);}
.about_banner{float: left; width: 600px; position:relative; overflow: hidden; height: 436px;}
.about_banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.about_banner .bd ul{}
.about_banner .bd li{overflow:hidden; text-align:center; }
.about_banner .bd li img{width: 100%; height: 436px;}
.about_banner .hd{position:absolute; z-index:1; bottom:15px; right:15px;}
.about_banner .hd ul{ text-align:right; }
.about_banner .hd ul li{ cursor:pointer; display:inline-block; width:25px; height:24px; text-align: center; line-height: 24px; background: rgba(0,0,0,0.3); margin-left: 5px; color: #fff; font-size: 14px;}
.about_banner .hd ul .on{background: #007cc2;}

.about_con{float: right; width: 520px; margin-right: 20px;}
.about_con h2{padding-top: 65px; font-size: 14px; line-height: 1; color: #555; text-transform: uppercase;}
.about_con h3{padding-top: 15px; font-size: 24px; line-height: 1; font-weight: bold; color: #222;}
.about_con h3:after{display: block; content: ""; margin-top: 18px; margin-bottom: 25px; width: 54px; height: 2px; background: #007cc2;}
.about_con p{color: #666; line-height: 28px;}
.about_con a,
.about_con a:visited{margin-top: 30px; display: block; width: 100px; height: 33px; background: #007cc2; text-align: center; line-height: 33px; color: #fff; border-radius: 3px;}
.about_con a:hover{background: #0094cc;}


.picScroll-left{position:relative;}
.picScroll-left .prev,
.picScroll-left .next{position: absolute; left: -40px; top: 225px; display:block; width:40px; height:50px; text-align: center; line-height: 50px; color: #fff; font-size: 25px; verflow:hidden; cursor:pointer; background: #007cc2; border-radius: 3px;}
.picScroll-left .next{left: auto; right: -40px;}
.picScroll-left .prev,
.picScroll-left .next:hover{background: #0094cc;}

.picScroll-left .bd{margin: -20px 0 40px 0; padding:0 15px;}
.picScroll-left .bd ul{zoom:1;padding: 20px 0!important;}
.picScroll-left .bd ul:after{display: block; content: ""; clear: both;}
.picScroll-left .bd ul li{float:left; width: 33.33%; _display:inline;}
.picScroll-left .bd ul li a{margin: 0 15px; position: relative; display: block; background: #f6f6f6; height: 460px; text-align:center; z-index: 1; overflow: hidden;}
.picScroll-left .bd ul li a:after{position: absolute; left: 0px; top: 0px; display: block; content: ""; width: 100%; height: 0%; background: #007cc2; z-index: -1; opacity: 0;}
.picScroll-left .bd ul li span{position: absolute; left: 30px; right: 30px; top: 30px; height: 149px; text-align: center; overflow: hidden;}
.picScroll-left .bd ul li span img{width: 298px; min-height: 149px;}
.picScroll-left .bd ul li .con{margin-top: 200px; padding: 0 30px;}
.picScroll-left .bd ul li .con h2{padding-bottom: 25px; font-size: 14px; font-weight: bold; color: #222; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.picScroll-left .bd ul li .con p{color: #888; text-align: left; line-height: 25px;}
.picScroll-left .bd ul li .con i{margin-top: 25px; display: inline-block; width: 100px; text-align: center; font-style: normal; line-height: 35px; background: #007cc2; color: #fff; border-radius: 3px;}

.picScroll-left .bd ul li a:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1); background: #fff;}
.picScroll-left .bd ul li a:hover:after{height: 100%; opacity: 1;}
.picScroll-left .bd ul li a:hover .con h2,
.picScroll-left .bd ul li a:hover .con p{color: #fff;}
.picScroll-left .bd ul li a:hover .con i{background: #fff; color: #007cc2;}
.picScroll-left .bd ul li a:hover span img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.picScroll-left .bd ul li a:after,
.picScroll-left .bd ul li span img,
.picScroll-left .bd ul li .con h2,
.picScroll-left .bd ul li .con p,
.picScroll-left .bd ul li .con i,
.picScroll-left .bd ul li{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
.picScroll-left .bd ul li:first-child+li span,
.picScroll-left .bd ul li:first-child+li+li+li span,
.picScroll-left .bd ul li:first-child+li+li+li+li+li span,
.picScroll-left .bd ul li:first-child+li+li+li+li+li+li+li span,
.picScroll-left .bd ul li:first-child+li+li+li+li+li+li+li+li+li span{top: auto; bottom: 30px;}

.picScroll-left .bd ul li:first-child+li .con,
.picScroll-left .bd ul li:first-child+li+li+li .con,
.picScroll-left .bd ul li:first-child+li+li+li+li+li .con,
.picScroll-left .bd ul li:first-child+li+li+li+li+li+li+li .con,
.picScroll-left .bd ul li:first-child+li+li+li+li+li+li+li+li+li .con{margin-top: 37px;}


/**/
.news_bg{background: #f1f5f6; overflow: hidden;}
.list2{padding-bottom: 85px;}
.list2 .hd{text-align: center;}
.list2 .hd ul{margin-bottom: 40px;}
.list2 .hd ul li{display: inline-block; margin: 0 3px; width: 100px; line-height: 35px; font-size: 14px; text-align: center; background: #d7d7d7; border-radius: 5px; cursor: pointer;}
.list2 .hd ul li.on{background: #007cc2; color: #fff;}
.list2 .bd ul{overflow: hidden; margin-left: -20px;}
.list2 .bd ul li{float: left; width: 25%;}
.list2 .bd ul li a{display: block; margin-left: 20px;}
.list2 .bd ul li span{display: block; position: relative; padding-bottom: 70%; overflow: hidden;}
.list2 .bd ul li span:after{position: absolute; left: 0px; top: 0px; display: block; content: ""; width: 100%; height: 0%; background: #007cc2; opacity: 0;}
.list2 .bd ul li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #ccc;}
.list2 .bd ul li span em{position: absolute; left: 50%; bottom: 0%; margin-left: -15px; margin-bottom: -15px; z-index: 10; font-size: 30px; color: #fff; opacity: 0;}
.list2 .bd ul li h2{padding-top: 17px; padding-bottom: 15px; font-size: 14px; font-weight: bold; color: #333;}
.list2 .bd ul li p{color: #888; line-height: 24px;}
.list2 .bd ul li i{margin-top: 22px; display: inline-block; width: 90px; text-align: center; line-height: 30px; background: #007cc2; font-style: normal; color: #fff;}

.list2 .bd ul li a:hover span img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.list2 .bd ul li a:hover span:after{height: 100%; opacity: 0.8;}
.list2 .bd ul li a:hover span em{bottom: 50%; opacity: 1;}
.list2 .bd ul li a:hover h2{color: #007cc2;}
.list2 .bd ul li a:hover i{background: #0094cc;}
.list2 .hd ul li,
.list2 .bd ul li h2,
.list2 .bd ul li span img,
.list2 .bd ul li span:after,
.list2 .bd ul li span em,
.list2 .bd ul li i{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}


/*pro*/
.pro{width: 1200px; margin: 0 auto; padding-bottom: 20px;}
.pro_lb{width: 100%; position: relative;}
.pro_lb .swiper-slide{width: 263px;}
.pro_lb .swiper-slide .pic{width: 100%; height: 250px; overflow: hidden; display: flex; justify-content: center; align-items: center; border: 0px solid #ccc;padding: 10px; box-sizing: border-box; }
.pro_lb .swiper-slide .pic img{display: block; width: 100%; height: 100%; transition: 0.5s;}
.pro_lb .swiper-slide p{text-align: center; font-size: 14px; color: #333; padding: 20px 20px 0; line-height: 1.7em;}


.pro_lb .swiper-slide:hover p{ color: #013796;}
.pro_lb .swiper-slide:hover img{transform: scale(1.04);}

.pro_lb .swiper-button-prev{left: -80px; top: 125px; outline: none; background: #007cc2;width: 50px; height: 50px;border-radius:1px}
.pro_lb .swiper-button-next{right: -80px; top: 125px; outline: none; background: #007cc2;width: 50px; height: 50px;border-radius:1px}
.pro_lb .swiper-button-prev::after,.pro_lb .swiper-button-next::after{font-size: 20px;}

.pro_btn{ height: 40px; padding: 0 40px; overflow: hidden; display:inline-block; margin-top: 20px; transform: translateX(-50%); margin-left: 50%; position: relative; background-color: #fff;color: #1b6cd8; border-radius: 50px; border:1px solid #1b6cd8; text-align: center; line-height: 40px; font-size: 16px;}
.pro_btn::before{display: inline; content: " 更多产品 > "; transition: 0.5s; position: relative; z-index: 10; font-weight: bold;}
.pro_btn::after{display: block; content: ""; position: absolute;top: 0; left: 0; width: 0;height: 100%;background-color: #1b6cd8; transition: 0.5s; z-index: 9;}
.pro_btn:hover::after{width: 100%;}
.pro_btn:hover::before{color: #fff;}