body {margin:0; padding:0; font: inherit; font-size: 14px;font-family:Arial, Helvetica, sans-serif;  }
html {line-height: 1;font-size:1em; color: #333;}
img { border:0; vertical-align: baseline; max-width:100%;}
img, object{ max-width:100%; }
ul,li { margin:0; padding:0; list-style:none; }
h1,h2,h3,h4,h5,h6{ padding:0; margin:0; /*font-size:1.5em;*/}
p{ margin:0; padding:0;}
a { text-decoration:none; color:#333; background-color:transparent}
a:active, a:hover {outline:0;}
table{ border-collapse:collapse; border-color:red !important;}

.header_bg{ background-color:#5BB430; position:relative; height:90px;}
.header{ max-width:1200px; margin:0 auto; height:90px;  z-index:3; font-size:1em; display:block; }
.navlogo{ /*width:20%;*/ float:left; width:160px;}
.navlogo img{ /*width:160px;height:59px;*/ width:100%; background-size:80%!important;  margin-top:15px;}
.navlist{ float:left; width:86%; display:block; }
.navlist > ul > li{ float:left;  margin:0 1%; line-height:90px;}
.navlist > ul > li > a{ color:#fff; }
.navlist span{float:left; font-size:0.8em; height:30px; line-height:30px; text-align:center; color:#fff; padding:0 1%; margin-top:30px;}
.header span a{ color:#fff;}
.header a:hover{ text-decoration:underline;}

/*.buy-mody1{  height:30px; line-height:30px; text-align:center; color:#fff; padding:0 1%; margin-top:30px;}
.vertion-mody1{  height:30px; line-height:30px; text-align:center; color:#fff; padding:0 1%; margin-top:30px;}

.buy-mody{ display:none; }
.vertion-mody{ display:none; }*/

.navlist > ul >li:hover .sub-nav-bg{ display:block;}
.sub-nav-bg{ /*background:rgba(255, 255, 255, 0.6)!important; filter:Alpha(opacity=60);  background:#fff;*/ background-color:#f0f0f0; width:100%; position:absolute; top:90px; left:0; z-index:4; display:none;}
.sub-nav{ max-width:1200px; margin:auto; text-align:center; padding-top:2%;}
.sub-nav li{ line-height:2!important; width:20%; display:inline-block; margin:0 3%;}
.sub-nav li img{ width:100%;}

.navmenu { float:right; display:none; width:38px; background-size:80%!important; height:30px; margin-top:30px; background:url(../images/menu.png) center no-repeat; border:0; outline:none;}


       
.bans { width:100%;  /*height:716px;*/ position:relative; overflow:hidden; margin-bottom:25px;}
.bans .warp { width:20000px; }
.bans .warp a { display:block; float:left; height:716px; background-size:auto 100%!important; }
.bans ul { position:absolute;  text-align:center; width:100%;background-color:#5BB430; left:0px;bottom:0px; height:30px;}
.bans ul li { display:inline-block; margin:0 3px; background-color:#c1c3c4; width:40px; height:4px; margin-top:13px;}
.bans ul li.click { background:#0075c1; }

#menu-list a.clickbtn{ color:#fff; background-color:#0075c1; }

.main{ display:block; margin:0 auto; max-width:1200px; overflow:hidden;}
h3{ text-align:center; font-size:1.3em; margin-bottom:3%;}

.news-recoment div{ float:left; line-height:1.5;  width:23%; margin:0 1%;}
.news-recoment div span{ display:block; color:#9c9c9c;}
.news-recoment div img{ width:100%;}

.sltagbox{ text-align:center;  overflow:hidden;  margin:0 auto;}
.annv1{  border-radius:25px; padding:0.5% 1%; border:1px solid #0075c1; color:#fff; background-color:#0075c1; cursor: pointer; display:inline-block; margin-bottom:2%; }
.annv2{  border-radius:25px; padding:0.5% 1%; border:1px solid #0075c1; color:#0075c1; cursor: pointer; display:inline-block; margin-bottom:2%; }
.neirong1{  display:block;}
.neirong2 { display:none;}

.neirong1 img,.neirong2 a img{ width:100%;}

.tu img{ width:100%; transition:all ease 0.6s;-moz-transition:all ease 0.6s; -o-transition:all ease 0.6s; -webkit-transition:all ease 0.6s; transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -webkit-transform:scale(1);}
.tu img:hover{ transform:scale(1.6); -moz-transform:scale(1.6); -o-transform:scale(1.6); -webkit-transform:scale(1.6);}
.tu{overflow:hidden; }
#reccoment1 .pic,#reccoment2 .pic,#reccoment3 .pic,#reccoment4 .pic{ float:left;  margin:0 1%; width:31.3%;}
#reccoment1 a:hover,#reccoment2 a:hover,#reccoment3 a:hover,#reccoment4 a:hover{ color:#0075c1;}
#reccoment1 p,#reccoment2 p,#reccoment3 p,#reccoment4 p{ height:36px; line-height:36px; }
#reccoment1 p span,#reccoment2 p span,#reccoment3 p span,#reccoment4 p span{ background: #F00 url(../images/see.png) no-repeat; float:right; display:block; width:26px; height:16px; margin-top:10px; }
#reccoment1 p span:hover,#reccoment2 p span:hover,#reccoment3 p span:hover{ background:url(../images/see-over.png) no-repeat;}

.intro{ width:68%; line-height:2; float:left; margin-right:5%;} 
h4{ font-size:1.3em; /*line-height:3;*/}
.intro a{ border:1px solid #bcbcbc; padding:0 1%; margin:3% 0; width:15%; display:block; color:#878787; font-size:0.8em; text-align:center;}
.movie{ float:left; width:27%;}


.navbanner{ height:330px;}
.navbanner1{ display:none;}
.navbanner1 img{ width:100%; vertical-align:bottom;}

.menu-list-bg{ width:100%; background-color:#f0efef;  line-height:3em; margin-bottom:3%;}
#menu-list{  /*font-size:1.2em;*/ position:relative;}
#menu-list a{ margin:0 1%; /*width:7%;*/ text-align:center; display:block; float:left; padding:0% 1%;}
#menu-list a:hover{ color:#fff; background-color:#0075c1; }

.movie h4{ padding-bottom:4%;}
.movie h4 span{ float:right; font-weight:normal; font-size:0.8em;}

.content{ max-width:1200px; margin:auto; line-height:2em; margin-bottom:3%; overflow:hidden;}

.news{ float:left; width:100%; margin-bottom:3%;}
.news h4{ font-size:1.2em; line-height:2;}
.news h4 span{ display:block; font-weight:normal;font-size:0.8em; }
.news .news-img{ float:left; margin-right:1%; width:20%; display:block;}
.news img{ float:left; width:100%;}
.news .news-info{ width:69%; float:left;}
 
.productlist{ width:100%; overflow:hidden; border-bottom:1px solid #dedfdf; padding-bottom:2%; margin-bottom:2%;}	

.productlist img{ float:right; width:32%; }
.flo-img{ float:left !important; width:32%; }
.productlist-text{ width:52%; overflow:hidden; padding:10% 4% 0 4%;  }
.productlist-text h4{ font-size:1.5em; font-weight:normal; }
.productlist-text h2{ font-size:2em; font-weight:normal; color:#0075c1; line-height:2;}
.detail{ border-radius:5px; background-color:#409303; color:#fff; padding:0.5% 1.5%;}
.buy{ border-radius:5px; background-color:#d83207; color:#fff; padding:0.5% 1.5%;}

.max-shipin{display:block; margin:0 auto; max-width:1200px; overflow:hidden;}
.shipin{ float:left; margin-right:2%; margin-left:2%; width:29%; /*height:180px; */ margin-bottom:4%; text-align:center; }
.shipin span{color:#a5a5a5;}
.shipin span h4{  font-size:1em;line-height:1.5; color:#333;}
.shipin span a{ background-color:#d83207; color:#fff; border-radius:5px; display:block; text-align:center; width:25%; margin-top:2%; padding:1%;}
.shipin span a img{ max-height:196px;}
.shipin span a:hover{ background-color:#fb3704; color:#fff;}

.upload{ background:url(../images/upload.jpg) no-repeat; border-bottom:1px dotted #a5a5a5; padding-bottom:2%; margin-bottom:2%; padding-left:41px;}
.upload span{ float:right; color:#a5a5a5;}
/*.upload span:hover{ color:#d83207;}
.upload a:hover{ color:#d83207; }*/

.question h2{ font-size:1.2em; background:url(../images/help.jpg) no-repeat 0 12px;  padding-left:30px; line-height:2.5;}
.question a{ line-height:2.5; display:block; border-bottom:1px dashed #CCCCCC;}

.footer_bg{ background-color:#5BB430;}
.footer{ max-width:1200px; margin:0 auto; padding:25px 0 0; font-size:0.8em; line-height:2; color:#fff; overflow:hidden; padding-left:3%; padding-right:3%;}
.footer .nav-logo img{ float:left; width:230px; height:129px; margin-right:25px;}
.nav-footer{ float:left; width:12%; color:#fff;}
.nav-footer span{ display:block;font-size: 1.4em;font-weight: 600;}
.nav-footer a{ color:#cdcece; display:block;}
.nav-footer a:hover{ color:#fff;}
.nav-footer-info{ float:left; width:14%; }
.nav-footer-info a{ width:29px; height:29px; position:relative;  float:left; margin-right:5px;}
.nav-footer-info a img{  width:29px; height:29px; position:absolute; top:0; left:0; }
.nav-footer-info a .img1 {  z-index:1; }  
.nav-footer-info a .img2 {  z-index:0; }  
.nav-footer-info a:hover>.img2 { z-index:2; }	
.nav-footer-b{ background-color:#5BB430; color:#6c6e6f; width:100%; text-align:center;  margin-top:15px; padding:1% 0; font-size:0.8em; line-height:1.5; }
.nav-footer-b p{ display:inline-block;}

/*@media (max-width: 1216px) {
.navlist > ul > li{ float:left;  margin:0 2%; line-height:90px;}
}*/

.about-pic{ float:left; margin:0 2% 2% 0; width:30%; min-height:150px;}
.about-pic span{ width:158px; height:122px; text-align:center; display:block; float:left;  color:#fff; font-size:2em; line-height:4; margin-right:20px;}

.more{ margin:25px auto; width:1200px; text-align:center;}
.more a{ border:1px solid #bcbcbc; width:120px; height:25px; line-height:25px;  color:#878787; font-size:0.8em; text-align:center; display:inline-block; padding:0 10px;}
.more a:hover{ color:#fff; background-color:#0075c1;}

@media (max-width: 1193px) {
.main{padding-left:3%; padding-right:3%; }
.content{ padding-left:3%; padding-right:3%; }

.navlist{ display:none;}
.header{ padding-left:3%; padding-right:3%;}
.mody{ text-align:center; padding-bottom:2%;}
.navlist span{ display:inline-block; float:none !important;}
.navmenu { display:block; cursor:pointer;}

#nav{ width:100%; position:absolute; top:90px; left:0; z-index:5; background:rgba(0, 0, 0, 0.9)!important; filter:Alpha(opacity=90);  background:#000; margin:auto;}
#nav > ul > li{  line-height:3;  display:block; width:100%; text-align:center; margin:auto;}
#nav > ul > li > a{ color:#fff; }
.navlist > ul >li:hover .sub-nav-bg{ display:block;}
.sub-nav-bg{  background-color:#f0f0f0; width:100%; position:relative; top:10px; left:0; z-index:4; display:none;}
.sub-nav{ max-width:1200px; margin:auto; text-align:center; padding-top:2%;}
.sub-nav li{ line-height:2; width:10%; display:inline-block; margin:0 3%;}
.sub-nav li img{ width:100%;}

.intro{ width:60%; line-height:2; float:left; margin-right:5%;} 
.movie{ width:35%; margin:auto;} 

.shipin{ float:left;  margin-bottom:4%; margin-right:1%; margin-left:1%; text-align:center; }
.shipin a img{ max-height:196px;}

.footer .nav-logo img{ float:left; width:200px; height:99px; margin-right:25px;}
.nav-footer{ float:left; width:11%; color:#fff;}

.about-pic{ float:left; margin:0 2% 2% 0; width:45%; min-height:inherit !important;}
}

@media (max-width: 960px) {
.bans .warp a { height:400px; }

.navbanner{ height:0;}
.navbanner1{ display:block;}
.navbanner1 img{ width:100%;}

#menu-list{ margin:0 !important; padding:0 !important;}
#menu-list a{ /*  margin:0 1%; width:10%;*/ text-align:center; display:block;  }

.footer{ display:none;}
.intro{  width:100%; float:none; margin:auto;}
.movie{ width:100%; margin:auto;} 
.shipin{ margin:auto; width:48%; padding-bottom:2%; margin-left:1%; margin-right:1%; text-align:center;}
.shipin a img{ max-height:196px;}

.sub-nav{ display:none;}
.content img{ width:100% !important; height:auto !important;}

#contact{ display:none;}

}
            
@media (max-width: 773px) {	
#menu-list{ margin:0 !important; padding:0 !important;}
#menu-list a{  /*margin:0 1%; width:13%;*/ text-align:center; display:block;  }

.news-recoment div{ float:left; line-height:1.5; width:46%; margin:0 2% 2%;}
.news .news-img{ float:left; margin-right:4%; width:48%; display:block; height:auto;}
.news img{ float:left; width:100%;}
.news .news-info{ width:48%; float:left;}
.news .news-info div{ display:none;}

#reccoment1 .pic,#reccoment2 .pic,#reccoment3 .pic,#reccoment4 .pic{ /*float:left;*/ width:100%; margin:1% auto;}


.productlist{ width:100%; overflow:hidden; text-align:center; }
.productlist-text{ padding:0 4% 0 4%;}
.productlist-text h4{ font-size:1em; font-weight:normal; }
.productlist-text h2{ font-size:1.2em; font-weight:normal; color:#0075c1; line-height:2;}
/*.productlist img{   width:50%; margin-right:25%;}
.flo-img{   width:50%; margin-left:25%;}*/
.productlist-text{ width:100%; overflow:hidden;}

.content img{ width:100% !important; height:auto !important;}
}

@media (max-width: 435px) {
.bans .warp a { height:250px; }

.shipin{ margin:auto; width:94%;  padding-bottom:2%; margin-left:3%; margin-right:3%; text-align:center;}
.shipin a img{ max-height:196px;}

.header_bg{  height:60px;}
.header{  height:60px;  }
.navlogo{  }
.navlogo{ width:20%; float:left;}

.navmenu { display:block;  width:38px; height:30px; cursor:pointer; margin-top:10px;}
.header span{float:right; }
#nav{  top:60px; }

#menu-list{ margin:0 !important; padding:0 !important;}
#menu-list a{ /*margin:0 1%;*/ width:100%; text-align:center; display:block; margin:0 !important; padding:0 !important; }

.sub-nav li{ line-height:1.5 !important; width:10%; display:inline-block; margin:0 3%;}

.news h4{ font-size:1em; }
.news-recoment div{ /*float:left;*/ line-height:1.5; margin:0 auto 2%; width:100%; height:auto; }

.content img{ width:100% !important; height:auto !important;}

.about-pic{ float:left; margin:0 2% 2% 0; width:90%; min-height:inherit !important;
}