@import url("reset.css");
html { font-size: 16px; }
/*公用样式*/
body { width: 100%;  height: 100%; min-height: 100%; font-size: 14px; line-height: 1.231; font-family: \5fae\8f6f\96c5\9ed1,Microsoft YaHei; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-align: stretch; margin: 0px auto; padding: 0px; }
a { text-decoration: none; font-family: 'microsoft yahei',Verdana,Arial,Helvetica,sans-serif; }
input, textera { outline: none; }
input[type="submit"], input[type="text"] { -webkit-appearance: none; border-radius: 0px; }
.clear { clear: both }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.picicon { display: inline-block; text-align: center; font-family: FontAwesome; font-weight: normal; }
@font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot'); src: url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff') format('woff'), url('fonts/fontawesome-webfont.ttf') format('truetype'), url('fonts/fontawesome-webfont.svgz#FontAwesomeRegular') format('svg'), url('fonts/fontawesome-webfont.svg#FontAwesomeRegular') format('svg'); font-weight: normal; font-style: normal; }
.fl { float: left; }
.fr { float: right; }
.hide { display:none; }
/*边框样式*/
.radius { border: #d7d7d7 solid 1px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.btnRadius { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); border-bottom: none; }
.pchide { display: none; }

/*首页*/
.warpper { width: 100%; max-width: 640px; min-width: 320px; margin: 0px auto; overflow: hidden; position: relative; padding-top:0.45rem; }
#indexPage { padding-bottom: 0px; }

.logo { background: #006a2c; font-size: 1rem; color: #fff; line-height: 2.5; text-align: center; }

.loading { position: fixed; max-width: 640px; margin: auto; left: 0; right: 0; bottom: 0; opacity: 0.8; filter: alpha(opacity=80); width: 100%; height: 100%; z-index: 999; display: none; text-align: center; background: url(../images/loading.gif) no-repeat center center #fff; }
.loading p { font-size: 1.25em; color: #666; position: absolute; top: 54%; left: 0; right: 0; max-width: 640px; margin: 0 auto; }

.nav { width: 100%; height: 42px; background: -webkit-gradient(linear,33% 0%, 60% 0%, from(#008C21), to(#75B604)); }
.nav ul li.hom { width: 10%; }
.nav ul li { width: 18%; height: 42px; line-height: 42px; display: block; color: #fff; text-align: center; float: left; }
.nav ul li a { width: 100%; height: 42px; font-size: 14px; color: #fff; font-weight: bold; }
.nav ul li a.hover { color: #f6ff00; }
.nav ul li.menu5 { display: none; }

.indextitle { padding: 0.1rem 0px; }
.indextitle ul { overflow: hidden; }
.indextitle h2 { text-align: center; font-size: 0.22rem; line-height: 1.8; border-bottom: 3px #9b9b9b solid; width: 1rem; margin:0px auto; position: relative; z-index: 1; }
.indextitle h3 { text-align: center; color: #bababa; font-size: 16px; font-family: Arial; line-height: 30px; width: 2rem; margin-bottom: 35px; border-top: 1px solid #ddd; position: relative; top: -2px;margin: 0px auto; }

.indexaboutdiv { clear:both; }
.indexaboutdiv li {width: 100%;margin-top:0.1rem; height: 2.8rem;}
.indexaboutdiv li a { display: block; width: 96%; margin: 0px auto; position: relative;}
.indexaboutdiv li a p.icon { width: 80%; height: 1.5rem; margin:0px auto; text-align: center; background: #0078c3; animation: iconchg1 0.5s ease-in-out 0s both; position:relative; top:-1rem; }
.indexaboutdiv li a p.icon:before { content: ''; background: url(../images/icon.png) no-repeat; width: 71px; height: 66px; display: block; margin:0.1rem auto; position:relative; top:0.1rem; }
.indexaboutdiv li a p.icon span { color: #fff; }
.indexaboutdiv li a p.icon span strong, .indexaboutdiv li p.icon span b { display: block; font-size: 0.15rem; }
.indexaboutdiv li a p.icon span strong::after { display: block; height: 2px; background: #fff; width: 0.5rem; content: ''; margin: 0.05rem auto; }

.indexaboutdiv li a p.icon_1:before { background-position-y: center; }
.indexaboutdiv li a p.icon_2:before { background-position-y: bottom; }
/*.indexaboutdiv li a:hover { opacity: 1; }
.indexaboutdiv li a:hover p.icon { width: 342px; height: 113px; position: absolute; bottom: 0px; left: 0px; text-align: center; background: #f76100; animation: iconchg 0.5s ease-in-out 0s both; }
.indexaboutdiv li a:hover p.icon:before { content: ''; width: 71px; height: 66px; display: block; margin: 20px 30px; float: left; }
.indexaboutdiv li a:hover p.icon span { color: #fff; float: left; padding: 25px 10px; }
.indexaboutdiv li a:hover p.icon span strong, .indexaboutdiv li a:hover p.icon span b { display: block; font-size: 16px; text-align: left; }
.indexaboutdiv li a:hover p.icon span strong::after { display: block; height: 2px; background: #fff; width: 50px; content: ''; margin: 5px 0px; }*/

.indexnewslist ul li dl { display: none; }
.indexnewslist ul li dl.sel { display: block; }
.indexnewslist ul li dl a { overflow: hidden; clear: both; display: block; border-bottom: 1px #ddd solid; padding:0.05rem;}
.indexnewslist ul li dl dt img{ width:100%; } 
.indexnewslist ul li dl dd {}
.indexnewslist ul li dl dd strong { font-size: 0.15rem; color: #232323; line-height: 1.5; }
.indexnewslist ul li dl dd span { font-size: 0.12rem; color: #ccc; line-height: 1.5; display:block;  }
.indexnewslist ul li dl dd p { font-size: 0.12rem; color: #686868; line-height: 1.5; height:0.32rem;}


.indexmenu { background: #fff; padding-bottom: 10px; }
.indexmenu ul { background: #fff; border-bottom: 1px #d9d9d9 solid; padding: 10px 0px; overflow: hidden; }
.indexmenu ul li { float: left; width: 25%; text-align: center; }
.indexmenu ul li a { display: block; width: 70%; margin: 10px 15%; color: #333333; line-height: 2; }
.indexmenu ul li a img { width: 100%; }
.indextitle img { max-width: 100%; }
.indextitle .tit { color: #006a2c; font-size: 1rem; line-height: 2.5; padding: 0px 2% }
.indextitle i { margin-right: 10px; }
/*.more { display: block; background: #006a2c; color: #fff; border-radius: 50%; width: 16px; height: 16px; line-height: 16px; margin-top: 13px; margin-right: 10px; }*/
.indexabout img{ width:100%; }
.viewbtn {  text-align:center; }
.viewbtn a { border:1px #ddd solid; border-radius:5px; font-size:16px; padding:5px 10px; text-align:center; color:#666; display:inline-block;margin: 20px auto; }
.indexabout { font-family: Arial; font-size: 0.12rem; line-height:0.2rem; padding:0.05rem; text-align: center; }
/*新闻*/
.indexnewslist { width: 100%; background: #f6f7f2; padding-bottom: 10px; border-top: 1px #d9d9d9 solid; }
.indexnewslist ul { background: #fff; border-bottom: 1px #d9d9d9 solid; overflow: hidden; }
.indexnewslist ul li.list { background: #fff; border-top: 1px #d9d9d9 solid; }
.indexnewslist ul li.list { overflow: hidden; min-height: 65px; }
.indexnewslist ul li.list div { padding: 10px 0px; }
.indexnewslist ul li.list a { color: #454545; font-size: 0.8rem; }
.indexnewslist ul li.list a.img { display: block; float: left; margin: 5px; width: 20%; overflow: hidden; text-align: center; }
.indexnewslist ul li.list a img { height: auto; width: 100%; }
.indexnewslist ul li.list p { width: 70%; float: left; margin: 10px; }
.indexnewslist ul li.list p a strong { display: block; float: left; width: 90%; font-size: 16px; height: 22px; color: #333333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.indexnewslist ul li.list p a { font-size: 12px; }
.indexnewslist ul li.list .newcon { line-height: 25px; height: 50px; text-overflow: ellipsis; overflow: hidden; width: 100%; display: block; }


.indexcaselist ul { overflow: hidden; }
.indexcaselist ul li { width: 100%;  }
.indexcaselist ul li a { display: block; width: 100%; position: relative; text-align: center; overflow: hidden;}
.indexcaselist ul li a p { background:#000; padding:0px 0.1rem; }
.indexcaselist ul li a p span { color:#fff; display:block; text-align:left; padding:0.05rem 0px;}
.indexcaselist ul li a p span.tit { font-size:0.16rem; }
.indexcaselist ul li a p span.dec { font-size:0.13rem; height:0.13rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.indexcaselist ul li a p span.more { font-size:0.13rem; border-top:1px #808080 solid; line-height:2; }
.indexcaselist ul li a img { width:100%;}


.showMorehandle { background: #2561a7; color: #fff; font-weight: bold; font-size: 14px; line-height: 33px; height: 33px; text-align: center; width: 100%; margin: 0; padding: 0px; }
.indexprolist { background:#f5f5f5; }
.indexprolist img { max-width: 100%; max-height: 100%; }
.indexprolist .swiper-slide { width: 33.33%; border:1px #ddd solid;margin-top:0px; }
.indexprolist .swiper-wrapper {}
.indexprolist .swiper-slide .img {overflow: hidden; text-align: center; }
.indexprolist .swiper-slide .name { text-align: center; line-height: 30px; font-size: 14px; color: #2561a7; height: 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.indexcatebox { background:#f5f5f5; }



.prolst { background-color: #fff; }
.bgcolor h2 { height: 33px; width: 100%; line-height: 33px; color: #fff; font-size: 18px; text-align: center; background: -webkit-gradient(linear,33% 0%, 60% 0%, from(#008C21), to(#75B604)); }
.prolst ul { padding-top: 10px; }
.prolst ul li { width: 33%; display: block; float: left; text-align: center; padding-bottom: 10px; }
.prolst ul li img { border: 2px #b3ddbc solid; width: 90%; }
.prolst ul li p { margin: 5px 0; }
.prolst ul li p a { color: #f39f01; height: 25px; font-size: 16px; width: 100%; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: bold; }
.prolst ul li.more { background: #008C21; padding: 0px; width: 29%; margin-left: 10px; padding-bottom: 0.8em; }
.prolst ul li.more span { display: block; color: #fff; width: 100%; font-size: 3rem; font-family: FontAwesome; }
.prolst ul li.more a { color: #fff; font-size: 20px; display: block; }

.menu { background-color: #0078c2; position: fixed; max-width: 640px; margin: auto; left: 0; right: 0; top: 0; z-index: 99; height:0.45rem}
.menu ul li.clstitle { padding:0rem 0.05rem;  }
.menu ul li.clstitle img { height:100%; }
.menu ul li.clstitle h2 { color: #fff; line-height: 0.45rem; text-align: left; padding-left:30px; font-weight: normal; font-size: 18px; }
.menu ul li.clstitle a.a-prev { font-size: 0.2rem; font-weight: lighter; float: left; color: #fff; line-height: 0.45rem;}
.menu ul li.clstitle a.a-cn { font-size: 14px; width: 50px; height: 0.45rem; line-height: 0.45rem; background: #fff; color: #fff; border-radius: 50%; text-align: center; font-weight: lighter; float: left; }
.menu ul li.clstitle a.a-en {line-height: 0.45rem;  font-weight: lighter; float: right; color: #fff; font-size:0.15rem; margin-right:0.1rem;}

.menu ul li.clstitle a.a-next { font-size: 0.2rem; line-height: 0.45rem;  width:0.3rem; font-weight: lighter; float: right; color: #fff; }

.flexslider { height:1.8rem; }
.flexslider img { height:1.8rem; object-fit: cover; max-height: calc(1.8rem);  }

.childMenu { position: fixed; top: 0px; right: 0px; width: 100%; height: 100%; z-index: 998; display: none; overflow: hidden; }
.childMenu ul { }
.childMenu ul li { position: fixed; right: 0px; top: 0px; }
.childMenu ul li.bg { opacity: 0.6; filter: alpha(opacity=60); background: #f5f5f5; width: 100%; height: 100%; }
.childMenu ul li.list { background: #f5f5f5; width: 35%; right: -35%; height: 100%; }
.childMenu ul li.list p { background: #008cd7; }
.childMenu ul li.list p a { display: block; color: #fff; line-height:0.3rem; overflow: hidden; font-size: 0.12rem; text-align: left; padding-left: 0.3rem; border-bottom: 1px #ddd solid; }
.childMenu ul li.list p a.sel { background: #008cd7; color:#fff; }
.childMenu ul li.list p a.child { background: #f5f5f5; font-size: 0.1rem; white-space: nowrap;color:#000; display:none; }
.childMenu ul li.list p a.jsshow { display:block;  }

.childMenu ul li.list p a.parent { background: url(../images/down.png) no-repeat  10px center; background-size:auto 50%;color:#fff; }
.childMenu ul li.list p a span.child { font-weight: normal; padding-left: 0px; }
/*海报*/
.am-carrousel { width: 100%; overflow: hidden; margin-top: 2px; }

/*手机滑动效果样式*/
.touchcarousel { position: relative; overflow: hidden; width: 208px; float: left; }
.touchcarousel .touchcarousel-container { position: relative; margin: 0px; padding: 0; list-style: none; overflow: hidden; }
.touchcarousel .touchcarousel-wrapper { position: relative; overflow: hidden; width: 100%; height: 100%; }
.touchcarousel .touchcarousel-wrapper img { max-width: 100%; }
.touchcarousel .touchcarousel-item { text-align: center; }
.tc-paging-container, arrow-holder { display: none; }


/*内容*/
.aboutbox { }
.about_content { background: #fff; font-size: 14px; color: #000; }
.about_content h3 { font-size: 1.2em; font-weight: bold; color: #2561a7; line-height: 2; text-align: center; }
.about_content h2 { font-size: 1.2em; font-weight: bold; color: #2561a7; line-height: 1.8; }
.about_content h4 { font-size: 12px; color: #999; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px #ddd solid; text-align: center; }
.about_content img { max-width: 100% !important; margin: 5px auto; }
.about_content .proimg { text-align: center; line-height: 30px; color: #10b80d; }
.procon { line-height: 1.5; color: #666; }
.aboutcontent { padding: 10px 20px; line-height: 25px; color: #666; text-align: justify }
.aboutcontent img { margin: 20px auto; }
.aboutcontent strong { color: #2561a7; }
.labelt { display: block; text-align: center; width: 100%; line-height: 25px; color: #666; }
.labelt strong { color: #2561a7; }

/*产品列表*/
.aboutprolist { width: 100%; margin: 0.1rem auto; }
.aboutprolist ul { overflow: hidden; }
.aboutprolist ul li { float: left; margin-bottom: 0px; width: 50%; overflow: hidden; text-align: center; }
.aboutprolist ul li img { border: 1px #ddd solid;height: 100%; }
.aboutprolist ul li p { margin: 0.1rem 0px;  }
.aboutprolist ul li p a { color: #2561a7; font-size: 0.12rem; font-weight: bold; }
.aboutprolist ul li a.photoa { display:block; height:1.5rem; overflow:hidden; }
.cls_36 { display: block !important; }


.proDetailDiv ul { overflow: hidden; margin-top:0.1rem; }
.proDetailDiv ul.tabjs li { float: left; width:32%; height: 0.4rem; line-height: 45px; text-align: center; /*transform: skew(-20deg,0deg);*/ border: 1px #ddd solid; font-size: 0.14rem; cursor: pointer; }
.proDetailDiv ul.tabjs li span { /*transform: skew(20deg,0deg);*/ display: block; }
.proDetailDiv ul.tabjs li.sel { background: #383e49; color: #fff; }
.proDetailDiv ul.detail li { display: none; font-size: 0.14rem; line-height: 1.8; color: #383e49;padding:0.1rem }
.proDetailDiv ul.detail li img { max-width: 100%; }
.proDetailDiv ul.detail li.sel { display: block; }

/*底部*/
.bottom { padding: 10px 0px; padding-top: 20px; background: #f5f5f5; }
.bottom ul li { width: 90%; text-align: center; margin: 0px auto; }
.bottom ul li.indextel { height: 54px; line-height: 54px; background: -webkit-gradient(linear,45% 0%, 84% 0%, from(#C5E0CA), to(#D8E7C6)); color: #028300; font-weight: bold; }

.bottom ul li.copy { margin-top: 10px; color: #666666; background: #fff; line-height: 20px; padding: 5px 0px; }
.bottom ul li.copy a { color: #2561a7; text-decoration: underline; }

.footerbg { padding-top: 54px; background: #ffffff;}
.footer { position: fixed; max-width: 640px;background: #ffffff; margin: auto; left: 0; right: 0; bottom: 0; z-index:999; }
.footer ul { z-index: 199;  height: 54px; }
.footer ul li { float: left; width: 25%; overflow: hidden; padding-top: 5px; }
.footer ul li a { display: block; text-align: center; color: #999999; font-size: 24px; height: 50px; }
.footer ul li b { display: block; text-align: center; }
.footer ul li b.picicon { font-size: 32px; line-height: 30px; }
.footer ul li b.btext { font-size: 12px; line-height: 15px; }
.footer ul li a.sel { color: #2561a7; }
.footer ul li.sel { background: -webkit-gradient(linear,33% 0%, 60% 0%, from(#008C21), to(#75B604)); }
.footer ul li.sel a { color: #FFFFFF; }
.aboutcontent .pcblock { display:none; }
.share { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; background: rgba(0,0,0,0.8); display: none; }
.share td { width: 116px; text-align: center; }
.share.on { display: block; }
.share table { float: right; margin-right: 10px; width: 235px; text-align: center; }

.share tr:nth-of-type(2) { text-align: center; border: 2px dashed #fff; border-radius: 8px; -webkit-border-radius: 8px; display: block; color: #fff; line-height: 30px; }
.share td { width: 116px; text-align: center; }
.share tr:nth-of-type(2) img { width: 66px !important; height: 66px !important; margin: 5px; }

.fenye { clear: both; overflow: hidden; float: none; width: 100%; }
.fenye a { background: #018c21; color: #fff; font-weight: bold; font-size: 14px; line-height: 33px; height: 25px; text-align: center; padding-bottom: 10px; margin-top: 10px; display: block; width: 100%; }

@media screen and (max-width: 320px) {
    .nav ul li.hom { display: none; }
    .nav ul li { width: 20%; }
    .proipt { width: 16.3em; }
    .prolst ul li.more span { margin-top: 0.13em; }
}

@media (min-width: 360px) {
    .nav ul li.hom { display: none; }
    .nav ul li { width: 20%; }
    .proipt { width: 19.2em; }
    .prolst ul li.more span { margin-top: 0.33em; }
}



.guestbook { width: 90%; max-width: 640px; margin: 0px auto; background:#fff; padding:0px 5%; }
.guestbook .righttitle { height: 0.45rem; line-height: 0.45rem; text-align: center; font-size: 0.25rem; }
.guestbook .rightdec { height: 30px; line-height: 30px; text-align: center; font-size: 16px; color: #bababa; margin-bottom: 50px; }
.guestbook li { line-height: 35px; font-size: 18px; clear: both; overflow: hidden; color: #333333; }
.guestbook li b { font-weight: normal; display: block; width: 20%; float: left; text-align: right; }
.guestbook li input.txt { border: 1px #ddd solid;line-height: 0.2rem; width: 94%; display: block; font-size: 0.15rem; height: 0.3rem; margin-bottom: 0.1rem; padding-left: 5%; }
.guestbook li textarea { border: 1px #ddd solid; padding-left: 5%; width: 94%; height: 0.9rem; font-size: 0.15rem; line-height: 2; }
.guestbook li input.btn { background: #2561a7; line-height: 0.45rem; width: 100%; height: 0.45rem; font-size: 0.15rem; text-align: center; border: none; color: #fff; margin: 00px 0px; }