﻿/*pc站头部隐藏*/
.header{ display: none; }


/*手机站通用头部*/
.t-header{ width: 100%;overflow: hidden;display: block;}
header{ overflow:hidden;}
.t-logo{ float: left;margin-left: 13px; }
.t-menu{ float: right; background: url(../image/t-menu_bg.png) center center #ca2220 no-repeat; background-size: auto 86%; border-radius: 5px; width: 36px;height: 32px;margin-top: 26px;margin-right: 13px;}

/* 手机通用导航*/
.rightNav{ width: 100%;margin: 0;display: none;z-index:99;}
.list>li{
    background: #f3f3f3;
 }
.list>li>.dd>a{  display: block;height:43px;line-height: 43px; padding-left:33px;color: #767676;font-size: 16px;  -webkit-box-flex: 4;    -webkit-flex: 4;float: left;}
.list>li>.dd{ width:100%; display: -webkit-box;
  display: -webkit-flex;
  -webkit-box-align: center;
   -webkit-align-items: center; border-top: 1px solid #d9d9d9;
overflow: hidden;
}
.list>li>.dd i{width:30px;height:43px;display: inline-block;  background: url(../image/t-nav-btn.png) center 15px no-repeat;cursor: pointer;float: right;}

.list>li.hover{ background: #ca2220; }
.list>li.hover>.dd a{ color: #fff; }
.list>li.hover>.dd i{ background:url(../image/t-nav-btnon.png) center 15px no-repeat }
.list>li.hover ul{ display:block;}
.t-submenu{ width: 100%;display: none; }
.t-submenu li:hover a{color: #ca2220;  }
.t-submenu li a{ background: #e2e2e2;display: block;height:35px;line-height: 35px;padding-left:33px;border-bottom: 1px solid #fff;color: #767676;font-size: 14px; }


.swiper-slide{ width: 100%;height: auto; }
.swiper-slide img{ width: 100%; }

/*手机index页面*/
.main{ width: 100%; box-sizing: border-box; padding: 0 14px; ;margin: 28px auto;}
.lLeft img{ width:100%; }
.mNews{ width: 100%;margin: 0 auto; }
.lNewspic  img{ width: 100%;height:auto;}
.newpro1 .Lpic img{ width:100%; height:auto; }
.nleft{ width: 100%;margin: 0 auto; }
.nright{ display: none;margin: 20px auto; }
.title{ width: 100%; height: auto;}
.rcontent img{ width: 100%; height: auto;}
.lcontent{ width: 100%; }
.lLeft{ width: 100%; padding: 0 6px; box-sizing: border-box;}
.lright{ width: 100%;margin-left: 0; }
ul.tabs{ width: 100%; }
ul.tabs li{ margin-right: 3%;width: 30%;}

ul.tab_conbox{ width: 100%; }

.tabs{ margin-top: 20px; }
.img1:hover .img3{ display:none; }


/*手机通用底部List*/
.t-list{ width: 90%;display: block; margin: 0 auto 20px; }
.t-list li{ height: 33px; margin-bottom: 3px;background:#ececec;}
.t-list li a{ display: block; line-height: 33px;padding-left: 13px; color: #5a5a5a;background:url(../image/tbg.png) no-repeat right bottom;  }
.t-list li:hover{background:#ca2220} 
.t-list li:hover a{color:#fff;background:url(../image/tbg.png) no-repeat right 0; } 


/*pc产品与服务与footer隐藏*/
.footer{ display: none; }
.mpro{ display: none; }

/*手机通用footer*/
.t-footer{ width: 100%;background: #ca2220;height: 66px; display: block; position: relative;}
.t-footer ul li{ width: 25%; float: left; height: 66px; position: relative;}
.t-footer ul li:hover,.t-footer ul li.on{ background: #a5260a; }
.t-footer ul li a{ width: 100%;display: block;color:#fff ;font-size: 12px;height: 66px; position: relative; }
.t-footer ul li a p{ width: 100%;text-align: center; padding-top: 36px;line-height:30px; }

.psearch{ background: url(../image/searchBox.png) no-repeat; width: 186px; height: 30px;position: absolute; left: 50%; margin-left: -92px; top: -31px; display: none;}
.psearch form input[type="text"]{ position: absolute;top:0;left: 8px;font-size:12px;color: #cecece;width: 147px;height: 28px;background: none;border: none;}
.psearch form input[type="submit"]{ position: absolute;top:0;right: 0;width: 29px;height: 28px;background: none;border: none; cursor: pointer;}



/*手机about页面*/
.mLeft{ display: none; }
.title-name{ width:auto;}
.position{ /* display: none; */ }
.mRight{ width: 100%; }

/*手机prolist页面*/
.prolist{ width: 100%; }
.prolist ul{ width: 100%; }
.prolist ul li{ width: 100%; padding: 0 6%;box-sizing:border-box; }
.prolist ul li img{ width: 100%;height:auto;}
.prolist ul li:nth-child(3n){ margin: 0 10%; } 
.pronext{ display: none; }
.t-prolist{ width:100%;margin-bottom: 16px;display: block; }
.t-prolist ul{ width: 100%; }
.t-prolist ul li{ float: left;min-width: 30.3%;margin-right: 1.5%;margin-left: 1.5%;  margin-bottom: 12px;}
.t-prolist ul li a{ font-size: 14px;display: block;background:#e4e4e4;height: 28px;line-height: 28px;text-align: center; color: #807f7f; }
.t-prolist ul li a:hover,.t-prolist ul li.current a{ background: #ca2220;color: #fff; }
.t-next{ display: block;margin: 0 auto;width: 100%; text-align: center;}
.t-next a{ border: 1px solid #dddddd;color: #8b8a8a;font-size: 12px; padding: 1.2%;}
.t-next a:hover{ background: #ca2220; color: #fff; }

/*手机proinfo页面*/
.proinfo{ width: 100%; }
.area1{ width: 100%; }
.p1{ width: 100%; margin: 0;}
.img1{ width: 100%;margin: 0; }
.img1 .img2{ height:auto;}
.area2{ width: 100%; }
.tab3{ width: 100%; }
.tab3 table{ width: 100%;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0; }
.tab3 table tr{ width: 100%;}
.tab3 table td{ width: 25%;box-sizing: border-box; border-left:1px solid #e0e0e0; }
.area2-con{ width: 100%; }
.area3{ width: 100%; }
.area3 h2{ width: 100%; }
.area3 select{ width: 100% }


/*手机newslist页面*/
.newslist{ width: 100%;height: auto; }
.newslist ul li{ width: 100%; }
.newslist ul li a{padding-left: 22px; }
.newsnext{ display: none; }
.newslist ul li span{ width: 100%; padding: 0 82px 0 0; box-sizing: border-box; overflow: hidden;height: 36px }
.newslist ul li em{ height: 36px; position: absolute; right: 0;}

/*手机contact页面*/
.contact{ width: 100%; margin: 20px 0 0;}
.contact form{ width: 100%; }
.contact p{ width: 100%; }
.contact input[type="submit"]{ width: 90px; }
.contact textarea{ width: 75%; }
.contact label{ width: 25%; }
.contact input[type="text"]{ width: 60%;}

/*手机recommend页面*/
.recommend{ width:100%; }
.newpro1{ width: 100%; margin-bottom: 23px;height: auto;}
.newpro1 .Lpic{ width: 100%;height: auto;}
.newpro1 .Rtxt{ width: 100%; height: auto; padding: 5% 5%; box-sizing: border-box;}
.Rtxt p{ }
.newpro2{ width: 100%;height: auto; }
.nrespro2-1{ width: 100%;height: auto; margin-bottom: 22px;}
.nrespro2-2{ width: 100%;height: auto; }
.Lpic1{ width: 100%; height: auto;} 
.Rtxt1{ width: 90%; padding: 7% 0 4% 10%; height: auto;}
.Rtxt1 p{ width: 90%; }
.nrespro2{ width:100%; height: auto;}
.nrespro2 .Lpic{ width: 100%;height:auto;}
.nrespro2 .Lpic img{ width:100%;height:auto;}
.newpro1 .Rtxt p,.nrespro2 .Rtxt p{ width:100%; /* height: auto; */}
.nrespro2 .Rtxt{ width:100%; height: auto; box-sizing: border-box;}

.swiper-container{ display: none; }

.banner,.ban{ display:none; }

.slideBox{ display:block; }