body,div,ul,li,a,dl,dd,dt,input,p,h1,h2,h3,h4,h5,h6,form,img{ margin: 0; padding: 0; }
html{ margin: 0; padding: 0; font-size:12px;}
html,body{
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
input,textarea,select,button,area {
    appearance:button;
    -moz-appearance:button;
    -webkit-appearance:button;
    outline:none;
    font-family:'Microsoft YaHei';
}
ul,li,dl,dd,dt{list-style: none;}
a{  text-decoration:none;  color:#2b292f;
    -webkit-transition: all ease-in .2s;
    -ms-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
    transition: all ease-in .2s;
}
img{border: 0;  font-size:0;}
body {color:#444; font-family:Microsoft Yahei, Arial, Helvetica, sans-serif; }

.clearfix {overflow: auto; *zoom:1;/*IE/7/6*/}
.clearfix:before,.clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
.fl{ float:left;}
.fr{ float:right;}
.section{ width:92%; max-width:1200px; margin:auto; position: relative; }
.position{width: 100%; position: relative;z-index: 99;  box-shadow: 0 1px 20px rgba(0,0,0,0.15); top: 0; background: #fff;}

/*header*/
.header{width: 100%;position: absolute;z-index: 999;}
.header .section{position: relative;}
.header .logo{padding-top: 26px;float:left;}
.header .menu{float:right;padding-top: 29px;}
.header .menu ul{float:right;}
.header .menu ul li{float:left;line-height: 38px; position: relative;}
.header .menu ul li a{display:block;  padding: 0 35px; text-align:center;font-size: 16px;line-height: 38px; color: #fff;}
.header .menu ul li a:hover{background: #81c322; color: #fff;}
.header .menu ul li a.on{background: #81c322;color: #fff;}
.header .menu li a.on,.header .menu li a:hover{ color:#f60e0e}
.header .menu li .drop{ background:#7bb262; overflow:hidden; position:absolute; width:100%; left:0; top:38px; display:none;}
.header .menu li .drop ul{ margin:0 auto;}
.header .menu li .drop li{ width:100%;line-height: 30px; }
.header .menu li .drop li a{ padding:0; color: #fff; font-size: 12px; line-height: 30px;}
.header .menu li .drop li a:hover{background: #72a55b;}
.m_menu{ background: url(../icon_nav.png) no-repeat center;  background-size:100%;width:40px; position:absolute; right:5px; top:0; height:60px; display:none;}
.h60{width: 100%; height: 60px; display: none;}



.i-case{width: 100%; overflow: hidden; background:#222222 url(../case.jpg) no-repeat top center; height: 515px; padding: 60px 0; position: relative;}
.aui-nav-content-box { width: 100%; position: relative; padding-top: 150px; }
.aui-nav-list-box { width:200px; overflow: hidden; zoom: 1; float: left;  border-top: 4px solid #81c322; z-index: 110; display: block; }
.aui-nav-list-box ul li { float: left; color: #000; height: 56px; border-bottom: 1px dashed #343434; cursor: pointer; line-height: 56px; width: 100%;  text-align: center; font-size: 16px; }
.aui-nav-list-box ul li a {background: #181818;display: block;width: 100%; color: #fff; }
.aui-nav-list-box ul .aui-current a {  color: #81c322;}
.aui-nav-list-box ul li a:hover{ color: #81c322;}
.aui-nav-list-tab { width: 968px;  padding-top: 12px; float: right; position: relative; overflow: hidden;}
.aui-nav-list-item { display: none;}
.case-list{width: 100%; padding-top: 20px; overflow: hidden; }
.case-list ul{ width:100%;}
.case-list ul li{ width:232px; margin:5px 5px; float: left; overflow: hidden; }
.case-list ul li a{display: block;width: 100%;  background: #fff; position: relative;}
.case-list ul li img{width:232px; height: 150px; }
.case-list ul li h4{font-size:14px; text-align: center; width: 100%; visibility: hidden;position: absolute; background: #000;color: #fff; bottom: 0; left: 0; height: 28px; line-height:28px;opacity: 0;transition: opacity 1s; }
.case-list ul li a:hover h4{ visibility: visible;   opacity: 1;}






.i-about{width: 100%; overflow: hidden; background:#222222 url(../about.jpg) no-repeat top center;padding: 60px 0  90px 0; height: 515px; position: relative;}
.i-about .i-about-box{width: 100%; padding-top: 120px;}
.i-about .about-fl{width: 60%; padding: 80px 5%; float: left; background: #181818;}
.i-about .about-fl ul{width: 100%;}
.i-about .about-fl ul li{width: 33.33%; float: left; margin: 5px 0;}
.i-about .about-fl ul li img{display: block; max-width: 100%; margin: auto;}
.i-about .about-fr{width: 30%; float: left; border: 10px solid #717171; box-sizing: border-box;}
.i-about .about-fr h3{ width: 90%;margin: auto;font-size: 30px; color: #81c322;  padding: 15px 0 5px 0; border-bottom: 2px solid #81c322;}
.i-about .about-fr  span{color: #fff; font-size: 16px; float: right;}
.i-about .about-fr .about-fr-box{width: 90%;margin:50px auto;overflow: hidden; color: #535353;}



.i-service{width: 100%; overflow: hidden; background:#222222 url(../field.jpg) no-repeat top center; height: 443px; padding:95px 0; position: relative;}

.service-title{width: 300px; height: 341px; float: left; background:url(../service-title.png) no-repeat top center; margin-top: 50px;}
.service-title .main-title{ margin-top: 80px;}
.service-img{width:845px; float: right; padding: 30px 10px;   background-color:rgba(0,0,0,0.7);}
.service-img dl{width: 169px; float: left;}
.service-img dl dd{width: 49px; float: left; padding-top: 20px;}
.service-img dl dd span{display: block;width: 100%; text-align: center;}
.service-img dl dd p{width: 21px; padding: 40px 14px 0 14px;  color: #fff; font-size:18px; text-align: center; } 


.service-img dl dt{width: 120px; float: left;}
.service-img dl dt a {position: relative;  display: inline-block;  border-bottom: 1px dotted black;}
.service-img dl dt a .ser-img {visibility: hidden; width: 120px; position: absolute;z-index: 1;top: 0;left: 0;opacity: 0;transition: opacity 1s;}
.service-img dl dt a:hover .ser-img { visibility: visible;   opacity: 1;}


.i-process{width: 100%; overflow: hidden; background:#222222 url(../process.jpg) no-repeat top center;padding: 60px 0;  height: 395px; position: relative;}
.i-process .process-box{padding-top: 150px;}

.i-recruitment{width: 100%; overflow: hidden; background:#222222 url(../recruitment.jpg) no-repeat top center; height: 898px; position: relative;}
.i-recruitment .recruitment-dl{width: 100%; overflow: hidden; margin-top: 100px;padding-top: 150px;}
.i-recruitment .recruitment-dl dl{width: 49%; position: relative; margin-top: 20px;}
.i-recruitment .recruitment-dl dl dt{width: 50%; position: absolute; top: 45px;}
.i-recruitment .recruitment-dl dl dd{width: 200px; padding:20px 32px 8px 200px; float: right; background: #181818;}
.i-recruitment .recruitment-dl dl dd h3{font-size: 16px; color: #82C41C; line-height: 40px; margin-bottom: 10px; border-bottom: 1px solid #82C41C; text-align: center;}
.i-recruitment .recruitment-dl dl dd p{font-size: 12px;  line-height: 18px;color: #999999;}
.i-recruitment .recruitment-dl dl dd span{ color: #ccc; font-size: 14px;}
.i-recruitment .recruitment-dl dl dd h4{font-size: 16px; color: #82C41C;  margin-top: 10px; line-height:40px; border-top: 1px solid #82C41C; text-align: center;}

.i-recruitment .recruitment-memo{width: 100%;overflow: hidden; background: #181818; margin-top: 50px; font-size: 16px; text-align: center; padding: 10px 0;color: #ccc;}
.i-recruitment .recruitment-memo span{color: #82C41C;}




.main-title{width: 100%; overflow: hidden; position: absolute; top:0; left: 0;}
.main-title dl{width: 100%;}
.main-title dl dt{width:100px; float: left; font-size: 60px;color: #82C41C;}
.main-title dl dd{width: 350px;float: left;}
.main-title dl dd span{font-size: 30px; color: #82C41C;}
.main-title dl dd p{font-size: 60px; color: #fff;}









/*banner*/
.banner{width: 100%; height: 380px; margin-top: 117px; overflow: hidden;}
.banner img{display: block; border: 0;}
.ab-ban{background: url("../ab-ban.jpg") no-repeat center;}
.cp-ban{background: url("../cp-ban.jpg") no-repeat center;}
.sl-ban{background: url("../sl-ban.jpg") no-repeat center;}
.cn-ban{background: url("../cn-ban.jpg") no-repeat center;}
.hz-ban{background: url("../hz-ban.jpg") no-repeat center;}
.zs-ban{background: url("../zs-ban.jpg") no-repeat center;}
.recruitment-ban{background: url("../recruitment-ban.jpg") no-repeat center;}
.news-ban{background: url("../news-ban.jpg") no-repeat center;}



/*about*/
.main-about{width: 100%; padding: 50px 0 80px 0;background:#222222 url(../about.jpg) no-repeat top center; overflow: hidden; position: relative;}
.main-about .content{width: 100%; padding-top: 150px;}
.main-about .content .fl{width: 50%;}
.main-about .content .fr{width: 45%; padding-top: 30px;}
.main-about .content .fr h4{    font-size: 16px; line-height: 40px; color: #CCCCCC;}
.main-about .content .fr p{    color: #999999;font-size: 14px; line-height: 20px;}

.main-partners{width: 100%; padding: 50px 0 80px 0;background:#222222; overflow: hidden; position: relative;}
.main-partners ul{padding-top: 150px;}
.main-partners ul li{width:20%; text-align: center; float: left;}


/*about*/
.main-contact{width: 100%; padding: 50px 0 80px 0;background:#222222 url(../contact.jpg) no-repeat top center; overflow: hidden; position: relative;}
.main-contact .content-box{width: 100%; overflow: hidden; padding-top: 200px; }
.content-box .content-fl{width: 620px; float: left;}
.content-box .content-fl p{font-size: 14px;color: #999999;line-height: 30px;}
.content-box .content-fl ul{width: 100%; margin-top: 100px;}
.content-box .content-fl ul li{width: 100%; font-size: 16px;color: #999999; line-height: 40px; padding-left: 30px;}
.content-box .content-fl ul li.tel{background: url(../tel.png) no-repeat 0 10px;}
.content-box .content-fl ul li.mail{background: url(../mail.png) no-repeat 0 10px;}
.content-box .content-fl ul li.wx{background: url(../wx.png) no-repeat 0 10px;}
.content-box .content-fl ul li.ad{background: url(../ad.png) no-repeat 0 10px;}

.content-box .content-fr{width:204px;  float: right; font-size: 16px; color: #535353; text-align: center;}
.content-box .content-fr img{margin-top: 50px;}








/*service*/

.main-service01{width: 100%; padding: 50px 0 80px 0;background:#222222 url(../main-service01.jpg) no-repeat top center; overflow: hidden; position: relative;}
.main-service01 .service-content{width: 546px; margin: auto;}
.main-service01 .service-content h3{font-size: 24px; text-align: center; color: #FFFFFF;margin-bottom: 100px;}
.main-service01 .service-content p{  color: #F3F3F3;  font-size: 14px; }

.main-service02{width: 100%; padding: 50px 0 80px 0;background:#222222 url(../main-service02.jpg) no-repeat top center; overflow: hidden; position: relative;}
.main-service02 .service-content{width: 546px; margin: auto;}
.main-service02 .service-content h3{font-size: 24px; text-align: center; color: #FFFFFF;margin-bottom: 100px;}
.main-service02 .service-content p{  color: #F3F3F3;  font-size: 14px;}

.main-service03{width: 100%; padding: 50px 0 80px 0;background:#222222 url(../main-service03.jpg) no-repeat top center; overflow: hidden; position: relative;}
.main-service03 .service-content{width: 546px; margin: auto;}
.main-service03 .service-content h3{font-size: 24px; text-align: center; color: #FFFFFF;margin-bottom: 100px;}
.main-service03 .service-content p{  color: #F3F3F3;  font-size: 14px;}

.main-service04{width: 100%; padding: 50px 0 80px 0;background:#222222 url(../main-service02.jpg) no-repeat top center; overflow: hidden; position: relative;}
.main-service04 .service-content{width: 546px; margin: auto;}
.main-service04 .service-content h3{font-size: 24px; text-align: center; color: #FFFFFF;margin-bottom: 100px;}
.main-service04 .service-content p{  color: #F3F3F3;  font-size: 14px;}


.main-service05{width: 100%; padding: 50px 0 80px 0;background:#222222 url(../main-service01.jpg) no-repeat top center; overflow: hidden; position: relative;}
.main-service05 .service-content{width: 546px; margin: auto;}
.main-service05 .service-content h3{font-size: 24px; text-align: center; color: #FFFFFF;margin-bottom: 100px;}
.main-service05 .service-content p{  color: #F3F3F3;  font-size: 14px;}





/*新闻中心*/
.main-news{width:100%; overflow: hidden; margin:15px 0  60px 0;}
.main-news .location{background: #f7f7f7; font-size: 14px; padding: 15px 0;  overflow: hidden;color: #888888; margin-bottom: 10px;}
.main-news .news-class{width: 22%; float: left; overflow: hidden; }
.main-news .news-class h2{ line-height: 50px; background: #fafafa; font-size: 18px; color: #333; padding-left:10px;}
.main-news .news-class ul{width: 100%; margin-top: 5px;}
.main-news .news-class ul li{width: 100%;border-bottom: 1px dashed #f0f0f0; background: url(../jt.png) no-repeat 10px 22px; padding-left:10px;}
.main-news .news-class ul li a{display:block;padding-left: 15px; color:#464646;  line-height: 50px; font-size: 18px; }
.main-news .news-class ul li:hover{background: #81c322;}
.main-news .news-class ul li:hover a{ color: #fff;}
.main-news .news-query { width: 75%; float: right;}
.main-news .news-query dl{width: 100%; margin-bottom: 30px; overflow: hidden;}
.main-news .news-query dl dt{width: 15%; float: left; overflow: hidden;}
.main-news .news-query dl dt img { width: 100%; display: block;  transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.main-news .news-query dl dd{width: 83%; float: right;}
.main-news .news-query dl dd a { font-size: 16px;  color: #444444;  height: 24px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.main-news .news-query dl dd p{ color: #888888; font-size: 14px;  line-height: 30px;  margin-top: 5px;  }


.main-news .news-detail{width: 75%; float: right;overflow: hidden;}
.main-news .news-detail h1{ width: 100%; text-align: center; font-size: 18px; font-weight: bold; color: #000; line-height: 54px; padding: 19px 0;    }
.main-news .news-detail p{padding: 5px 0;}

.main-join{width:100%; overflow: hidden; margin:0 0 10px 0;}
.main-join .section{border: 1px solid #cbcbcb;}
.main-join .location{ font-size: 14px; padding: 5px 0;  overflow: hidden;  font-weight: bold;   color: #6FA058; margin-bottom: 10px; border-bottom: 2px solid #6f9f59;}
.main-join .location span{display: block;border-left: 2px solid #6FA058; padding-left: 5px; margin-left: 10px;}
.main-join .join-box{width:100%; overflow: hidden;}
.join-box .join-img{width:375px; float: left;}
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:375px; height:225px;   position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .smalltitle {width:375px; height:10px; position:absolute; bottom:15px; z-index:10}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#3E6431;}

.join-box .join-query{width:760px; float: right;}
.join-box .join-query h2{font-weight: bold; font-size: 16px;}

/*产品中心*/
.main-product {overflow: hidden; padding: 50px 0;background: #1e1e1e;}
.main-product .product-class{width: 20%; float: left; overflow: hidden; }
.main-product .product-class h2{text-align: center; line-height: 80px; background: #81c322; font-size: 30px; color: #fff;}
.main-product .product-class ul{width: 100%; margin-top: 5px;}
.main-product .product-class ul li{width: 100%;border-bottom: 1px solid #2d2d2d; background: #111111; }
.main-product .product-class ul li a{display:block;padding-left: 50px; background: #181818; color:#cbcbcb;  line-height: 50px; font-size: 18px; }
.main-product .product-class ul li a:hover{background: #81c322; color: #fff;}

.main-product .product-list { width: 75%; float: right;}
.main-product .product-list h1{ border-left: 3px solid #81c322; line-height: 30px; padding-left: 10px; color: #333333; font-size: 24px; margin-bottom: 30px;}
.main-product .product-list ul{width: 100%;}
.main-product .product-list ul li { width: 100%; float: left;   overflow: hidden;    position: relative}
.main-product .product-list ul li img { max-width: 100%;  display: block; }



.foot-content{width: 100%; background:#111111; padding:40px 0;overflow: hidden;}
.foot-content .foot-icon{width: 100%; overflow: hidden;border-bottom: 1px solid #2d2d2d; padding-bottom: 30px;}
.foot-content .foot-icon dl{width: 273px;  float: left;}
.foot-content .foot-icon dl dt{width: 50px; float: left;}
.foot-content .foot-icon dl dd{width: 206px;float: right;}
.foot-content .foot-icon dl dd span{display:block;width: 100%; color: #cccccc; font-size: 16px;}
.foot-content .foot-icon dl dd p{display:block;width: 100%; color: #999999; font-size: 14px;}
.foot-content .foot-bottom{width: 100%;overflow: hidden; padding-top: 30px;font-size: 14px;}
.foot-bottom .foot-bottom-fl{ float: left; color: #cccccc; line-height: 35px;}
.foot-bottom .foot-bottom-fl a{color: #cccccc; margin-right: 60px;}
.foot-bottom .foot-bottom-fr{float: right;}

.footer{width: 100%;color: #727272; background:#fff;line-height: 22px;overflow: hidden; text-align: center; padding: 50px 0;}
.footer a{color: #727272;}


.aboutmore{display: block; margin: 300px auto; width: 150px;}
.pager{text-align: center; font-size: 15px; color: #6f6f6f;}