body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 "\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB'; color:#666; background:#fff; -webkit-text-size-adjust: none;}
img{vertical-align: middle; border:none; max-width: 100%!important;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;}
a{ color:#333333; text-decoration:none; blr:expression(this.onFocus=this.blur()); }
a:hover{ text-decoration:none;}
:focus {outline: 0 none;}
h1,h2,h3{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:"\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB';}
.wrap{ width:1200px; margin:auto;}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}


.header-h{ height: 130px; background: #fff;}
.top-bar{ background: #f4f4f4; height: 29px; line-height: 29px; border-bottom: 1px solid #e5e5e5;}
.top-tel{ background: url(../images/icon1.png) no-repeat; width: 235px; height: 17px; font-size: 0; text-indent: -9999px; float: left;
margin-top: 5px;}
.sbar{ float: right; padding-top: 3px;}
.search,.personal{ background: url(../images/icon2.png) no-repeat;}
.search{ background-position: -30px 0; width: 122px; height: 24px; float: right;}
.search .text{ height: 22px; line-height: 22px; border: 0; border: none; background: #f5f5f5; width: 78px;  float: left; margin: 1px 0 0 10px;}
.search .btn{ width: 32px; height: 24px; float: right; cursor: pointer; border: none; background: none;}
.personal{ background-position: 0 -7px; width: 13px; height: 13px; float: right; margin: 5px 15px 0 0;}

.header-center{ height: 100px;}
.header-center .logo{ float: left; font-size: 0; padding-top: 20px;}
.nav{ float: right;}
.nav li{ width: 107px; height: 100px; float: left; line-height: 100px; font-size: 14px; text-indent: 17px; position: relative;}
.nav li a{ display: block;}
.nav li a:hover,.current > a{ background: url(../images/hover.png) no-repeat; color: #fff;}
.subnav{ background: url(../images/l.png) no-repeat left; height: 43px; padding-left: 34px; position: absolute; left: 0; top: 100px; z-index: 9999; min-width: 200px; display: none;}
.sr{ background: url(../images/r.png) no-repeat right; height: 43px; padding-right: 36px;}
.nbar{ background: url(../images/c.png) repeat-x; height: 43px; width: 100%;}
.nav li .subnav a{ float: left; height: 43px; line-height: 43px; margin: 0 15px; text-indent: 0;}
.nav li .subnav a:hover{ background: none; color: #6cc41e; text-decoration: underline;}
.current .subnav { display: block;}
.hh{ height: 130px;}
.fix .header-h{ position: fixed; left: 0; top: -30px; width: 100%; z-index: 99999;}

.ban{ position: relative; margin-bottom: 55px; overflow: hidden;}
.ban .am-viewport {
    max-height: 600px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.ban img{ width: 200%!important;}
.ban .am-slides>li {
    display: none;
    -webkit-backface-visibility: hidden;
    position: relative;
    overflow: hidden;
     float: left;}
.ban .am-control-nav{ display: none;}


.layout{ margin-bottom: 50px;}
.i-cloumn{ text-align: center; overflow: hidden; margin-bottom: 50px;}
.i-cloumn h3{ background: url(../images/icon3.png) no-repeat center bottom; padding-bottom: 20px; color: #6cc41e; font-size: 18px;}

.i-cloumn h3 span{ font-size: 30px; color: #5c5c5c; margin-right: 20px;}
.itags{ text-align: center; /*height: 134px;*/ margin-bottom: 50px;}
.itags a{ background: url(../images/icon4.png) no-repeat -193px 0;
    width: 116px;
    height: 134px;
    display: inline-flex;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    margin: 0 38px;
    vertical-align: top;
    align-items: center;
    justify-content: center;}
.itags a:hover,.itags .on{ background-position: 0 0; color: #fff;}
.am-slides li{ float: left; width: 297px;}
.am-slides a{ display: block; border: 1px solid #6cc41e;}
.cp-info{ height: 46px; padding: 15px; background: #89d04b; color: #fff;}
.cp-info h3{ font-size: 18px; height: 26px;}
.cp-info p{ height: 18px;}
.cp-info h3,.cp-info p{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.yiqi-box{ display: none;}
.yiqi-box .am-slides{}
.yiqi-box .am-slider{ height: 297px; position: relative;}
.yiqi-box .am-viewport{ width: 1184px; margin: auto;}
.yiqi-box .am-direction-nav a{ background: url(../images/icon5.png) no-repeat; width: 41px; height: 76px; position: absolute; top: 103px; font-size: 0; text-indent: -9999px;}
.yiqi-box .am-direction-nav .am-prev{ background-position: 0 0; left: -50px;}
.yiqi-box .am-direction-nav .am-next{ background-position: -42px 0; right: -50px;}
.yiqi-box .am-direction-nav .am-prev:hover{ background-position: 0 -77px;}
.yiqi-box .am-direction-nav .am-next:hover{ background-position: -42px -77px;}
.yiqi-box .am-control-nav{ display: none;}


.icase{ padding: 30px 0; background: #f3faed;}
.icase-pic{ width: 46%; float: left; border-right: 1px solid #6cc41e; box-sizing:border-box;}
.icase-intro{ width: 54%; float: left; padding-left: 4%;box-sizing:border-box;}
.it{ font-size: 24px; margin-bottom: 25px;}
.icase-intro .intro{ font-size: 14px; line-height: 28px;}
.tmore{ width: 103px; height: 36px; line-height: 36px; text-align: center; color: #6cc41e; font-size: 14px; border: 1px solid #6cc41e; border-radius: 6px;  }
.icase-intro .more{float: right; margin: 30px 16px 0 0;}
.tmore:hover{ background: #6cc41e; color: #fff;}
.tmore span{ font-family: simsun; font-weight: 700; margin-left: 4px;}


.ipic{ display: block; margin-bottom: 8px;}
.ititle{ font-size: 16px; height: 34px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; border-bottom: 1px solid #d6d6d6; margin-bottom: 8px; position: relative;}
.ic-list{ margin: 0 -55px;}
.ic-list li{ float: left; height: 347px; padding: 0 55px; box-sizing:border-box;}
.ib { width: 325px;}
.ib .intro{ line-height: 24px; height: 48px; overflow: hidden; font-size: 14px; color: #939393; margin-bottom: 15px;}
.ib .more{ display: block;}
.ititle:after{ content: ''; width: 100px; height: 2px; background: #6cc41e; position: absolute; left: 0; bottom: 0;}

.adv{ background: url(../images/bg1.jpg) no-repeat center top; height: 888px;}
.adv-box{ padding-top: 370px;}
.advlist{ margin: 0 -14px;}
.adbbd{ height: 366px; background: #fff; position: relative;}
.advlist li{ float: left; padding: 0 14px; box-sizing:border-box; width: 25%;}
.adbbd h3{ color: #6cc41e; text-align: center; font-size: 16px;  padding: 66px 10px 0; height: 60px; overflow: hidden;}
.adbbd .intro{ background: url(../images/icon7.png) no-repeat left 8px; padding-left: 14px; margin: 0 12px 5px 15px; line-height: 24px; font-size: 14px;}
.adbbd i{ background: url(../images/icon6.png) no-repeat; width: 104px; height: 101px; position: absolute; left: 50%; margin-left: -52px; top: -55px;}
.adbbd .s1{ background-position: 0 0;}
.adbbd .s2{ background-position: 0 -103px;}
.adbbd .s3{ background-position: 0 -207px;}
.adbbd .s4{ background-position: 0 -310px;}

.innews-list li{ padding: 25px 45px; height: 96px; border-bottom: 1px solid #e5e5e5;}
.t{ float: left; color: #333; text-align: center; line-height: 20px; margin-top: 20px; margin-right: 40px;}
.t span{ font-size: 40px;}
.t p{ font-size: 14px; border-top: 1px solid #000; padding-top: 4px; margin-top: 4px;}
.inews-pic{ float: left; padding: 2px; background: #fff; border: 1px solid #cbdabd; margin-right: 25px;}
.ntxt h3{ font-size: 14px; height: 30px; position: relative; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 8px;}
.ntxt .intro{ line-height: 24px; height: 48px; overflow: hidden;}
.ntxt h3:after{ content: ''; width: 50px; height: 2px; background:#6cc41e; position: absolute; left: 0; bottom: 0; }
.innews-list li:hover{ background: #e2f3d2;}



.footer{ background: url(../images/bg2.jpg) repeat-x; height: 97px; text-align: center; color: #fff;}
.footer a{ color: #fff;}
.bot-link { padding-top: 25px; margin-bottom: 10px;}
.bot-link a{ margin: 0 9px;}


.lvbg{ background: #e2f3d2;}
.content{  background: #fff; margin-top: 44px;}
.side{ width: 253px; float: left;}
.s-cloumn{ background: url(../images/bg3.jpg) no-repeat; width: 253px; height: 52px; line-height: 52px;}
.s-cloumn span{ color: #6cc41e; font-size: 20px; margin-left: 100px;}
.ls{ border-right: 1px solid #ebebeb; padding-top: 20px;}
.menus li{ height: 40px; line-height: 40px; margin-bottom: 1px;}
.menus li a{ display: block; font-size: 14px; text-indent: 100px;}
.menus li a:hover,.menus li .hover{ background: url(../images/bg5.png) no-repeat; color: #fff;}
.box{ float: left; width: 947px}
.m-cloumn{ background: url(../images/bg4.jpg) no-repeat; width: 947px; height: 52px; line-height: 52px;}
.cloumn-t{ float: left; margin-left: 30px; background: url(../images/s1.gif) no-repeat left; padding-left: 12px; color: #6cc41e; font-size: 14px; margin-left: 25px;}
.bread{ float: right; padding-right: 20px;}
.bread strong{ font-weight: 100; color: #6cc41e;}
.main{ overflow: hidden; padding-bottom: 40px;}
.article{ min-height: 400px; padding: 30px; line-height: 24px; font-size: 14px;}
.yin{ background: url(../images/bg6.png) no-repeat center bottom; padding-bottom: 40px; margin-bottom: 30px;}


.list{ min-height: 400px;}
.chanpin-list{ border-left: 1px solid #6cc41e; margin: 30px 25px 40px;}
.chanpin-list li { float: left; width: 33.3%; border-right: 1px solid #6cc41e; border-top: 1px solid #6cc41e; box-sizing:border-box;}
.chanpin-list li a{ display: block;}
.chanpin-list li a:hover{ opacity: 0.9; filter:alpha(opacity=90);}
.pages{ text-align: center;}
.pages a{ background: url(../images/icon8.png) no-repeat; display: inline-block; margin: 0 3px;}
.pages a{ background-position: -135px 0; width: 22px; height: 22px; line-height: 22px; text-align: center;}
.pages .s,.pages .x{ background-position: 0 0; width: 52px; height: 22px; line-height: 22px; text-align: center;}
.pages .cur{ background-position: -109px 0;  width: 24px; color: #fff;}
.big-pic{ float: left; margin-right: 65px; background: url(../images/y.png) no-repeat center bottom; padding-bottom: 10px;}
.big-pic img{ border: 1px solid #6cc41e;}
.big{ padding: 30px 20px 20px 70px;}
.big-intro h2{ font-size: 18px; margin-bottom: 10px;}
.tips{ font-size: 20px; color: #fff; background: #6cc41e; padding: 3px 12px ;  display: inline-block; margin-bottom: 15px;}
.big-intro .intro{ font-size: 14px; line-height: 26px;}
.case-list { margin: 0 -5px 40px;}
.case-list li{ padding: 0 30px; width: 33.3%; margin-top: 50px; height: auto;}
.case-list .ib{ width: auto;}

.fb-time{ width: 80px; height: 65px; text-align: center; background: #ccc; color: #fff; overflow: hidden; float: left; margin-right: 20px;}
.fb-time span{ font-size: 20px; display: inline-block; margin-top: 5px;}
.fb-time p{ font-size: 14px;}
.news-list{ padding: 0 30px; margin-bottom: 40px;}
.news-list h3{ height: 20px; font-size: 14px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 5px;}
.news-list .intro{ height: 36px; overflow: hidden;}
.news-list li{ padding: 25px 0 15px; height: 65px; border-bottom: 1px dashed #cecccd;}

.atitle{ text-align: center; padding-top: 40px; border-bottom: 1px dashed #cecccd; padding-bottom: 15px; margin: 0 10%;}
.atitle h1{ font-size: 16px; color: #333; margin-bottom: 20px; color: #333;}
.data span{ margin: 0 10px;} 

.down{ padding: 30px;}
.down li{ height: 36px; line-height: 36px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 14px;}
.down li span{ background: url(../images/icon9.jpg) no-repeat right; padding-right: 24px; float: right;}

.join-bar{ background: #6cc41e; color: #fff; height: 32px; line-height: 32px; margin-bottom: 30px;}
.join-bar span,.join dt span{ float: left;}
.sp1,.sp2,.sp3{ width: 25%; text-indent: 25px;}
.join dt { font-size: 14px; height: 38px; line-height: 38px; border-bottom: 1px solid #e3e3e3; cursor:pointer; position: relative;}
.join dt span{ font-size: 12px;}
.join dt .sp1{ color: #6cc41e; font-size: 14px;}
.join dt i{ background: url(../images/icon11.jpg) no-repeat; width: 22px; height: 22px; position: absolute; right: 10px; top: 8px;}
.join dd{ padding:15px 20px; display: none;}
.on dd{ display: block;}
.join .act i{ background: url(../images/icon10.jpg) no-repeat;}


.lbg{ background: url(../images/bg8.jpg) no-repeat center top; height: 697px; overflow: hidden;}
.lhead{ height: 124px; background: url(../images/bg7.jpg) repeat-x;}
.lo{ float: left; font-size: 0; margin-top: 28px; border-right: 1px solid #6cc41e; padding-right: 30px;}
.welcome{ font-size: 30px; float: left; margin: 34px 0 0 30px;}
.cbg{ background:  #fff; min-height: 530px; width: 1000px; margin: 0 auto 0;}
.lt{ font-size: 25px; color: #fff; text-align: center; height: 62px; line-height: 62px; margin-bottom: 60px; background: #6cc41e;} 
.forms td{ padding: 14px 0; font-size: 14px; color: #333; position: relative;}
.forms .text{ width: 290px; height: 25px; line-height: 25px; padding: 5px; border: 1px solid #e5e5e5;}
.forms .btn,.msg .btn{ background:#6cc41e; color: #fff; border: none; cursor: pointer; border-radius: 6px; width: 303px; height: 41px; text-align: center; line-height: 41px; font-size: 14px;}
.code{ position: absolute; top: 19px; left: 201px;}
.gol{ text-align: right; color: #6cc41e; font-size: 14px; width: 1000px; margin: auto; padding: 30px 0 20px;}
.gol a{ display: inline-block; width: 60px; height: 25px; line-height: 25px; text-align: center; border: 1px solid #6cc41e; color: #6cc41e; margin-left: 10px; margin-right:10px;}
.wel{ float: right; padding-top: 35px; text-align: right;}
.ww{ float: right; margin-top: -2px;}

.ititle a:hover,.news-list h3 a:hover,.down li a:hover{ color: #6cc41e; }


.mnav{ background: url(../images/mnav.png) no-repeat; background-size: 25px 25px; width: 25px; height: 25px; position: absolute; right: 10px; top: 18px; display: none; text-align: center; line-height: 24px; font-size: 26px; color: #333; text-indent: -9999px;}
.mobdrop{ background: rgba(0,0,0,0.8); width: 100%; height: 100%; position: absolute; top: 62px; left: 0; z-index: 9999; display: none;}
.mobdrop a{ color: #fff; display: block; height: 40px; line-height: 40px; text-align: center; font-size: 14px;}
.k .mobdrop{ display: block;}
.k .mnav{ text-indent: 0; background:none;}
.down li a{ display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.tt{ color: #E86902; float: left; margin: 18px 0 0 10px; font-size: 14px;}
.tt{ display: none;}
.piao{ width: 82px; position: fixed; top: 50%; right: 10px; z-index: 9999; height: 329px; margin-top: -164px;}
.piao a{ background: url(../images/icon12.jpg) no-repeat; width: 82px; display: block;height: 90px; position: relative;}
.piao .youx{ background-position: 0 0; }
.piao .kefu{ background-position: 0 -90px; }
.piao .qq{ background-position: 0 -180px; }
.piao .gotop{ background-position: 0 -270px; height: 59px;}
.kefutel{ height: 90px; background: #70c821; width: 170px; position: absolute; right: 82px; top: 0; color: #fff;  
  font-size: 20px; display: none;}
.kefutel span{ display: block; text-align: left; font-size: 18px;}
.pdz{ padding: 15px 0 0 17px;}
.piao .kefu:hover .kefutel{ display: block;}

@media only screen and (max-width: 1440px){
.nav li .subnav a{ font-size: 12px; margin: 0 10px;}
}
@media only screen and (max-width: 1366px){
.piao{ right: 0;}
.nav li .subnav a{ font-size: 12px; margin: 0 3px;}
}
@media only screen and (max-width: 1200px){
  .yiqi-box .am-viewport{ width: auto;}
  .fix .header-h{ position: static;}
  .wrap{ width: 100%; padding: 0 10px; box-sizing:border-box; overflow: hidden;}
  .top-bar,.nav,.piao{ display: none;}
  .header-center,.header-h,.hh{ height: 60px;}
  .header-center .logo{ padding-top: 10px;}
  .header-center .logo img{ height: 40px;}
  .mnav{ display: block;}
  .ban{ margin-bottom: 15px;}
  .i-cloumn,.itags,.layout{ margin-bottom: 20px;}
  .i-cloumn h3{ font-size: 14px;}
  .i-cloumn h3 span{ font-size: 16px;}
  .yiqi-box .am-direction-nav .am-prev{ left: 1px;}
  .yiqi-box .am-direction-nav .am-next{ right: -1px;}
  .ic-list{ margin: 0 -10px;}
  .ic-list li{ width: 33.3%; padding: 0 10px;}
  .ib{ width: auto;}
  .adv-box{ padding-top: 370px;}

  .content{ margin-top: 15px;}
  .side{ width: 100%; float: none; overflow: hidden;}
  .s-cloumn{ background: url(../images/bg9.png) repeat-x; height: 50px; line-height: 50px; text-indent: 0; text-align: center; width: 100%;}
  .ls{ min-height: 10px!important;}
  .menus li{ width: 50%; float: left;}
  .menus li a{ text-indent: 0; text-align: center;}
  .menus li a:hover, .menus li .hover{ background: #6cc41e;}
  .m-cloumn{ display: none;}
  .box{ width: 100%; float: none;}
  .article{ padding: 20px 10px;}
  .menus{ overflow: hidden; border-bottom: 1px solid #ccc;}

  .chanpin-list{ margin: 30px 10px 20px;}
  .main{ padding-bottom: 20px;}
  .s-cloumn span{ margin: 0;}
  .big{ padding: 20px 10px 10px 10px;}
  .big-pic{ margin-right: 15px;}
  .down{ padding: 20px 10px;}
  .tt{ display: block;}
}

/*6cc41e*/

@media only screen and (max-width: 1040px){
    .adbbd h3{ font-size: 14px;}
    .adbbd .intro{ font-size: 12px;}
    .lhead{ height: 60px;}
    .lo{ margin-top: 10px;}
    .lo img{ height: 40px;}
    .welcome{ margin: 16px 0 0 20px; font-size: 18px;}
    .gol{ padding: 10px 0; width: 100%;}
    .cbg{ width: 100%; padding: 0 10px; box-sizing:border-box; min-height: 200px; padding-bottom: 30px;}
    .forms td{ display: block; text-align: left; padding: 5px 0; width: 100%;}
    .lt{ margin-bottom: 20px; font-size: 18px; height: 40px; line-height: 40px;}
    .forms .text{ width: 97%;}
    .code{ left: auto; right: 2%; top: 10px;}
    .lbg{ height: auto;}
    .forms .btn, .msg .btn{ width: 100%;}
}

@media only screen and (max-width: 890px){
    .itags a{ margin: 0 2%;}
    .icase-pic,.icase-intro{ width: 100%; float: none; text-align: center; margin: 0; padding: 0;}
    .icase-pic{ margin-bottom: 15px;}
    .icase-intro .more{ display: none;}
    .adbbd{ height: 465px;}
    .advlist li,.ic-list li{ padding: 0 5px;}
    .advlist,.ic-list { margin: 0 -5px 20px;}
    .t{ display: none;}
    .innews-list li{ padding: 10px;}
}
@media only screen and (max-width: 660px){
    .itags{ height: 78px;}
    .itags a{ background-size: 180px 78px; background-position: -112px 0; width: 68px; height: 78px; font-size: 12px; line-height: 78px;}
    .itags a:hover, .itags .on{ background-position: 0 0;}
    .cp-info h3{ font-size: 14px;}
    .ic-list li{ width: 100%; text-align: center; float: none; margin-bottom: 15px;}
    .ib .more{ margin: auto;}
    .ititle{ font-size: 14px; height: 28px;}
    .adv{ background: none; height: auto;}
    .adv-box{ padding-top: 0;}
    .advlist li{ width: 100%; margin-bottom: 10px;}
    .adbbd i{ position: static; float: left; margin: 0;}
    .adbbd{ height: auto;}
    .adbbd h3{ padding-top: 0; height: 28px; text-align: left; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
    .tao{ text-align: left; padding-left: 110px;}
    .inews-pic{ margin-right: 10px;}
    .inews-pic img{ width: 100px;}
    .ntxt h3{ height: 20px; margin-bottom: 1px;}
    .ntxt h3::after{ display: none;}
    .innews-list li{ height: 66px;}
    .chanpin-list .cp-info{ padding: 10px;}
    .chanpin-list li{ width: 50%;}
    .yin{ background: none;}

    .big-pic{ width: 100%; float: none; text-align: center;}
    .news-list{ padding: 0 10px; margin-bottom: 20px;}
    .down li span{ display: none;}
    .sp3,.join dt i{ display: none;}
    .join dt span,.join-bar span{ width: 33.3%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
    .join dd{ padding: 10px;}
    .sp1, .sp2, .sp3{ text-indent: 10px;}
    .join-bar{ margin-bottom: 15px;}
}

@media only screen and (max-width: 414px){
    .copy span{ display: block;}
    .bot-link{ display: none;}
    .footer{ background: #6cc41e; padding: 15px 10px; height: auto;}
    .adbbd .intro{ margin: 0 0 5px 0;}
    .syw{ display: none;}
    .fb-time{ margin-right: 10px;}
    .data{ display: none;}
    .atitle{ margin: 0 10px; padding-top: 20px;}
    .atitle h1{ margin-bottom: 0;}
}

@media only screen and (max-width: 360px){
    .adbbd i{ float: none; display: block; margin: 0 auto 5px;}
    .tao{ padding: 0;}
    .adbbd h3{ text-align: center;}
    .itags a{ margin: 0 1%;}

}
@media only screen and (max-width: 320px){
  .yiqi-box .am-direction-nav .am-next{ right: 5px;}
}