* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

body{font-family:Arial,sans-serif; font-size: 15px; color: #666; padding-top: 90px;}



ul,li,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6{ list-style: none; padding: 0; margin: 0; }

input,textarea{ outline:none;}

::-webkit-input-placeholder {

  color: #ccc;

}



::-moz-placeholder {

  color: #ccc;

}



:-ms-input-placeholder {

  color: #ccc;

} 



a { text-decoration: none; color: #666;}

a:hover{ color: #49a147;}





.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}

.clearfix{zoom:1;}

.clear{ clear:both}

.over_h{ overflow: hidden}



.wrap{max-width: 1300px; margin: 0 auto;}



.header{ width: 100%; height: 90px; background:#fff; position:fixed; top: 0; z-index: 100;transition:all 300ms; border-bottom:1px solid #f2f2f2;}

.header .logo{float: left; padding:20px 0 0;transition:all 300ms;}

.header .logo img{height: 55px; transition:all 300ms;}

.header .nav{float: right;display: block; margin-right: 50px;}

.header .nav ul li{float: left; line-height: 88px;transition:all 300ms;}

.header .nav ul li a{ color: #666; font-size:15px; padding: 0 20px; display: block;font-weight:bold;}

.header .nav ul li.focus a,.header .nav ul li:hover a{ color: #49a147; border-bottom:2px solid #49a147;}

.header .wapnav{ display: none;}

.header .search_btn{ width: 25px; height: 25px; background: url(../images/icon01.png) no-repeat center; float: right; margin:30px 0; cursor: pointer;transition:all 300ms;}
.header .cnen{ float:right; margin-left:20px; line-height: 88px;transition:all 300ms;}
.header .menu-toggle{display: none;}



.header.fixed{ height: 80px; box-shadow:0 0 10px 0 rgba(0,0,0,0.3);transition:all 300ms;}

.header.fixed .logo{ padding:15px 0 0;transition:all 300ms;}

.header.fixed .logo img{ width: auto; height: 50px;transition:all 300ms;}

.header.fixed .nav ul li{line-height:78px;transition:all 300ms;}

.header.fixed .search_btn{ margin:25px 0;transition:all 300ms;}
.header.fixed .cnen{ margin-left:20px;transition:all 300ms;line-height: 78px;}


.banner .swiper-container{ height:640px; overflow:hidden; width: 100%;background:#49a147; }

.banner .swiper-container .swiper-slide{height:640px; width:100%;}
.banner .swiper-container .swiper-slide a{height:640px; width:100%; display:block;}

.banner .swiper-container .swiper-slide .text_con{ width: 830px; height: 260px; background:rgba(255,255,255,0.8);margin:210px auto 0; padding: 60px 0 0; text-align: center;color: #000;}

.banner .swiper-container .swiper-slide .text_con h3{ font-size: 30px; line-height:1; margin-bottom: 20px; }

.banner .swiper-container .swiper-slide .text_con p{font-size:18px; }

.banner .swiper-container .swiper-slide .text_con .btn_more{ background:#2f2f2e; font-size:15px;font-weight: bold;color: #fff; line-height: 1; margin-top:40px; padding:15px 40px;}

.banner .swiper-container .swiper-slide .text_con .btn_more:hover{ background: #49a147;}

.banner .pagination {position: absolute;z-index: 20;bottom:30px;width: 100%;text-align: center;}

.banner .swiper-pagination-switch {display: inline-block; width:12px; height: 12px; border-radius: 20px;background:#aaa; border: #aaa solid 1px; margin: 0 5px; opacity: 0.8; cursor: pointer;}

.banner .swiper-active-switch { background: #49a147; border: #49a147 solid 1px;}



.nei_banner{ height: 260px; margin-top: 90px;}



.ipro{ padding:50px 0;}
.ipro .wrap{ position: relative;}
.ipro .prex,.ipro .next{ width: 40px; height: 40px; display: block; position: absolute; top: 50%; margin-top: -20px;}
.ipro .prex{ left: -50px; background: url(../images/prex.png) no-repeat;}
.ipro .next{ right: -50px;background: url(../images/next.png) no-repeat;}
.ipro .swiper-container{overflow:hidden;}
.ipro .swiper-slide{ padding:0 10px; box-sizing: border-box;}
.ipro .swiper-slide ol{ border: #f6f6f6 solid 3px; box-sizing: border-box; padding: 10px;}
.ipro .swiper-slide ol:hover{ border: #98cd96 solid 3px; box-sizing: border-box; padding: 10px;}
.ipro .swiper-slide ol p{font-size: 15px;text-align:center; font-weight:bold; text-transform:uppercase;border-top:#eeeeee solid 1px; width: 100%; height: 56px; line-height: 56px;}

.ipro .title{ text-align: center; margin-bottom:45px;}
.ipro .title h2{ line-height: 1; padding-bottom: 10px; position: relative; }
.ipro .title h2:before{content:"";display: block; width: 40px; height: 2px; margin-left: -20px; background: #49a147; position: absolute; left:50%;bottom:-10px;}



.iabout{padding: 50px 0; background: #eefaee;}
.iabout .box{ height: 350px; display: table;}
.iabout .box dl{ display: table-cell; vertical-align: middle; padding-right: 30px;}
.iabout .box dl dt{ font-size: 25px; color: #333; margin-bottom: 30px; line-height: 1;  font-weight:bold;}
.iabout .box dl ol{ margin-bottom: 25px; line-height:1.7;}
.iabout .box dl a.more{ background:none; color: #666; border: #666 solid 1px; font-size: 14px; padding:12px 35px; font-weight: bold;}
.iabout .box dl a.more:hover{ background: #49a147; border: #49a147 solid 1px; color: #fff;}
.iabout .box .picon{padding-left: 50px;}

.iemail{ width: 810px; margin:0 auto; padding: 80px 0;}
.iemail input[type=text]{height: 58px;border-radius: 10px;box-shadow:none; padding-left: 30px; outline: none;}
.iemail .btn{ padding-left: 10px;}
.iemail button{ border-radius: 10px; height: 58px; font-weight: bold;}

.breadcrumb{ background: #f2f2f2; line-height: 70px;}

.text{ line-height:1.4; font-family:Arial;}
.text img{ display: inline-block; vertical-align:middle;max-width:100%;width: auto;max-height:100%;height: auto; }
.text hr{ margin:13px 0; color:#f2f2f2;}


.text_pro{ line-height:1.5; font-family:Arial;border:1px solid #b7d6b6;}
.text_pro img{ display: inline-block; vertical-align:middle;max-width:100%;width: auto;max-height:100%;height: auto; }

.text_pro2{ line-height:1.5; font-family:Arial;border:1px solid #b7d6b6; margin-bottom:30px;}
.text_pro2 img{ display: inline-block; vertical-align:middle;max-width:100%;width: auto;max-height:100%;height: auto; }

.about{padding: 60px 0; }
.about .box{ }
.about .box .picon{padding-left: 30px;padding-top: 20px;}


.content{ padding: 60px 0 100px;}

.prnav{ width:260px; float: left; font-family: Arial; }
.prnav .title{ font-size: 20px; font-weight: bold; line-height: 1; margin-bottom: 40px;text-transform: uppercase;}
.prnav ul{ margin-bottom: 20px}
.prnav ul dl{font-size: 17px; margin-bottom: 8px; position: relative;}
.prnav ul dl:before{content: ""; display: block;   width: 50px;   height: 1px; background:#98cd96; position:absolute; left:0; bottom:-10px}
.prnav ul dl a.on{font-weight:bold; color:#49a147;}

.prnav ul li{ margin-bottom: 8px;}
.prolist{ width:1030px; float: right; font-family: Arial; }
.prolist .title{ font-size: 20px; font-weight: bold;text-transform: uppercase; line-height: 1; margin-bottom: 30px;}
.prolist .title2{ font-size: 20px; font-weight: bold;text-transform: uppercase; line-height: 1; margin-bottom: 30px;padding:0 0 20px 0;border-bottom: #b7d6b6  solid 1px;}
.prolist .box{ margin:0 -8px;}
.prolist .box .boxcon{padding: 8px;}

.prolist .box ol{ border: #f6f6f6 solid 3px; box-sizing: border-box;padding: 8px;}
.prolist .box ol:hover{ border: #98cd96 solid 3px; box-sizing: border-box;}
.prolist .box ol p{font-size: 15px;text-align:center; font-weight:bold; text-transform:uppercase;border-top:#eeeeee solid 1px; width: 100%; height: 56px; line-height: 56px;}



.protop{ margin-bottom: 80px;}
.protop img{}
.prohead{ padding-left: 50px;}
.prohead img{border:none;}
.prohead .title{ font-size: 18px;font-weight: bold;text-transform: uppercase; margin-bottom: 20px; background:#49a147; height:45px;  line-height:40px;color:#ffffff;text-indent:20px;border-bottom: #daf2d9 solid 5px;}
.proview dl{ border-bottom: #f2f2f2 solid 0px; margin-bottom: 50px;}
.proview dl span{ text-transform: uppercase; font-size: 17px; font-weight: bold; margin-top:-39px; background: #b7d6b6; float: left; display: block; font-family: Arial; padding-right: 20px; height:40px; line-height:40px; text-indent:20px; color:#49a147;}
.proview .back{ margin-top: 40px; background: #49a147; padding:10px 30px; color:#ffffff;}


.proview2 dl{}
.proview2 dl span{width:100%;text-transform: uppercase; font-size: 17px; font-weight: bold;  background: #49a147; float: left; display: block; font-family: Arial; padding-right: 20px; height:40px; line-height:40px; text-indent:20px; color:#fff;}
.proview2 .back{ margin-top: 40px; background: #49a147; padding:10px 30px; color:#ffffff;}



.message{ padding: 50px 0 80px;}
.message .title{ font-size: 18px; color: #666; font-weight: bold; text-align: center; text-transform: uppercase; position: relative; margin-bottom: 40px;}
.message .title:after{content:" "; width: 40px; height: 2px; background: #8f8f8f; position: absolute; bottom: -10px; left: 50%; margin-left: -20px;}
.message .box{max-width: 1300px; margin: 0 auto; text-align: center;}
.message .box .messagecon{ padding: 10px;}
.message input{ width: 100%; line-height: 40px; border: #ced4da solid 1px; border-radius: 3px; text-indent:20px;}
.message textarea{ width: 100%; height: 160px; border: #ced4da solid 1px; border-radius: 3px; padding: 20px;}
.message button{ background: #222222; color: #fff;padding: 10px 40px;}
.message button:hover{ background: #49a147; color: #fff;padding: 10px 40px;}



.footer{ background: #f5f5f5;}
.footer .box{ padding:60px 0; font-size: 14px;}
.footer .box .logo{float: left; margin-right: 90px;}
.footer .box .fnav{float: left;}
.footer .box .fnav ul{float: left; margin-right: 80px;}
.footer .box .fnav ul dl { padding-bottom:10px;}
.footer .box .fnav ul dl a{color: #000; font-weight: bold;}
.footer .box .fnav ul dl a:hover{color: #49a147;}
.footer .box .fnav ul li { padding-bottom:8px;}
.footer .box .fnav ul li a{color: #000;}
.footer .box .fnav ul li a:hover{color: #49a147;}
.footer .box .fcontact{ float: right; color: #333; line-height: 1.8;}
.footer .copyright{ text-align: center; background: #25252e; color: #fff; line-height: 40px; font-size: 13px; font-weight: bold;}



.search_box{width: 100%; position:fixed; top: 0; left: 0; z-index: 210; display: none;}
.search_box dl{max-width:900px;  margin:200px auto 0; border-bottom: #fff solid 1px; overflow: hidden; padding-top: 200px; position: relative;}
.search_box dl input[type='text']{width: 80%; height: 50px; background: none; border: none; color: #fff; font-size: 20px; float: left;}
.search_box dl input[type='submit']{width:50px;height:50px; float: right; background: url(../images/icon03.png) no-repeat center; font-size: 0; border: none;}
.search_box dl .search_off{ width: 30px; height: 30px; background: url(../images/icon04.png) no-repeat;position: absolute; top:0px; right: 0; cursor: pointer;}
.bg{ width: 100%; height: 100%; background:rgba(0,0,0,0.9); position: fixed; top:0; left: 0; z-index: 200; display: none;}



/*===/分页=============================*/

.fengye{ margin:40px 0 0; text-align: center; font-size:16px;}
.off{  padding:10px 15px; margin-right:10px; background:#e2e2e2; color:#000; }
a.off:hover{ margin-right:10px;background:#000; color:#fff; }
.fenkong{padding:0 10px;}

.fenkong a{ line-height:1;font-size:16px;color:#000; padding:10px 15px; margin-right:10px;background:#e2e2e2;}

.fenkong a:hover{color:#fff;background:#000; }

.fenkong a.fenyeon{ line-height:1; background:#000; color:#FFF;}


@media screen and (max-width:1450px){
.ipro .prex,.ipro .next{display: none;}	
}


@media screen and (max-width:82em){

.header .logo{ margin-left: 20px;}

.header .search_btn{ margin-right: 20px;}

.header.fixed .search_btn{ margin-right: 20px;}


.breadcrumb{ padding: 0 20px;}

.footer .box{display: none;}



.ipro{ padding:50px 10px;}

.ipro .box{ margin: 0;}

.ipro .box div{ padding:0 10px;}

.ipro .box div ol p{ font-size: 15px; background:rgba(0,0,0,0.1); height: 56px; line-height: 56px;}



.iabout{padding: 60px 20px; }



.about{padding: 60px 20px; }

.about .box{ }

.about .box .picon{padding-left: 50px;}



.content{ padding: 60px 20px 100px;}



.prnav{ width:260px; }

.prnav .title{ font-size: 20px; font-weight: bold; line-height: 1; margin-bottom: 40px;}

.prnav ul{ margin-bottom: 60px}

.prnav ul dl{font-size: 17px; font-weight: bold;text-transform: uppercase; margin-bottom: 8px;}

.prnav ul li{ margin-bottom: 8px;}

.prolist{ width:calc(100% - 280px); width: 720px \0/;}

.prolist .title{ font-size: 20px; font-weight: bold;text-transform: uppercase; line-height: 1; margin-bottom: 40px;}

.prolist .box{ margin: 0 -16px;}

.prolist .box .boxcon{ padding: 0 16px; text-align: center; margin-bottom: 20px;}

.prolist .box .boxcon p{ padding: 5px 0;}

}



@media screen and (max-width:64em){

body{padding-top:60px;}

.header{ width: 100%; height:60px; }

.header.fixed{ height: 60px;}

.header.fixed .logo{ padding:10px 0 0px;transition:all 300ms;}

.header.fixed .logo img{ width: 100%; height: auto;}

.header .logo{padding:10px 0 0px; width: 135px;}

.header .logo img{ width: 100%; height: auto;}

.header .nav{display: none;}

.header .wapnav{width: 100%; height: 100vh; background: #fff; position: fixed; top: 60px; left: 0;z-index: 20; margin: 0;  border-top: #eee solid 1px; display: none;}

.header .wapnav ul li{ line-height: 60px; border-bottom: #eee solid 1px;transition:all 300ms;}

.header .wapnav ul li a{ color: #666; font-size:16px; padding: 0 30px; display: block;}

.header .wapnav ul li.focus a,.header .wapnav ul li:hover a{ background: #49a147; color: #fff;}

.header .wapnav ul li .subnav{display: none; background: #fff;}

.header .wapnav ul li .subnav a{ background: #eee; color: #666; font-weight: normal; line-height: 50px;}

.header .wapnav ul li dl.focus a{ background: #333; color: #fff;}

.header .wapnav ul li .subnav .subnav2{ padding: 10px 0; background: #999; display: none;}

.header .wapnav ul li .subnav .subnav2 a{ background: #999; font-weight: normal; color: #fff; line-height: 30px;}


.header .cnen{ line-height:60px; margin:0 15px 0 0;}
.header.fixed .cnen{ margin:0 15px 0 0;}
  
.header .search_btn{ margin:15px;display:none;}

.header.fixed .search_btn{ margin:15px;display:none;}



.header .menu-toggle{ width:60px; height:60px; border-right: #eee solid 1px; position:fixed; right:60px; top:0px;  float:right; z-index:99999; display:block;}

.header .menu-toggle span{ width:35px; height:2px; background:#333;display:block; position:relative; opacity:1;transition:all 300ms; margin:30px 0 0 12px;}

.header .menu-toggle span:before{ content:"";width:35px; height:2px; background:#333;display:block; position:absolute; left:0; top:-10px;transition:all 300ms;}

.header .menu-toggle span:after{ content:"";width:35px; height:2px; background:#333;display:block;position:absolute; left:0; top:10px;transition:all 300ms;}

.header .menu-toggle.cur span{background-color:transparent;}

.header .menu-toggle.cur span:before{transform:rotate(45deg); top:2px;}

.header .menu-toggle.cur span:after{transform:rotate(-45deg); top:2px;}



.banner .swiper-container{ height:300px;}

.banner .swiper-container .swiper-slide{height:300px; padding: 0 50px; box-sizing: border-box;}
.banner .swiper-container .swiper-slide a{height:300px; width:100%; display:block;}

.banner .swiper-container .swiper-slide .text_con{ width: 100%; height: auto; margin:100px auto 0; padding: 50px 20px ;}

.banner .swiper-container .swiper-slide .text_con h3{ font-size: 26px; line-height:1; margin-bottom: 20px; }

.banner .swiper-container .swiper-slide .text_con p{font-size:16px; }

.banner .swiper-container .swiper-slide .text_con .btn_more{ font-size:15px;margin-top:40px; padding:15px 40px;}



.ipro{ padding:50px 10px;}

.ipro .box{ margin: 0;}

.ipro .box div{ padding:0 10px;}

.ipro .box div ol p{ font-size: 14px; background:rgba(0,0,0,0.1); height:45px; line-height:45px;}



.iabout{padding: 50px 20px; }

.iabout .box{ height: auto; }

.iabout .box dl{ padding-right: 20px;}

.iabout .box dl dt{ font-size: 25px;margin-bottom:20px;}

.iabout .box dl ol{ margin-bottom: 25px; font-size: 14px; line-height:1.5;}

.iabout .box dl a.more{  font-size: 14px; padding:12px 35px;}

.iabout .box .picon{padding-left:0px;}



.iemail{ width: 100%; margin:0 auto; padding: 50px 20px;}

.iemail input[type=text]{height: 58px;border-radius: 10px;box-shadow:none; padding-left: 30px; outline: none;}

.iemail .btn{ padding-left: 10px;}

.iemail button{ border-radius: 10px; height: 58px; font-weight: bold; margin-top: 0!important}



.breadcrumb{ line-height: 50px; font-size: 14px;}



.prnav{ display: none; }

.prolist{ width:100%;}

.prolist .title{ font-size: 20px; font-weight: bold;text-transform: uppercase; line-height: 1; margin-bottom: 40px;}

.prolist .box{ margin: 0 -16px;}

.prolist .box .boxcon{ padding: 0 16px; text-align: center; margin-bottom: 20px;}

.prolist .box .boxcon p{ padding: 5px 0;}



.search_box dl{max-width:80%; margin:200px auto 0; padding-top:100px; position: relative;}



}

@media screen and (max-width: 48em){



.iabout{padding: 40px 20px; }

.iabout .box{ height: auto; }

.iabout .box dl{ padding-right: 20px;}

.iabout .box dl dt{ font-size: 25px;margin-bottom:20px;}

.iabout .box dl ol{ margin-bottom: 25px; font-size: 14px; line-height:1.7;}

.iabout .box dl a.more{  font-size: 14px; padding:12px 35px;}

.iabout .box .picon{padding-left:0px; margin-top: 20px;}

.iabout .box .picon img{ width: 100%; height: auto;}



.text{ line-height:1.6; }



.about{padding: 40px 20px 0; }

.about .box .picon{padding-left: 0; margin-top: 20px;}

.about .box .picon img{width: 100%; height: auto;}



.message{ padding: 40px 0 50px;}

.message .title{ font-size: 18px; margin-bottom: 30px;}



.prnav{ display: none; }

.prolist{ width:100%;}

.prolist .title{ font-size: 20px; margin-bottom: 20px;}

.prolist .box{ margin: 0 -8px;}

.prolist .box .boxcon{ padding: 0 8px; margin-bottom: 20px;}

.prolist .box .boxcon img{ width: 100%; height: auto;}

.prolist .box .boxcon p{ padding: 5px 0;}



.content{ padding: 40px 20px;}

.protop{ margin-bottom: 50px;}

.protop .pure-img{ width: 100%; height: auto;}

.prohead{ padding-left: 0px;}
.prohead img{border:none;}

.prohead .title{ font-size: 18px; margin:20px 0 15px;height:45px;  line-height:40px;color:#ffffff;border-bottom: #ced4da solid 5px;}

.proview dl{ margin-bottom: 20px; border-bottom: #cfcfcf solid 0px}

.proview dl span{ font-size:15px; font-weight: bold; margin-top:-39px; background: #b7d6b6; float: left; display: block; font-family: Arial; padding-right: 20px; color:#49a147;}

.proview .back{ margin-top: 40px; background: #49a147; color:#fff; padding:10px 30px;}





/*===/分页=============================*/

.fengye{ margin:20px 0 0; text-align: center; font-size:14px;}

.off{ padding:5px 12px; margin-right:5px; background:#e2e2e2; color:#000; }

a.off:hover{ margin-right:10px;background:#000; color:#fff; }

.fenkong{padding:0 5px;}

.fenkong a{ line-height:1;font-size:14px;color:#000; padding:5px 12px; margin-right:5px;background:#e2e2e2;}

.fenkong a:hover{color:#fff;background:#000; }

.fenkong a.fenyeon{ line-height:1; background:#000; color:#FFF;}



}



@media screen and (max-width: 35.5em){



.banner .swiper-container{ height:170px;}

.banner .swiper-container .swiper-slide{height:170px; padding: 0 40px; box-sizing: border-box;}
.banner .swiper-container .swiper-slide a{height:170px; width:100%; display:block;}

.banner .swiper-container .swiper-slide .text_con{ width: 100%; height: auto; margin:60px auto 0; padding: 30px 15px ;}

.banner .swiper-container .swiper-slide .text_con h3{ font-size: 16px; line-height:1; margin-bottom: 10px; }

.banner .swiper-container .swiper-slide .text_con p{font-size:12px; }

.banner .swiper-container .swiper-slide .text_con .btn_more{ font-size:12px;margin-top:20px; padding:12px 20px;}



.ipro{ padding:40px 10px;}

.ipro .box{ margin: 0;}

.ipro .box div{ padding:0 5px;}

.ipro .box div ol p{ font-size: 14px; background:rgba(0,0,0,0.1); height:30px; line-height:30px;}




.iemail button{  margin-top: 0!important; font-size: 12px; text-align: center;}



.footer .copyright{ line-height: 40px; font-size: 12px; font-weight: normal;}

}