/* eyoucms.com 易优CMS -- 好用,免费,安全 */
@charset "utf-8";
body{font-family:"Microsoft YaHei";font-size:14px;line-height: 24px; background: #ffffff;}
body,div,p,span,ul,li,dl,dd,h1,h2,h3,a,input,img{margin:0;padding:0;}
li,ol{list-style:none;}
a,input,img,textarea{border:none;outline:none;}
i,em,span{font-style:normal;}
h1,h2,h3,h4,h5{ font-weight: normal; }
a{text-decoration: none; }
a:focus{text-decoration: none;}
a:hover,a:focus{text-decoration: none;}
.hide{display: none}
.show{display: block}
.modal a{outline:none;}
/*img{ max-width: 100%; }*/
label{font-weight: normal;width:100%;}
a:focus {outline:none;outline-offset:0;}
a:focus, a:hover{ }
.clearfix{display:block;clear:both;}
.clearfix:after{display:block; overflow:hidden;clear:both;height:0; content:".";}
.fl{float: left;}
.fr{float: right;}
@font-face {
    font-family: 'agdollar';
    src: url('../fonts/jyinbixinsu.eot'); /* IE9 Compat Modes */
    src: url('../fonts/jyinbixinsu.eot') format('embedded-opentype'), /* IE6-IE8 */
             url('../fonts/jyinbixinsu.woff') format('woff'), /* Modern Browsers */
             url('../fonts/jyinbixinsu.ttf')  format('truetype'), /* Safari, Android, iOS */
             url('../fonts/jyinbixinsu.svg#jyinbixinsu') format('svg'); /* Legacy iOS */
   }

   .agdollar{
    font-family:"agdollar" !important;
    
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.container{margin:0 auto;padding:0 12px!important; }

#wrap_index{overflow: hidden;position: relative; width: 100%;}
/*澶撮儴*/
@media (min-width: 991px){
    #header{ display: block; }
     #molheader1, #molheader, #molheader2{ display: none !important; }
}
@media (max-width: 990px){
    #molheader1{ display: block; }
     #header, #header1, #header2{ display: none !important; }

}
/*panle*/
.class{width:280px;height:100%;z-index:7; background:#00aa34; position: fixed; top:0px; left:0px; color:#fff;z-index: 100;}
.class-top{ height:50px;overflow:hidden;background: rgba(42,155,56,0.8); margin: 0;font-size: 16px;text-indent: 30px; line-height: 50px; color: #ffffff;}
.class-top .close1{ display: inline-block;float: right; width: 16px; height: 16px; margin-right:30px; margin-top: 18px; background: url(../img/close.png) no-repeat; background-size: 100% 100%; }
.class-m{height: 88%;overflow-y:auto;}
.opacity2{width:100%; height:100%; position: fixed; top:0px; left:0px; background:rgba(0,0,0,0.5); z-index:40; display:none;}
.overflow{height:100%; overflow:hidden;}
.class-m .nnav{width:280px;height: auto;overflow: hidden;}
.class-m .nnav li{width: 100%;height: auto;overflow: hidden;}
.class-m .nnav li a.ce{ border-bottom: 1px solid #00992f; padding-left: 30px;color: #65ff94;font-size: 16px;display: block;height:50px;line-height:50px;}
.class-m .nnav li a.ce.active{ color: #ffffff; }
.menu_head .ericon{color:#b9cadf; margin-right: 30px; font-weight: bold; line-height:22px;text-align:center;float:right;display:inline;font-size:20px;position: relative;z-index: 3; top: 18px;}
.menu_head .ericon .icon1{ display:none;}
.menu_head .ericon.xz .icon1{ display:block;}
.menu_head .ericon.xz .icon2{ display:none;}
.class-m .nnav li .menu_body{display: none; background: #007d26;}
.menu_body li a.er{ text-indent: 30px; font-size:14px;display: block;height:40px;line-height:40px;color: #009e30;}
.menu_body li a.er.active1{ color: #ffffff; }
.menu_body li a.er:before{margin-right: 10px; content:""; display: inline-block; width: 10px; height: 10px; background: url(../img/dot.png) no-repeat 0 center;}
.menu_body li a.er.active1:before{margin-right: 10px;  content:""; display: inline-block; width: 10px; height: 10px; background: url(../img/doth.png) no-repeat 0 center;}
.menu_body .thricon{color:#ffffff;width:40px;height:40px; margin-right: 14px; line-height:40px;text-align:center;float:right;display:inline;font-size:20px;position: relative;z-index: 3;}
.menu_body .thricon .icont1{ display:none;}
.menu_body .thricon.tz .icont1{ display:block;}
.menu_body .thricon.tz .icont2{ display:none;}
.class-m .nnav li .thr_body{display: none;}
.class-m .nnav li .thr_body li{border-bottom: none;padding: 0;}
.thr_body li a.thr{position: relative;padding-left:70px;font-size: 14px;display: block;height:40px;line-height:40px;color: #009e30;}
.mollan{ text-align: center; margin: 20px auto; width: 40%; text-align: center; line-height: 40px; background: #3384c0;border-radius: 20px;}
.mollan a{ font-size: 16px; line-height: 40px; color: #ffffff;}
/*panle瀵艰埅缁撴潫*/
.page-prev {
transform:translate3d(-280px, 0, 0);
-ms-transform:translate3d(-280px, 0, 0);
-webkit-transform:translate3d(-280px, 0, 0);  
-o-transform:translate3d(-280px, 0, 0); 
-moz-transform:translate3d(-280px, 0, 0);
}
.page-next {
transform:translate3d(280px, 0, 0);
-ms-transform:translate3d(280px, 0, 0);
-webkit-transform:translate3d(280px, 0, 0); 
-o-transform:translate3d(280px, 0, 0);  
-moz-transform:translate3d(280px, 0, 0);
}
.page-active{
transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0); 
-o-transform:translate3d(0, 0, 0);  
-moz-transform:translate3d(0, 0, 0);}
.page-in {
  -webkit-transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
.page-out {
  -webkit-transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
}
.share-in{transform:translate3d(100%, 0, 0);
-ms-transform:translate3d(100%, 0, 0);
-webkit-transform:translate3d(100%, 0, 0);  
-o-transform:translate3d(100%, 0, 0); 
-moz-transform:translate3d(100%, 0, 0);}

#header{ z-index: 11; position: relative;}
#header .logo{ display: block;margin-top:10px; }
#header .logo a{display:table-cell; width: 100%; height: 60px;vertical-align: middle;}
#header .logo a img{ max-height: 100%; max-width: 100%; }
#header .nav_box{ text-align: right; margin-top: 30px;}
.wrap_nav{ float: right; }
#header .nav_box .yiji{ margin-left:36px; height:100%;text-align: center;position: relative;transition: 400ms; float: left;}
#header .nav_box .yiji>a{position: relative;z-index: 2; padding: 0 13px; border:1px dotted #dadada; color: #666666;display: inline-block;line-height:30px;font-size: 16px;  position: relative;}
#header .nav_box .yiji:hover>a, #header .nav_box .yiji.current>a{ color: #00aa34; border:1px dotted #00aa34;}

#header .nav_box .yiji .libox{ text-align: center; display: none; background: #ffffff; overflow: hidden;width: 120%; padding: 50px 0 10px; border:1px dashed #dadada; position: absolute; top: -10px; left: -10%;}
#header .nav_box .yiji .libox a{ text-align: center; display: block;position: relative; line-height: 30px; height: 30px; overflow: hidden;}
#header .nav_box .yiji .libox a em{ position: relative;z-index: 1;display: block;  color: #999999;font-size: 14px;line-height: 30px;width: 100%;height: 30px;margin: 0 auto; transition: 400ms;}
#header .nav_box .yiji .libox a:hover em{ color: #00aa34;}



.lan{ position: relative;z-index: 2; text-align: right; height: 36px; margin-top: 2px;}
.wrap_lan{ display: inline-block; width: 30px; height: 30px; border-radius: 50%; border:1px dotted #888585; position: relative;}
.lan a{color: #999999; display: none; font-size: 12px; line-height: 30px; width: 30px; text-align: center;}
.lan a.current{ display: block; }
.lan a:hover{ color: #00aa34; }
.slect{ position: absolute; }
.slect.active a{ display: block; }
.lan .trangle{ display: inline-block;width: 10px; height: 5px; background: url(../img/t.png) no-repeat; position: relative; top: -10px; cursor: pointer;left: 6px;}
.hbg{-moz-animation: bolang 30s linear infinite;-webkit-animation: bolang 30s linear infinite;animation: bolang 30s linear infinite; height: 84px; width: 200%; background: url(../img/hbg.png) no-repeat; background-size: 100% 100%; z-index: 9; position: relative;}
.bannerbg{width: 200%; height: 16px; background: url(../img/bl9.png) no-repeat; background-size: 50% 100%; position: relative;margin-top: -16px; z-index: 9;  }
.section1bg{width: 200%; height: 16px; background: url(../img/bl.png) no-repeat; background-size: 50% 100%; z-index: 9; position: relative; margin-top: -16px; }
.section2bg{-moz-animation: bolang 30s linear infinite;-webkit-animation: bolang 30s linear infinite;animation: bolang 30s linear infinite;width: 200%; height: 16px; background: url(../img/bl6.png) repeat-x; background-size: 50% 100%; z-index: 9; position: relative; margin-top: -16px;  }
.section3bg{width: 200%; height: 16px; background: url(../img/bl7.png) no-repeat; background-size: 50% 100%; z-index: 9; position: relative; margin-top: -16px;  }
@keyframes bolang
{
  0% {left: -100%;}
  50%{left: -50%;}
  100%{left:0rem;}
}


#molheader{ vertical-align: middle; width: 100%;height: 60px; z-index: 99; position: relative;}
#molheader .logomol{ width: 60%; margin:0 auto; height: 60px;}
#molheader .logomol a{display: block; width: 100%; height: 50px; padding-top: 10px; position: relative; }
#molheader .logomol img{ max-width: 100%; max-height: 100%; display: block; margin:0 auto; vertical-align: middle;}
#molheader .mol_navbutton{ position: absolute; top: 0; right: 0; width: 40px; height: 60px;z-index: 5;}
#molheader .mol_navbutton img{ width: 21px;height: 19px; margin:24px 24px 0 0;}
#molheader1{ vertical-align: middle; width: 100%;height: 80px; background: url(../img/rr.png) no-repeat; background-size: 100% 100%; z-index: 99; position: relative;}
#molheader1 .mol_navbutton{ position: absolute; top: 0; left: 0; width: 40px; height: 60px;z-index: 5;}
#molheader1 .mol_navbutton img{ width: 21px;height: 19px; margin:22px 0 0 24px;}
#molheader1 h2{ width: 60%; margin:0 auto; line-height: 60px; font-size: 18px; color: #ffffff; text-align: center; }
#molheader1 .classfiy{ position: absolute; background: url(../img/classify.png) no-repeat; background-size: 100% 100%; right: 24px; top: 22px;display: block;width: 20px; height: 22px;}
#molheader1 .classfiy:focus, .classfiy:hover{color: #ffffff;}
/*棣栭〉banner*/
#myCarousel{ position: relative;margin-top: -64px; z-index: 0;}
#myCarousel .carousel-control.left{ opacity: 1; width: 58px; height: 58px; top: 50%; margin-top: -29px; background: url(../img/prev.png) no-repeat; left: 19.35%; }
#myCarousel .carousel-control.right{opacity: 1; width: 58px; height: 58px; top: 50%; margin-top: -29px; background: url(../img/next.png) no-repeat; right: 19.35%; }
#myCarousel .carousel-control.left:hover{background: url(../img/prevh.png) no-repeat;}
#myCarousel .carousel-control.right:hover{background: url(../img/nexth.png) no-repeat;}
/*鎵嬫満banner*/
#molbanner{margin-top: -29px; width: 100%; overflow: hidden;display: none; position: relative;}
#molbanner .swiper-banner{position: relative;z-index: 1;}
#molbanner .swiper-banner .swiper-slide{overflow: hidden;}
#molbanner .swiper-banner .swiper-slide a{text-align:center;width: 100%;height:100%;display: block;}
#molbanner .swiper-banner .swiper-slide img{vertical-align:top; width: 150%; position: relative;left: 50%; transform: translateX(-50%);}
#molbanner .swiper-button-next{opacity: 1; right: 20px; width:34px; height:34px; top: 50%; margin-top: -20px; background: url(../img/nexth.png) no-repeat; background-size: 100% 100%;}
#molbanner .swiper-button-prev{opacity: 1; left: 20px; width:34px; height:34px; top: 50%; margin-top: -20px; background: url(../img/prevh.png) no-repeat; background-size: 100% 100%;}
.section1{ padding:120px 0 170px; width: 100%; background: url(../img/s1bg.jpg) no-repeat; background-size: 100% 100%; position: relative;}
.section1bg1{}
.section1 .div_img{ width: 43%; float: left; padding:5px; background: #ffffff; position: relative;}
.section1 .div_img .yy2{ position: absolute; bottom: 0; left: -32px; }
.section1 .div_img .img1{ width: 100%; }
.section1 .info{ float: right; width: 53%; }
.section1 .info .tt1{ }
.section1 .info .tt1 em{ display: inline-block; font-size: 26px; color: #333333;  border-bottom: 1px dotted #dadada; padding-bottom: 20px; margin-bottom:30px;}
.section1 .info .tt2{ color: #666666; line-height: 28px; font-size: 14px; max-height: 168px;overflow: hidden; }
.section1 .info .more{ margin-top: 55px; display: block;width: 110px; height: 40px; line-height: 40px; text-align: center;border:1px dotted #dadada; color: #999999; font-size: 14px; }
.section1 .info .more:hover{ color: #00aa34; border:1px dotted #00aa34; }
.section2{ width: 100%; padding:160px 0; position: relative; background: url(../img/s2bg.jpg) no-repeat; background-size: 100% 100%; position: relative;margin-top: -16px;z-index: 0;}
.car{ position: absolute; right: 20%; bottom: -70px; z-index: 100;}
.fc{ position: absolute; right: 14%; top: 30px; z-index: 100;}
.wl{ position: absolute; left: -138px; bottom: -32px;}
.fz{ position: absolute; right: 14%; top: 30px; z-index: 100;}
.zz{ position: absolute; left: -138px; bottom: -120px;}
.section2tt{ width: 10%; float: left; }
.section2tt .tt1{ font-size: 26px; color: #97ffb7; border-bottom: 1px dotted #48f07c; padding-bottom: 20px;}
.section2 .more{ margin-top: 30px; display: block;width: 110px; height: 40px; line-height: 40px; text-align: center;border:1px dotted #48f07c; color: #00d341; font-size: 14px; }
.section2 .more:hover{color: #97ffb7; border:1px dotted #97ffb7;}
.sect2swiper{ position: relative; width: 88%; float: right; background: #ffffff; padding:20px 90px 20px 20px;border:1px dotted #dadada;}
.section2_container{}
.section2_container .swiper-slide{ -width: 33%; display: inline-block; position: relative;}
.section2_container .swiper-slide img{ width: 100%; }
.section2_container .swiper-slide .info{opacity: 0; transition: all 0.5s; background: rgba(50,52,51,0.8); position: absolute; width: 100%;height: 100%; left: 0; top: 0;}
.section2_container .swiper-slide .info h2{ font-size: 18px; color: #ffffff; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; margin-top: 30%; text-align: center; width: 100%; }
.sect2swiper .swiper-button-next, .sect2swiper .swiper-button-prev{ width: 45px; height: 45px; right: 22px; top: auto; opacity: 1;}
.sect2swiper .swiper-button-next{ background: url(../img/next1.png) no-repeat; background-size: 100% 100%; bottom: 20px;}
.sect2swiper .swiper-button-prev{ left: auto;background: url(../img/prev1.png) no-repeat; background-size: 100% 100%; bottom: 76px;}
.sect2swiper .swiper-button-next:hover{ background: url(../img/next2h.png) no-repeat; background-size: 100% 100%;}
.sect2swiper .swiper-button-prev:hover{ background: url(../img/prev2h.png) no-repeat; background-size: 100% 100%;}
.section2_container .swiper-slide:hover .info{ opacity: 1; }
.sect2swiper .wzbg{ position: absolute; right: 34px; width: 20px; font-size: 18px; color: #666666; line-height: 18px;}
.section3{ width: 100%; background: #f2fbf5; padding:190px 0 180px; position: relative;}
.section3 .container, .section4 .container{ position: relative; }
.section3tt{ width: 10%; float: left; }
.section3tt .tt1{ font-size: 26px; color: #333333; border-bottom: 1px dotted #dadada; padding-bottom: 20px;}
.section3tt .more{ margin-top: 30px; display: block;width: 110px; height: 40px; line-height: 40px; text-align: center;border:1px dotted #dadada; color: #999999; font-size: 14px; }
.section3tt .more:hover{ color: #00aa34; border:1px dotted #00aa34;}
.section3 .info{border:1px dotted #dadada; float: right; width: 88%;background: #ffffff; padding: 20px 30px 0; position: relative;}
.section3 .newslist{ width: 42%; float: left; }
.section3 .newslist li{border-bottom:1px dotted #dadada; margin-bottom:36px;}
.section3 .newslist li a{ display: block; }
.section3 .newslist li a .tt1{margin-bottom: 16px; font-size: 16px; color: #333333; width: 100%; text-overflow: ellipsis;white-space: normal;overflow: hidden;}
.section3 .newslist li a .tt2{ font-size: 14px; color: #666666; line-height: 28px;max-height: 84px; overflow: hidden; }
.section3 .newslist li a .tt3{ font-size: 14px; color: #999999; text-align: right; margin:12px 0;}
.section3 .newslist li a:hover .tt1{color: #00aa34;}
.section3banner{ width: 52%; float: right; }
.section3banner img{ width: 100%; border:1px dotted #dadada;}
.section3banner .swiper-slide{ position: relative; }
.section3banner .swiper-slide .tt{ position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; line-height: 40px; background: rgba(51,51,51,0.5); }
.section3banner .swiper-slide .tt h2{ text-indent: 20px; float: left; line-height: 40px; width: 50%;text-overflow: ellipsis;white-space: normal;overflow: hidden; color: #ffffff; font-size: 14px;}
.section3banner .swiper-slide .tt em{ float: right; color: #ffffff; font-size: 14px; padding-right: 18px;}
.info .yy{ position: absolute; left: -6px; bottom: -24px; width: 108px; height: 33px; background: url(../img/yy.png) no-repeat; }
.section4{ width: 100%; padding:160px 0; position: relative;}
.section4 .info{border:1px dotted #dadada; float: right; width: 88%;background: #ffffff; padding: 20px 30px; position: relative;}
.section4 .info .contact{ width: 40%; float: left; padding-right: 6%; border-right: 1px dotted #dadada;}
.section4 .info .contact .tt1{ font-size: 24px; color: #333333; margin-bottom:16px; }
.section4 .info .contact .tt2{}
.section4 .info .contact .tt2 p{ line-height: 28px; font-size: 14px; color: #333333; }
.section4 .info .contact .wchat{ margin-top:16px; }
.section4 .info .contact .wchat img{ float: left; margin-right:9%; border:5px solid #eeeeee;}
.section4 .info .contact .wchat p{ float: left; margin-top: 16%;}
.section4 .info .message{ width: 58%; float: right; padding-left: 2%;}
.section4 .info .message .tt1{font-size: 24px; color: #333333; margin-bottom: 40px;}
.section4 .info .message .message_l{ width: 48%; }
.section4 .info .message .message_r{ width: 48%; }
.section4 .info .message .message_l label{margin-bottom:26px; width: 100%; display: inline-block; height: 30px; background: #eeeeee; border:1px dotted #dadada;}
.section4 .info .message .message_l label span{ text-indent: 12px; width: 21%; font-size: 14px; color: #666666; line-height: 30px; float: left;}
.section4 .info .message .message_l label input{ line-height: 30px; background: none; float: left; width: 79%;}
.section4 .info .message .message_r label{ width: 100%; display: inline-block; background: #eeeeee; border:1px dotted #dadada; text-indent: 18px;}
.section4 .info .message .message_r label textarea{ background: none; -padding-left:18px; }
.section4 .info .message .btn1{ margin:0 10px; width: 160px; height: 40px; display: inline-block; line-height: 40px; text-align: center; color: #b0b0b0; font-size: 14px; background: #eeeeee; }
.section4 .info .message .reset{ margin-left: 100px; }
.section4 .info .message .btn1:hover{ background: #666666;  }
.footer{ background: #00aa34; width: 100%; position: relative;margin-top: -84px; padding-top: 130px;}
.footer .friendlylink{ padding-bottom: 24px; color: #cdedd6; font-size: 14px; }
.footer .friendlylink a{ display: inline-block;padding:0 5px; color: #cdedd6; font-size: 14px; }
.footer .friendlylink a:hover{color: #ffffff; text-decoration: underline;}
.footer .webinfo{ border-top: 1px solid #21dc5a; border-bottom:1px solid #21dc5a; padding: 18px 0 16px;  }
.footer .webinfo .logo1{ display: block;width: 21%; float: left; }
.footer .webinfo .logo1 img{ max-width: 90%; }
.footer .webinfo .erweima{ text-align: center; width: 38%; float: left; border-right: 2px solid #00952e; border-left:2px solid #00952e; }
.footer .webinfo .erweima em.xl{position: relative;top: 10px; display: inline-block;width: 26px; height: 26px; background: url(../img/xl.png) no-repeat; margin-right: 2%;}
.footer .webinfo .erweima em.wx{position: relative;top: 10px; display: inline-block;width: 26px; height: 26px; background: url(../img/wc.png) no-repeat;margin-right: 2%;}
.footer .webinfo .erweima img{ max-width: 70px; border:5px solid #ffffff;}
.footer .webinfo .erweima img.img1{ margin-right: 6%; }
.footer .webinfo .footercontact{ width: 41%; float: left; padding-left: 6%;}
.footer .webinfo .footercontact p{ font-size: 14px; color: #ffffff; }
.footer .webinfo .footercontact p em{ font-size: 30px; }
.footer .copyright{ color: #cdedd6; font-size: 12px; padding: 12px 0; text-align: center;}
.footer .copyright a{ color: #cdedd6; font-size: 12px;}
.footer .copyright a:hover{color: #ffffff; text-decoration: underline;}
.pagecontent{ width: 100%; position: relative; margin-top: 60px; min-height: 450px;}
.inner_main{position: relative;z-index: 1; width: 78%; float: right;}
.pagettpc { height: 70px; width: 100%; position: relative;z-index: 9; background: url(../img/pp.jpg) no-repeat; background-size: 100% 100%;}
.pagettpc h2{width: 40%; float: left; text-indent: 26px; line-height: 50px; font-size: 18px; color: #eeeeee;}
.pagettpc .pcweizhi{ margin-right: 26px;}
.pagettpc .pcweizhi, .pagettpc .pcweizhi a{ font-size: 14px; color: #eeeeee; line-height: 50px;}
.pcweizhi a:hover, .pcweizhi em{ color:#00ff4e;} 
.nynav{ position: relative; width: 19%; background: #eeeeee;}
.navtt{ width: 100%; height: 120px; line-height: 120px; text-align: center; color: #ffffff; font-size:26px; background: url(../img/tt.jpg) no-repeat; }
.nynav a{ display: block;}
.nynav .firstul{ position: relative; padding-bottom: 30px;}
.nynav .firstli{ overflow: hidden;}
.nynav .firstli>a{display: block; border-bottom: 1px solid #dddddd; padding-left: 40px; height: 50px; line-height: 50px; color: #333333; font-size: 16px; background: url(../img/doy1.png) no-repeat 20px center;}
.nynav .secondul{ display: none; width: 100%;}
.nynav .secondli{position: relative;}
.nynav .secondli>a{ position: relative; border-bottom: 1px dotted #dddddd; text-indent: 50px; background: url(../img/dot2.png) no-repeat 36px center; height: 40px; line-height: 40px; color: #666666; font-size: 14px;}
.nynav .secondli.act_secondli>a, .nynav .secondli>a:hover{color: #00aa34;background: url(../img/dot2h.png) no-repeat 36px center;}
.nynav .thirdul{display: none; width: 100%;}
.nynav .thirdli{ width: 100%; height: 34px; }
.nynav .thirdli>a{line-height: 30px; width: 100%; height: 30px; text-indent: 60px;  display: block; font-size: 12px; color: #999999; overflow: hidden;}
.nynav .firstli>a:hover, .nynav .firstli.current>a{background: url(../img/dot1.png) no-repeat 20px center; color: #00aa34;}
.nynav .thirdli>a:hover{ color: #00aa34; text-decoration: underline;}
.navs{position: relative; display: none; z-index: 9; background: #eeeeee;margin-bottom: 20px;}
.mtree a{ display: block;}
.mtree .firstul{ position: relative; padding-bottom: 30px;}
.mtree .firstli{ overflow: hidden;}
.mtree .firstli>a{display: block; border-bottom: 1px solid #dddddd; padding-left: 40px; height: 50px; line-height: 50px; color: #333333; font-size: 16px; background: url(../img/doy1.png) no-repeat 20px center;}
.mtree .secondul{ display: none; width: 100%;}
.mtree .secondli{position: relative;}
.mtree .secondli>a{ position: relative; border-bottom: 1px dotted #dddddd; text-indent: 50px; background: url(../img/dot2.png) no-repeat 36px center; height: 40px; line-height: 40px; color: #666666; font-size: 14px;}
.mtree .secondli.act_secondli>a, .mtree .secondli>a:hover{color: #00aa34;background: url(../img/dot2h.png) no-repeat 36px center;}
.mtree .thirdul{display: none; width: 100%;}
.mtree .thirdli{ width: 100%; height: 34px; }
.mtree .thirdli>a{line-height: 30px; width: 100%; height: 30px; text-indent: 60px;  display: block; font-size: 12px; color: #999999; overflow: hidden;}
.mtree .firstli>a:hover, .mtree .firstli .act_firstli{background: url(../img/dot1.png) no-repeat 20px center; color: #00aa34 !important;}
.mtree .thirdli>a:hover{ color: #00aa34; text-decoration: underline;}
.ny_content{ width: 100%; margin:40px 0; }
.aboutedit{ line-height: 28px; color: #333333; font-size: 14px;}
.propage{ width: 100.8%;}
.propage li{ padding: 0 2px 0 0; margin-bottom: 16px;}
.propage li a{ display: block; }
.propage li a img{ width: 100%; transition:all 0.5s;border:2px solid #ffffff;}
.propage li a h2{ text-align: center;font-size: 14px; color: #333333; height: 50px; line-height: 50px;text-overflow: ellipsis;white-space: nowrap;width: 100%; overflow: hidden; }
.propage li a:hover h2{color: #00aa34;}
.propage li a:hover img{ border:2px solid #00aa34; }
.page{ padding: 20px 0 0; text-align: center;width: 100%;}
.page a{ margin:0 8px; color: #333333; font-size: 14px; padding:0 6px; line-height: 20px; display: inline-block;border-radius: 6px;}
.page a.specal{ padding:0 30px; background: #eeeeee; line-height: 30px;}
.page a:hover, .page a.current{ color: #ffffff; background: #2a9b38; }
.news1page{ width: 100%; position: relative;}
.news1page li{ height: 50px; border-bottom: 1px dotted #efeeed;}
.news1page li a{ display: block;}
.news1page li a .tt1{ width: 80%; padding-left:40px; transition: all 0.5s; background: url(../img/dot3.png) no-repeat 0 center; line-height: 50px; color: #333333; font-size: 14px; float: left;  white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.searchpage li a{width: 100%;padding-left:40px; transition: all 0.5s; background: url(../img/dot3.png) no-repeat 0 center; line-height: 50px; color: #333333; font-size: 14px; float: left;  white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.news1page li a .time{ float: right; color: #333333; font-size: 14px; line-height: 50px;}
.news1page li a:hover .tt1,.searchpage li a:hover{background: url(../img/dot3h.png) no-repeat 0 center;}
.news1page li a:hover .tt1, .news1page li a:hover .time,.searchpage li a:hover{ color: #00aa34;}
.newspage li{ margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dotted #efeeed;}
.newspage li a{ display: block; }
.newspage li a .div_img{ display: block; width: 26%; float: left; position: relative;}
.newspage li a .div_img img{vertical-align: middle; width: 100%; position: relative;z-index: 1;}
.newspage li a .info{ width: 71%; float: right; }
.newspage li a .info .tt1{ color: #333333; font-size: 16px; margin-bottom: 10px;width: 100%; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.newspage li a .info .tt2{ color: #999999; font-size: 14px; }
.newspage li a .info .tt3{ margin-top: 10px; font-size: 14px; color: #666666; line-height: 24px; max-height: 72px; overflow: hidden; }
.newspage li a .info .more{ font-size: 14px; display: block; color: #666666; transition: all 0.5s; text-align: right; line-height:34px; display: block;}
.newspage li a:hover .info .more{ color: #00aa34; }
.newspage li a:hover .info .tt1{ color: #00aa34; }
.searchtt{ text-align: center;font-size: 18px; color: #999999; padding-bottom: 16px; border-bottom: 1px dotted #efeeed;}
.newsdetailtt{font-size: 16px; color: #333333; margin:0px 0 10px; text-align: center; }
.newstime{ color: #999999; font-size: 14px; text-align: center; margin:0 0 10px;}
.aboutedit2{ line-height:28px; color: #333333; font-size: 14px; padding:0 0 20px;}
.other{ position: relative; border-top: 1px solid #eeeeee; padding-top: 16px; }
.other p{ font-size: 14px; color: #999999; width: 100%; line-height: 30px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.other a{ display:inline-block; font-size: 14px; color: #999999;}
.other a:hover{ color: #00aa34; text-decoration: underline;}
.bigpic{ margin:10px auto; display: block; max-width: 100%;}
.prott{ font-size: 18px; color: #333333; padding-bottom: 18px; margin-bottom: 18px; margin-top: 40px;}
.prott:after{ content: "";width: 120px; height: 1px; background: #00aa34; display: block; position: relative;top: 18px;}
.prodetail1_swiper{ position: relative; width:100%;}
.prodetail1_swiper .swiper-wrapper{ width: 64%; margin:0 auto; }
.prodetail1_swiper .swiper-wrapper .swiper-slide{width: 100%;}
.prodetail1_swiper .swiper-wrapper .swiper-slide img{max-width: 64%;}
.prodetail1_swiper .swiper-button-white{opacity: 1; cursor: pointer; width: 40px; height: 40px;position: absolute; top: 50%; margin-top:-20px;}
.prodetail1_swiper .swiper-button-next{right:3px; background: url(../img/next3.png) no-repeat; background-size: 100% 100%;}
.prodetail1_swiper .swiper-button-prev{left:0; background: url(../img/prev3.png) no-repeat; background-size: 100% 100%;}
.prodetail1_swiper .swiper-button-next:hover{background: url(../img/next3h.png) no-repeat; background-size: 100% 100%;}
.prodetail1_swiper .swiper-button-prev:hover{background: url(../img/prev3h.png) no-repeat; background-size: 100% 100%;}

@media (max-width: 1200px) and (min-width: 991px){
  .nynav{ width: 26%; }
  .inner_main{ width: 70%; }
  .section1 .div_img .yy2{ position: absolute; bottom: 0; left: -32px; height: 100%; }
  .section1 .div_img .yy2 img{ height: 80%; width: 80%; left: 20%; position: relative; bottom: -20%;}
  .newspage li a .info .tt3{ max-height:48px; }
  .section3banner{ padding-top: 50px; }
  .section4 .info .message .message_l label span{ width: 27%;}
  .section4 .info .message .message_l label input{ width: 73%;}
  #header .nav_box .yiji>a{ padding: 0 8px; }
  #header .nav_box .yiji{ margin-left:18px; }
  .section2tt .tt1, .section3tt .tt1{ font-size: 20px;}
  .section2tt .more, .section3tt .more{ width: 80px; }
  .sect2swiper .wzbg{ font-size: 14px; line-height: 14px;}
  .section4 .info .message .reset{ margin-left: 40px; }
}
@media (max-width: 991px){ 
  .section1 .div_img .yy2{ position: absolute; bottom: 0; left: -32px; height: 100%; }
  .section1 .div_img .yy2 img{ height: 80%; width: 80%; left: 20%; position: relative; bottom: -20%;}
  .hbg{ height: 37px; background: url(../img/hbg1.png) no-repeat; background-size: 100% 100%; }
  .footer{ margin-top: -37px; }
  .bannerbg{ height: 8px; background: url(../img/bl4.png) no-repeat; background-size: 100% 100%; margin-top: -8px; }

}
@media (max-width: 991px) and (min-width: 768px){ 
  .page a{ margin:0; }
  .page a.specal{ padding:0 24px; }
  .nynav{ width: 30%; }
  .inner_main{ width: 66%; }
  .newspage li a .info .tt3{ max-height:48px; }
  .section3banner{ padding-top: 100px; }
  .section4 .info .message .message_l label span{ width: 36%;}
  .section4 .info .message .message_l label input{ width: 64%;}
  .section2tt .tt1, .section3tt .tt1{ font-size: 18px;}
  .section2tt .more, .section3tt .more{ width: 80px; }
  .sect2swiper .wzbg{right: 20px; font-size: 14px; line-height: 14px; height: 50%; width: 40px;}
  .section4 .info .message .reset{ margin-left: 26px; }
  .section4 .info .message .btn1{  width: 120px; }
}

@media (max-width: 768px){
  .prodetail1_swiper .swiper-button-next{right:0px;}
  .prott:after{position: relative;top: 10px;}
  .prott{ font-size: 16px; color: #333333; padding-bottom: 10px; margin-bottom: 10px; margin-top:20px;}
  .prodetail1_swiper .swiper-wrapper{ width: 76%; margin:0 auto; }
  .prodetail1_swiper .swiper-wrapper .swiper-slide img{max-width: 76%;}
  .prodetail1_swiper .swiper-button-white{width: 30px; height: 30px; margin-top:-15px;}
  .other{ padding-top: 0; }
  .searchtt{ font-size: 16px; }
  .newspage li{ margin-bottom: 20px; padding-bottom: 20px;}
  .newspage li a .div_img{ width: 35%; }
  .newspage li a .info{ width: 60%; }
  .newspage li a .info .tt1{ margin-bottom: 0;}
  .newspage li a .info .tt3{ margin-top: 0;max-height: 24px; }
  .news1page{ width: 100%; position: relative;}
  .news1page li{ height: 50px; border-bottom: 1px dotted #efeeed;}
  .news1page li a{ display: block;}
  .news1page li a .tt1{ width: 70%; padding-left:26px; }
  .propage{ width: 102%;}
  .propage li{ padding: 0 8px 0 0; margin-bottom: 8px;}
  .propage li a h2{ height: 30px; line-height: 30px; }
  .page{ padding: 10px 0 0;}
  .page a{ margin:0 0px; color: #333333; font-size: 14px; padding:0 4px; line-height: 20px; display: inline-block;border-radius: 4px;}
  .page a.specal{ padding:0 4px; background: #eeeeee; line-height: 30px;}
  .ny_content{margin:0 0 20px;}
  .pagecontent{ margin-top: 30px; }
  .inner_main{width: 100%;}
  .section2bg{ background: url(../img/bl4.png) no-repeat; background-size: 100% 100%; height: 8px; margin-top: -8px;}
  .section1bg{background: url(../img/bl8.png) no-repeat; background-size: 100% 100%;margin-top: -8px;height: 8px; }
  .container{ padding:0 5% !important; }
  .section1{ padding:30px 0 0; width: 100%; background: url(../img/s1bgm.png) no-repeat; position: relative;}
  .section1 .div_img{margin-bottom: 20px; width: 73%; margin-left: 15%; float: left; padding:5px; background: #ffffff; position: relative;}
  .section1 .div_img .yy2{ position: absolute; bottom: 0; left: -32px; height: 100%; }
  .section1 .div_img .yy2 img{ height: 80%; width: 80%; left: 20%; position: relative; bottom: -20%;}
  .section1 .div_img .img1{ width: 100%; }
  .section1 .info{ float: right; width: 100%; }
  .section1 .tt1{ text-align: center; font-size: 18px; margin-bottom: 8px; color: #333333;}
  .section1 .tt1 em{ border-bottom: 1px dotted #dedede; line-height: 40px; display: inline-block;}
  .section1 .info .more{ margin: 16px auto 40px;}
  .section1bg1{ background: url(../img/bgm1.png) no-repeat left bottom; }
  .section2{ width: 100%; padding:50px 0; position: relative; background: url(../img/s2bg.jpg) no-repeat center center; background-size: auto 100%; position: relative;margin-top: -8px;z-index: 0;}
  .car{ position: absolute; right: 0; bottom: -5%; z-index: 100; width: 31.25%;}
  .car img{ width: 100%;}
  .fc{ position: absolute; right: -16px; top: 0px; z-index: 100; width: 47%;}
  .fc img{ width: 100%; }
  .wl{ position: absolute; left: 40px; bottom: -6%; width: 34%; z-index: 99;}
  .wl img{ width: 100%; }
  .fz{ position: absolute; right: 0; top: 0px; z-index: 100; width: 42%;}
  .fz img{ width: 100%; }
  .zz{ position: absolute; left: -35px; bottom: -10%; width: 38%;}
  .zz img{ width: 100%; }
  .section2tt{ width: 100%;}
  .section2tt .tt1{ font-size: 18px; color: #97ffb7; border-bottom: none; text-align: center; }
  .section2tt .tt1 em{ border-bottom: 1px dotted #20c954; line-height: 40px; display: inline-block;}
  .section2 .more{ margin: 30px auto 0; border:1px dotted #c6d5c9; background: #ffffff; color: #999999;}
  .sect2swiper{ width: 100%;padding:16px 16px 60px 16px; }
  .sect2swiper .swiper-button-next, .sect2swiper .swiper-button-prev{ width: 30px; height: 30px; bottom: 10px; top: auto; opacity: 1;}
  .sect2swiper .swiper-button-next{transform:rotate(270deg); right: 16px;}
  .sect2swiper .swiper-button-prev{transform:rotate(270deg); left: auto;right: 56px;}
  .sect2swiper .swiper-button-next:hover{transform:rotate(270deg);}
  .sect2swiper .swiper-button-prev:hover{transform:rotate(270deg);}
  .section2_container .swiper-slide:hover .info{ opacity: 1; }
  .sect2swiper .wzbg{ position: absolute; bottom: 0; height: 60px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width: 60%; line-height: 60px; font-size: 16px; color: #666666; left: 16px; }
  .section3{ width: 100%; background: none; padding:30px 0 50px; position: relative;}
  .section3 .container, .section4 .container{ position: relative; }
  .section3tt{ width: 100%;}
  .section3tt .tt1{ font-size: 18px; color: #333333;border-bottom: none; text-align: center;}
  .section3tt .tt1 em{ border-bottom: 1px dotted #dedede; line-height: 40px; display: inline-block;}
  .section3 .more{ margin: 30px auto 0; display: block;width: 110px; height: 40px; line-height: 40px; text-align: center;border:1px dotted #dadada; color: #999999; font-size: 14px; }
  .section3 .info{ width: 100%;padding: 20px 16px;}
  .section3 .newslist{ width: 100%; float: left; }
  .section3 .newslist li{ margin-bottom:12px;}
  .section3 .newslist li a .tt1{margin-bottom: 6px;}
  .section3 .newslist li a .tt3{ margin:8px 0; }
  .section3banner{ width: 100%; float: right; }
  .info .yy{ position: absolute; left: -6px; bottom: -24px; width: 108px; height: 33px; background: url(../img/yy.png) no-repeat; }
  .section4{ padding:20px 0;}
  .section4 .info{border:1px dotted #dadada; float: right; width: 100%;background: #ffffff; padding: 20px 16px; position: relative;}
  .section4 .info .contact{ width: 100%; float: left; padding-right: 6%; border-right: none;}
  .section4 .info .contact .tt1{ font-size: 24px; color: #333333; margin-bottom:16px; }
  .section4 .info .contact .tt2{}
  .section4 .info .contact .tt2 p{ line-height: 28px; font-size: 14px; color: #333333; }
  .section4 .info .contact .wchat{ margin-top:16px; }
  .section4 .info .contact .wchat img{ margin-right:4%;}
  .section4 .info .contact .wchat p{ margin-top: 21%;}
  .section4 .more{ margin: 30px auto 0; display: block;width: 110px; height: 40px; line-height: 40px; text-align: center;border:1px dotted #dadada; color: #999999; font-size: 14px; }
  .footer{  padding-top: 50px;}
  .footer .webinfo{ border-top: 0; }
  .footer .webinfo .erweima{ text-align: center; width: 100%; float: left; border:none; }
  .footer .webinfo .erweima img.img1{ margin-right: 6%; }
  .footer .copyright{ line-height: 20px;}
  .footer .copyright a{ line-height: 20px;}
}