/* Global */
*{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
html{
     width:100%;
	 height:100%;
	 /*禁止手机横屏自动调整文字大小*/
	 -ms-text-size-adjust:none;
	 -webkit-text-size-adjust:none;
	 -moz-text-size-adjust:none;
	 -o-text-size-adjust:none;
}

body{
     margin:0;
	 padding:0;
	 width:100%;
	 height:100%;
	 font-family:微软雅黑, Arial, sans-serif;
}

ul{
   list-style:none;
   padding:0;
   margin:0;}

a:link,a:visited{
   text-decoration:none;
   outline:none;
}


*, *:after, *:before{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box; 
}

.clearfix:before,.clearfix:after{ 
   content: ''; display:block;
}
.clearfix:after { 
   clear: both; 
}

.img{
	border:0 none;
}
.container{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.top{
	height: 100px;
	padding-top: 24px;
	overflow-x: hidden;
}
.nav{
	float: right;

}
.nav a{
	color: #0ba29a;
}
.nav li{
	padding: 0 25px;
	height: 34px;
	line-height: 34px;
	float: left;
	margin-top: 8px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.nav .active{
	color: #fff;
	background-color: #0ba29a;
}
.nav .active a{
	color: #fff;
}
.nav li:hover{
	color: #fff;
	background-color: #0ba29a;
}
.nav li:hover a{
	color: #fff;
}
.banner{height:600px;overflow:hidden;position: relative;}
.banner .d1{width:100%;height:600px;display:block;position:absolute;left:0px;top:0px;}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:560px;}
.banner .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -96px;display:inline;}
.banner .d2 li{
	width:17px;
	height:15px;
	overflow:hidden;
	cursor:pointer;
	width: 12px;
	height: 12px;
	display: inline-block;
	background:rgba(255,255,255,0.6);
	float:left;
	margin:0 3px;
	display:inline;
	border-radius: 50%;
}
.banner .d2 li.nuw{background:rgba(255,255,255,0.9);}
.block1{
	width: 1275px;
	margin-top: 80px;
	margin-bottom: 80px;
}
.block1-box{
	width: 350px;
	margin-right: 75px;
	float: left;
	border: 1px solid #eee;
	text-align: center;
	padding:0 0 14px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.block1-box img{
	width: 100%;
}
.block1-box h3{
	font-size: 18px;
	color: #333;
	line-height: 38px;
	font-weight: normal;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.block1-box:hover h3{
	color: #0ba29a;
}
.block1-box p{
	font-size: 16px;
	color: #666;
}
.block1-box:hover{
	box-shadow: 4px 4px 10px #eee;
}
.block2{
	height: 557px;
	background: url(../images/1bg.jpg) no-repeat;
	background-size: auto 100%;
	background-position: center center;
	margin-bottom: 40px;
}
.block2 div{
	display: block;
	margin-left: 60px;
	margin-top: 70px;
}
.block3{
	height: 557px;
	background: url(../images/2bg.jpg) no-repeat;
	background-size: auto 100%;
	background-position: center center;
	margin-bottom: 40px;
}
.block3 div div {
    margin-top: 40px;
    float: right;
    display: block;
    margin-right: 130px;
}
.block4{
	height: 610px;
	background: url(../images/bottom.jpg) no-repeat;
	background-size: auto 100%;
	background-position: center center;
	margin-bottom: 40px;
	position: relative;
}
.block4 p{
	font-size: 16px;
	text-align: center;
	color: #fff;
}
.block4 .container{
	padding-top: 170px;
}
.block4 p a{
	color: #fff;
}
.block4>a{
	display: block;
	height: 610px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.footer ul{
	float: left;
	width: 180px;
	padding-left: 10px;
	padding-bottom: 20px;
}
.footer{
	background: #333;
	margin-top: 60px;
}
.footer a{
	color: #ccc;
	font-size: 14px;
	line-height: 30px;
}
.footer h3{
	font-weight: normal;
	font-size: 16px;
	color: #fff;
	line-height: 34px;
	padding-top: 30px;
}
.logo2{
	position: relative;
	padding: 20px 0;
}
.logo2 img{
	position: absolute;
	left: 30px;
	top: 20px;
}
.logo2 p{
	text-align: center;
	color:#fff;
	font-size: 14px;
	line-height: 24px;
}
.tit h3{
	font-size: 24px;
	text-align: center;
	letter-spacing: 2px;
	padding-bottom: 10px;
	font-weight: normal;
}
.tit{
	position: relative;
	text-align: center;
	margin-top: 60px;
}
.tit span{
	position: absolute;
	left: 0;
	right: 0;
	height: 2px;
	width: 100px;
	background: #0ba29a;
	margin:0 auto;
}
.cp .block1-box{
	margin-bottom: 40px;
}
.fenye{
	text-align: center;
	margin-bottom: 40px;
}
.fenye a{
	color: #666;
	font-size: 14px;
	margin:0 4px;
}
.fenye a:hover{
	color: #0ba29a;
}
.cp .block1{
	margin-bottom: 0;

}
.cp-box1{
	margin-top: 34px;
}
.cp-box1 div{
	float: left;
	padding: 10px;
	border: 1px solid #ccc;
	margin-right: 20px;
}
.cp-box1 h3{
	font-size: 18px;
	color: #0ba29a;
	padding-top: 20px;
	padding-bottom: 10px;
}
.cp-box1 p{
	font-size: 14px;
	color: #666;
	line-height: 28px;
}
.cp1{
	width: 1100px;
}
.cp-box1{
	border-bottom: 1px solid #ccc;
	padding-bottom: 30px;
}
.cp-box2 h3{
	font-size: 18px;
	color: #0ba29a;
	padding-top: 20px;
	padding-bottom: 10px;
}
.cp-box2 p{
	font-size: 14px;
	color: #666;
	line-height: 28px;
}
.tit2{
	color: #fff;
}
.tit2 h4{
	font-size: 24px;
	font-weight: normal;
}
.tit2 span{
	font-size: 16px;
	margin-left: 10px;
	display: block;
}
.gy{
	background: #0ba29a;
	padding-top: 60px;
}
.tit2 p{
	display: inline-block;
	width: 100px;
	height: 2px;
	background: #fff; 
}
.gy-p p{
	color: #fff;
	text-indent: 30px;
	font-size: 14px;
	line-height: 24px;
}
.gy-p{
	width: 700px;
	float: left;
	margin-top: 10px;
}
.tit-3 p{
	text-align: center;
	line-height: 26px;
	color: #333;
}
.tit-3{
	margin-top: 20px;
}
.lingyu-box1{
	background: #f446a8;
	text-align: center;
	color: #fff;
	border-radius:4px;
	width: 280px;
	margin-right: 30px;
	float: left;
	padding-top: 20px;
	padding-bottom: 10px;
}
.lingyu-box2{
	background: #46b9f4;
	text-align: center;
	color: #fff;
	border-radius:4px;
	width: 280px;
	margin-right: 30px;
	float: left;
	padding-top: 20px;
	padding-bottom: 10px;
}
.lingyu-box3{
	background: #28d575;
	text-align: center;
	color: #fff;
	border-radius:4px;
	width: 280px;
	margin-right: 30px;
	float: left;
	padding-top: 20px;
	padding-bottom: 10px;
}
.lingyu-box4{
	background: #f49f46;
	text-align: center;
	color: #fff;
	border-radius:4px;
	width: 280px;
	margin-right: 30px;
	float: left;
	padding-top: 20px;
	padding-bottom: 10px;
}
.lingyu{
	width: 1240px;
	margin-top: 50px;
	margin-bottom: 100px;
}
.lingyu h4{
	font-size: 18px;
	font-weight: normal;
	line-height: 30px;
	margin-top: 6px;
}
.block5{
	height: 610px;
	background: url(../images/fw.jpg) no-repeat;
	background-size: auto 100%;
	background-position: center center;
	margin-bottom: 40px;
	position: relative;
}
.block5 p{
	font-size: 16px;
	text-align: center;
}
.block5 .container{
	padding-top: 170px;
}
.block5 p{
	color: #fff;
	font-size: 14px;
	line-height: 26px;
	letter-spacing: 2px;
}
.block6 img{
	width: 280px;
	float: left;
	margin-right: 24px;
	margin-right: 26.6666;
}
.block6{
	width: 1230px;
}
.coo{
	margin-top: 10px;
	margin-bottom: 40px;
}
.coo-box{
	text-align: center;
	width: 230px;
	margin-right: 12.5px;
	float: left;
	margin-top: 20px;
	border: 1px solid #ccc;
	padding: 6px 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.coo-box:hover{
	border: 1px solid #0ba29a;
}
.coo{
	width: 1212.5px;
}
.contact{
	margin-top: 40px;
	width: 580px;
	float: left;
	padding-right: 100px;
}
.contact h4{
	font-size: 18px;
	font-weight: normal;
	color: #0ba29a;
}
.contact p{
	font-size: 14px;
	line-height: 30px;
	color: #666;
}
.contact p img{
	vertical-align: middle;
}
.map{
	width: 610px;
	border: 1px solid #ccc;
	padding: 10px;
	float: right;
	margin-top: 60px;
}
.news{
	margin-top: 40px;
	width: 1228px;
}
.news-box img{
	float: left;
	margin-right: 18px;
	width: 230px;
}
.news-box div{
	float: left;
	width: 320px;
}
.news-box{
	width: 586px;
	border: 1px solid #ccc;
	padding: 8px;
	position: relative;
	margin-bottom: 30px;
	float: left;
	margin-right: 28px;
}
.news-box div h4{
	font-size: 18px;
	font-weight: normal;
	color: #0ba29a;
	padding-top: 4px;
}
.news-box div p{
	font-size: 14px;
	line-height: 22px;
	color: #666;
}
.news-box div span{
	font-size: 14px;
	line-height: 30px;
	color: #999;
}
.news-box .more{
	position: absolute;
	right: 10px;
	color: #333;
	font-size: 14px;
	bottom: 14px;
}
.news-tit {
    border-bottom: 1px solid #CCC;
    padding-bottom: 8px;
    text-align: center;
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: normal;
}
.text-muted {
    color: #777;
    text-align: center;
}
.next1 {
	color: #666;
}
.next1 a{
	color: #666;
}
.next1 p:hover{
	color: #0ba29a;
}
.next1 p:hover a{
	color: #0ba29a;
}
.ani a{
	width: 134px;
	height: 34px;
	display: inline-block;
	border: 1px solid #fff;
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin-top: 30px;
	line-height: 32px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.ani{
	text-align: center;
	width: 484px;

}
.ani a:hover{
	color: #0BA29A;
	background: #fff;
	margin-right: -20px;
}
.ani1 a{
	width: 134px;
	height: 34px;
	display: inline-block;
	border: 1px solid #666;
	font-size: 14px;
	color: #666;
	text-align: center;
	margin-top: 30px;
	line-height: 32px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.ani1 {
    text-align: center;
    width: 340px;
}
.ani1 a:hover{
	color: #fff;
	background: #666;
	margin-right: -20px;
}
.ani1 img{
	display: block;
}
.anli1 a{
	width: 134px;
	height: 34px;
	display: inline-block;
	border: 1px solid #fff;
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin-top: 30px;
	line-height: 32px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	position: absolute;
	left: 0;
	right: 0;
	margin:0 auto;
	bottom: 34px;
}
.anli1 {
    text-align: center;
}
.anli1 a:hover{
	color: #666;
	background: #fff;
}
.anli1 img{
	display: block;
}