/*banner*/

.banner{position:relative; overflow: hidden; height: 650px;}

.banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }

.banner .bd ul{}

.banner .bd li{overflow:hidden; height:650px; 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:75px; height:8px; margin:0 5px; font-size: 0px; background: #fff;}

.banner .hd ul .on{background: #24a5e8;}



.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(../images/icon-left.png) no-repeat;}

.banner .next{right:20px; background: url(../images/icon-right.png) no-repeat;}







/**/

.part1{text-align: center; padding-top: 60px; padding-bottom: 50px;}

.part1 h2{padding-bottom: 15px; font-size: 36px; color: #000; font-weight: bold; line-height: 1;}

.part1 h3{position: relative; z-index: 1;}

.part1 h3:after{position: absolute; left: 0px; top: 12px; display: block; content: ""; width: 100%; height: 1px; background: #e7e7e7; z-index: -1;}

.part1 h3 span{display: inline-block; position: relative; background: #24a5e8; padding: 0 32px; line-height: 25px; color: #fff; font-family: Arial; font-size: 14px; border-radius: 50px;}

.part1 h3 span:after,

.part1 h3 span:before{display: block; content: ""; position: absolute; left: 7px; top: 8px; width: 8px; height: 8px; background: #fff; border-radius: 50%;}

.part1 h3 span:before{left: auto; right: 7px;}



.part2 h2{color: #fff;}

.part2 h3:after{background: #fff; opacity: 0.3;}

.part2 h3 span{background: #fff; color: #24a5e8;}

.part2 h3 span:after,

.part2 h3 span:before{background: #24a5e8;}





/**/

.ys_list{float: left; width: 545px; counter-reset:ceshi;}

.ys_list li{margin-bottom: 36px; border-radius: 100px; height: 130px; border: 1px solid #e7e7e7; counter-increment:ceshi;}

.ys_list li span{position: relative; margin-left: 5px; margin-right: 30px; margin-top: 5px; float: left; width: 118px; height: 118px; line-height: 118px; background: #24a5e8; text-align: center; color: #fff; font-size: 50px; border-radius: 50%;}



.ys_list li span em{position: absolute; right: -16px; top: 0px; width: 44px; height: 44px; background: #fff; line-height: 44px; border-radius: 50%; color: #24a5e8; font-size: 22px; font-family: Impact; font-style: normal; font-weight: normal;}

.ys_list li span em:after{display: inline-block; content:counters(ceshi,"-");}

.ys_list li p{padding-top: 40px; padding-right: 45px; line-height: 25px; font-size: 16px;}

.ys_list li:hover{background: #24a5e8; border-color: #24a5e8;}

.ys_list li:hover span{background: #fff; color: #24a5e8}

.ys_list li:hover span em{background: #24a5e8; color: #fff;}

.ys_list li:hover p{color: #fff;}

.ys_list li,

.ys_list li span,

.ys_list li span em,

.ys_list li p{

	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_bg1{background: url(../images/pro_bg.jpg) no-repeat center; height: 620px;}

.pro_bg2{background: url(../images/pro_bg2.jpg) no-repeat center; height: 620px;}

.pro_bg3{background: url(../images/pro_bg3.jpg) no-repeat center; height: 620px;}

.pro_banner{position:relative; overflow: hidden; box-shadow: 5.785px 6.894px 0px 0px rgba(0, 0, 0, 0.05);}

.pro_banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  height: 360px; }

.pro_banner .bd ul{}

.pro_banner .bd li{overflow:hidden; text-align:center; height: 360px;}

.pro_banner .bd li a{display:block; width: 100%; height: 100%; text-align: center;}

.pro_banner .bd li img{width: 540px; height: 360px;}

.pro_banner .hd{position:absolute; z-index:1; bottom:10px; left:0; right: 10px; text-align: center;}

.pro_banner .hd ul{text-align:right;}

.pro_banner .hd ul li{ cursor:pointer; display:inline-block; width: 20px; height:20px; line-height: 20px; margin-left: 2px; text-align: center; color: #fff; background: rgba(0,0,0,0.2);}

.pro_banner .hd ul .on{background: #24a5e8;}

.pro_banner .prev,

.pro_banner .next{position:absolute; z-index:2; bottom: 0px; width:40px; height:40px; text-align: center; line-height: 40px; color: #fff; cursor:pointer; opacity: 1!important; display: block!important;}

.pro_banner .prev{background: #24a5e8;}

.pro_banner .next{left:40px; background: #0c8ed2;}





.pro_con{color: #fff;}

.pro_con ul{margin-bottom: 8px; background: rgba(0,0,0,0.08); overflow: hidden; padding: 10px 15px;}

.pro_con ul li{float: left; font-size: 16px; line-height: 25px;}

.pro_con ul li:after{float: right; margin: 6px 15px 0 15px; display: block; content: ""; width: 1px; height: 15px; background: #fff; opacity: 0.5;}

.pro_con ul li a,

.pro_con ul li a:visited,

.pro_con ul li a:hover{color: #fff;}



.pro_con dl{}

.pro_con dl dt{margin-top: 20px; padding-bottom: 10px; font-size: 18px; font-weight: bold; line-height: 1;}

.pro_con dl dt i{margin-right: 10px; font-size: 20px; font-weight: normal;}

.pro_con dl dd{border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 15px; line-height: 25px; font-size: 14px;}



.pro_con2{color: #333;}

.pro_con2 ul li:after{background: rgba(0,0,0,0.2);}

.pro_con2 ul li a,

.pro_con2 ul li a:visited,

.pro_con2 ul li a:hover{color: #333;}

.pro_con2 dl dd{border-bottom: 1px solid rgba(0,0,0,0.3);}

.pro_con2 dl dt i{color: #24a5e8;}





/**/

.case_list{overflow: hidden;}

.case_list li{float: left; width: 25%;}

.case_list li a{display: block; position: relative; overflow: hidden; text-align: center;}

.case_list li span{display: block; position: relative; padding-bottom: 66.66%;}

.case_list li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #ccc;}

.case_list li .con{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; background: rgba(0,0,0,0.5); opacity: 0;}

.case_list li .con i{margin-top: 20%; margin-bottom: 10%; display: inline-block; width: 68px; height: 68px; background: #fff; border-radius: 50%; color: #24a5e8; font-size: 30px; line-height: 68px;}

.case_list li .con h2{margin-left: 40px; margin-right: 40px; background: #24a5e8; color: #fff; line-height: 58px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.case_list 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);

}

.case_list li a:hover .con{opacity: 1;}



.case_list li span img,

.case_list li .con{

	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{margin-top: 60px; margin-bottom: 115px;}

.picScroll-left .prev,

.picScroll-left .next{display:block; width:40px; height:60px; background: #24a5e8; position:absolute; top: 110px; overflow:hidden; cursor:pointer; text-align: center; line-height: 60px; color: #fff; font-size: 20px; }

.picScroll-left .prev{right: -60px;}

.picScroll-left .next{left: -60px;}

.picScroll-left .prev:hover,

.picScroll-left .next:hover{background: #0c8ed2;}

.picScroll-left .prevStop{ background-position:-60px 0; }

.picScroll-left .nextStop{ background-position:-60px -50px; }



.picScroll-left .bd{margin: 0 -10px;}

.picScroll-left .bd ul{ overflow:hidden; zoom:1; }

.picScroll-left .bd ul li{width: 25%; float:left; _display:inline; overflow:hidden; text-align:center;  }

.picScroll-left .bd ul li a{margin:0 10px; display: block; position: relative; border: 2px solid #e7e7e7; color: #fff; overflow: hidden;}

.picScroll-left .bd ul li span{position: relative; display: block; padding-bottom: 100%;}

.picScroll-left .bd ul li span img{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; margin: auto; max-width: 100%; max-height: 100%;}

.picScroll-left .bd ul li h2{position: absolute; left: -2px; bottom: -2px; right: -2px; background: rgba(0,0,0,0.5); line-height: 40px; font-size: 14px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.picScroll-left .bd ul li .con{position: absolute; left: -2px; top: -2px; right: -2px; bottom: -2px; background: rgba(36,165,232,0.8); opacity: 0;}

.picScroll-left .bd ul li .con i{margin-top: 113px; margin-bottom: 20px; display: inline-block; font-size: 30px;}

.picScroll-left .bd ul li a:hover h2{bottom: -40px; opacity: 0;}

.picScroll-left .bd ul li a:hover .con{opacity: 1;}

.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 span img,

.picScroll-left .bd ul li h2,

.picScroll-left .bd ul li .con{

	transition:all 0.3s;

	-moz-transition:all 0.3s;

	-ms-transition:all 0.3s;

	-o-transition:all 0.3s;

	-webkit-transition:all 0.3s;

}







/**/

.part3{background: url(../images/ys_part.jpg) no-repeat center; height: 209px; text-align: center;}

.part3 img{margin-top: 50px;}





.ys_list2{counter-reset:ceshi;}

.ys_list2 li{overflow: hidden; position: relative; height: 325px;}

.ys_list2 li span{position: absolute; right: 50%; top: 0px; z-index: 5;}

.ys_list2 li .con_box{position:relative; left: 50%; height: 100%;}

.ys_list2 li .con_box .con{float: left; width: 600px; padding: 70px 60px;}

.ys_list2 li .con_box .con i{float: left; margin-right: 15px; width: 54px; height: 70px; border: 2px solid #acacac; text-align: center; font-size: 50px; color: #24a5e8; font-style: normal; font-family: "NIAGSOL"; counter-increment:ceshi;}

.ys_list2 li .con_box .con i b{border-bottom: 2px solid #acacac;}

.ys_list2 li .con_box .con i b:after{display: inline-block; content:counters(ceshi,"-");}

.ys_list2 li .con_box .con h2{padding-top: 14px; font-size: 28px; line-height: 1; color: #555;}

.ys_list2 li .con_box .con h2 font{display: inline-block; margin-right: 20px; font-weight: bold; color: #24a5e8;}

.ys_list2 li .con_box .con h3{padding-top: 6px; line-height: 1; font-size: 14px; color: #999; text-transform: uppercase;}

.ys_list2 li .con_box .con h3:after{margin-left: 70px; margin-top: 5px; display: block; content: ""; width: 150px; height: 3px; background: #24a5e8;}

.ys_list2 li .con_box .con dl{clear: both; padding-top: 20px;}

.ys_list2 li .con_box .con dl dd{background: url(../images/ys_list.png) no-repeat left 12px; padding-left: 22px; font-size: 16px; line-height: 30px;}

.ys_list2 li .con_box .con dl dd font{color: #24a5e8;}



.ys_list2 li:first-child+li span,

.ys_list2 li:first-child+li+li+li span,

.ys_list2 li:first-child+li+li+li+li+li span,

.ys_list2 li:first-child+li+li+li+li+li+li+li+li span{left: 50%; right: auto;}



.ys_list2 li:first-child+li .con_box,

.ys_list2 li:first-child+li+li+li .con_box,

.ys_list2 li:first-child+li+li+li+li+li .con_box,

.ys_list2 li:first-child+li+li+li+li+li+li+li+li .con_box{left: auto; right: 50%;}

.ys_list2 li:first-child .con_box{background: url(../images/ys_img01_bg.jpg) no-repeat left;}

.ys_list2 li:first-child+li .con_box{background: url(../images/ys_img02_bg.jpg) no-repeat right;}

.ys_list2 li:first-child+li+li .con_box{background: url(../images/ys_img03_bg.jpg) no-repeat left;}

.ys_list2 li:first-child+li+li+li .con_box{background: url(../images/ys_img04_bg.jpg) no-repeat right;}



.ys_list2 li:first-child+li .con_box .con,

.ys_list2 li:first-child+li+li+li .con_box .con,

.ys_list2 li:first-child+li+li+li+li+li .con_box .con,

.ys_list2 li:first-child+li+li+li+li+li+li+li+li .con_box .con{float: right; padding-left: 0px;}







/**/

.part5{margin-bottom: 30px; border-bottom: 1px solid #e7e7e7; padding-bottom: 30px; overflow: hidden;}

.part5 h2{float: left; font-size: 22px; line-height: 1;}

.part5 span{float: right; padding-top: 10px; font-family: Arial; font-size: 14px;}

.part5 span:after{margin-left: 10px; position: relative; top: -3px; display: inline-block; content: ""; width: 25px; height: 2px; background: #878787;}



.xw_tt{overflow: hidden; background: #24a5e8; color: #fff;}

.xw_tt span{float: left; width: 220px;}

.xw_tt span a{display: block; position: relative; padding-bottom: 77.27%;}

.xw_tt span a img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #ccc;}

.xw_tt .con{margin-left: 240px; padding-right: 15px;}

.xw_tt .con h2{padding-top: 20px; padding-bottom: 20px; font-size: 16px; line-height: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.xw_tt .con h2 a,

.xw_tt .con h2 a:visited,

.xw_tt .con h2 a:hover{color: #fff;}

.xw_tt .con p{line-height: 22px;}

.xw_tt .con i{display: block; padding-top: 15px; text-align: right; font-style: normal;}

.xw_tt .con i:before{margin-right: 10px; position: relative; top: -3px; display: inline-block; content: ""; width: 30px; height: 1px; background: #fff;}

.xw_tt .con i a,

.xw_tt .con i a:visited,

.xw_tt .con i a:hover{color: #fff;}



.list1{margin-top: 20px;}

.list1 li{position: relative; padding-right: 90px; font-size: 14px; line-height: 38px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.list1 li span{position: absolute; right: 0px; top: 0px; font-size: 12px; color: #888;}





.list2{margin-top: -20px;}

.list2 li{border-bottom: 1px solid #e7e7e7; padding-top: 20px; padding-bottom: 10px;}

.list2 li h2{margin-bottom: 7px; padding-left: 32px; position: relative; line-height: 22px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.list2 li h2:before{position: absolute; left: 0px; top: 0px; display: inline-block; content: "Q"; width: 22px; line-height: 22px; text-align: center; background: #24a5e8; font-size: 14px; color: #fff; border-radius: 3px;}

.list2 li p{margin-bottom: 7px; padding-left: 32px; position: relative; line-height: 20px; color: #888;}

.list2 li p:before{position: absolute; left: 0px; top: 0px; display: inline-block; content: "A"; width: 22px; line-height: 22px; text-align: center; background: #e50012; font-size: 14px; color: #fff; border-radius: 3px;}





.fgx{float: left; margin-left: 66px; width: 1px; height: 507px; background: #e7e7e7;}