@charset "utf-8";


@media screen and (max-width:1108px){

.wp{width:100%;padding-right:10px; box-sizing:border-box; padding-left: 10px;}
  
#banner{height:300px;}
#banner .item a{display:block;width:100%;height:300px;background-repeat:no-repeat;background-position:top center;}

}

@media screen and (max-width:900px) {

.mainRight {width:100%;float:none;}
.mainleft{width:100%;float:none;}
    
#footerToolBar {background:#305494;border-top:1px solid rgba(255, 255, 255, 0.8);}
#footerToolBar,.toolMask {display:block;}

.copyRight {padding-bottom: 45px;}
.copyRight p {padding: 20px 0;}

.main {margin-top: 20px;}
.main .aside {margin-top: 20px;}
.main .aside .title {display:block;text-align:center;padding:10px 0;border:none;position:relative;color:#fff;cursor:pointer;}
.main .aside .title:first-child {margin-bottom: 10px;}
.main .aside .title {font-size: 24px;}
.aside .list li a {width: 100%;box-sizing: border-box;}
    
}

@media screen and (max-width: 768px) {

.productlist ul{margin:0 0 0 -2%;}
.productlist ul li{float:left;width:31.33333%;margin:25px 0 0 2%;}

.newslist ul li {height:auto;}
.newslist ul li .img {width:100%;height:133px;float:none;display:block;text-align:center;}
.newslist ul li .img img{width:200px;height:133px;}
.newslist ul li .intro {float:none;width:100%;margin:10px 0 0 0;}
  

.search.mob-search-btn {display: block;position:relative;cursor:pointer;right:-15%;}
.search i{color:#fff;font-size:25px;}  
.search {display: none;}
.search-box {top: 70px;padding: 30px 30px;width: 100%;padding-right: 10px;box-sizing: border-box;padding-left: 10px;}
.search-box .serchbox {width: 100%;}
.search-box .close{display:none;}
.search-box .serchbox .submit_text{height:42px;line-height:42px;}
.search-box .serchbox .submit_btn{width:60px;height:42px;line-height:42px;}
.search-box .serchbox .submit_btn i{font-size:23px;}
}

@media screen and (max-width:600px) {
 
 
.picmain{float:none;width:100%;padding:0 0 5% 0;position:relative;overflow: hidden;}
.picmain .pics{width:100%;height:auto;overflow:hidden;visibility:visible;}
.picmain .pics img{display:block;width:100%;height:auto;}
.picmain #num li{width:22%;height:auto;margin:10px 1% 0 1%;}

.detail{float:none;width:100%;background:none;}
.box-title h1{color:#525252;line-height:normal;font-weight:normal;display:block;font-size:18px;padding:0 0 0 0;}
.box-title .share{margin:10px 0 0 0;}
.np ul li{height:auto;}


.tabs-box{height:auto;background: #9a9486;padding:10px 0;}
.tabs-box ul{}
.tabs-box ul li{float: left; padding: 0 2%; line-height:40px; position: relative;color: #fff; font-size: 15px; font-weight: bold;cursor: pointer;}
.tabs-box ul li.active{background:#fff;color:#9A9486;}
.tabs-box ul li.active i{ display: block;}

/* 2017-11-09 添加 */
.pro_text p img{width:100%;height: auto;}
table{width: 100%!important;}


.formtitle p{display:none;}

.related-products ul{margin:10px 0 0 -2%;}
.related-products ul li{float:left;width:48%;margin:0 0 15px 2%;}

.mainRight .title{font-size: 24px;}
.main .aside .title {font-size: 20px;padding: 6px 0;}

.about img{width:100%;}
}

@media screen and (max-width:500px) {

.bg{display:none;}

.header{height:70px;position:static;text-align:center;background:#5DA500;}
.header .wp{position:relative;left:0;margin-left:0px;}

.sideheader{height:70px;background:#5DA500;position:static;}
.sideheader .wp{position:relative;left:0;margin-left:0;}

.header .logo,.sideheader .logo{float:none;margin:0 0 0 0;position:absolute;left:50%;margin-left:-100px;z-index:999;}
.header .logo img,.sideheader .logo img{height:100px;}

.nav{display:none;}

.banner{position:relative;height:200px;}
.banner ins{display:none;}
.banner .txt{display:none;}
#banner{height:200px;}
#banner .item a{display:block;width:100%;height:200px;background-repeat:no-repeat;background-position:top center;background-size:auto 100%;}

.rslides li img{display:block;height:200px;width:100%;z-index:100;}

#footer {background:#333;padding:30px 0 30px 0;}
#footer h3{font-size:30px;}
#footer p{font-size:16px;margin:20px 0 0 0;}

#footer .list{margin:0;}
#footer .list ul li{display:block;width:100%;font-size:20px;margin:20px 0 0 0;}

//.search{margin:40px auto 0;width:230px;background:url("../images/search2.jpg") no-repeat;}
//.search .submit_text{width:175px;}

.copyright{text-align:center;}
.copyright p{display:none;}
.copyright .share{float:none;width:100%;margin: 0 auto;}
.copyright .share img{margin:0 8px 0 8px;}


.indexA{padding:20px 0 30px;background:none;}
.indexA ul{margin:0 0 0 0;}
.indexA ul li{width:80%;float:none;margin:25px 10% 0;}
.indexA ul li img{width:100%;height:auto;}
.indexA ul li img:hover{width:100%;height:auto;border:10px solid #4D9005;box-sizing:border-box;}
.indexA ul li h6{margin:20px 0 0 0;}

.indexB{padding:43px 0 50px 0;background:#F2F2F2;}
.indexB h4{font-size:28px;color:#333;background:url("../images/ibg4.jpg") no-repeat center bottom;padding:0 0 13px 0;text-align:center;}

.indexB ul{margin:0 0 0 0;}
.indexB ul li{float:none;width:90%;margin:20px 5% 0;box-sizing:border-box;}
.indexB ul li img{width:100%;}
.indexB ul li .nr h6{font-size:20px;}

.indexC {height:auto;margin-left:0;padding: 28px 2%;width:100%;margin-right:0;box-sizing:border-box;}
.xp {float:none;width: 100%;}
.indexC img {width:100%;}
.bp {float:none;width:100%;margin:15px 0 0 0;}
.indexC .bp p {font-size:15px;line-height:24px; text-align:initial; }
.indexC .bp span {color:#E87816; font-size:18px; font-weight:bold;}


.indexD{height:300px;}
.indexD ul li{width:100%;float:none;padding:30px 0 0 0;margin:0;}
.indexD ul li h6{font-size:20px;}
.indexD ul li a{margin:20px auto 0;font-size:20px;}

.indexE{padding:0 0 20px 0;overflow:hidden;}

.indexE ul{margin:0;}
.indexE ul li{float:none;width:96%;padding:28px 2%;margin:0;}
.indexE ul li a{text-align:center;}

.productlist ul{margin:0 0 0 -2%;}
.productlist ul li{float:left;width:48%;margin:25px 0 0 2%;}

.video ul{margin:0 0 0 -2%;}
.video ul li {width:48%;padding:0;margin:10px 0 5px 2%;box-sizing:border-box;}
.video ul li a.playbtn {background-size:50px 50px;}

.faq ul li b{display:none;}
.faq ul li .tt{float:none;width:100%;}
.faq ul li .tt .faq-que{line-height:24px;}
.faq ul li .tt .faq-ans{display:block;}

.caselist ul li .tit{margin:10px 0 6px 12px;}
.caselist ul li .txt{height:auto;line-height:18px;margin:0 0 0 12px;padding:0 0 8px 0;}

.mess{margin:15px 0;padding-bottom:3%; border-bottom: 1px dashed #ccc;}
.mess h3{ text-align: center; font-size: 18px;margin-bottom:15px;}
.mess dl dt,.mess dl dd{ float:none; background: #F4F3F4;font-size:13px;}
.mess dl{height:auto;margin:5px 0;line-height:30px;}
.mess dl dd a{color:#000;}
.mess dl dt{margin-right:0;width:96%;padding:0 2%;margin-top:8px;font-weight:bold;border-bottom:1px solid #E0E0E0;}
.mess dl dd{padding-left:0;width:96%;padding:0 2%;}


.rela_list li{height:auto;line-height:25px;}
.rela_list .t{float:none;width:100px;text-align:center;border-right:none;}
.rela_list a{float:none;display:block;margin-left:0;width:100%;white-space:nowrap;overflow:hidden;}
   .search.mob-search-btn {
    right: -10%;
  }

}

@media screen and (max-width:350px) {

.productlist ul{margin:0 0 0 0;}
.productlist ul li{float:none;width:100%;margin:25px 0 0 0;}

.video ul{margin:0 0 0 0;}
.video ul li {float:none;width:100%;margin:10px 0 5px 0;}

.search.mob-search-btn {right: -3%;}
}