@charset "utf-8";
/*格式化*/
#content p img{ width:100%;display:block; margin:0 auto; max-width:560px;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, .m-case .case-slideBox .bd li .tittable, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-size:20px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; padding-top:1px; background:#f9f9f9;} 
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none;font-family:"Microsoft Yahei";}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; font-size:13px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:12px;}
/*排版通用*/
.f-mm{ margin-left:auto; margin-right:auto;}/*居中对齐*/
.f-fl{ float:left;} /*左浮动*/
.f-fr{ float:right;} /*右浮动*/
.f-tr{ text-align:right;} /*右对齐*/
.f-tl{ text-align:left;} /*左对齐*/
.f-tc{ text-align:center;} /*中间对齐*/
.f-pr{ position:relative;} /*定位*/
.f-di{ display:inline;}
.ad{width: 100%;display: table;background: #f2f2f2}
.ad img{width: 100%}
/* -- 页面整体布局 -- */
.wrap{min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; position:relative; background:#fff;} /*网站首页宽度*/

/* -- 页面整体布局 -- */
.title{width: 100%;font-size: 1.8rem;text-align: center;position: relative;margin: 2.5rem 0 1.5rem 0}
.title span{font-size: 1rem;display: block;color: #acacac;text-transform:Uppercase;padding-bottom: 1rem;}
.title span:before{content: "";display: block;position: absolute;bottom: 0;left: 42.5%;width: 15%;height: 0.5rem;border-bottom: 0.2rem #bf0028 solid; }
/*----------------------------------------------------------------------------------------------------------------------------*/
.g-hd{background:#fff; overflow:hidden;padding: 2.5% 0 2% 0;}
.m-logo{display:block; width:100%; overflow:hidden;  position:relative;text-align: center;}
.m-logo img{width: 70%}
.m-wz{width:25%; }
.m-wz img{width: 43%}
/*-----------------------------------------------------------------------------------------------------------------------*/
.wrap nav{height:5rem; overflow:hidden; position:relative; background:#333; }
.wrap nav li{float:left; height:2.5rem; width:33.33%;  text-align:center;overflow:hidden;border-right:1px solid #404040; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.wrap nav a{display:block; font:1.1rem/2.5rem "Microsoft Yahei"; color:#fff;width: 100%  }
.wrap nav .cur a{background:#d0101b;}
.wrap nav::before{position:absolute; content:""; width:100%; height:1px; top:50%; left:0; background:#404040; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;} 
/* 焦点图 */
.focus{ width:100%; height: 13.5rem;position:relative; overflow:hidden;   }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  height:13.5rem; background:url(img/loading.gif) center center no-repeat;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

/*-------------------------------------------------------------------------------------------------------------------------*/
.g-ft{height:11.833rem; overflow:hidden; background:#fff; }
.m-top{width:95%; height:2.5rem; margin:0 auto; line-height:2.5rem; text-align:center; color:#666; font-size:1rem; background:#f2f2f2 url(img/icon7.png) no-repeat 58% center; position:relative;background-size: 1.2rem;padding-right: 5%;}

.f-nav{height:4.617rem; overflow:hidden;}
.f-nav p{text-align:center; font:1rem/1.2rem "Microsoft Yahei"; color:#555;padding: 3%;line-height: 1.5rem;}
.f-nav p a{color: #555;padding-left: 0.75rem}
/*--------------------------------------------------------------------------------------------------------------------------*/
.social_nav5{height:4rem; position:fixed; bottom:0; min-width:320px; max-width:640px; width:100%;z-index:999; background-color:#333;}
.social_nav5 li{width:25%; float:left; position:relative; text-align:center; border-right:1px solid #414141; font-size:1rem; line-height:1rem; height:4rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.social_nav5 li:last-child{border:0;}
.social_nav5 li em{display:block; margin-top:0.5rem; margin-bottom: 0.1rem;}
.social_nav5 li em img{}
.social_nav5 li a{color:#fff;}
.social_nav5 li.cur{background:#bb0e18;}
/*-----------------------------------------------------------------------------------------------------------------------*/
.m-case .case-slideBox{ position:relative; overflow:hidden; margin:0px auto;  width:24.167rem;border: 1px #dddddd solid;padding: 0.75rem 0}
.m-case .case-slideBox .hd{ text-align: center}
.m-case .case-slideBox .hd li{ display:inline-block; width:0.65rem; height:0.65rem;  border-radius:50%; background:#c7ccc6; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.m-case .case-slideBox .hd li.on{ background:#c40016;  }
.m-case .case-slideBox .bd{ position:relative; z-index:0; }
.m-case .case-slideBox .bd li{ position:relative; text-align:center;  }
.m-case .case-slideBox .bd li .pic{width:40%;float: left;height: 7.2rem;padding-top: 0.5rem;}
.m-case .case-slideBox .bd li .pic img{ background:url(img/loading.gif) center center no-repeat;  vertical-align:top;max-width: 95%;max-height: 7rem}
.m-case .case-slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.m-case .case-slideBox .bd li .tit{ clear: right;text-align: left;font-size:0.8rem;}
.m-case .case-slideBox .bd li .tit h3{font-size: 1rem;color: #bf0028;margin-bottom: 0.5rem;margin-top: 0.75rem;}
.m-case .case-slideBox .bd li .tit p{font-size: 0.8rem;color: #343434;margin-bottom:0.5rem;}
.m-case .case-slideBox .bd li .tit a{color: #bf0028;font-size:0.8rem;line-height: 2rem;display: block;}


/*-----------------------------------------------------------------------------------------------------------------------*/
.m-news{position:relative; overflow:hidden;margin:0px auto;  width:24.167rem;}
.m-news .tabBox .hd{ height:2rem; line-height:2rem; font-size:1rem;border-bottom:2px solid #CECECE;position: relative;margin-bottom: 1rem;}
.m-news .tabBox .hd .more{position: absolute;right: 0;bottom: 0.2rem;color: #666;font-size: 0.75rem}
.m-news .tabBox .hd ul{ overflow:hidden;  }
.m-news .tabBox .hd ul li{ float:left;margin-right: 1.5rem;padding: 0 0.5rem}
.m-news .tabBox .hd ul li a{ color:#666;font-size: 1.1rem}
.m-news .tabBox .hd ul .on{ border-bottom:2px solid #BA2636; color:#BA2636;  }
.m-news .tabBox .hd ul .on a{ display:block; /* 修复Android 4.0.x 默认浏览器当前样色无效果bug */  }

.m-news .tabBox .bd dl{ padding:10px 0 10px 10px;  }
.m-news .tabBox .bd dd{ height:2.5rem; line-height:2.5rem;border-bottom: 1px #e9e9e9 solid;overflow: hidden;background: url(img/icon6.png) left center no-repeat;text-indent: 0.5rem;background-size: 0.6rem}
.m-news .tabBox .bd dd a{font-size: 1rem;color:#555;overflow: hidden;display: inline-block;width: 70%}
.m-news .tabBox .bd a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
.m-news .tabBox .bd dd span{font-size: 0.9rem;float: right;color: #999;width: 25%;display: inline-block;}
.m-news .tabBox .bd dt{ height:9rem;padding-bottom: 1rem;border-bottom: 1px #e9e9e9 solid;}
.m-news .tabBox .bd dt .con{ margin-left:33%; line-height:20px;   }
.m-news .tabBox .bd dt .con p{ font-size:0.8rem; color:#545454;;line-height: 1.3rem}
.m-news .tabBox .bd dt .con p a{color:#545454;}
.m-news .tabBox .bd dt .y{color: #b40a0f;font-size: 1rem;line-height: 1.5rem;}
.m-news .tabBox .bd dt .m{color: #b40a0f;font-size: 1.4rem;line-height: 1.5rem}
.m-news .tabBox .bd dt .tit{color: #181717;font-size: 1rem;overflow: hidden;height: 2rem;line-height: 2rem;}
.m-news .tabBox .bd dt .pic{ width:30%; float:left;text-align: center;}
.m-news .tabBox .bd dt .pic .img{width: 100%;height: 9rem;display: table-cell;vertical-align: middle;text-align: center;}
.m-news .tabBox .bd dt .pic .img img{max-width: 95%;max-height: 9rem;vertical-align: middle;}


/*-----------------------------------------------------------------------------------------------------------------------*/
.m-adv{background: #f2f2f2;padding: 1rem 0 1rem 0}
.m-adv .adv-slideBox{ position:relative; overflow:hidden; margin:0px auto;  width:24.167rem;}
.m-adv .adv-slideBox .hd{ text-align: center;margin: 1rem 0}
.m-adv .adv-slideBox .hd li{ display:inline-block; width:0.75rem; height:0.75rem;  border-radius:50%; background:#c7ccc6; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.m-adv .adv-slideBox .hd li.on{ background:#c40016;  }
.m-adv .adv-slideBox .bd{ position:relative; z-index:0; }
.m-adv .adv-slideBox .bd li{ position:relative; text-align:center;text-align: left}
.m-adv .adv-slideBox .bd li img{ background:url(img/loading.gif) center center no-repeat;  vertical-align:top; max-width:100%;}
.m-adv .adv-slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.m-adv .adv-slideBox .bd li h3{font-size: 1rem;margin-bottom: 0.5rem;margin-top: 0.75rem;margin: 1rem 0}
.m-adv .adv-slideBox .bd li p{font-size: 0.8rem;color: #343434;line-height: 1.5rem;}
.m-adv .adv-slideBox .bd li h3 span{color: #bf0028;padding: 0 0.5rem}


.changfanye-wrap{text-align:center;margin-top:1rem;}
.changfanye{display:inline-block;width: 100%;display: table;margin-bottom: 1.5rem;text-align: center;}
.changfanye li{margin:0 0.2rem;font-size: 0.8rem;display: inline-block;}
.changfanye li a{display:block;font-size:0.8rem;padding:0.4rem 0.75rem;border:solid 1px #f2f2f2;color: #333}
.changfanye li a:hover{background-color:#c30015;color:white;}
.changfanye .pre{border-radius: 0.35rem;background: #bb0e18;color: #FFF;border:solid 1px #bb0e18;}
.changfanye .next{border-radius: 0.35rem;background: #333;color: #FFF;border:solid 1px #333;}
.changfanye .thisclass a{color: #bb0e18}
.zulin{width: 100%}

.about_box,.and{display: none;}
.tupian{width: 100%;display: table;background: #FFF}
.tupian img,.zulin img{width: 100%}
@media screen and (min-width:320px) {
	html { font-size:75%;}
}
@media screen and (min-width:360px) {
	html { font-size:85%;}
}
@media screen and (min-width:375px) {
	html { font-size:87.5%;}
}
@media screen and (min-width:384px) {
	html { font-size:90%;}
}
@media screen and (min-width:414px) {
	html { font-size:96%;}
}
@media screen and (min-width:480px) {
	html { font-size:110.5%;}
}
@media screen and (min-width:568px) {
	html { font-size:129%;}
}
@media screen and (min-width:639px) {
	html { font-size:150%;}
}
@media screen and (max-width:639px) {
	.m-logo img{float: center;margin-left:;}
	.tupian img{width: 100% !important;height: 100% !important;}
	.social_nav5 li em img{height: 1.75rem;}
	.social_nav5 ul li:last-of-type img{width: 2.5rem !important;height: 2rem !important}
	.solution li .pic{background-color: white !important;}
	.pro-view:nth-child(5){display: none !important}
}