@media(max-width:768px)
{
.wrap{ width:100%;}

#header{ width:100%; background:#fff; height:70px;}
#header .wrap{ position:relative;}
#header .logo{height:40px; margin-top:15px; margin-left:5px;}
#header .logo img{ display:inline-block; max-height:40px;}

/*导航栏*/
.nav{ float:none; width:100%; background:#191919; margin:0;}
.nav li.nLi{display:block;height:46px; overflow:hidden; position:relative; width:100%; margin:0px; padding:0px;}
.nav li.nLi h3{width:90%; margin:0 5%;font-weight: normal;}
.nav li.nLi h3 a{ font-weight:normal; color:#fff; font-size:1rem;text-align:center;  display:block;height:45px; line-height:45px;border-bottom:#ddd dotted 1px;}
.nav li.nLi h3 span{ display:none}
.nav li.nLi h3 a:hover,
.nav li.nLi.on h3 a{background:#fff; color:#191919;border-bottom:#ddd solid 1px;}

.nav .sub{display:none; width:0px; height:0px; overflow:hidden; opacity:0;border:0; padding:0;}

.NavRight{ position:absolute; right:20px; top:22px; display: block; border:0; background:url(../images/menu.png) no-repeat; background-size:cover; width:27px; height:27px;}
.bgDiv{width: 100%; height: 100%; background-color: #000; opacity: .5; position:fixed; display: none; z-index: 99; bottom: 0;}
.rightNav{width: 50%;height: 100%;position: fixed;z-index: 999;top: 0;right: -50%; padding-top:50px;}

.w-zh {font-size: 1.25rem;}
.w-en {font-size: 0.8rem; padding:0 1rem; margin-top:1rem;}

/*关于*/
.about-box{padding:10px 10px 30px 10px;}
.a-msg {padding: 25px 0; width: 100%; font-size:0.9rem; color: #686868;}
.a-msg-tit {font-size: 1.25rem; margin-top: 10px; text-align:center; }
.a-msg-w {line-height: 25px;}
.a-msg-w p{ margin-top:10px; padding:0;}
.a-msgr-mor {margin-top: 20px; overflow: hidden; }
a.mybtn { margin:0 auto; font-size:0.9rem;padding: 5px 50px;}

/*服务*/
.w-fuwu {padding:20px 0;}
.w-fuwu .vm{ flex-direction:column-reverse;}
.w-fuwu video{ width:95%; margin:0 auto; height: auto;}
.w-fuwu ul{ width:95%; margin:0 auto; }
.w-fuwu li {width: calc(50% - 7px); height:180px; margin-right: 10px; margin-bottom:10px; }
.w-fuwu li .img{height: 140px;}
.w-fuwu li span{ font-size:0.8rem; line-height:40px; }



/*产品*/
.w-brand img{ width:100%;}

.w-product{ margin-top:1%;}
.w-product li{ float: left; width:48%; height: 100px; margin:1%;}
.w-product li.li2{ float: right; width:48%;}
.w-product li.li3{ float: left; width:48%;}
.w-product li.li4{ float: left; width:48%}
.w-product li img{ display:block; width:100%; height: auto;}
.w-product li .bg{ height:40px;}
.w-product li .txt{height:40px;}
.w-product li .txt strong{line-height: 40px; font-size:0.9rem; background:none; text-align:center; display:block;}

/*攻略*/
.w-gonglue{padding:20px 0;}
.w-gonglue .box1 {margin: 0 0 5px 0; background-color: #f8f6ef; height: auto; overflow:hidden;}
.w-gonglue .box1-left{ float: none; width:100%;}
.w-gonglue .box1-left img{ display:block; width:100%; height: auto;}
.w-gonglue .box1-right{ float: none; width:100%; height: auto;}
.w-gonglue .box1 ul { padding: 0 10px; font-size: 0.85rem; color: #696868; line-height: 22px;}
.w-gonglue .box1 ul li { border-bottom: 1px solid #d9d6c6; padding-bottom: 20px;}
.w-gonglue .box1 ul li:last-child {border: none; border: 0;}
.w-gonglue .box1 ul li strong { display:block; color: #000; font-size: 1rem;  margin: 10px 0; font-weight:normal;}
.w-gonglue .box1 ul li:hover strong{ color: #fca000c00;}
.w-gonglue .box1 ul li p{ line-height:22px; height:44px; overflow:hidden;}

.w-gonglue .box2 .box2-list {float: none; width: 100%; margin-right:0px; text-align: center; height: auto; margin-top:1%;}
.w-gonglue .box2 .box2-list:last-child { float: none; margin-right: 0;}
.w-gonglue .box2 .box2-list a {font-size:0.85rem;padding: 10px 0 15px 0;}
.w-gonglue .box2 .box2-list span {font-size: 1rem;}
.w-gonglue .box2 .box2-list p { padding: 0 15px;}

/*工厂*/
.w-pic {padding:20px 1%; overflow:hidden;}
.w-pic li {float: left; width: 48%; background:#fff; margin: 1%; position: relative; overflow: hidden; cursor:pointer; }
.w-pic li:nth-child(4),
.w-pic li:nth-child(8){ float: left; margin:1%;}
.w-pic li .img{height: auto;}
.w-pic li .img img {height: auto;}

.back-top { display:none;}

.footer .content {padding:20px 10px;overflow:hidden; text-align:center}
.footer .content .item h3 { display:none;}
.footer .content .item1 {width:100%;float: none;}
.footer .content .item1 p {font-size:0.85rem;line-height:28px;color:#666;}
.footer .content .item2 {width:100%;float: none;padding:0; margin-top:1%;}
.footer .content .item3 {display:none;}
.footer .content .footerLink { display:none;}
.footer .content .copyRight {font-size:12px;color:#7a7a7a;margin-top:10px;}
.footer .content .copyRight span {display:none;}
.footer .content .copyRight span a {color:#7a7a7a;}
.footer .content .copyRight span a:hover {color:#fff;}
.footer .content .copyRight img {margin:-2px 5px 0 30px;}
.footer .content .copyRight br {display: block;}

.s-banner{ display:none;}

.sub_box{padding:10px;margin-bottom:20px;}

.bt-box{ padding:0 10px;}
.bt-position em{ display:none;}

.sub-class{ border:#e5e4e4 solid 1px; overflow:hidden; margin:1% 2% 0 2%; overflow:hidden;}
.sub-class dl{ width:100%; border-top:#e5e4e4 solid 1px;}
.sub-class dt{ display:block; width:100%; text-align:center; padding:10px 0; background:#e1ded0; color:#383838;}
.sub-class dd{ display:block; width:100%; padding:10px 0; }
.sub-class dd a{ display:inline-block; padding:0 10px; color:#787878; font-size:0.85rem;}
.sub-class dd a.cur{ color:#ca000c;}

/*产品*/
.pd-list{ padding:0;}
.pd-list li{ width:100%; margin: 1% 0;}
.pd-list li:nth-child(3),
.pd-list li:nth-child(6),
.pd-list li:nth-child(9){ float:right; margin: 1% 0;}
.pd-list li .img{ height: auto;}
.pd-list li .img img { height: auto;} 

.pd-pic{ float: none; width:100%; height: auto; border:0px; margin-top:10px;}
.pd-pic img{ display:block; max-width: 100%;}
.pd-txt { float: none; width:100%; margin-top:10px;}
.pd-txt .pd-tit{font-size:1.25rem; border-top:1px solid #eee; padding-top:15px; margin-bottom:10px;}
.pd-txt p{font-size:0.85rem; padding:5px 0}
.pd-txt span{ color:#ca000c; font-weight:bolder;}
.pd-txt strong{ font-size:1rem; font-family:Verdana, Geneva, sans-serif; color:#ca000c;}
.pd-txt .qq { margin-top:10px;}
.pd-txt .qq a {width: auto; display:block; height:45px;line-height:43px;border:1px solid #e3e3e3;font-size:1rem;color:#666;margin-bottom:20px; background:url(../images/home-icon2.png) 30% center no-repeat; padding:0 45px; text-align:center;}
.pd-txt .qq a:hover { border:#ca000c solid 1px; color:#ca000c;}
.pd-xg{ height:35px; line-height:35px; border-bottom:#eee solid 1px; position:relative; margin:10px 0; text-align:center;}
.pd-xg span{font-size:1rem;}
.pd-xg-list {padding:10px 0;}
.pd-xg-list li {float: left; width: 48%; margin: 1%;}
.pd-xg-list li .img {height: 120px;}
.pd-xg-list li .img img{height: 120px;}

.sub_left{ float: none; width:100%; padding:0px; border-right:0px;}
.news_list li{ height: auto;}
.news_list li .pic{  width:100%; height: auto; float: none;}
.news_list li .pic img{ height: auto;}
.news_list li .txt{width:100%; float: none; margin-top:10px;}
.news_list li .txt h5{ font-size:1.15rem;}

.sub_right{display:none;}

/*正文定义*/
#article-lsf{ display:block;line-height:180%;font-size:1rem; margin-top:0px;}
#article-lsf p{margin-bottom:10px;}
#article-lsf img{ max-width:100%;}
#article-lsf table{border-collapse: collapse; width:100%; border:#eee solid 1px; margin-top:15px;table-layout:fixed}
#article-lsf table th{padding:5px; border:#eee solid 1px;font-size:0.85rem;}
#article-lsf table td{padding:5px; width:25%; border:#eee solid 1px;font-size:0.85rem;word-break:break-all; word-wrap:break-all;}
#article-lsf table td p{ margin-bottom:0px;}
#article-lsf table td img{width:100%; display:block;}

#allmap{ width:99%; height:240px; margin-top:0px;border:#ddd solid 1px;}

/*正文文章样式*/
.single_title{font-size:1.25rem; }

/*分页样式开始*/
.turnover {text-align:center; margin-top:30px; font-size:14px;border-top:#DBDEE1 solid 1px; padding-top:30px;}
.turnover a, .turnover .current, .turnover .disabled{display:inline-block; height:42px; line-height:42px; padding:0 18px;margin-left:2px; text-align:center;}
.turnover a, .turnover .disabled { background:#fff;border:1px solid #ddd;text-decoration:none;}
.turnover a:hover, .turnover .current {border:1px solid #014099; background:#014099; color:#fff;  }
.turnover .fy{ display:none;}
}