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

.banner .hd{ width:100%; position:absolute; z-index:1; bottom:15px; left:0;}
.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: 1px solid #fff; border-radius: 50%; font-size: 0px;}
.banner .hd ul .on{background: none;}

.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;}

/*产品展示 开始*/


.part8{text-align:center; font-size:30px; color:#004f9e; font-weight:bold; margin:45px 0 30px 0}
.part8 span{color:#c60001}
.part8 p{display:block; background:url(../images/bdr15_03.jpg) no-repeat center; font-size:14px; font-weight:normal; color:#999999; text-transform:uppercase; line-height:14px; margin:4px 0 0 0}

.cp_gd{position:relative; padding-bottom: 30px;}
.cp_gd .prev,
.cp_gd .next{position: absolute; top: 60px; width: 30px; height: 60px;}
.cp_gd .prev{left: -40px; background: url(../images/jt_l.png) no-repeat;}
.cp_gd .next{right: -40px; background: url(../images/jt_r.png) no-repeat;}

.cp_gd .bd{overflow: hidden;}
.cp_gd .bd ul{ overflow:hidden; zoom:1; width: 100%;}
.cp_gd .bd ul li{float: left; width: 20%;}
.cp_gd .bd ul li a{display: block; margin: 0 5px;}
.cp_gd .bd ul li span{display: block; position: relative; padding-bottom: 75%; overflow: hidden;}
.cp_gd .bd ul li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 4px; box-sizing: border-box;}
.cp_gd .bd ul li span:after{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; content: ""; border:1px solid #ddd; z-index: 10;}
.cp_gd .bd ul li h2{padding: 10px 0 15px 0; font-size: 14px; font-weight: normal; text-align: center;}
.cp_gd .bd ul li span img{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
.cp_gd .bd ul li span:hover:after{border: 4px solid #056ebe;}
/*.cp_gd .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);
}*/


/*左侧*/
/*
.part1{background:url(../images/part1_bg.jpg) no-repeat top left #056ebe; height:110px; color:#78a2d5; text-align:center; text-transform:uppercase; font-weight:normal}
.part1 span{padding-top: 35px; padding-bottom: 5px; font-size:26px; line-height: 1; display:block; font-weight:bold; color: #fff;}
.part1 i{display: block; color:#fff;  font-style:normal; font-weight: 100; font-family:Impact; font-size: 16px; opacity: 0.5; letter-spacing: 1px;}


.sideMenu{background: #f7f7f7; padding: 15px 23px; border: 5px solid #056ebe; border-top: none;}
.sideMenu h3{margin-bottom: 5px; background: #dcdcdc; padding-left: 20px; height: 40px; line-height: 40px; font-size: 16px; border-radius: 3px;}
.sideMenu h3 i{margin-right: 8px; position: relative; display: inline-block; width: 14px; height: 14px; background: #f7f7f7; border-radius: 3px;}
.sideMenu h3 i:before{position: absolute; left: 5px; top: 4px; display: inline-block; content: "";border-left: 5px solid #056ebe; border-top: 3px solid transparent; border-bottom: 3px solid transparent;}

.sideMenu ul{display:none; margin-bottom: 10px;}
.sideMenu ul li{border-bottom: 1px dashed #185797; background: url(../images/list_tb2.png) no-repeat 15px; height:50px; line-height:50px; font-size:14px; font-weight: normal; text-indent:35px;}
.sideMenu ul li a,
.sideMenu ul li a:visited{color: #e3e3e3;}
.sideMenu ul li a:hover{color: #fff;}
*/
/*.pro_left_bg{background:#056ebe; overflow: hidden;}

.part1{background:url(../images/part2_bg.jpg) no-repeat center; height:99px; color:#78a2d5; text-align:center; text-transform:uppercase; font-weight:normal}
.part1 i{padding: 28px 0 0 0; display: block; color:#fff;  font-style:normal; font-family:Constantia, Lucida Bright, DejaVu Serif, Georgia, serif }
.part1 span{font-size:20px; padding:0 0 0 0; display:block; font-weight:bold; color: #fff;}

.sideMenu{background: #f7f7f7; padding: 15px 23px;}
.sideMenu h3{margin-bottom: 5px; background: #dcdcdc; padding-left: 15px; height: 34px; line-height: 34px; font-size: 16px; color: #333; border-radius: 3px;}
.sideMenu h3 i{margin-right: 8px; position: relative; display: inline-block; width: 14px; height: 14px; background: #323232; border-radius: 3px;}
.sideMenu h3 i:before{position: absolute; left: 5px; top: 4px; display: inline-block; content: ""; border-left: 5px solid #fff; border-top: 3px solid transparent; border-bottom: 3px solid transparent;}

.sideMenu ul{display:none; margin-bottom: 10px;}
.sideMenu ul li{
	border-bottom: 1px dashed #d8d8d8; background: url(../images/list_tb2.png) no-repeat 10px; height:42px; line-height:42px; font-weight: normal; text-indent:30px;
}


.l_part2{background:#056ebe; height:35px; line-height:35px; color:#fff; font-size:14px; padding:0 0 0 20px; }

.l_lxwm{padding:10px; line-height:24px;}
.l_lxwm span{display:block; background:url(../images/Teln.gif) no-repeat left; height:45px; padding:0 0 0 55px; line-height:20px; margin:0 0 5px 0}
.l_lxwm span b{display:block; font-size:22px; color:#056ebe; font-family:Impact; font-weight:normal;}

.n_con_border2{border:1px solid #e4e4e4; border-top:none; overflow:hidden; }*/

.part1{background: #056ebe; height: 105px; color: #fff; border-bottom: 1px solid #1d66b2; position: relative; padding-left: 60px;}
.part1 i{position: absolute; left: 15px; top: 40px; color: #fff; font-size: 38px;}
.part1 h2{padding: 30px 0 5px 0; font-size: 20px; line-height: 1; font-weight: bold;}
.part1 h3{font-family: Arial; font-weight: normal; font-size: 12px; text-transform: uppercase;}

.con_bg1{position: relative; background: #056ebe;}
.con_bg1:after{position: absolute; left: 50%; bottom: -15px; margin-left: -30px; display: block;  border-top: 15px solid #056ebe; border-left: 30px solid transparent; border-right: 30px solid transparent;}

.list1{width: 225px; margin: 0 auto; padding: 20px 0 0 0; overflow: hidden;}
.list1 li{margin: 0 0 12px 0; background:#fff; height: 31px; line-height: 31px; border-radius: 3px; position: relative; behavior:url(pie.htc); overflow: hidden;}
.list1 li a{display: block; padding: 0 0 0 18px; font-size: 14px; font-weight: bold; color: #333;}
.list1 li a:visited{color: #333;}
.list1 li a:hover{background: #ccc; color: #fff;}

.lxwm{background: #056ebe; padding: 30px 0 18px 20px; color: #fff;}
.lxwm span{display: block; padding: 15px 0 2px 0;}
.lxwm h2{font-family: Impact; font-weight: normal; font-size: 28px; line-height: 1;}
.lxwm p{padding: 12px 0 0 0; line-height: 25px;}
.lxwm em{display: block; padding: 15px 0 5px 0;}


/*右侧*/
.part2{background: url(../images/partbg_26.png) repeat-x center;height:48px; overflow:hidden;}
.part2 h2{float:left; padding-right: 15px; background: #fff; font-size:18px; color: #056ebe; font-weight:bold;}
.part2 h2 span{display: block; font-size: 12px; font-weight: normal; text-transform: uppercase; font-family: Arial;}
.part2 .more{float:right; background: #fff; line-height: 48px; padding-left: 10px;}
.part2 .more i{margin-left: 6px; margin-top: -2px; position: relative; display: inline-block; vertical-align: middle; width: 15px; height: 15px; background: #b5b5b5; border-radius: 50%;}
.part2 .more i:before{position: absolute; left: 6px; top: 4px; display: inline-block; content: ""; border-left: 5px solid #fff; border-top: 4px solid transparent; border-bottom: 4px solid transparent;}

.list2{overflow:hidden; margin: 10px 0 0 -15px;}
.list2 li{float:left; width: 25%; display:inline;}
.list2 li .pro_box{margin: 0 0 20px 15px;}
.list2 li span{display: block; position: relative; padding-bottom: 80%; width: 100%; overflow: hidden;}
.list2 li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 4px; box-sizing: border-box; z-index: 20;}
.list2 li span:after{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; content: ""; border:1px solid #aaa; z-index: 10;}
.list2 li span:hover:after{border: 4px solid #056ebe;}
.list2 li h2{font-size:14px; font-weight:normal; line-height:22px; padding:6px 0 5px 0; color:#666666;text-align:center;}
.list2 li h2 a{font-weight:bold; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list2 li h2 a:hover{color: #056ebe;}
.list2 li h3{font-size: 12px; color: #888;text-align:center;}
.list2 li h4{overflow: hidden;}
.list2 li h4 a{float: left; position: relative; width:118px; height:25px; text-align:center; line-height:25px; color:#fff; margin:8px 0 0 0; overflow:hidden;}
.list2 li h4 a.xx{background:#056ebe; margin-right:12px;}
.list2 li h4 a.dz{background:#333;}
.list2 li h4 a:after{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; content: ""; background: rgba(255,255,255,0);}
.list2 li h4 a:hover:after{background: rgba(255,255,255,0.2);}

.list2 li span img,
.list2 li span:after{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
/*.list2 li: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 li span:after {
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}*/
/*产品展示 结束*/


.ggw1{background: url(../images/ggw1.jpg) no-repeat center; height: 1010px; margin: 30px 0 0 0;}


.jjfa_bg{}

.part9{ text-align: center; padding: 50px 0 0 0;}
.part9 h2{position: relative; border: 2px solid #056ebe; background: #056ebe; padding: 8px 40px; display: inline-block; font-size: 26px; line-height: 26px; color: #fff; font-weight: normal;}
.part9 h2:before,
.part9 h2:after{position: absolute; top: 20px; content: ""; width: 144px; height: 2px; background: #056ebe;}
.part9 h2:before{left: -144px;}
.part9 h2:after{right: -144px;}
.part9 h2 a,
.part9 h2 a:visited,
.part9 h2 a:hover{color: #fff;}
.part9 span{display: block; font-size: 32px; color: #333; padding: 15px 0 0 0;}
.part9{padding: 0 0 20px 0;}

.list3{margin: 117px 0 0 0;}
.list3 li{float: left; background: #fff; margin: 0 0 0 20px; width: 248px; height: 262px; border: 1px solid #cbcbcb; position: relative;}
.list3 li:first-child{margin: 0px;}
.list3 li span{position: absolute; left: 0px; top: -87px; width: 100%; text-align: center;}
.list3 li h2{margin: 102px 27px 0 27px; height: 33px; border-bottom: 1px solid #c2c2c2; text-align: center;}
.list3 li h2 b{display: inline-block; height: 32px; border-bottom: 3px solid #c2c2c2;}
.list3 li p{margin: 10px 27px 0 27px; line-height: 24px; font-size: 14px;}
.list3 li a{display: block;}
.list3 li:hover h2,
.list3 li:hover p{color: #fff;}
.list3 li:hover{background: url(../images/yz_bg2.gif) no-repeat center; color: #fff;}
.list3 li:hover h2{border-bottom: 1px solid #fff;}
.list3 li:hover h2 b{border-bottom: 3px solid #fff;}


.tel2{margin: 37px auto 30px auto; position: relative; background: url(../images/y_t.jpg) no-repeat; width: 765px; height: 51px; line-height: 50px; text-indent: 16px; color: #333; font-size: 18px;}
.tel2 span{position: absolute; top: 0px; font-family: Impact; font-size: 30px;  padding: 0 0 0 60px; color: #056ebe;}
.tel2 a{position:absolute; right: 0px; top: 0px; width: 180px; text-align: center;  color: #fff; font-size: 22px;}

/**/
/*.ggw3{background: url(../images/ggw3.jpg) no-repeat center; height: 288px; margin: 30px 0 0 0;}*/

/*案例*/
.part10{margin: 50px 0 30px 0; background: url(../images/fn_h3.gif) no-repeat center #056ebe; height: 63px; text-align: center; line-height: 63px; color: #fff; font-size: 28px;}

.part3{ text-align: center; padding: 40px 0 30px 0;}
.part3 h2{padding-bottom: 5px; font-size: 30px; line-height: 1; color: #056ebe; font-weight: bold;}
.part3 h3{position: relative; font-size: 12px; font-weight: normal; text-transform: uppercase; color: #888;}
.part3 h3:after{display: block; content: ""; margin: 20px auto 0 auto; width: 250px; height: 1px; background: #e7e7e7;}
.part3 h3:before{position: absolute; left:0px; right: 0px; bottom: 0px; margin: 0 auto; display: block; content: ""; width: 20px; height: 3px; background: #056ebe; border-left: 4px solid #fff; border-right: 4px solid #fff;}

.part31 h2,
.part31 h3{color: #fff;}
.part31 h3:after{background: #fafafa;}
.part31 h3:before{background: #c60001; border-left-color: #0d4f97; border-right-color: #0d4f97;}

.zhanshi{margin-bottom: 40px; position:relative;}
.zhanshi .prev,
.zhanshi .next{position: absolute; top: 30%; width: 21px; height: 59px;}
.zhanshi .prev{left: -30px; background: url(../images/ljt3.png) no-repeat;}
.zhanshi .prev:hover{background: url(../images/ljt3h.png) no-repeat;}
.zhanshi .next{right: -30px; background: url(../images/rjt3.png) no-repeat;}
.zhanshi .next:hover{background: url(../images/rjt3h.png) no-repeat;}

.zhanshi .bd{padding: 0 0;}
.zhanshi .bd ul{ overflow:hidden; zoom:1; }
.zhanshi .bd ul li{float: left; width: 20%;}
.zhanshi .bd ul li a{display: block; margin: 0 8px;}
.zhanshi .bd ul li span{display: block; padding-bottom: 80%; position: relative; overflow: hidden;}
.zhanshi .bd ul li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 3px; box-sizing: border-box;}
.zhanshi .bd ul li span:before{display: block; content: ""; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; border: 1px solid #e7e7e7; z-index: 10;}
.zhanshi .bd ul li h2{padding: 10px 0; font-size: 14px; font-weight: normal; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.zhanshi .bd ul li span img{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
.zhanshi .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);
}

.part4{background:url(../images/al_part.png) no-repeat right center #0152A4; width:270px; height:458px; text-align:center;}
.part4 h2{font-size:20px; color:#fff; padding:120px 0 5px 0; font-weight: bold;}
.part4 h3{font-size:20px; text-transform:uppercase; color:#fff; font-weight:normal;}
.part4 a.more{border:2px solid #fff; width:98px; height:34px; line-height:34px; display:inline-block; font-size:14px; color:#fff; margin:90px 0 0 0;}
.part4 a:hover.more{background:#fff; color:#555;}


/*关于我们*/
/*.gywm{border: 1px solid #e7e7e7; border-bottom: none; background: #fff;}
.gywm .part6{position: relative; z-index: 5; margin: -3px 20px -10px -3px; float: left; background: url(../images/part1_bg.jpg) no-repeat top right #056ebe; border-bottom: 10px solid #004c96; width: 290px; color: #fff;}
.gywm .part6 h2{padding: 32px 0 10px 25px; font-size: 20px; font-weight: bold;}
.gywm .part6 h3{padding-left: 25px; font-family: Arial; font-size: 16px; text-transform: uppercase;}
.gywm .part6 h3:after{margin-top: 15px; margin-bottom: 25px; display: block; content: ""; width: 44px; height: 3px; background: #fff;}
.gywm .part6 h4{padding-left: 25px;}
.gywm .part6 h4 i{margin-right: 5px; font-size: 18px; vertical-align: middle;}
.gywm .part6 h5{padding: 8px 0 20px 25px;font-family: Impact; color: #fff; font-weight: normal; font-size: 26px; line-height: 1;}

.gywm .gywm_con{padding: 30px 20px 0 0;}
.gywm .gywm_con h2{font-size: 16px; font-weight: bold; color: #056ebe;}
.gywm .gywm_con p{padding-top: 10px; font-size: 14px; line-height: 25px;}
.gywm_img{}
.gywm_img img{width: 915px; height: 250px; background: #ccc;}*/
.gywm_bg{padding-bottom: 80px; background:url(../images/about_bg.jpg) no-repeat center;}
.about{}
.about span{float: left; width: 440px;}
.about span i{display: block; position:relative; padding-bottom: 70%;}
.about span i img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #ccc; box-shadow: 7px 7px 0 rgba(0,0,0,0.1);}
.about .con{margin-left: 490px;}
.about .con h2{padding-top: 10px; padding-bottom: 10px; font-size: 20px; color: #fff; font-weight: bold;}
.about .con h2:after{margin-top: 15px; display: block; content: ""; width: 30px; height: 2px; background: #fff;}
.about .con p{line-height: 25px; color: #fff; opacity: 0.8;}
.about .con a{margin-top: 30px; margin-right: 10px; display: inline-block; width: 150px; line-height: 40px; text-align: center; border-width: 2px; border-style: solid; color: #fff; font-size: 16px;}
.about .con a.zx{border-color: #f80100; color: #f80100;}
.about .con a.zx:hover{background: #f80100; color: #fff;}
.about .con a.xx{border-color: #fff;}
.about .con a.xx:hover{background: #fff; color: #056ebe;}


.honor_bg{margin-bottom: 40px; background: #fff; margin-top: -130px; box-sizing: border-box; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);}
.part6{text-align: center; font-size: 20px; color: #056ebe; font-weight: bold; line-height: 1;}
.part6:after{margin: 10px auto 15px auto; display: block; content: ""; width: 20px; height: 3px; background: #056ebe;}


.picMarquee-left{ padding: 30px 20px;}
.picMarquee-left .bd{}
.picMarquee-left .bd ul{overflow: hidden;}
.picMarquee-left .bd ul li{float: left; width: 20%;}
.picMarquee-left .bd ul li a{display: block; margin: 0 7px; padding: 5px; background: #056ebe;}
.picMarquee-left .bd ul li span{display: block; padding-bottom: 75%; position: relative;}
.picMarquee-left .bd ul li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 2px; box-sizing: border-box; background: #fff;}
.picMarquee-left .bd ul li h2{padding: 10px 0; font-size: 14px; text-align: center; color: #fff;}
.picMarquee-left .bd ul li a:hover{background: #056ebe;}

.ggw2{margin:40px 0 80px 0; background: url(../images/ggw2.jpg) no-repeat center; height: 250px;}
.ggw2 a{display: block; height: 250px;}







/*荣誉资质*/
/*.part7{background: #056ebe; height: 45px; line-height: 45px;}
.part7 h2{float: left; padding: 0 20px; background: #bd0000; color: #fff; font-weight: bold;}
.part7 span{float: right; padding-right: 10px;}
.part7 span a,
.part7 span a:visited,
.part7 span a:hover{color: #fff;}

.honor{ margin:0 auto; overflow:hidden; position:relative; border: 1px solid #e7e7e7; border-top: none; height: 408px;}
.honor .bd{padding:15px;}
.honor .bd ul{ overflow:hidden; zoom:1; }
.honor .bd ul li{}
.honor .bd ul li a{display: block;}
.honor .bd ul li span{display: block; position: relative; padding-bottom: 70%; overflow: hidden;}
.honor .bd ul li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;  border: 1px solid #e7e7e7; box-sizing: border-box;}

.honor .bd ul li h2{padding: 10px 10px 15px 10px; font-size: 14px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.honor .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);
}
.honor .bd ul li span img{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}*/


/*æ–°é—»*/
.part5{margin-bottom: 20px; overflow: hidden;}
.part5 h2{float: left; padding: 0 2px 10px 2px; border-bottom: 2px solid #056ebe; font-size: 20px; line-height: 1; font-weight: bold; color: #333;}
.part5 span{float: right; padding-top: 10px;}

.list4{}
.list4 em img{}
.list4 dl{padding: 32px 0 15px 0; border-bottom: 1px solid #e7e7e7;}
.list4 dl dt{position: relative; padding-right: 100px; font-size: 14px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list4 dl dt span{position: absolute; right: 0px; top: 0px; font-weight: normal; font-size: 12px; color: #888;}
.list4 dl dd{padding-top: 10px; line-height: 25px; color: #888;}
.list4 ul{padding: 15px 0; overflow: hidden;}
.list4 ul li{float: left; width: 50%; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.picScroll-left{padding: 30px 0;}
.picScroll-left .hd{padding-top: 20px; text-align: center;}
.picScroll-left .hd .prev,
.picScroll-left .hd .next{ display:inline-block;  width:12px; height:20px; overflow:hidden; font-size: 14px; cursor: pointer; vertical-align: middle;}
.picScroll-left .hd .prev:hover,
.picScroll-left .hd .next:hover{color: #056ebe;}

.picScroll-left .hd ul{display: inline-block; vertical-align: middle; padding: 0 30px;}
.picScroll-left .hd ul li{float:left; margin: 0 3px; width:6px; height:6px; overflow:hidden; text-indent:-999px; cursor:pointer; background:#b8b8b8; border-radius: 50%; border: 2px solid #fff; vertical-align: middle;}
.picScroll-left .hd ul li.on{background: #fff; border-color: #056ebe;}

.picScroll-left .bd{}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float: left; width: 50%;}
.picScroll-left .bd ul li dt{font-weight: bold; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.picScroll-left .bd ul li dt:before{margin: 0 10px 0 2px; display: inline-block; content: "\f059"; font-family: "FontAwesome"; color: #056ebe; font-size: 18px; vertical-align: middle;}
.picScroll-left .bd ul li dd{padding: 10px 10px 0 28px; line-height: 25px; color: #888;}


/*友情链接*/
.link{margin-top: 20px; border-top: 1px solid #e7e7e7; padding: 15px 0;}
.link ul{overflow: hidden;}
.link ul li{float: left; margin-right: 15px; line-height: 22px; color: #888;}
.link ul li a{color: #888;}
.link ul li a:hover{color: #056ebe;}





.main2{width:96%; margin:0 auto; position: relative;}
.main4{width:1300px; margin:0 auto; position: relative;}
/**/
.pro_fl{margin: 0px 0 60px 0; background: #f3f3f3;}
.pro_fl ul{display: flex;}
.pro_fl ul li{flex: 1; text-align: center;}
.pro_fl ul li span{display: block; height: 180px; margin: 20px 0 5px 0;}
.pro_fl ul li h2{font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333;}
.pro_fl ul li.pro1 span{background: url(../images/sjj01.png) no-repeat center;}
.pro_fl ul li.pro2 span{background: url(../images/sjj02.png) no-repeat center;}
.pro_fl ul li.pro3 span{background: url(../images/sjj03.png) no-repeat center;}
.pro_fl ul li.pro4 span{background: url(../images/sjj04.png) no-repeat center;}
.pro_fl ul li.pro5 span{background: url(../images/sjj05.png) no-repeat center;}
.pro_fl ul li.pro6 span{background: url(../images/sjj06.png) no-repeat center;}
.pro_fl ul li.pro7 span{background: url(../images/sjj07.png) no-repeat center;}
.pro_fl ul li a{display: block; height: 260px; overflow: hidden;}
.pro_fl ul li a:hover{background: #ccc;}