@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-family: "Microsoft YaHei", Helvetica, STHeiTi, sans-serif; font-size: 1.3rem; line-height: 2.4rem; background:#fff;}
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none;font-family:"Microsoft Yahei"; color:#666;}
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"; }
/*排版通用*/
.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;}
/*杂项*/
.u-co-bt{ border-radius:4px; /*css3圆角*/ 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; /*css3圆角*/ background:#000; padding:10px;opacity: 0.8; position:relative; left:50%; margin:10px 0 10px -14px; box-shadow:0 0 3px #2d2d2d;}/*等待载入*/
.fs15{font-size:15px;} /*15号字体*/
.fs12{font-size:12px;} /*12号字体*/
.pdr12{ padding-right:12px;} /*右边距12px*/
.pl10{ padding-left:10px;} /*左边距10px*/
.red { color:#f00; } /*字体颜色红色*/
.emptyData{height: 3rem; line-height: 3rem; text-align: left; clear: both; padding: 1.5rem 3%;color:#f00; display:block;}
.m-describe { background: #faf9f8; border: 1px solid #d3d3d3; color: #333; margin: 0 auto 1.75rem; width: 93.75%; overflow: hidden; padding: 0.7rem; }
/*------通用部件-----*/
/*空白 分割样式*/
.u-empty { height:18px; }
/*内页分享样式*/
.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;} /*分享图标的间距*/
/*内页分享样式*/
#content img{width:100%;display:block; margin:0 auto; max-width:560px;}
/*公共盒子公用样式*/
.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; 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:""; /*配合:before这个属性，写 before的时候一定要加上去*/
position:absolute;
background:#aaaaaa;
width:11px;
height:11px;
right:0;
top:0;
z-indx:10;
-moz-transform: rotate(45deg);/*角度45度，针对火狐浏览器写的兼容*/
-o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/
-webkit-transform: rotate(45deg); /*针对苹果浏览器写的兼容*/
transform: rotate(45deg);}/*切换下面列表箭头css3样式*/
.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);/*角度45度，针对火狐浏览器写的兼容*/
-o-transform: rotate(45deg); /*针对欧朋浏览器写的兼容*/
-webkit-transform: rotate(45deg); /*针对苹果浏览器写的兼容*/
transform: rotate(45deg);} /*切换下面列表箭头css3样式*/
.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:5px; width:310px; line-height:22px;}/*首页切换公司动态列表样式*/
.g-sbox .m-con.z-spe a{ font-size:14px; height:33px; display:block; line-height:33px; text-indent:8px; width:100%;overflow:hidden;}/*首页切换公司动态列表链接样式*/
/*公共盒子公用样式*/
/*通用弹出层背景遮罩*/
.max_bg div{ opacity:0.8;border-radius:5px;opacity:1;width:290px; border-width:5px;height:46px; 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;}
/*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;}}
@-webkit-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;}}
@-webkit-keyframes xshow2 {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}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;}}
/* 夜间模式 */
.nightMode{ position:fixed; top:0; left:0; z-index:9999; width:100%; height:150%; background:#000;opacity:0.0;display:none; pointer-events:none;}
/* -- 定位导航 -- */
.u-mbg{ height: 100%; width: 100%; background: #000;-moz-opacity:0.6; -webkit-opacity: 0.6; opacity: 0.6; position: fixed; left: 0; top: 0; z-index: 555; display: none;}
.u-dwnav{ position:fixed; bottom:30px; left:30px; z-index: 666; padding:15px;}
.u-dwnav .ico{ width:40px; height:40px; background:#652C7F; border-radius:25px; border:4px solid #fff;-moz-box-shadow:0 0 0 2px #ececec; -webkit-box-shadow:0 0 0 2px #ececec; box-shadow:0 0 0 2px #ececec;}
.u-dwnav .ico.z-gray{ background:#808080;}
.u-dwnav .ico p{ padding:10px; width:30px;}
.u-dwnav .ico i{ width:5px; height:5px; background:#fff; border-bottom:1px solid #13322f; display:block; float:left; margin-right:3px; margin-bottom:2px;}
/*定位导航弹出*/
.u-popup{ width:155px; height:155px; border-radius:85px; position:fixed; bottom:100px; left:80px; background:#eaeaea; border:6px solid #f2f2f2; box-shadow:inset 0 3px 3px #babcbb;z-index: 666; display: none;}
.u-popup .midline{ background:url(/mobile/Images/Index/midline.png) no-repeat left center ; width:150px; height:155px; background-size:100%; padding-left:5px;}
.u-popup .midline a { display:inline-block; text-align: center; width: 75px; float:left; height:40px; padding-top:25px; font-size:10px;}
.g-se{ padding:15px 10px;position:relative; display:none;} /*搜索布局*/
.g-se .m-ipt{margin-right:43px;}
.g-se .u-glass{ position:absolute; right:10px;top:15px; width:42px; height:30px; background:transparent; z-index:888;}
.g-se .u-bt{ width:42px; height:30px; float:right; border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0; position:relative;}
.g-se .u-bt:before{content:'';display:block;width:12px;height:12px;border-radius:17px;position:absolute;right:14px;top:5px;z-index:99;} /*搜索右边的图标css3样式*/
.g-se .u-bt:after{content:'';display:block;width:4px;height:10px;border-radius:5px;border:0;position:absolute;right:12px;top:16px;z-index:99;-webkit-transform:rotate(-52deg);-o-transform:rotate(-52deg);-ms-transform:rotate(-52deg);transform:rotate(-52deg);} /*搜索右边的图标css3样式*/
.g-se .u-in{ float:right; position:absolute; z-index:100; right:10px; top:15px; width:42px; height:30px;}
.g-se .u-key{width:100%;
height:14px;
padding:7px 0;
line-height:14px;
border-right:0;
border-bottom-left-radius:5px;
border-top-left-radius:5px;
border-bottom-right-radius:0;
border-top-right-radius:0;
-webkit-border-top-left-radius:5px; /*圆角，针对苹果浏览器写的兼容*/
-webkit-border-bottom-left-radius:5px; /*圆角，针对苹果浏览器写的兼容*/
-webkit-border-top-right-radius:0; /*圆角，针对苹果浏览器写的兼容*/
-webkit-border-bottom-right-radius:0; /*圆角，针对苹果浏览器写的兼容*/
text-indent:15px;
float:left;} /*搜索中的请输入关键词样式*/
/*新css*/
.wrap,.main{ min-width:375px; max-width:750px; margin:0 auto; overflow:hidden; position:relative; background:#fff;} /*网站首页宽度*/
/*内页返回开始*/
.g-back .u-bp,.g-back .u-bl,.g-back .u-bh,.u-seek,.u-detail{background:url(/Mobile/images/Skins/Nyskinsbar.png) no-repeat; background-size:35px 600px;}
.g-back { width: 100%;padding: 1rem 3%; margin: 0 auto; font-size: 1.5rem; text-align: center; color: #1a1a1a; line-height: 3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;background:#e8e8e8; border-top:1px solid #e8e8e8; }
.g-back a{display: inline-block;font-size:0.875em;height: 2rem;line-height: 2rem; width:2.5rem;position: relative;} /*内页返回链接样式*/
.g-back .u-bp { background-position:5px 5px; } /*内页返回样式*/
.g-back .u-bl {background-position:0 -280px; } /*内页回到首页样式*/
.g-back .u-bh { margin-right:10px; background-position:0 -227px;} /*内页目录样式*/
/*面包屑*/
.m3-crumbs-1{ height: 4.2rem; line-height: 4.2rem; color: #999; border-bottom: 1px solid #eee; padding-left: 1rem;margin-bottom: 1rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 1rem;font-size:1.4rem; }
.m3-crumbs-1 p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.m3-crumbs-1 a { color: #999; margin: 0 0.2rem; }
.m3-crumbs-1 span { color: #999; }
.m3-crumbs-1 a:first-child { color: #c92a3d; }
.m3-crumbs-1 p, .m3-crumbs-1 a.cur { }
.m-btit { height: 3.2rem; line-height: 3.2rem; color: #999; border-bottom: 1px solid #eee; padding-left: 1rem;margin-bottom: 1rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 1rem;font-size:1.4rem; }
.m-btit .s-wc { color: #c92a3d;}
/*分类*/
.ctg-list-1 .m1-item-show { width: 2rem; height: 5rem; line-height: 5rem; float: right; background: url(/Mobile/images/m1-skinVI.png) no-repeat; background-size: 4.7rem 199.7rem; background-position: right -129rem; background-position: right -122.6rem; }
.ctg-list-1 .m1-item-hide { width: 2rem; height: 5rem; line-height: 5rem; float: right; background: url(/Mobile/images/m1-skinVI.png) no-repeat; background-size: 4.7rem 199.7rem; background-position: right -129rem; }
.ctg-list-1 .m1-classify-list { margin-bottom: 1rem; padding: 0 1rem; background-color: #fff; overflow: hidden; }
.ctg-list-1 .m1-classify-list .m1-item { border-bottom: 1px solid #efefef; }
.ctg-list-1 .m1-classify-list .m1-item-head a { color:#3f3f3f;display:block;float:left; }
.ctg-list-1 .m1-classify-list .m1-item-head { display: block; height: 4rem; line-height: 5rem; overflow: hidden;font-weight: bold; color:#3f3f3f; border-bottom: 1px solid #efefef;cursor: pointer;}
.ctg-list-1 .m1-classify-list .m1-close { border-bottom-color: transparent; }
.ctg-list-1 .m1-classify-list .m1-item-head img { float: left; display: block; width: 3rem; height: 3rem; margin 1rem 0 0 .5rem; }
.ctg-list-1 .m1-classify-list .m1-item-head span { padding-left: 1rem; }
.ctg-list-1 .m1-classify-list .m1-item-bd li a { display: block; padding-left: 2rem; color:#595959;}
.ctg-list-1 .m1-classify-list .m1-item-bd li span { display: block; height: 3.2rem; line-height: 3.2rem; padding-left: 1.5rem; border-bottom: 1px solid #efefef; }
.ctg-list-1 .m1-classify-list .m1-item-bd li:last-child span { border-bottom: 0 none; }
.ctg-list-1 .m1-view-more { clear: both; display: block; width: 100%; height: 3rem; line-height: 3rem; -webkit-text-size-adjust: none; text-align: center; font-size: 1.1rem; background-color: #fff; }
.ctg-list-1 .m1-view-more i { position: relative; overflow: hidden; color: #666; }
.ctg-list-1 .m1-view-more i:after { content: ""; position: absolute; top: 50%; right: -1.5rem; width: 1.2rem;height: .94rem; margin-top: -.5rem; background-size: 4.7rem 199.7rem; }
.ctg-list-1 .m1-view-more-1 { margin: -.5rem 0 1rem; }
.mobile_ads img { width:100%;display:block;}
/* 内页分页样式 */
.g-page{ margin:2rem 0;}
.g-page .u-pup,.g-page .u-pne,.g-page .u-sa{border-radius:5px;display:inline-block;font-size:1em;height: 2rem;line-height: 2rem; text-align: center;width:25%;border:1px solid #e6e6e6;} /*上一页样式*/
.g-page p{ width:10%; display: inline-block;}
.g-page .pager-select{display:inline-block;padding:0 1rem; margin: 0 1rem; width:10%; height: 2rem; line-height: 2rem; position:relative; top: 0.5rem;}
.g-page .page_number{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events:none; border-radius: 5px; box-shadow: 0 0 3px #333 inset; text-indent: -1em;}
.g-page .page_number:before{ width: 0; height:0; content: ""; position: absolute; border-top: 10px solid #aaa; border-left: 10px solid rgba(0,0,0,0);border-right: 10px solid rgba(0,0,0,0); left: 50%; margin-left:1.5rem; top: 0.8rem;}
.g-page .pager-select .page_number span{ padding: 0 2px; font-weight: bold;}
.g-page .select_box{ width: 100%; height: 100%; opacity: 0; position: absolute; z-index: 0; left: 0; top: 0; text-align: center; font-size:1.1rem; font-weight:bold;}
.g_hd {height:auto; font-family: "Microsoft Yahei"; position: relative; background:#fff; height:5.15rem;}
.hd-logo { float: left;width: 23.7333%;margin:1.1rem 0 0 4% ;}
.hd-logo img { width: 100%; height: auto; display: block;}
.u-text { width:43.33%; float:left;overflow: hidden; color: #333; font-size:1.4rem; height: 5.15rem; line-height: 5.15rem; margin-left:13%;}
.u-text a{ width:33.33%; float:left; text-align:center;color: #333; display: block;font-family: "Microsoft Yahei";font-weight: normal;position:relative; font-size:1.4rem;}
.menu_ico { display: block; width:5.15rem; float:right;height:5.15rem; overflow:hidden;}
.menu_ico em{ display:block; width:100%; height:100%; background: url(/Mobile/images/home.jpg) no-repeat center center; background-size:100% 100%;}
.menu_down{ display: none; width: 100%;background:#be0008; height: auto;position: absolute; top:5.15rem; right: 0; z-index: 9;}
.menu_down ul{padding:2rem 12.5% 5rem;}
.menu_down li{color: #fff; font-size:1.2rem; line-height: 3.5rem;height: 3.5rem; border: 1px solid #fff;border-radius: 1.5rem;margin-bottom: 0.8rem; text-align: center; }
.menu_down li a{ color:#fff; display: block; }
.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;}
.g-ft {background:#232a34; padding:3rem 0 9rem; position: relative; z-index:8;}
.fmap{ width:92%; margin:0 auto;}
.fmap span{ display:block; width:81.53846%; font-size:1.5rem;line-height:2rem; color:#fff; float:left; font-weight:bold;}
.fmap a{ display:block; color:#fff; font-size:1.2rem; font-weight:normal;}
.u-top{ display:block; width:5.65rem;float:right; text-align:center; font-size:1.2rem; color:#fff;}
.u-top img{ display:block; width:100%; border-radius:8rem; background:#be0008;}
.u-top2{width:3.65rem; display:block; margin:0 auto;}
.flian{width:92%; margin:0 auto; padding-top:1.8rem; border-top:1px solid #575d61; margin-top:1rem;}
.flian p{ height:5.4rem; background:#fff; border-radius:3rem; margin-bottom:1rem;}
.flian p span{ display:block; float:left; border-right:1px solid #d1d1d1; box-sizing:border-box; width:20.76923076%; text-align:center; font-size:1.2rem; color:#666; height:5.4rem;}
.flian p span em{ display:block; width:2.4rem; height:2.4rem; margin:0 auto; padding-top:1.6rem;}
.flian p span em img{ display:block; width:100%;}
.flian p b{ font-size:1.4rem; font-weight: normal; color:#333; line-height:5.4rem; padding-left:5%;}
.flian p i{ font-size:1.2rem; line-height:1.8rem; width:61.53846%; float:left; color:#333; margin:0.8rem 0 0 5%;}
.flian p a{ color:#333;}
.fcode{ margin-top:2.5rem; margin-left:6%;}
.fcode p{ width:28.666%; margin-right:3.5%; float:left; text-align:center; line-height:3rem; font-size:1.2rem; color:#fff;}
.fcode p img{display:block; width:100%; border:0.7rem solid #fff; box-sizing:border-box;}
.fcode p:last-child{ margin-right:0;}
.fnav{height:6.5rem; min-width:320px; max-width:750px; width:100%; position:fixed; bottom:0; background:url(/Mobile/images/footer_bg.png) no-repeat center bottom; background-size:100% auto; z-index:9;}
.fnav li{ width:33.33%; float:left; text-align:center; font-size:1.5rem; font-weight:bold; color:#fff;}
.fnav li em{ display:block; width:2.8rem; height:2.5rem; margin:1rem auto 0.3rem; line-height:2rem;}
.fnav li em img{ display:block; width:100%;}
.fnav a:nth-child(2) li em{ margin-top:-3rem; width:5.25rem; height:5.25rem; margin-bottom:1.5rem; border-radius:5.25rem; background:#be0008;}
html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.664px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73px;}}
@media screen and (min-width:480px){html{font-size:12.796px;}}
@media screen and (min-width:520px){html{font-size:13.863px;}}
@media screen and (min-width:560px){html{font-size:14.93px;}}
@media screen and (min-width:600px){html{font-size:15.996px;}}
@media screen and (min-width:640px){html{font-size:17.06px;}}
@media screen and (min-width:680px){html{font-size:18.1288px;}}
@media screen and (min-width:700px){html{font-size:18.66px;}}
@media screen and (min-width:720px){html{font-size:19.1952px;}}
@media screen and (min-width:750px){html{font-size:20px;}}