@charset "utf-8";
/* html,body{font-family: "微软雅黑";} */
/* body{font-size:15px;font-family: "Microsoft Yahei",sans-serif,"Lucida Grande",Verdana,STXihei;} */
body{font-size:14px;font-family:"Microsoft YaHei",'Times New Roman',Arial,serif, Helvetica, sans-serif; max-width:680px; margin:0 auto;}
*{padding:0;margin:0;list-style:none;}
a{text-decoration:none;color:inherit;} 
i{font-style: normal;}
dl,ol,ul {list-style-type:none}
b{display: inline-block;}
em{font-style: normal;}

.odcontent{margin:0 auto; width:90%;max-width:755px;}
@media only screen and (max-width: 520px){
	.odcontent{width: 90%;}
}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
input,textarea{border: none;outline: none;border-radius: 0;-webkit-appearance:none;}
button {border: none;padding: 0;}
.fl{float:left}
.fr{float:right}

.por{position: relative;}
.poa{position: absolute;}
.head_fixed{position: fixed;top: 0;left: 0;width: 100%;height: auto;z-index: 9999;}
img{border: none;vertical-align: middle;max-width: 100%;}

*:focus{
	outline: none;
	-webkit-tap-highlight-color: transparent;
}

a,li,div {-webkit-tap-highlight-color:transparent}

input:-webkit-autofill,
 textarea:-webkit-autofill,
 select:-webkit-autofill {
     background-color: transparent!important;
     background-image: none !important;
     -webkit-box-shadow: 0 0 0 1000px #f2f3f7 inset !important;
     -webkit-text-fill-color: #333;
}

/* 自定义样式 */
.ver-mid{vertical-align: middle;}
.ver-bl{vertical-align: baseline;}
.flx{display: flex;flex-wrap: nowrap;justify-content: space-between;}
.flx_w{display: flex;flex-wrap: wrap;justify-content: space-between;}
.txt_center{text-align: center;}
.hide{display: none;}
.center{text-align: center;}
.right{text-align: right;}
.left_text{text-align: left;}
.w1200{margin: 0 auto;width: 90%;max-width: 1200px;}
.blue{color: #07a4df;}
.red{color:#008755;}
.green{color:#008755 !important;}



@font-face {
	font-family: Montserrat;
	src: url(../fonts/Montserrat-Regular.otf);
}
/* @font-face {
	font-family: poppinsR;
	src: url(../fonts/Poppins-Regular.ttf);
}
@font-face {
	font-family: poppinsSB;
	src: url(../fonts/Poppins-SemiBold.ttf);
}
@font-face {
	font-family: poppinsB;
	src: url(../fonts/Poppins-Bold.ttf);
}
@font-face {
	font-family: poppinsL;
	src: url(../fonts/Poppins-Light.ttf.ttf);
} */

/* mb_nav */
.mb_nav.fix{position: fixed;bottom: 0;z-index: 99;max-width:680px; margin:0 auto;}
.mb_nav{width: 100%;color: #1e2121;background-color: #fff;box-shadow: 0 0 1px #555;}
.mb_nav ul{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.mb_nav ul li{width: 25%;border-right: 1px solid #fff;text-align: center;box-sizing: border-box;}
.mb_nav ul li .lst{padding: 5px 1%;box-sizing: border-box;}
.mb_nav ul li i{display: inline-block;margin-right: 3px;width: 30px;height: 30px;vertical-align: middle;background-repeat: no-repeat;background-size: 100% auto;background-position: center;}
.mb_nav ul li i.mb_h{background-image: url(../images/mb_home.png);}
.mb_nav ul li i.mb_t{background-image: url(../images/mb_tel.png);}
.mb_nav ul li i.mb_ab{background-image: url(../images/mb_ab.png);}
.mb_nav ul li i.mb_p{background-image: url(../images/mb_product.png);}
.mb_nav ul li i.mb_c{background-image: url(../images/mb_contact.png);}

.mb_nav ul li.active i.mb_h{background-image: url(../images/mb_home_active.png);}
.mb_nav ul li.active i.mb_t{background-image: url(../images/mb_tel_active.png);}
.mb_nav ul li.active i.mb_ab{background-image: url(../images/mb_ab_active.png);}
.mb_nav ul li.active i.mb_p{background-image: url(../images/mb_product_active.png);}
.mb_nav ul li.active i.mb_c{background-image: url(../images/mb_contact_active.png);}
.mb_nav ul li span{font-size: 12px;display: block;vertical-align: middle;margin-top: 1px;}
.mb_nav ul li:nth-last-child(1){border-right: 0;}
@media only screen and (max-width:480px){
	.mb_nav{display: block;}
}
@media only screen and (max-width:320px){
	.mb_nav ul li i{width: 15px;height: 15px;
}