body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td
{margin: 0; padding: 0; border: 0; outline: none;list-style-type: none;overflow-x:none  }
body{line-height: 1;font-size: 88%;font-family: "microsoft yahei";}
h1, h2, h3, h4, h5, h6{font-size: 100%; margin: 0 ;font-weight: 400;padding:0;}
ul, ol{list-style: none;}
a{color:#404040;text-decoration: none;} 
.clear{ clear: both;}
.w1200{width: 1200px;margin: 0px auto 0 auto;}
.w940,.w1120,.w1050{width: 940px;margin: 70px auto 0 auto;}
.w1120{ width:1120px}
.w1050{ width:1000px;}
.fl{ float: left;}
.fr{ float: right;}

.welcome{line-height: 36px;}
.welcome :hover a{color: #53900a;}
header{background: url(../img/nav-bg.jpg) top center no-repeat;height: 275px;width: 100%;float: left;position: relative;}
header .header-top{ margin-top: 45px;}
header .header-top img:nth-child(1){ float: left;}
header .header-top img:nth-child(2){float: right;margin-top: 10px;}
header nav{width: 1216px;margin: auto;/* position: absolute; *//* bottom: -10px; */margin-top: 55px;}
header nav ul li{float: left;border-bottom: 5px solid #65a147;}
header nav ul li+li{ padding-left: 1px;}
header nav ul li a{transition: All 0.2s;display: block;box-shadow: 13px -3px 30px #5f9843;width: 199px;height: 94px;line-height: 94px;background: url(../img/navLi-bg.jpg) top center no-repeat;text-align: center;color: #6d6d6d;font-size: 18px;}
header nav ul li.cur-nav,header nav ul li:hover{border-bottom: 14px solid #609943;/* padding-bottom: 5px; */background: #609943;position: relative;}
header nav ul li.cur-nav a,header nav ul li:hover a{height: 104px; line-height:104px;background:url(../img/navLi-bgcur.jpg);background-size: 100% 100%;margin-top: -14px;box-shadow: 2px -3px 30px #5f9843;color: #acd598;}

/*banner begin*/
.center_area{width:100%;height:667px;margin:0 auto;}
.center_area .center{width:100%;height:500px;background:#ccc;float: left;}
.common_da{/*width: 800px;  height: 100px; */}
.center_area .center .center_top{width:100%;height:440px;}
.content_middle{height: 667px;margin:0px auto;position:relative;border: 1px solid #ccc;z-index: -1;margin-top: 273px;}
.content_middle:hover .common{display: block;}
.content_middle .common{display: block;width:50px;height: 100px;position: absolute;z-index: 25; top:72%; margin-top: -50px; display: none;}
.content_middle .btnLeft{opacity: 0.5;left:0px;background: url(../img/sprite.png) no-repeat;}
.content_middle .btnRight{opacity: 0.5;right:0px;background: url(../img/sprite.png) no-repeat -60px 0;}
.content_middle ul li{width:100%;height: 667px;opacity: 0;filter: alpha(opacity=0);position: absolute;margin:0px auto;}
.content_middle .table{width: 210px;position: absolute;bottom: 50px;left:50%;z-index:9;margin-left: -105px;}
.content_middle .table a{width: 18px;height: 18px;background:#E3DEE1;opacity: 0.8;text-align:center;display: block;float:left;border-radius: 50%;opacity: 0.6;}
.content_middle .table a+a{margin-left: 30px;}
.content_middle .table a.small_active{background:#FF8800;color: #fff;opacity: 1;background: #fff;} 
.content_middle ul li.opcit{opacity: 1;filter: alpha(opacity=1);} 
/*banner end*/
#section2{ margin-top: 50px;}
#section2 h2{ text-align: center;color: #6d6d6d; font-size: 32px;}
#section2 > img{ display: block; margin-top: 70px; margin-left: auto; margin-right: auto;}
#section2 ul{ margin-top: 30px;}
#section2 ul li{float: left;width: 220px;height: 295px;border: 1px solid #959595;padding: 20px 50px;margin-left: 65px;color: #6d6d6d;}
#section2 ul li h3{font-size: 22px;}
#section2 ul li p{font-size: 14px;margin-top: 20px;line-height: 30px;}

#section3{ background: #c5c5c5; padding: 50px 0; margin-top: 70px; overflow: hidden;}
.design-cer{box-shadow: -7px -11px 44px #949494;overflow: hidden;}
.cer-left,.cer-right{ width: 600px; color: #fff;}
.cer-left{ background: url(../img/cer-left1.jpg) top center no-repeat; height: 600px;}
.cer-left h3,.cer-left dl,.cer-left .More,.cer-right .click,.cer-right h3{ display: block; width: 500px; margin: auto;}
.cer-left h3,.cer-right h3{margin-top: 40px;font-size: 34px;}
.cer-left dl{margin-top: 70px;} 
.cer-left dl dt{
    font-weight: bold;
    font-size: 16px;
}
.cer-left dl dd{
    margin-top: 20px;
    line-height: 32px;
    text-indent: 25px;
}
.cer-left .More a{float: right;color: #fff;font-size: 16px;margin-top: 40px;}
.cer-left .More a:hover{ text-decoration: underline;}
.cer-right{background: url(../img/cer-right1.jpg) top center no-repeat; height: 600px;}
.cer-right .click a{transition: All 0.4s;display: block;background: url(../img/more.png);width: 84px;height: 84px;float: right;margin-top: 410px;}
.cer-right .click a:hover{-webkit-transform:translate(0px,-10px);-moz-transform:translate(0px,-10px); transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}

#section4{ margin-top: 70px;}
.people-left{width: 660px;height: 250px;border: 1px solid #65a147;}
.people-left>h2,.people-right h2{font-size: 34px;color: #6d6d6d;margin-left: 100px;margin-top: 25px;}
.people-left>h3{color: #71a757;font-weight: bold;text-transform: uppercase;margin-top: 50px;margin-left: 70px;}
.peo-cer{position:relative;background: #71a757;width: 600px;margin: 13px auto 0px auto;padding: 20px 0 50px 0;position: relative;overflow: hidden;}
.peo-cer .peo{width: 100%;margin: auto;overflow: hidden;height: 380px;}
.peo-cer .peo ul{opacity: 0;float: left;position: absolute;top: 0;}
.peo-cer .peo ul.opcaty{ opacity: 1;}
.peo-cer .peo ul li{ float: left;}
.peo-cer .peo ul li img{ display: block;}
.peo-cer .peo ul li p{color: #fff;line-height: 26px;margin-left: 42px;}
.on-click{position: absolute;left: 50%;margin-left: -27px;bottom: 30px;}
.on-click dd{float: left;cursor:pointer;width: 10px;height: 10px;background: transparent;border: 1px solid #fff;border-radius: 50%;}
.on-click dd + dd{ margin-left: 10px;}
.on-click dd.cur-click{ background: #fff;}
.people-right{width: 513px;border: 1px solid #65a147;height: 585px;}
.people-right p{color: #65a147;width: 96%;margin: 20px auto 0 auto;line-height: 28px;}
.people-right a{display: block;font-weight: bold;color: #65a147;margin-left: 2%;margin-top: 50px;font-size: 16px;}
.people-right a:hover{ text-decoration: underline;}
.people-right h2{ margin-left: 70px;}

footer{ margin-top: 70px; background: #5c9941; border-top: 5px solid #acd598; width: 100%; overflow: hidden;}
.foot-top{ margin-top: 40px;}
.foot-top .footer-left{width: 610px;}
.foot-top .footer-left p{color: #fff;margin-top: 30px;line-height: 28px;}
.foot-top .footer-right{width: 530px;}
.foot-nav{color: #fff;margin-top: 30px;}
.foot-nav a{display: inline-block;color: #fff;margin-left: 10px;margin-right: 10px;font-size: 16px;padding-bottom: 15px;}
.foot-nav a:nth-child(1){ margin-left: 0;}
.foot-nav a:hover,.foot-nav a.cur-foot{ border-bottom: 3px solid #fff;}
.footer-right ul { margin-top: 40px;}
.footer-right ul li{ float: left; position: relative; cursor: pointer;}
.footer-right ul li + li{ margin-left: 15px;}
.footer-right ul li img:last-child{position: absolute;top: 30px;left: 0; display: none;}
.footer-right ul li:hover img{ display: block;}
footer .footer-cer{ width: 900px; margin-top: 60px; line-height: 26px; color: #fff; opacity: 0.55; padding-bottom: 70px;}
.footer-line{ border: 1px solid #3c7b20; opacity: 0.6;}
.foot-copy{ text-align: center; color: #fff; border-top: 1px solid #99cc83; height: 40px;line-height: 40px; background: url(../img/copy-bg.png) top center no-repeat;}


#banner{ width: 100%; background: url(../img/banner.png) no-repeat top center; height:300px;margin-top: 273px;}

.Content{ margin-top: 15px;}
.position{color: #666666; font-size: 12px;}
.position img{margin-right: 5px;}
.position a{ margin-left: 5px; color: #666666;}
.position a:hover{ text-decoration: underline;}
.about{}
.about h2,.stre h2,.Design h2,.way h2,.team h2,.contact h2{text-align: center;font-size: 24px;color: #6d6d6d;}
.about p{
    margin-top: 50px;
    line-height: 30px;
    color: #65a147;
}
.about img{ display: block;margin: 20px auto 0 auto;}

.stre{}
.stre .stre-items{ margin-top:50px}
.stre .stre-items li{ width:99%; border:1px solid #959595; height:163px; margin-top:35px;} 
.stre .stre-items li img{ display:block; float:left; margin-top:10px; margin-left:40px}
.stre .stre-items li dl{ float:left; width:710px; margin-left:20px}
.stre .stre-items li dl dt{ color:#65a147; font-size:18px; margin-top:30px}
.stre .stre-items li dl dd{ color:#6d6d6d;line-height:24px; margin-top:10px}
.stre>p{ font-size:14px; color:#6d6d6d;line-height: 30px; margin-top:60px}
.stre>p span{ font-size:16px; color:#65a147;}
.stre ol{ margin-top:20px;}
.stre ol li{ float:left; width:232px; margin-left:3px; margin-top:3px}
.stre ol li img{ display:block; width:100%;}
  
.Content-design{ background:url(../img/design-bg.png) top right no-repeat; height:510px; margin-top:30px;}
.Design>ul{}
.Design>ul li{ margin-top:30px}
.Design>ul li .d-left{ height:178px; width:936px; }
.Design>ul li .d-left p{font-size:14px; color:#65a147; width:785px;margin-left: 125px;margin-top: 30px;line-height: 30px;}
.Design>ul li .d-left p span{ font-size:20px; margin-right:5px}
.Design>ul li:nth-child(1) .d-left{ background:url(../img/d-bg1.png) top center no-repeat;}
.Design>ul li:nth-child(2) .d-left{ background:url(../img/d-bg2.png) top center no-repeat;}
.Design>ul li:nth-child(3) .d-left{ background:url(../img/d-bg3.png) top center no-repeat;}
.Design>ul li img{ display:block; margin-top:10px;}
.design-text{ margin-top:50px}
.design-text>img { display:block; float:left}
.design-text p{ float:right; width:535px; color:#6d6d6d; line-height:26px;}
.design-text p span{ margin-right:5px; font-size:20px; color:#65a147}
.way{}
.way .parter{ margin-top:60px;}
.way .parter p{ width:16px; overflow:hidden; height:62px; float:left; margin-right:70px; margin-top:16px;}
.way .parter img{ display:block; float:left; margin-left:10px;}
.way-cer{}
.way-box{}
.way-box h3{ color:#65a147; font-size:18px;}
.way-box p{ line-height:24px;color:#6d6d6d;margin-top:20px;}
.way-box img{ display:block; margin:20px auto 0 auto;}
.way-box a{ display:block; text-align:center; color:#65a147; font-size:16px; margin-top:10px}
.way-box a:hover{ text-decoration:underline;}
.page{ text-align:center; margin-top:50px}
.page li{ display:inline-block;}
.page li a{ display:block; width:25px; height:25px;line-height:25px; background:#dddddd; color:#333; text-align:center;}
.team{ margin-top:50px;}
.page li a:hover,.page li a.cur-page{ background:#009635; color:#fff}
.team-items{ margin-top:50px;}
.team-items li{ width:49%; float:left; border:1px solid #f1f1f1; background: #fcfcfc; height:228px; margin-top:20px;}
.team-items li:nth-child(2n){ float:right;}
.team-items li a{ display:block;}
.team-items li img{ display:block; float:left; margin-top:15px; margin-left:15px; box-shadow:0px 0px 15px #B7B6B6;}
.team-items li dl{ width:56%; float:left; margin-left:15px; margin-top:20px;}
.team-items li dl dt{ font-size:16px; color:#65a147;}
.team-items li dl dd{ margin-top:20px; line-height:27px; color:#6d6d6d;}
.team .page{ float:right;}
.team-details{ width:818px; height:530px; background:url(../img/team-bg.jpg) no-repeat top center; margin:40px auto 0 auto; overflow:hidden}
.team-details img{ display:block; margin-top:20px; margin-left:20px;box-shadow:0px 0px 15px #B7B6B6;}
.team-details h3{font-size:16px; color:#65a147;margin-left:20px; margin-top:50px}
.team-details p{line-height:27px; color:#6d6d6d; width:550px;margin-left:20px; margin-top:20px}

.Map{ width:890px;}
.Map>img{ display:block; margin:50px auto 0 auto;}
.Map .map-text{ margin-top:40px;}
.Map .map-text img{ display:block; float:left;}
.Map .map-text p{ float:left; margin-left:30px; font-size:16px; color:#6d6d6d;}