@charset "utf-8";
/* CSS Document */

#ny_gg{height:500px;position:relative;z-index:1;overflow:hidden; width:100%; margin-bottom:20px;}
#ny_gg dd{height:500px;}
#ny_gg dd a{display:block;height:500px;}
#ny_gg ul{position:absolute;width:150px;height:26px;left:65%;bottom:10px;z-index:10;}
#ny_gg li{background:url(../img/dot.png);cursor:pointer;float:left;width:14px;height:14px;margin-left:5px;text-indent:-999px;overflow:hidden;}
#ny_gg li.on{background:url(../img/dot1.png); width:26px; height:26px !important;}
#ny_gg .prev{position:absolute; bottom:175px; left:12%; display:block;}
#ny_gg .next{position:absolute; bottom:175px; right:12%;display:block;}

#t3{ clear:both;background-image:url(../img/bg01.gif);}
#t3 .box{ background-image:url(../img/bg01.jpg); background-repeat:no-repeat; height:400px;}
#t3 .box div{  width:680px; height:300px; margin-left:200px; padding-top:40px; font-size:18px; line-height:2.2;}
#t3 .box div p{ text-indent:2em; margin-bottom:30px;}
.gengduo{ font-size:14px;}
.gengduo a{ color:#F00; font-size:14px;}

#t4{ background-color:#f3f3f3; width:100%; clear:both; padding:40px 0 10px 0;}
#t4 #box ul li{ width:208px;border-radius:20px; height:50px; margin-right:40px; line-height:50px; font-size:16px; text-align:center;  background-color:#ccc; margin-bottom:50px; float:left}
#t4 #box ul li:nth-child(5){ margin-right:0;}
#t4 div{ margin:0 auto 50px auto; clear:both}
#t4 div .ul2 li a{ display:block; width:24%; float:left; margin-right:1.25%;}
#t4 #box .ul1 li a{border-radius:20px; display:block;  width:208px; height:50px;}
#t4 #box .ul1 li a:hover{background-color:#47bbae; color:#FFF}
#t4 div ul li a:nth-child(4){ margin-right:0;}
#t4 div ul li img{ width:100%; height:auto}

#t5{ width:100%; clear:both; padding:40px 0 40px 0; background-color:#FFF;}
#t5 .box .icon ul li{width:10%; float:left; margin-right:2.85%; font-size:12px; line-height:2;}
#t5 .box .icon ul li:nth-child(8){ margin-right:0;}
#t5 .box .icon ul li img{ width:100%; height:auto; border-radius:10px; border:solid 1px #CCC;box-shadow: darkgrey 0px 2px 3px 0px ;}
#t5 .box .icon ul li span{ font-size:18px; font-weight:bold; color:#900; margin-bottom:10px; display:block; text-align:center;}
#t6{ background-color:#e9e9e9;  padding:40px 0 10px 0;}

.project {	display: block;background-color: #e9e9e9;padding: 0 0 3% 0;margin:0 auto; width:1230px;}
.project .section-header {margin-top: 0;}
.project .section-header .line {background-color: #c4c4c4;}
.project .section-header .line span {background-color: #e9e9e9;}
.project-body {display: block;position: relative;}
.project-body .btn {display: block;position: absolute;width: 36px;height: 62px;top: 36%;	text-align: center;line-height: 62px;font-size: 54px;color: #717171;font-family: "Simsun";z-index: 20;	transition: 0.5s;
	-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;}
.project-body {display: block;position: relative;}
.project-body .btn {display: block;position: absolute;width: 36px;height: 62px;top: 36%;text-align: center;line-height: 62px;font-size: 54px;color: #717171;font-family: "Simsun";z-index: 20;transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;	-moz-transition: 0.5s;}
.project-body .btn:hover {color: #333;}
.project-body .prev {left: -42px;}
.project-body .next {right: -42px;}
.project-body .box {display: block;position: relative;overflow: hidden;}
.project-body .box ul {display: block;font-size: 0;	overflow: hidden;margin-right: -24px;}
.project-body li {display: block;float: left;width: 32%; margin-right:8px; background-color:#FFF; padding-bottom:10px;}
.project-body li:nth-child(4){margin-right:0;}
.project-body li .pic {display: block;padding: 10px 8px;border: 1px solid #d5d5d5;}
.project-body li .pic a {display: block;	width: 100%;height: auto;}
.project-body li .content {display: block;position: relative;	overflow: hidden;}
.project-body li .mask {display: block;position: absolute;width: 100%;height: 100%;padding-top: 0%;top: -100%;background-color: rgba(0,0,0,0.4);text-align: center;z-index: 10;transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;}
.project-body li:hover .mask {top: 0;}
.project-body li .mask h4 {display: block;font-size: 16px;line-height: 1;margin-top: 80px;color: #fff;}
.project-body li .mask h4 p{color: #fff;}
.project-body li img {display: block;width: 100%;	transition: 0.5s;-webkit-transition: 0.5s;	-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;}
.project-body li p {display: block;text-align: center;font-size: 15px;margin-top: 10px;line-height: 1;}
.project-body li p a {}

#t7{ background-color:#FFF; width:100%; clear:both; padding:40px 0 40px 0;}
#t7 dl,footer .box div{ float:left;}
#dl1{ width:400px; margin-right:30px;}

#dl1 img{ width:100%; height:auto;}
#dl1 dt{ text-align:center; font-size:15px; margin-bottom:20px; position:relative}
#t7 .box #dl1 dt div{ position:absolute; bottom:5px; text-align:center; background-color:#000;opacity:0.8; color:#FFF; width:100%; height:25px; line-height:25px;}
#dl2 dd a{ font-size:15px; line-height:2.2; }
#dl2 dd{ border-bottom:dashed 1px #ccc;}
#dl2{ width:380px;margin-right:30px;}
#dl3{ width:360px;}
#dl3{ font-size:14px; line-height:1.8;}
#dl3 span{ font-size:16px; font-weight:bold; margin-right:10px; color:#900;}
#link{ background-color:#686868; height:35px; line-height:35px; color:#FFF; font-weight:bold;}
#link ul li{ float:left; padding:0 20px;}
#link a{ color:#FFF;}


































/* PB模板库：Www.PBku.Cn */
/* QQ：43171398 */
/* PBOOTCMS模板交流群号：183945698*/
/* 商龙PBootCMS模板下载  http://www.EcLong.com */
/* 八戒站长 http://www.BaJieZhan.Com  */
/* 站长源码城 整站模板下载网站 Www.CnYmc.Com */
/* 淘搜：Www.TaoSou.Net */
/* 素材海：Www.SuCaiHai.Com */
/* 模板齐：Www.MoBanQi.Com */
/* 开发堂模板网：Www.KaiFaTang.Com */
