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

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

.banner .prev,
.banner .next{position:absolute; z-index:1; top:50%; margin-top:-20px; width:41px; height:69px; cursor:pointer; display:none; }
.banner .prev{left: 50%; margin-left: -365px; background: url(../images/slides-nav.png) no-repeat -84px 0;}
.banner .next{right:50%; margin-right: -600px; background: url(../images/slides-nav.png) no-repeat -128px 0;}
.banner .prev:hover{background-position: 0px 0;}
.banner .next:hover{background-position: -42px 0;}


.qk_class{position: absolute; left: 50%; top: 0px; bottom: 0px; margin-left: -600px; width: 235px; padding-top: 20px; background: rgba(0,0,0,0.6); z-index: 99;}
.qk_class li{line-height: 42px;}
.qk_class li a,
.qk_class li a:visited{position: relative; display: block; padding-left: 30px; color: #fff;}
.qk_class li a:hover{background: #008fcc; color: #fff;}
.qk_class li a:after{position: absolute; right: 20px; top: 35%; display: block; content: ""; background: url(../images/category-more.png) no-repeat; width: 16px; height: 16px;}


.part1{margin-top: 40px; border-bottom: 1px solid #008fcc; overflow: hidden; padding-bottom: 8px;}
.part1 h2{float: left; padding-right: 15px; font-size: 28px; color: #008fcc; line-height: 1;}
.part1 h3{float: left; font-size: 30px; font-weight: 100; color: #999; line-height: 1;}
.part1 span{float: right; padding-top: 5px; color: #888;}
.part1 span a,
.part1 span a:visited{color: #888;}
.part1 span a:hover{color: #00a1cc;}


.list1{overflow: hidden; margin-left: -28px; margin-top: 15px;}
.list1 li{float: left; width: 16.66%;}
.list1 li a{display: block; margin-left: 28px; text-align: center;}
.list1 li span{display: block; border: 1px solid #eaeaea; position: relative; padding-bottom: 123%;}
.list1 li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 19px 23px;}
.list1 li h2{padding-top: 15px; padding-bottom: 12px; font-size: 16px; color: #008fcc; line-height: 1;}
.list1 li h3{font-size: 12px; color: #333;}
.list1 li h4{padding-top: 8px; padding-bottom: 20px; font-size: 12px; color: #555;}
.list1 li a:hover span{border-color: #008fcc;}
.list1 li a:hover span img{transform: scale(1.03);}
.list1 li span,
.list1 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;
}


/**/
.ggw{margin-top: 20px; margin-bottom: 30px;}
.ggw img{max-width: 100%;}


/**/
.part2{border-bottom: 1px solid #d8d8d8; height: 36px; line-height: 35px;}
.part2:after{display: block; clear: both; content: "";}
.part2 h2{float: left; border-bottom: 1px solid #2880da; color: #2880da;}
.part2 span{float: right; color: #2880da;}
.part2 span a,
.part2 span a:visited,
.part2 span a:hover{color: #2880da;}

.list2{}
.list2 li{line-height: 45px; border-bottom: 1px dashed #d2d2d2;}
.list2 li:before{float: left; margin: 22px 8px 0 5px; display: block; content: ""; width: 2px; height: 2px; background: #999;}
.list2 li span{float: right; color: #888;}


.part3{position: relative; margin-top: 40px; margin-bottom: 20px; text-align: center;}
.part3:before{position: absolute; left: 0px; top: 50%; width: 100%; height: 1px; background: #eaeaea; display: block; content: ""; z-index: -1;}
.part3 h2{display: inline-block; padding: 0 20px; background: #fff; font-size: 22px; color: #666;}

.list3{overflow: hidden; margin-left: -20px;}
.list3 li{float: left; width: 33.33%;}
.list3 li a{display: block; margin-left: 20px; position: relative; border: 1px solid #eaeaea; padding: 30px; padding-right: 170px;}
.list3 li h2{padding-bottom: 10px; font-size: 16px; line-height: 1; color: #333;}
.list3 li h3{font-size: 12px; line-height: 18px; color: #666;}
.list3 li span{display: block; padding-top: 25px; color: #008fcc;}
.list3 li i{position: absolute; top: 45px; right: 47px; width: 60px; height: 50px; background: url(../images/work.png) no-repeat;}
.list3 li i.icon1{background-position: left top;}
.list3 li i.icon2{background-position: -180px 0;}
.list3 li i.icon3{background-position: -60px 0;}

.list3 li a:hover{border-color: #008fcc;}
.list3 li a:hover h2{color: #008fcc;}
.list3 li a:hover i.icon1{background-position: 0 -49px;}
.list3 li a:hover i.icon2{background-position: -180px -49px;}
.list3 li a:hover i.icon3{background-position: -60px -49px;}


.list5{overflow:hidden; margin-top: 40px; margin-left: -20px;}
.list5 dl{float: left; width: 25%; padding: 0 0 0 20px;}
.list5 dl dt{margin-bottom: 10px; border-left: 3px solid #00a1cc; font-size: 16px; line-height: 1; padding-left: 10px; font-weight: bold;}
.list5 dl dd{position: relative; padding-left: 12px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list5 dl dd:after{display: block; content: ""; position: absolute; left: 0px; top: 50%; width: 3px; height: 3px; background: #00a1cc;}




.list6{overflow: hidden; margin-left: -40px; margin-top: 30px; margin-bottom: 20px;}
.list6 li{float: left; width: 14.28%;}
.list6 li a{display: block; margin-left: 40px; text-align: center; position: relative;}
.list6 li span{display: block; padding-bottom: 100%; position: relative;}
.list6 li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border: 1px solid #e7e7e7; padding: 5px;}
.list6 li h2{position:absolute; left: 0; right: 0px; text-align: center; z-index: 10; top: 120px;}
.list6 li h2 i{display: inline-block; background: #00a1cc; color: #fff; font-size: 12px; font-style: normal; line-height: 28px; border-radius: 50px; padding: 0 20px;}
.list6 li h3{padding-top: 20px; padding-bottom: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list6 li p{color: #888; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}










/**/
.links{margin-top: 40px; border: 1px solid #eaeaea; background: #f8f8f8; padding: 15px 30px; overflow: hidden;}
.links dt{padding-bottom: 5px; font-size: 14px;}
.links dd{float: left; width: 11.1%; line-height: 30px;}