/*自定义样式*/
h2 a:hover{ text-decoration: none;}
input,textarea{ outline:none; }
textarea{ resize:none;}
em{ font-style: normal;}

.f_fm{ font-family: "Microsoft Yahei"; }
.f_ft{ font-family: "Times New Roman", Times, serif; }
.f_far{ font-family: Arial, Helvetica, sans-serif; }
.f_fim{ font-family: Impact; }
.f_fst{ font-family: "Microsoft Yahei" }


/*banner*/
.g-adv{ height:14.583rem; overflow:hidden; position:relative;}
.g-adv .sclwrap_box , .g-adv .m-box{ height:14.583rem; overflow:hidden;}

/*nav*/
nav{margin: 1.7rem auto 0; height:7.2rem; width:93.75%; overflow:hidden;}
nav a{float:left;  color:#fff; text-align:center; font:1rem/2.5rem "Microsoft Yahei";width:31.5%; height:2.5rem; overflow:hidden; display:block; margin:0 0.583rem 0.625rem 0;background: #609ef9;}
nav a:nth-child(3n){ margin-right: 0rem;}
nav a:nth-child(1){background: #e73835;}


/*产品*/
.m-pro{width: 100%;background: #f8f8f8; padding-bottom:2.1rem;}
.m-h22{padding-top: 2.5rem; margin:0 auto 2.3rem;width:100%; text-align:center; color:#050505; font:bold 1.25rem/2.083rem "Microsoft Yahei"; color: #000;}
.m-h22 span{ display:block;color:#231f20; font:1rem/1.417rem "Microsoft Yahei";}
.m-h22 em{color: #ec1b24;}

.pro01{margin:0 auto; height:7.75rem; width:93.75%; overflow:hidden;}
.pro01 li{float:left;  color:#333; text-align:center; font:1rem/2.333rem "Microsoft Yahei";width:31%; height:2.333rem; overflow:hidden; display:block; margin:0 0.583rem 0.625rem 0; border: 0.083rem solid #d0d0d0;}
.pro01 a:nth-child(3n) li{margin-right: 0rem;}

.pro02{margin:0 auto; width:93.75%; overflow:hidden;}
.pro02 li{float: left; width: 47.5%; line-height: 0rem; margin-bottom: 1.25rem; position:relative;}
.pro02 li img{}
.pro02 li span{display: block; text-align: center; color: #333;font:0.583rem/2.5rem "Microsoft Yahei"; width:100%; position:absolute; bottom:0; left:0; background:url(/mobile/Images/Index/pro_line.gif) no-repeat center top; background-size:0.7rem 3px;}
.pro02 li:nth-child(2n){float: right;}

/*.m-bann1*/
.m-bann1{ width: 100%; overflow: hidden;background:url(/mobile/Images/Index/bann1.jpg) no-repeat center top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%; padding:0 0 10rem 0;}
.m-bann1 p{margin: 1.8rem auto 0; height: 4.708rem; overflow: hidden; text-align: center;font:1rem "Microsoft Yahei"; color: #fff;}
.m-bann1 p em{ letter-spacing:0.2rem;}
.m-bann1 p b{display:block; padding-left: 0.333rem; font-family:Arial, Helvetica, sans-serif; font-size: 1.1rem; font-weight: normal; color: #fff; line-height:2.4rem; background:url(/mobile/Images/Index/bann_tel1.png) no-repeat 34% center; background-size:1.17rem 1.17rem;}
.m-bann1 span{display: block;margin:0 auto; width: 8.333rem; height:1.8rem;font:0.667rem/1.8rem "Microsoft Yahei";  color: #fff; background:#ff0000; text-align:center;}

.g-ys{ width:93.75%; margin:0 auto;}
.g-ys h2{ text-align:center; font-size:1.12rem; color:#333;}
.g-ys h2 em{ display:block; font-size:0.8rem; color:#666; padding-top:0.8rem;}
.g-ys dl{ margin-top:2rem;}
.g-ys dt{ position:relative;}
.g-ys dt img{ display:block; width:100%;}
.g-ys dt span{ display:block; width:20.83%; height:5.5rem; background:#ff0c1c; font-size:1.4rem; color:#fff; text-align:center; position:absolute; bottom:0; left:0;}
.g-ys dt span em{ display:block; font:0.9rem Arial, Helvetica, sans-serif; text-transform:uppercase; color:#ff5561; padding-top:1.2rem;}
.g-ys dd h3{ font-size:0.92rem; font-weight:bold; padding:1.2rem 0; margin-top:1.2rem;}
.g-ys dd h3 em{ display:block; font-size:0.83rem; color:#666; line-height:1.67rem; font-weight:normal; padding-top:0.8rem;}
.g-ys dd p{ font-size:0.75rem; color:#666; line-height:1.5rem; position:relative; padding-left:3%;}
.g-ys dd p:before{ content:""; position:absolute; top:0.6rem; left:0; width:0.25rem; height:0.25rem; border-radius:0.33rem; border:2px solid #aaa;}

.ser{ background:#f7f7f7; padding:2.6rem 0 0 0; margin-top:3rem; position:relative;}
.ser h2{ text-align:center; font-size:1rem; font-weight:bold; height:4.2rem; overflow:hidden;}
.ser .nowarp{ width:78.125%; margin:0 auto;}
.ser .prev{ width:0.92rem; height:1.625rem; position:absolute; top:12.5rem; left:3%;}
.ser .next{width:0.92rem; height:1.625rem; position:absolute; top:12.5rem; right:3%;}
.ser .prev img,.ser .next img{ display:block; width:100%;}
.ser .con{ float:left; width:100%;}
.ser .con p{ width:100%; position:relative;}
.ser .con p img{ display:block; width:100%;}
.ser .con p em{ display:block; height:2rem; width:100%; position:absolute; bottom:0; left:0; font-size:0.583rem; color:#fff; line-height:2rem; background:rgba(0,0,0,0.6); text-align:center;}

.guan2{ background:url(/mobile/Images/Index/guan2.jpg) no-repeat center top; background-size:100% auto; padding:1.4583rem 0 8rem 0; text-align:center; margin-top:2.625rem;}
.guan2 p{ text-align:center; color:#fff;}
.guan2 p em{ display:block; font-size:0.92rem; font-weight:bold;}
.guan2 p span{ display:block; font-size:0.8rem; padding-top:1.3rem;}
.guan2 p b{ font-size:1.5rem; line-height:3.5rem; background:url(/mobile/Images/Index/bann_tel1.png) no-repeat 20% center; background-size:1.4rem 1.4rem; padding-left:18%; font-weight:normal;}

.par{ width:93.75%; margin:1.2rem auto 0;}
.par h2{ text-align:center; font-size:1rem; font-weight:bold; color:#333; padding-bottom:2.5rem;}
.par .con{ width:100%; float:left;}
.par .con li{ width:33.33%; float:left; border-left:1px solid #ebebeb; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; box-sizing:border-box; position:relative;}
.par .con a:last-child li{ border-right:1px solid #ebebeb;}
.par .con li em{ display:block; width:100%; text-align:center; position:absolute; bottom:1.3rem; left:0; font-size:0.583rem; color:#666;}
.par .con li img{ display:block; width:100%;}
.par .m-cnt{ height:0.75rem; margin:1.5rem 0 0 40%;}
.par .m-cnt li{ width:0.75rem; height:0.75rem; border-radius:0.75rem; background:#aaa; float:left; margin-right:4%;}
.par .m-cnt li.z-on{ background:#d72022;}


/*m-cul----------------------------------------------------------------------*/
.m-cul{position: relative; height:14.083rem; overflow:hidden;}
.m-cul:before{position: absolute;content: ""; z-index: 100; left:0.5rem; top:16.4rem;width:36.0%; height: 1px; background: #b7b7b7;}
.m-cul:after{position: absolute;content: ""; z-index: 100; right:0.5rem; top:16.4rem;width:36.0%; height: 1px; background: #b7b7b7;}

.m-cul .c-list{ line-height:0rem; width:100%; margin: 0 auto 1.792rem; height:2.917rem; background: #609ef9; overflow:hidden; }
.m-cul .c-list li{ float:left; text-align:center; width:50%; height:2.917rem; color:#fff; font:1rem/2.917rem "Microsoft Yahei"; overflow:hidden;}
.m-cul .c-list .z-on{background: #e73835;}

.m-cul .cul{position:relative; width: 100%; height:9.417rem; overflow:hidden;}
.m-cul .change-box .prev ,.m-cul .change-box .next{ display: block; position:absolute; z-index:909; width:0.917rem; height:1.625rem; overflow:hidden; top:2.167rem;}
.m-cul .cul .prev { left:3.125%;}
.m-cul .cul .next{ right:3.125%;}

.m-cul .sclwrap_box,.m-cul .no_ov{ height:9.417rem; overflow:hidden;}
.m-cul .m-box{ display:inline; float:left; width:100%;}
.m-cul .cul ul{margin:0 auto; width:76.563%;  overflow: hidden;}
.m-cul .cul ul li{float: left; line-height:0rem; width:47.96%; overflow:hidden;}
.m-cul .cul ul li em{ display: block; color: #555; width: 100%; text-align: center; font:1rem/2.333rem "Microsoft Yahei"; overflow:hidden;}
.m-cul .cul ul li img{border: 1px solid #dfdfdf; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-cul .cul ul li:nth-child(2){float: right;}

/*m-about--------------------------------------------------------------------------------------*/
.m-about{height: 32.083rem; width: 100%;}
.m-about dl{ width:85.94%; margin:3.0rem auto 0; overflow: hidden;}
.m-about dl dt{margin-bottom:0.833rem; width: 100%; height:14.583rem; overflow: hidden;}
.m-about dl dd{}
.m-about dl dd h3{ text-align: center; color: #1e1f1f;font:bold 1.25rem/2.833rem "Microsoft Yahei";}
.m-about dl dd p{color: #1e1f1f;font:1rem/1.667rem "Microsoft Yahei";}
.m-about dl dd span{ display: block;margin:1.417rem auto 0; width:10.292rem; height: 2.333rem;font:1rem/2.333rem "Microsoft Yahei";  color: #fff; text-align: center; background:url(/mobile/Images/Index/btn1.jpg) no-repeat center top;background-size:10.292rem 2.333rem;}


/* news--------------------------------------------------------------------------------------*/
.m-news{ position:relative; height:15.833rem; overflow:hidden;}
.m-news .m-cnt{ margin:0 auto 0.833rem; height:2.917rem; overflow:hidden; background: #609ef9;}
.m-news .m-cnt li{position: relative; float:left; height:2.917rem;width: 33.33%; text-align: center; overflow:hidden; font:1rem/2.917rem "Microsoft Yahei"; color:#fff;}
.m-news .m-cnt li.z-on{background: #e73835;}

.new_more{ position:absolute; right:0rem; top:0rem; height:2.917rem; text-align: right; width: 33.33%; font:0.833rem/2.917rem "Microsoft Yahei"; color:#fff; padding-right: 0.833rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}

.m-news .sclwrap_box,.m-news .m-box{ height:12.083rem; overflow:hidden;}
.m-news .con{float:left; width:100%; display:inline;}
.news_c{}
.news_c ul{ width: 93.75%; margin:0 auto;}
.news_c ul li{position: relative; height: 2rem; color: #25211e; padding-left:0.833rem;  font:0.833rem/2rem "Microsoft Yahei";}
.news_c ul li:before{ position:absolute; content: ""; left:0rem; top:0.792rem; height:0.375rem;width: 0.375rem;background: #989898; border-radius: 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:400px){
	html{ font-size:93.75%;}
}			
@media screen and (min-width:414px){
	html{ font-size:96%;}
}
@media screen and (min-width:480px){
	html{ font-size:112.5%;}
}
@media screen and (min-width:568px){
	html{ font-size:131.25%;}
}
@media screen and (min-width:639px){
	html{ font-size:150%;}
}