*{box-sizing: border-box}
#nav{
	position: fixed;
	top:0;
	left:0;
	bottom: 105px;
	width: 240px;
	height: 100%;
	font-size: 14px;
	text-align: center;
	z-index: 999;
	background-color: #efefef;
}
#logo{width: 180px;margin: 0 auto;}
#logo a{text-decoration: none;color: #007564;font-weight: bold;font-size: 14px;text-align: center;}
#logo p{margin:10px 0;}

/*导航*/
.nav {margin:20px 0;}
.nav li{position:relative;width: 100%;height: 46px;line-height: 46px;border-bottom: 1px solid #f6f6f6;}
.nav li:last-child{border-bottom: none;}
.nav li a{display: block;height: 46px;transition: all 1s;}
.nav li a:hover{background: #53a296;color: #fff;}
.nav a.active{background: #007564;color: #fff;}
.nav ul{position: absolute;right: -100px;top: 0;margin-right: 100px;width: 100px;text-align: center;background: #F7F7F7;z-index: -1;opacity:0;filter: alpha(opacity=0);}
/*导航底部*/
.nav-footer{width: 180px;margin: 0 auto;text-align: left;}
.nav-footer p:first-child{line-height: 20px;}
.phone{font-size: 18px;font-weight: bold;color: #007564;line-height: 36px;}


#fp-nav ul li a span, .fp-slidesNav ul li a span{
	background:#007564;
}

/*页面底部*/
#footer {
    height: 105px;
    width: 100%;
    border-top: 2px solid #000;
    font-size: 12px;
    color: #666;
}
#footer a{color: #ccc;}
.container{margin:20px 0 0 20px;}
.footer-logo{width: 120px;}

.footer-center{vertical-align: top;margin-top: 23px;width: 50%;padding: 0 5%;}
.footer-center p{
	font-size: 12px;
	line-height: 24px;
	text-decoration: none;
}
.footer-right{margin:-10px 30px 0 0;}
.platform{
    height: 18px;
    display: inline-block;
}
.platform:first-child{
    width: 121px;
    background: url("../image/footer/vleader.png");
}
.platform:first-child:hover{
    background: url("../image/footer/vleader_hover.png");
}

.platform:last-child{
    width: 107px;
    background: url("../image/footer/w.png");
}
.platform:last-child:hover{
    background: url("../image/footer/wangshang_2.png");
}
/*内容*/
#content{width: 100%;}
.section1,.section2,.section3,.section4,.section5,.section6{position: relative;height: 100%;overflow: hidden;}
.carousel,.s3-car{position: relative;}
.carousel-list,.s3-list{position: absolute;top: 0;left: 0;}
.carousel-list li,.s3-list li{position: relative;width: 100%;height: 100%;}
.carousel-content{margin-left: 300px;padding-top: 220px;width: 840px;height: 300px;font-size: 34px;color: #fff;}
.carousel-content h3{line-height: 54px;font-weight: 100}
.carousel-content h4{line-height: 64px;font-weight: bold;}
.carousel-content p{font-size: 20px;line-height: 44px;}
.carousel-content a{margin-top: 15px;width: 185px;height: 46px;background: rgba(0,117,100,0.5);background: #53a296\9;font-size: 15px;line-height: 46px;text-align:center;color: #fff;transition: 1s;}
.carousel-content a:hover{background: #007564}
.carousel ol,.s3-car ol{
    width:120px;
    height: 20px;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    bottom: 20px;
    text-align: center;
}
.carousel ol li,.s3-car ol li{
    width: 20px;
    height: 20px;
    margin: 0 10px;
    background: url("hd_off.png") no-repeat;
    background-size: 100% 100%;
    float: left;
}
.carousel ol li:hover,.s3-car ol li:hover,.carousel ol li.active,.s3-car ol li.active{
    background: url("hd_on.png") no-repeat;
    background-size: 100% 100%;
}
.carousel>a:hover,.s3-car>a:hover{color: #007564;background: #9e9e9e}
.s1-prev,.s3-car-prev{left: 20px;}
.s1-next,.s3-car-next{right: 20px;}
/*第二部分*/
.section2{background: url("../image/pover/bg.jpg") no-repeat;}
.s2-content,.s4-content{margin: 0 auto ;padding-top: 100px;width:78%;color: #fff;}
.s2-content h2{font-size: 44px;line-height: 84px;margin-top: -1500px}
.s2-content h3{font-size: 24px;line-height: 50px;margin-left: -1500px}
.s2-content h3 span{font-size: 30px;color: red;font-weight: bold}
.s2-content>span{color:red;line-height: 36px;}
.s2-img{margin-top: 20px;width: 66%}
.s2-img div{width:32%;height: 216px;border: 1px solid #fff;}


/*第三部分*/
.section3{position: relative;}
.s3-content{width: 800px;height: 226px;position: absolute;color: #fff;top: 50%;left: 50%;margin-left: -300px;margin-top: -113px;padding-left: 110px;}
.s3-content h2{ font-size: 32px;}
.s3-content h3{ font-size: 34px;font-weight: bold;line-height: 82px;}
.s3-content span{  font-size: 16px;}
.s3-content a{
    margin-top: 15px;
    width: 185px;
    height: 46px;
    background: rgba(0,117,100,0.5);
    background: #53a296\9;
    font-size: 15px;
    line-height: 46px;
    text-align:center;
    color: #fff;
    transition: all 1s;
}
.s3-content a:hover{background: #007564;}
.num{color: #fff}
.s3-carousel ul{padding-top: 15px;margin-left: 20px;color: #fff;position: relative}
.s3-carousel{height: 46px;line-height: 46px;overflow: hidden}
.s3-car ol{width:450px;margin-left:-225px}
.button{margin: 0 20px;color: #fff;cursor: pointer}
.button span{margin:  0 20px;font-size: 26px;}


/*第四部分*/
.section4{background:#333;}
.s4-content{margin-top: 60px}
.s4-content h2{margin-left: 1500px}
.s4-content h3{ color: #007564;font-size: 44px;font-weight: bold;margin-left: -1500px}
.s4-content>span{margin:10px 0 30px; margin-left: 1500px}
.s4-back{width: 30%;height: 100%;background: #007564; text-align: center;padding: 100px 0;position: relative;transition: all .5s;}
.s4-back>span{margin:10px auto  30px; width: 80%;display: block;}
.s4-back:hover{background: #c17e18;border: 5px solid #fff;}
.s4-back h4{font-size: 34px;font-weight: bold;line-height: 60px}
.border{background: #53a296;width: 20%;height: 4px;display: block;margin:30px auto}
.s4-back p{font-weight: bold;font-size: 68px}
.s4-back p span{  font-size: 20px;  font-weight: 200;}

/*第五部分*/
.section5{color: #555;}
.s5-1{
    height: 30%;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    background: url("../image/service/s5-bg.jpg") no-repeat bottom;
}
.s6-1{
    height: 35%;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    background: url("../image/service/s5-bg1.jpg") no-repeat bottom;
}
.section5 .s5-bg img{width: 100%;height: 100%}
.s5-1-con,.s6-1-con {
    position: absolute;
    z-index: 100;
    width: 550px;
    height: 100px;
    top: 50%;
    left: 50%;
    margin-left:-225px;
    margin-top: -50px;
}
.s5-1-con p{position: relative;  }
.s5-1-con p:first-child{font-size: 14px;line-height: 28px;top:1500px;}
.s5-1-p {font-size: 26px;left:-1500px}
.s5-1 p:last-child{right:-1500px;font-size: 38px;font-weight: bolder;}
.s5-2{text-align: center;margin: 40px 0;}
.s5-2 h2{font-size:34px;}
.s5-2 h3{font-size: 44px;color: #007564;line-height: 84px;font-weight: bold;}
.s5-2 p{margin: 0 0 30px 0;}
.s5-2-list {text-align: left;}
.s5-2-list>div{width: 16%;padding-right: 5px;box-sizing: border-box;text-align: center;margin:0 2%}
.s5-2-list>div img{width: 100%;}
.s5-2-list a{position: relative;display: block;transition: all .5s}
.s5-2-bg{
    position: absolute;
    top:0;
    left:0;
    z-index: 10;
    background: url("../image/case/bg.png");
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    transition:  all .5s;
}
.s5-2-list a:hover .s5-2-bg{
    background: url("../image/case/bg-hover.png");
    background-size: 100% 100%;
}
.s5-2-c{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 284px;
    height: 62px;
    margin-top: -31px;
    margin-left: -142px;
    color: #fff;
}
.s5-2-c strong{font-size: 30px;font-weight: bold;line-height: 50px}
.s5-2-c p{font-size: 12px}

/*第六部分*/
.section6{padding-top: 120px;background: #eee;text-align: center;}
.section6 h2{font-size: 20px;line-height: 40px;}
.section6 p{font-size: 10px;-webkit-text-size-adjust: none;margin-bottom: 40px;}
form{text-align: left;margin: 0 120px;}
form input[type='text']{
    width: 30%;
    height: 36px;
    padding: 7px 10px;
    box-sizing: border-box;
    outline: none;
    margin-left: -5px;
    margin-right: 5%;
}
form input[type='text']:first-child{margin-left: 0}
form textarea{
    resize: none;
    width: 100%;
    height: 100px;
    margin-top: 18px;
    outline: none;
    padding: 7px 10px;
}
form input[type='submit']{
    width: 23%;
    height: 36px;
    background: #007564;
    color: #fff;
    outline: none;
    border: none;
    border-radius: 5px;
}
.form-c{text-align: center;margin: 30px 0 60px 0;}
.s6-1 {position: absolute;left: 0;bottom: 0;top: inherit;}
/*第七部分*/
.s7-content{width: 100%;margin: 0 auto;}
.service {height: 310px;}
.service a{
    position: relative;
    width: 50%;
    height: 310px;
    background: url("../image/last/bg.jpg");
    background-size: 100% 100%;
    transition: all .5s;
}
.service a div{
    position: absolute;
    width: 300px;
    height: 200px;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -150px;
    color: #fff;
    font-size: 20px;
    text-align: center;
}
.service a img{width: 20%;}
.service a div h3{line-height: 30px;}
.service a:hover{background:  url("../image/last/bg-hover.jpg") no-repeat;background-size:100% 100%;}
.s7-con-first{width:100%;margin: 50px auto 50px}
.s7-con-first>div{width: 48%;float: left;padding:0 5%}
.s7-con-first>div>a{width: 100%;height: 165px;border-bottom: 1px solid #ccc;}
.s7-con-first>div:first-child,.s7-con-list:first-child{margin-right: 2%;}
.s7-con-first>div:last-child,.s7-con-list:last-child{margin-left: 2%;}
.date{
    display: block;
    width: 20%;
    height: 100%;
    color: #007564;
    float: left;
    font-size: 24px;
    border-right: 1px solid #ccc;
    padding: 50px 10px 0;
    text-align: center;
}
.date i{font-size: 14px;padding-top: 12px}
.s7-con-title{width:78%;padding-left: 2%;}
s7-con-title p{width:350px}
.s7-con-list{width: 95%;}
.s7-con-first div{text-align: left;padding-left: 2%;transition: all .5s}
.s7-con-first div h3{
    font-size: 18px;
    line-height: 36px;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.s6-con-first div h3:after{
    width: 50%;
    height: 2px;
    background: #007564;
    display: block;
    content: '';
    margin-bottom: 10px;
}
.s7-con-title span{color: #9e9e9e;font-size: 12px;transition: all .5s}
.s7-con-first div:hover,.s7-con-first div:hover>span{
    color: #007564;
}
.s7-con-first div p{line-height: 26px;text-indent: 30px;  margin-top: 20px; font-size: 12px;}
.s7-con-list{width: 100%;text-align: left;}
.s7-con-list li{line-height: 42px;}
.s7-con-list a{display: block;transition: all .5s}
.s7-con-list a:hover{color:#007564;}
.s7-con-list span{width: 85%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.s7-con-list li i{font-size: 12px;width: 15%;text-align: center;}

.w1200{width:1200px; margin:10px auto; clear:both}
.content-bg{width: 100%;height: 300px}
/*About*/
.ny_l{width:240px; float:left;margin-left: 40px}
.sub{width:238px; padding:20px 0; border:#e6e6e6 1px solid; background:#fff; margin-bottom:15px; float:left}
.sub h2{font-size:20px; color:#333; margin:0 30px; line-height:45px; border-bottom:#e6e6e6 1px solid; clear:both}
.sub ul{width:100%; margin-top:10px; clear:both;}
.sub ul li{width:100%; height:36px; line-height:36px; text-indent:2.5em; margin-bottom:5px; clear:both;}
.sub ul li a{color:#666; display:block; font-size:14px;}
.sub ul li a:hover,.sub ul li a.active{background:url(../image/sub_hover.png) no-repeat left center; color:#007564}
.rexian{float:left;}
.ny_r{width:850px; padding:30px; background:#fff; border:#e6e6e6 1px solid; float:right;margin:0 40px  40px 0}
.ny_rt{width:100%; height:46px; line-height:46px; background:url(image/dian.jpg) repeat-x bottom; clear:both}
.ny_rt h2{float:left; font-weight:normal; color:#808080; height:45px; padding:0px 30px; border:#e6e6e6 1px solid; border-bottom:none; background:#fff; margin-left:5px;}
.ny_rt span{float:right; color:#999; font-size:12px;}
.ny_rt span a{color:#999;}
.ny_rd{width:100%; min-height:400px; padding-top:20px; line-height:30px; clear:both;}
/*success*/
.equip li{width:240px; margin:0px 5px 5px; float:left;}
.equip li img{width:240px; height:200px; border:#ddd 1px solid; float:left}
.equip li p{height:30px; line-height:30px; overflow:hidden; color:#666; text-align:center; clear:both;}
.equip li:hover p{color:#007564;}
/*contact*/
.con_m{font-size:12px; float:right;color: #555}
.con_m h2{line-height:40px; clear:both;font-size: 20px;font-weight: bold}
.con_m li{width:115px; text-align:center;margin-right:10px; float:left;}
.con_m li img{width:115px; height:115px; float:left;}
.con_m li p{line-height:30px;}

/*news*/
.news_bds{width:100%; padding-bottom:10px; border-bottom:#e5e5e5 1px dashed; float:left;}
.news_bds img{width:200px; height:140px; border:#e6e6e6 1px solid; margin-right:25px; float:left;}
.news_bds h3{height:32px; line-height:32px; overflow:hidden;}
.news_bds h3 a{color:#333;}
.news_bds h3 a:hover{color:#007564;}
.news_bds div{line-height:22px; height:45px; color:#666; overflow:hidden;}
.news_bds p{font-size:12px; color:#999;}
.news_bds p a{width:162px; line-height:34px; display:inline-block; font-size:14px; text-align: center; background:#007564; color:#fff;}
.news_bdx{width:100%; padding-bottom:20px; float:left;}
.news_bdx dl{width:100%; margin:10px 0px; height:108px; float:left;}
.news_bdx dl dt{box-sizing:content-box;width:86px; padding:18px 0; height:70px; color:#999; border:#eee 1px solid; text-align:center; font-family:Arial, Helvetica, sans-serif; float:left;}
.news_bdx dl dt h1{font-size:42px; line-height:44px; font-weight:normal;}
.news_bdx dl dt p{font-size:16px; line-height:24px;}
.news_bdx dl dd{width: 700px; padding:20px; height:108px; border:#eee 1px solid; float:right;}
.news_bdx dl dd a{color:#666;}
.news_bdx dl dd a h3{height:32px; line-height:32px; overflow:hidden;}
.news_bdx dl dd a p{height:36px; line-height:18px; overflow:hidden;font-size:12px}
.news_bdx dl:hover dt{background:#007564; color:#fff;}
.news_bdx dl:hover dd{background:#007564;}
.news_bdx dl:hover dd a{color:#fff;}

/*products*/
.pro_list{width:100%; float:left;}
.pro_list li{width:320px; margin:0px 10px 10px; text-align:center; float:left;}
.pro_list li img{width: 320px;height: 200px; outline:#ddd 1px solid; float:left;}
.pro_list li p{height:35px; line-height:35px; background:#eee; color:#666; clear:both}
.pro_list li:hover p{background:#007564; color:#fff;}

/*公共部分*/
.full{
    width: 100%;
    height: 100%;
}
.bg-size{background-size: 100% 100%;}



/*分页页码*/
.page-list{ position:relative; margin:20px 0; clear:both; }
	.page-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.page-list a,.page-list span{ margin:0;  padding:0; display:none; float:left; width:24%; line-height:35px; border:1px solid #ddd; border-right-color:#fff; font-size:13px; text-align:center; background:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.page-list span{ color:#999; }
	.page-list a{ color:#19a97b; }
	.page-list span:nth-child(1),.page-list span:nth-child(2),.page-list a:nth-child(2){ display:block; float:left;}
	.page-list span:nth-last-child(1),.page-list a:nth-last-child(1){ display:block; float:left; border-right-color:#ddd; }
	.page-list .current{ display:block; float:left; }
.btn{position:relative; margin:0.5em 0; padding:0.7em 1em; display:block; background:#fff; color:#353535; font-size:15px; font-family:"Microsoft Yahei",helvetica,arial; line-height:1.2em; text-align:center; border:1px solid #ddd; border-radius:0.2125em; letter-spacing:0.2em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; cursor:pointer; }

.btn.full{ width:100%; }
.btn.gray{ color:#777; background:#ddd; border-color:#ddd; }
.btn.green{ color:#fff; background:#52A152; border-color:#52A152; }
.btn.red{ color:#fff; background:#f00; border-color:#f00; }
.btn.blue{ color:#fff; background:#1eabf3; border-color:#1eabf3; }
.btn.orange{ color:#fff; background:#f90; border-color:#f90; }

/* 分享导航 */
.fxtitle{line-height:30px; margin-top:20px; padding-left:3px;}
.fxbtn { margin-bottom:8px; padding-bottom:8px; height:100%;}
.fxbtn li{ float:left; width:48%; line-height:25px; margin:5px 0 0 5px; height: 38px; line-height: 38px; padding: 0 10px; vertical-align: top;}
.fxbtn li span{display: inline-block; vertical-align: top;}
.fxbtn li .icon {height: 32px; margin: 3px 10px 0 0; width: 32px;}

/* 分享导航 */
.fxtitle{background:#fff;}
.fxbtn {background:#fff;}
.fxbtn li{border:1px solid #ccc; background:#eee;}
.fxbtn li .icon {background: url("../images/fxico.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.fxbtn #weixin .icon{background-position: 0 -980px;}
.fxbtn #qq .icon{background-position: 0 -1012px;}
.fxbtn #weibo .icon {background-position: 0 0;}
.fxbtn #tengXun .icon {background-position: 0 -64px;}
.fxbtn #qzone .icon {background-position: 0 -32px;}
.fxbtn #wangyi .icon {background-position: 0 -96px;}
.fxbtn #souhu .icon {background-position: 0 -128px;}
.fxbtn #pengyou .icon {background-position: 0 -160px;}
.fxbtn #renren .icon {background-position: 0 -192px;}
.fxbtn #kaixin .icon {background-position: 0 -224px;}
.fxbtn #douban .icon {background-position: 0 -256px;}
.fxbtn #souhubai .icon {background-position: 0 -288px;}
.fxbtn #tianya .icon {background-position: 0 -320px;}
.fxbtn #fanfou .icon {background-position: 0 -352px;}
.fxbtn #renjian .icon {background-position: 0 -384px;}
.fxbtn #taojiang .icon {background-position: 0 -480px;}
.fxbtn #hexun .icon {background-position: 0 -544px;}
.fxbtn #diandian .icon {background-position: 0 -576px;}
.fxbtn li a span{color:#666; font-size:11px;}
.loading {background: rgb(255, 255, 255); width: 100%; height: 100%; position: fixed; z-index: 999999; opacity: 1;}
.loading img{left: 50%; top: 50%; position: absolute;}
#bdshare a, #bdshare_s a, #bdshare_pop a{height:22px;margin-top:-6px}
#bdshare a:first-child, #bdshare_s a:first-child, #bdshare_pop a:first-child{    margin-top: -1px;}
#bdshare{   
	 position: relative;
    top: -60px;
	}