@charset "utf-8";
/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-size: 1.3rem;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; background:#fff;}
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:14px;}
/*排版通用*/
.fw{ font-family:"Microsoft Yahei";}
.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-wdnone{ font-weight:normal;}
/*杂项*/
.u-co-bt{ border-radius:4px; width:80px; height:26px; line-height:26px; display: inline-block; vertical-align: middle;  padding-top:1px;}
.u-co-bt.z-spe{ width:100%;}
.u-lico{ width:24px; height:24px; border-radius:4px; background:#000; padding:10px;opacity: 0.8; position:relative; left:50%; margin:10px 0 10px -14px; box-shadow:0 0 3px #2d2d2d;}
.fs12{font-size:12px;}
.fs13{ font-size:13px;}
.fs14{ font-size:14px;}
.fs15{font-size:15px;}
.fs16{ font-size:16px;}
.fs18{ font-size:18px;}
.pdr12{ padding-right:12px;}
.pl10{ padding-left:10px;}
.pd44{ padding-left:44px;}

/* -- 页面整体布局 -- */
.wrap{min-width:320px; max-width:750px; margin:0 auto; overflow:hidden; position:relative;font-size: 1.1rem;line-height: 1.5rem;color: #666;} /*网站首页宽度*/



/*首页标题 开始*/
.m-tit{ position:relative; text-indent:10px; height:35px; font-size:15px; line-height:35px; border-bottom:1px solid #e5e5e4; overflow:hidden; }
.m-tit .u-ico{ position:absolute;right:5px; top:2px; height:35px; color:#4d4d4d; padding-right:10px; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
	
/*空白 分割样式*/
.u-empty1{ height:25px;}
/*空白 分割样式*/

/* 分页样式  */
.g-page{ margin-bottom:20px;}
.g-page .u-pup {border-radius:5px;display:inline-block;font-size:1em;height: 30px;line-height: 30px; text-align: center;width:25%;}
.g-page .u-sa {border-radius:5px;display:inline-block;font-size:1em;height: 30px;line-height: 30px; text-align: center;width:25%;}
.g-page p{ width:10%; display: inline-block;}
.g-page .u-pne { border-radius:5px;display: inline-block;font-size:1em;height:30px;line-height:30px; text-align: center;width:25%;}
/* 分页样式  */

/*分享样式*/
.m-share{ margin-bottom:23px; font-size:13px;}
.m-share span{vertical-align:middle; line-height:25px; float:left; margin:0 10px 0 30px;}
.m-share .m-ico{position:relative;width:320px; margin:0 auto;}
.m-share a{ margin-right:10px;}
/*分享样式*/

/*公共盒子公用样式*/
.g-sbox .spe2 p a:first-child{ border-top:0;}
.g-sbox .m-con .u-lifo{ display:block;padding:13px 35px 0 10px;height:113px; width:275px; overflow:hidden; position:relative; }
.g-sbox .m-con .u-lifo img{ float:left; display:inline; margin-right:11px;}
.g-sbox .m-con .u-lifo h3{ padding-right:10px; line-height:24px; height:24px; overflow:hidden; white-space:nowrap;}
.g-sbox .m-con .u-lifo p{ margin:5px; font-size:12px; line-height:22px; height:65px; overflow:hidden;}
.g-sbox .m-con .u-lifo span,.g-bd .m-con-2 dl span{ display:block; width:9px;height:16px;position:absolute; top:57px;right:3%;}
.g-sbox .m-con .u-lifo span:before,.g-bd .m-con-2 dl span:before,.g-bd .m-con.z-spe dl span:before{ content:"";
	position:absolute;
	background:#aaaaaa;
	width:11px;
    height:11px;
    right:0;
	top:0;
	z-indx:10;
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);}

.g-sbox .m-con .u-lifo span:after,.g-bd .m-con-2 dl span:after,.g-bd .m-con.z-spe dl span:after{ content:"";
	position:absolute;
	background:#fff;
	width:11px;
    height:11px;
    right:4px;
	top:0;
	z-indx:11;
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);}
.g-sbox .m-con .s-babg:nth-child(2n) span:after,.g-bd .m-con-2 .s-babg:nth-child(2n) span:after,.g-bd .m-con.z-spe .s-babg:nth-child(2n) span:after{background:#fafafa;}
.g-sbox .m-con.z-spe{ padding:12px 5px 12px 5px; width:310px; line-height:22px;}
.g-sbox .m-con.z-spe a{  height:33px; display:block; line-height:33px; text-indent:8px; width:100%;overflow:hidden;}
.g-sbox .m-con.z-spe a:last-child{ border-bottom:none; box-shadow:none;}
/*公共盒子公用样式*/

/*内页面包屑导航样式 开始*/
.m-btit {height: 35px;line-height: 35px; padding-left: 12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;border-top:1px solid #d9d9d9; box-shadow:0 1px #fff; position:relative; background-color:#eaeaea;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eaeaea));
	background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea);
	background-image: -moz-linear-gradient(top, #f6f6f6, #eaeaea);
	background-image: -o-linear-gradient(top, #f6f6f6, #eaeaea);
	background-image: -ms-linear-gradient(top, #f6f6f6, #eaeaea);
	background-image: linear-gradient(top, #f6f6f6, #eaeaea);
	border-bottom:1px solid #d9d9d9; }
.m-btit:before{content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	border-top: 1px solid #fff;}	
.m-btit span{ padding:0 8px; position:relative;}
.m-btit span:before{content:"";
	position:absolute;
	background:#7c7c7c;
	width:8px;
    height:8px;
    left:2px;
	top:6px;
	z-index:10;
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);}
.m-btit span:after{content:"";
	position:absolute;
	width:8px;
    height:8px;
    left:1px;
	top:6px;
	z-index:11; background-color:#f1f1f0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#eeeeee));
	background-image: -webkit-linear-gradient(top, #f2f2f2, #eeeeee);
	background-image: -moz-linear-gradient(top, #f2f2f2, #eeeeee);
	background-image: -o-linear-gradient(top, #f2f2f2, #eeeeee);
	background-image: -ms-linear-gradient(top, #f2f2f2, #eeeeee);
	background-image: linear-gradient(top, #f2f2f2, #eeeeee);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);	}
/*内页面包屑导航样式 结束*/	

/*通用弹出层背景遮罩*/
.max_bg div{ opacity:0.8;border-radius:5px;opacity:1;width:290px; border-width:5px;height:46px; text-indent:50px; font-size:13px; padding:28px 0; margin:40px auto; line-height:25px;}
.max_bg div a{ text-decoration:underline; margin-right:12px; line-height:30px;}		
.max_bg{width:100%; position:absolute; left:0; top:0; z-index:100;}
.max_bg div{ opacity:0.8;display:none; border-radius:5px;opacity:1;width:290px; border-width:5px;position:fixed; top:50%;left:50%;margin:-56px 0 0 -150px; height:46px;  font-size:13px; padding:28px 0; z-index:101}
.max_bg div a{ text-decoration:underline; margin-right:12px; line-height:30px;}
.max_bg .right{ line-height:25px; background-position:17px -1351px;  text-align:center;}
.max_bg .wrong{ background-position:17px -1426px;}
.max_bg .contapic_bg{width:100%;height:100%;margin:0 auto;background:#000;left:0;top:0;opacity:0.7;filter:alpha(opacity=70);z-index:1}	
/*通用弹出层背景遮罩*/

/* -- 产品导肮 -- */
.g-prn .m-con{line-height:40px;margin:5px 12px 10px 12px; font-size:14px;}
.g-prn .m-con p:first-child{ border-top:0;}
.g-prn .m-con p:last-child{ border-bottom:0;}
.g-prn .m-con p{ height:32px; line-height:32px; overflow:hidden;} 
.g-prn .m-con a{ padding:0 8px; font-size:14px; white-space:nowrap;}

/* -- 非定时切换状态栏 -- */
.g-sbox .m-cnt{ height:35px; line-height:35px; position:relative;}
.g-sbox .m-cnt li{ float:left; display:block;  height:36px; font-size:15px; }
/*.g-sbox .m-cnt:before{ content:""; position:absolute; width:100%; height:3px; left:0; bottom:0; }
*/.g-sbox li.z-on:before{  border-left: 4px solid transparent;

    border-right: 4px solid transparent;
    border-top: 4px solid #ef7f00;
    bottom: -4px;
    content: "";
    height: 0;
    left: 45%;
    position: absolute;
    width: 0;
    z-index: 99;}

/* -- 非定时切换状态栏 -- */

/*404页面*/
.erro{ padding-bottom:40px;}
.erro .icon_404{ padding:20px 0 10px 0;}
.erro p.en{ font-size:24px;margin:10px 0 15px 0; text-align:center; line-height:35px; }
.erro p.cn{ font-size:13px; width:300px;padding-left:20px; line-height:26px; margin:10px auto;}
.erro p a{ font-size:13px;}
/*404页面*/

/*-------CSS3特效集合--------*/
@keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@keyframes xshow2 {0% {opacity:0;}20% {opacity:1;}40% {opacity:0;}60% {opacity:1;}80% {opacity:0;}100% {opacity:0;}}
@keyframes xshow3 {0% {opacity:0;}15% {opacity:1;}30% {opacity:0;}50% {opacity:1;}70% {opacity:0;}80% {opacity:1;}100% {opacity:0;}}
@-webkit-keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@-webkit-keyframes xshow2 {0% {opacity:0;}20% {opacity:1;}40% {opacity:0;}60% {opacity:1;}80% {opacity:0;}100% {opacity:0;}}
@-webkit-keyframes xshow3 {0% {opacity:0;}15% {opacity:1;}30% {opacity:0;}50% {opacity:1;}70% {opacity:0;}100% {opacity:0;}}
@-webkit-keyframes buttonHover{0% {box-shadow:0 0 5px #808080;}50% {box-shadow:0 0 12px #808080;}100%{box-shadow:0 0 5px #808080;}}
@keyframes buttonHover{0% {box-shadow:0 0 5px #808080;}50% {box-shadow:0 0 12px #808080;}100% {box-shadow:0 0 5px #808080;}}


/*返回开始*/
.g-back{ overflow: hidden;position: relative;text-align:right;margin-top:1px; height:38px; padding:7px 11px 0 9px;display: none;}
.g-back a{display: inline-block;font-size:0.875em;height: 32px;line-height: 28px; width:32px;position: relative;}	
.g-back .u-bp { background-position:0 0; }
.g-back .u-bl {background-position:0 -286px;  }
.g-back .u-bh { margin-right:10px; background-position:0 -232px;}
/*返回结束*/

/*头部*/
.g-hd{height:5rem;position: relative;z-index:19;position: relative;background: #fff;}
.m-top{text-align: center;background: #d5d5d5;font-size:0.9rem;height: 1.9rem;line-height: 1.9rem;color: #636363;display: none;}
.m-conch{height: 5rem;}
.m-logo{width:17.86%;margin:0.7rem 0 0 5.33%;}
.m-logo img{width:100%;display: block;}
.m-menu{font-size:1.4rem;white-space: nowrap;color: #333;line-height:5rem;height:5rem;text-align: center;width: 54%;text-align: center;}
.m-menu span{display: block;width: 25%;float: left;}
.m-menu span a{display: block;color: #333;}
.m-menu span.cur,.m-menu span.cur a{font-weight: bold;}
.f-fr{float: right;}
.f-fl{float: left;}

.menu_icon{width:7.46%;display: block;padding:1.75rem 0 0;}
.menu_icon img{width:1.2rem !important;display: block;}

.menu2{position: relative;z-index:9;}
.nav-list {position: fixed;top: 0;z-index: 10;width: 100%;max-width: 750px;height: 100%;margin: 0 auto;}
.nav-bgc{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;z-index: 11;}
.nav-con{position: relative;z-index: 20;float: right;margin-right: -100%;width: 100%;height: 100%;background: #f2f2f2;padding: 6.5rem 0 2rem;-webkit-box-sizing: border-box;box-sizing: border-box;overflow-x: hidden;}
.nav-con::before{content: "";position: absolute;width: 100%;height: 1px;left: 0;top:5.9rem;background: #fff;}
.nav-con .nav-logo{position: absolute;width: 8.4rem;height: 1.9rem;right:50%;margin-right:-4.2rem;top: 1rem;}
.nav-con .nav-close{position: absolute;width: 1.9rem;height: 1.9rem;right: 2.3rem;top: 1.3rem;}
.nav-con .nav-close img,.nav-con .nav-logo img{width:100%;display: block;}
.nav-one li {line-height: 4.4rem;height: 4.4rem;border-bottom: #e0e0e0 1px solid;padding: 0 4rem 0 2.9rem;margin: 0 5.6%;}
.nav-one li a {font-size: 1.5rem;color: #333333;display: block;height: 4.4rem;}
/*头部结束*/
/*底部*/
.g-ft{padding:4rem 0 6.4rem; position:relative;z-index:11;font-size: 1.2rem;line-height:2.4rem;color: #b1b4b8;margin:0 auto;background:#3c434e;z-index: 2;}
.g-ft:before{ content:""; position:absolute; bottom:0; right:0; width:100%; height:20.7rem; background:#2c2f33;z-index:-1;}
.f_nav,.f_adress{margin: 0 5.33% 1.5rem;border-bottom: 1px solid #777c83;padding-bottom: 4rem;}
.f_adress{margin-bottom: 4rem;padding-bottom: 3rem;font-size: 1rem;line-height: 3rem;}
.g-ft h3{font-size: 1.4rem;line-height: 3.4rem;height: 4rem;color: #fff;}
.f_nav1{float: left;width: 35%;}
.f_nav .f_nav1:nth-child(1){width: 47%;}
.f_nav .f_nav1:nth-child(3){width: 18%;}
.f_nav1 a,.f_nav1 p a{display: block;color: #b1b4b8}
.f_adress li span{float: right;color: #fff;}
.f_con{padding:2rem 5.33%;text-align: center;height: 10.4rem;position: relative;}
.f_pho{position: absolute;width: 50%;left: 25%;top: 2.3rem;background: url(/mobile/images/f_pho.png) no-repeat center 0;background-size:2.2rem 2.2rem;padding: 2.5rem 0 0;font-size: 0.9rem;line-height: 1.3rem;}
.f_pho b{display: block;color: #fff;font-size: 1.8rem;line-height: 2.7rem;}
.f_wz{display: block;height: 9.45rem;line-height: 3.4rem;text-align: left;font-size: 0.9rem;}
.f_wz span{float: right;}

.ontop{display: block;height:3rem;line-height: 3rem;font-size: 1.1rem;color: #fff;-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-animation: bounceY 2s infinite;
	-moz-animation: bounceY 2s infinite;
	-o-animation: bounceY 2s infinite;
	-ms-animation: bounceY 2s infinite;
	animation: bounceY 2s infinite;}
.ontop span{display:inline-block;background: url(/mobile/images/ontop.png) no-repeat right center;background-size:1.5rem 0.9rem;padding: 0 3.2rem 0 0;color: #fff;}
.g-ft a{color: #b1b4b8 ;}

.fnav{ position:fixed; bottom:0; min-width:320px; max-width:750px; width:100%; height:4.25rem; background:#e7e7e7;z-index:12;line-height:4.25rem;text-align: left;border-top: 0px solid #d7d7d7;border-bottom: 0px solid #d7d7d7;overflow: hidden;}
.fnav li{ width:25%; float:left; height:4.25rem;position: relative;font-size: 1.3rem;}
.fnav li a{color: #333;display: inline-block;}
.fnav li:hover,.fnav li.cur{background: url(/mobile/images/f_navbg.png) no-repeat center;background-size:9.4rem 4.2rem;}
.fnav li:hover a,.fnav li a:hover,.fnav li.cur a{color: #fff;}
.fnav li em{ display:block;float: left; width:2rem;margin:1rem 0.5rem 0 2.35rem;height: 2.05rem;}
.fnav li:nth-child(2) em{margin:1rem 0.5rem 0 1rem}
.fnav li em img{ display:block; width:100%;}
.fnav li:hover em img,.fnav li a:hover em img,.fnav li.cur em img{margin-top:-4.55rem;} 
/*底部结束*/



@-moz-keyframes bounceY {
  0%,
  100% {
      -moz-transform: translateY(0);
      transform: translateY(0);
  }
  50% {
      -moz-transform: translateY(-0.5rem);
      transform: translateY(-0.5rem);
  }
}

@-o-keyframes bounceY {
  0%,
  100% {
      -o-transform: translateY(0);
      transform: translateY(0);
  }
  50% {
      -o-transform: translateY(-0.5rem);
      transform: translateY(-0.5rem);
  }
}

@keyframes bounceY {
  0%,
  100% {
      transform: translateY(0);
  }
  50% {
      transform: translateY(-0.5rem);
  }
}


html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:8.5333px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.66666666666px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73333333333333px;}}
@media screen and (min-width:480px){html{font-size:12.8px;}}
@media screen and (min-width:520px){html{font-size:13.86666666666667px;}}
@media screen and (min-width:560px){html{font-size:14.93333333333333px;}}
@media screen and (min-width:600px){html{font-size:16px;}}
@media screen and (min-width:640px){html{font-size:17.06666666666667‬px;}}
@media screen and (min-width:680px){html{font-size:18.1333333333px;}}
@media screen and (min-width:700px){html{font-size:18.66666666666667px;}}
@media screen and (min-width:720px){html{font-size:19.2px;}}
@media screen and (min-width:750px){html{font-size:20px;}}