@charset "utf-8";
@import url("iconfont.css");
/*格式化*/
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",Verdana,Arial,Helvetica,sans-serif; background:#fff; font-size: 14px;}
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;}
.clearfix{display: inline-table;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}
img{padding:0; margin:0;}
a img{border:none;}
input,textarea{border:none;font-family:"Microsoft Yahei";}
h1, h2, h3, h4, h5, h6{font-weight:normal; font-size: 14px;}
/*排版通用*/
.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{padding-left:10px;line-height:26px;}
/* -- 页面整体布局 -- */
.wrap{max-width:640px; min-width:320px;margin:0 auto; position:relative; background:#fff;} /*网站首页宽度*/
.g_bd{overflow: hidden;}
#content p img{width:100%;display:block; margin:0 auto; max-width:560px;}
.g-back{overflow: hidden;position: relative;text-align:right;margin-top:1px; height:38px; padding:7px 11px 0 9px;} /*内页返回布局样式*/
.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;} /*内页目录样式*/
.f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f_cb,.f_cbli li{zoom:1;}
.f_fl{float:left;}
.f_fr{float:right;}
.f_pr{position: relative;}
.f_pa{position: absolute;}
.f_csp{cursor:pointer;}
.f_oh{overflow:hidden;}
.f_fs1{font-size:12px;}
.f_fs2{font-size:13px;}
.f_fs3{font-size:14px;}
.f_fa{font-family:Arial, Helvetica, sans-serif;}
.f_cs1,.f_cs1 a{color:#4cab0d;}
.f_cs2,.f_cs2 a{color:#e60012;}
.f_cs3,.f_cs3 a{color:#343434;}
.f_cs4{color:#fff;}
.f_wb{font-weight:bold;}
.f_fwn{font-weight:normal;}
.f_tal{text-align:left;}
.f_tac{text-align:center;}
.f_tar{text-align:right;}
.f_db{display:block;}
.f_mt10{margin-top:10px;}
.g-adv{width: 100%;}
.g-adv img{width:100%; display: block;}
.bannerimg a img{width: 100%;/*height:12em;*/display: block;}
.dzbg{width: 100%; border-bottom:6px solid #e0e0e0;padding-top: 2.5rem; margin: 0 auto; overflow: hidden;font-family: "Microsoft YaHei"; margin-bottom:0.3rem; padding-bottom:2.5rem}
.dz{width: 90.625%; margin: 0 auto;}
.dz h2{margin-bottom: 1rem; width: 100%;height: 4.2rem;}
.dz h2 img{width: 100%; display: block;}
.dz .sbt{height: 6.6rem; margin-bottom: 2.2rem;}
.dz .sbt a{z-index: 3; background: #2c2c2c; width:25%;line-height:3.3rem; height: 3.3rem; position: relative; color: #fff; border-right:1px solid #484848; border-bottom:1px solid #484848; box-sizing: border-box; font-size:1.2rem; font-weight: normal; display: block; float: left; text-align: center;overflow: hidden;}
.dz .bt a.active{background:#d50f0e; color: #fff;}
.js_gd{width: 100%; overflow: hidden; padding-top:2rem}
.js_gd p{width:50%;overflow: hidden; float:left; text-align:center}
.js_gd p img{width:96%; height:12rem; display: block; margin:0px auto}
.js_gd p span{ height:3rem; line-height:2.5rem; text-align:center; color:#333333; display:block}
a.more{background: #1b76c9;display: block; width: 30%; margin: 2rem auto 0; height: 2.8rem; line-height:2.8rem; text-align: center; font-size: 1.2rem; color: #fff;}
.probg{height: 30rem;padding-top: 2.5rem; box-sizing: border-box; background: url(../images/probg.jpg) no-repeat; background-size: 100% 100%; width: 100%; overflow: hidden;}
.pro{width: 90.625%;margin:0 auto;}
.pro h2{margin-bottom: 1rem; width: 100%;height: 4.2rem;}
.pro h2 img{width: 100%; display: block;}
.pro .pro_tit{width: 100%; margin: 0 auto;}
.pro .pro_tit dl{height: 3.4rem; overflow: hidden;margin-bottom: 1rem;}
.pro .pro_tit dl dt{width: 22.4%;height: 3.4rem; line-height: 3.4rem; float: left; display: block; text-align:center; background: #d50f0e; color: #fff; font-size: 1.3rem;}
.pro .pro_tit dl dt a{color: #fff;}
.pro .pro_tit dl dd{width: 77.2%; background: #fff;border:1px solid #ccc;border-left: 0; float: left; font-size: 1.1rem; color: #555555; display: block;}
.pro .pro_tit dl dd a{color: #555;height: 3.4rem;line-height: 3.4rem; position: relative;padding:0 0.8rem;}
.pro .pro_tit dl dd a:before{position: absolute;content: "";width: 0.4rem;height: 0.15rem; background: #555;right: 0;top:50%;}
.pro .pro_tit dl dd a.nones:before{background: none;}
.pro .cp_cnt{width: 100%; position: relative;}
.pro .cp_cnt .cp{width: 64.3%; margin: 0 auto; overflow: hidden;}
.pro .cp_cnt p{border-radius: 0px;box-sizing: border-box; float:left;width: 100%;}
.pro .cp_cnt p img{width: 100%; display: block;border:1px solid #c2c2c2; height: 14rem;}
.pro .cp_cnt p span{background: #353535; height:4rem;line-height: 4rem; text-align: center; font-size: 1.2rem;color: #fff; display: block;}
.pro .cp_cnt .swiper-button-prev{margin-top:0;opacity:1;height: 3rem;width: 3rem;top:7rem; left:0; background: url(../images/mobile/prev1.png) no-repeat; background-size:100% 100%;}
.pro .cp_cnt .swiper-button-next{margin-top:0;opacity:1;height: 3rem;width: 3rem;top:7rem; right:0;background: url(../images/mobile/next1.png) no-repeat; background-size:100% 100%;}
/* 从细节入手精心打造*/
.jxbg{padding-top: 2.5rem; box-sizing: border-box;  width: 100%; overflow: hidden;padding-bottom: 2rem;}
.jx{width: 90.625%;margin:0 auto;}
.jx h2{margin-bottom: 1rem; width: 100%;height: 5.6rem;}
.jx h2 img{width: 100%; display: block;}
.jx .jx_cnt{width: 100%; position: relative;}
.jx .jx_cnt .m_jx{width: 71%; margin: 0 auto; overflow: hidden;}
.jx .jx_cnt dl{border-radius: 0px;box-sizing: border-box; float:left;width: 98%;}
.jx .jx_cnt dt{height: 15rem; margin: 0 auto; overflow: hidden; margin-top: 2rem;}
.jx .jx_cnt dt img{width: 100%; height: 100%;display: block;}
.jx .jx_cnt dd a{text-align: center; font-size: 1.4rem; font-weight: bold;color: #1b76c9; height: 4.5rem; line-height: 4.5rem; overflow: hidden; display: block;}
.jx .jx_cnt dd p{font-size: 1.2rem;color: #888888;line-height: 1.8rem; text-align: justify;}
.jx .jx_cnt .prev2{position: absolute; margin-top:0;opacity:1;height: 3rem;width: 3rem;top:8.6rem; left:0; background: url(../images/mobile/prev1.png) no-repeat; background-size:100% 100%;}
.jx .jx_cnt .next2{position: absolute;margin-top:0;opacity:1;height: 3rem;width: 3rem;top:8.6rem; right:0;background: url(../images/mobile/next1.png) no-repeat; background-size:100% 100%;}
.jx .jx_cnt .page{text-align: center; display: block;margin-top: 1rem;}
.jx .jx_cnt .page .swiper-pagination-bullet{width:0.7rem; height: 0.7rem;margin:0 1.2rem;background: #aaaaaa;opacity:1;}
.jx .jx_cnt .page .swiper-pagination-bullet-active{background: #1b76c9; }
/* 优势*/
.ysbg{position: relative; background:#fff; width: 100%;padding: 2.5rem 0;overflow: hidden;border-bottom: 6px solid #e0e0e0;}
.ys{width: 90.625%;margin:0 auto;}
.titys{margin-bottom: 1.5rem; width: 100%;overflow: hidden; letter-spacing: 0.1rem;letter-spacing: 0.1rem;font-size: 2rem; color: #333; font-weight: bold; text-align: center;}
.titys span{color: #1b76c9;font-size: 2.2rem;}
.ys_cnt{width: 90.625%;margin:0 auto; overflow: hidden;}
.ys dl{width: 100%; overflow: hidden; height: 36rem;}
.ys dl dt{width: 100%;margin-bottom: 1.8rem;}
.ys dl dt img{width: 100%;display: block;}
.ys dd{width: 100%; margin:0 auto; overflow: hidden;background: url(../images/mobile/01.png) no-repeat left top; background-size:2.95rem 3.6rem;}
.ys dd i{font-size: 1.8rem; color: #1b76c9; margin-left: 0.5rem; float: left; margin-top: 0.4rem;}
.ys dd span{padding-left:2rem; font-size: 1.6rem; color: #1b76c9; height: 1.6rem; display: block; line-height: 1.6rem; font-weight: bold; overflow: hidden;}
.ys dd em{font-size: 1.2rem; display: block; color: #333333; font-weight: bold; text-transform: uppercase; padding-left: 2rem; border-bottom: 1px dotted #a9a9a9; padding-bottom: 0.4rem; margin-bottom: 1rem; overflow: hidden; height: 2.8rem; line-height: 2.8rem;}
.ys dd p{padding-left:4.5rem; font-size: 1.2rem; line-height:2.5rem; color: #333333; background: url(../images/mobile/ysico.png) no-repeat 2.6rem 0.5rem; background-size: 1.05rem 1.05rem; margin-bottom: 1.2rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;/* -webkit-line-clamp: 2;*/}
.ys dd b{color:#f28402; font-weight: normal;}
.ys .yspace{width: 56.5%; margin: 0 auto; background: #fff;}
.ys .yspace span{text-align: center;color: #888888; font-size: 1.8rem;font-family: "Arial";font-weight: bold; display: block;}
.ys .yspace span em{font-size: 3rem; color: #1b76c9; font-style: normal; font-weight: bold;}
.jt{display: block; background: #fff; position: relative;}
.jts{position:absolute;left:0; border:1px solid #d8d8d8;width: 27%; bottom: 6.1rem;}
.jts2{position:absolute;right:0; border:1px solid #d8d8d8;width: 27%; bottom: 6.1rem;}
.jt .prev3{z-index: 9; position: absolute; margin-top:0;opacity:1;height: 3rem;width: 3rem;bottom:0; left:26.8%; background: url(../images/mobile/prev1.png) no-repeat; background-size:100% 100%;}
.jt .next3{z-index: 9;position: absolute;margin-top:0;opacity:1;height: 3rem;width: 3rem;bottom:0; right:26.8%;background: url(../images/mobile/next1.png) no-repeat; background-size:100% 100%;}
.ys dl dd{width: 100%; margin:0 auto; overflow: hidden;background: url(../images/mobile/01.png) no-repeat left top; background-size:2.95rem 3.6rem;}
/* 留言*/
.lcbg{background: #2c2c2c; padding-bottom: 2rem;padding-top:2.35rem;}
.lc{width: 90%;margin:0 auto;}
.lc h3{width: 100%;height: 4.3rem; overflow: hidden;width: 100%; height: 4.3rem; overflow: hidden; color: #1b76c9; text-align: center; margin: 0 auto; display: block; font-size: 2em; font-style: italic;}
.lc ul{height: 22.7rem;overflow: hidden;}
.lc li{width:17.75%; float:left; margin-right:17.9%;margin-top: 2.5rem; position:relative;}
.lc li:nth-child(3n){margin-right: 0;}
.lc li img{display:block; width:100%;}
.lc li em{display:block; font-size:1rem; font-weight:normal; color:#ffffff; text-align:center; padding-top:1rem;}
.lc .tel{height: 3.1rem;border:3px solid #1b76c9;width: 100%;}
.lc .tel span{text-align: center; height: 3.1rem; line-height: 3.1rem; font-size: 1.2rem;color: #fff;width: 72.4%; float: left;}
.lc .tel span b{font-weight: bold;font-size: 1.8rem;}
.lc .tel .dz{display: block; float: right; width:26.7% ;height: 3.1rem; line-height: 3.1rem; background: #1b76c9; color: #fff;font-size: 1.2rem; text-align: center;}
.ij_form_wrapper{overflow: hidden; padding-left: 1px;margin: 2.5rem 1rem;}
.ij_form_wrapper .ij_form .ij_form_t{text-align: center; margin: 0 auto; height: 2em; background: #ff8500; color: #fff; border-radius: 1em;width: 94%;line-height: 2em; font-size: 1.2em;}
.ij_form_wrapper .ij_form .ij_form_t img{margin: 0 auto; max-width: 100%;}
.ij_form_t p{display: inline; font-size: 1.2em; font-style: italic; color: #fff;}
.ij_form_wrapper .ij_form form{padding: 2em; padding-top: 3em;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-top-left-radius: 0; border-top-right-radius: 0; border-top: none; box-shadow: 0 0 black;margin-top: -0.4em;}
.ij_form_wrapper .lj_input{float: left; width: 33.87%; line-height: 38px; margin-right: 28px;}
.ij_form_wrapper .lj_input label{color: #fff; float: left; font-size: 18px; width:20%; display: inline-block;}
.ij_form_wrapper .lj_input div{overflow: hidden;}
.ij_form_wrapper .lj_input input{width: 72%; padding-left: 1em; height: 2.5em; line-height: 2.5em; border-radius: 2em; -moz-border-radius: 2em; -webkit-border-radius: 2em;}
.ij_form_wrapper .lj_submit{float: left; width: 21.89%;}
.ij_form_wrapper .lj_submit button{height: 2em; line-height: 2em; background: #1b76c9; color: #fff; font-size: 1.2em; border-radius: 2em; -moz-border-radius: 2em; -webkit-border-radius: 2em; border: 0;}
.index-join {padding: 30px 0; height: auto;background: #181818;}
.ij_img {width: 100%;margin-bottom: 1em; text-align: center; color: #fff; font-size: 2em; height: 2em; line-height: 2em; overflow: hidden;}
.ij_form_wrapper .lj_input {float: left; width: 45%; }
.ij_form_wrapper .lj_submit {width: 100%; text-align: center; margin-top: 40px; }
.ij_form_wrapper .lj_submit button {width: 21.89%; } 
.ij_form_wrapper .lj_input {float: left; width: 100%; margin-bottom:1em; }
.ij_form_wrapper .lj_submit {width: 100%; text-align: center; margin-top: 10px; }
.ij_form_wrapper .lj_submit button {width: 40%; }
/* 合作客户*/
.hzbg{position: relative; background:#fff;border-top: 0.85rem solid #f1f1f1; width: 100%;padding-top:2.5rem;font-family: "Microsoft YaHei"; box-sizing: border-box;}
.hz{width: 90.625%;margin:0 auto;}
.hz h2{margin-bottom: 1rem; width: 100%;height: 5.8rem; overflow: hidden;}
.hz h2 img{width: 100%; display: block;}
.hz_cnt{}
.hz dl{height: 11.7rem; margin-bottom: 1.5rem;}
.hz dl dt{width: 40.3%;height: 10.7rem; float: left;}
.hz dl dt img{width: 100%; display: block;border:0;box-shadow: none;height: 100%;}
.hz dl dd{height: 10.7rem; border:1px solid #c9c9c9; padding:0 1.35rem; box-sizing: border-box;}
.hz dl dd h3{font-size: 1.2rem; color: #333333; font-weight: bold; line-height: 3rem; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hz dl dd h3 a{color: #333333;}
.hz dl dd p{line-height: 1.8rem; font-size: 1.2rem; text-align: justify; color: #555555; height: 5.4rem;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.hz dl dd a{color: #6b1014;color: #1b76c9; font-size: 1.2rem;}
/*走进*/
.about{width: 92%; margin:0.5rem auto; overflow: hidden; background:#F3F1F2; padding:4%}
.tit01{margin-bottom: 1.5rem; letter-spacing: 0.1rem;width: 100%;overflow: hidden; font-size: 2.2rem; color: #1b76c9; font-weight: bold;text-align: center;}
.tit01 a{color: #1b76c9;}
.tit01 span{font-size: 1.2rem; display: block; color: #666; font-weight: normal; height: 2rem; line-height: 2rem;overflow: hidden;}
.tit01 em{font-size: 1.2rem; display: block; color: #dedede; font-weight: normal; height: 2rem; line-height: 2rem;overflow: hidden;}
.tit01 img{width: 100%; display: block;}

.tit001{margin-bottom: 1.5rem; letter-spacing: 0.1rem;width: 100%;overflow: hidden; font-size:2.2rem; color: #fff; font-weight: bold;text-align: center; padding-top:1.5rem}


.about dl{margin-bottom: 1rem;}
.about dl dt{width: 100%;margin-bottom: 2rem;}
.about dl dt img{width: 100%; display: block;height: 100%;}
.about dl dd{width: 100%;}
.about dl dd{text-indent: 2.6rem;line-height: 2.2rem; font-size: 1.3rem; text-align: justify; color: #717171; max-height: 11rem; margin-bottom: 2rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5;}
.about dl dd a{color:#717171;}
.about span a{width:29.6%;color: #fff; float: left; margin-right: 5.17%; font-size:1rem;text-align: center; height: 2.8rem; line-height: 2.8rem; position: relative;display: block; background: #2c2c2c;}
.about span a:nth-child(1){background: #1b76c9;}
.about span a:nth-child(3){margin-right: 0;}
.g_zx{width: 100%; background: #fff; margin: 0 auto; overflow: hidden;margin-bottom: 2.5rem;}
.g_zx .newsimg{width: 100%;height: 100%;display: block;margin-bottom: 1rem;}
.g_zx .newsimg img{width: 100%;display: block;height: 13rem;}
.g_zx .swiper-slide{width: 100%;}
.g_zx .newtit{position: relative;height: 3.5rem; background: #000;margin-bottom: 1rem;width: 100%; overflow: hidden;}

.g_zx .newtit a{display: block; float: left; width: 33.1%; border-right: 1px solid #252525; height: 3.5rem;line-height: 3.5rem;font-weight: normal; font-size: 1.4rem;color: #fff;text-align: center;}
.g_zx .newtit a:nth-child(3){border-right: 0;}
.g_zx .newtit a:before{content: ""; position: absolute;right: 0;top:0; width: 1px;height: 4rem; background: #252525;}
.g_zx .newtit a.active{background:#1b76c9;}
.js-swiper-tab-news{width: 90.625%; overflow:hidden;margin:0 auto;}
.g_zx ul{margin-bottom: 2rem;}
.g_zx li{background:url(../images/newsico.png) no-repeat left center;background-size: 0.55rem 0.55rem; font-style: normal; font-size: 1.2rem; color: #666; height: 3rem;line-height: 3rem;width: 92%;display:list-item; padding-left: 2rem;}
.g_zx li a{color: #333; height: 3rem; line-height: 3rem; overflow: hidden;float: left; font-size: 1.4rem; display: table-caption; width: 83%;text-overflow: ellipsis; white-space: nowrap;}
.g_zx li span{float: right;color: #999;height: 3rem;width: 15%; display: block;}
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: 10px;}}
@media screen and (min-width:360px){html{font-size: 11.25px;}}
@media screen and (min-width:375px){html{font-size: 11.7px;}}
@media screen and (min-width:384px){html{font-size: 12px;}}
@media screen and (min-width:480px){html{font-size: 15px;}}
@media screen and (min-width:414px){html{font-size: 13px;}}
@media screen and (min-width:560px){html{font-size: 17.5px;}}
@media screen and (min-width:640px){html{font-size: 20px;}}
.g_hd{ position: relative; background:url(../images/topbg.jpg);}
.mlogo{width: 92%; display: block; margin: 0 auto; padding-top:0.3rem; padding-bottom:0.3rem; font-size:2.2rem; text-align: center; line-height: 4rem; color:#1b76c9; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:bold}
.mlogo img{width: 100%; display:block;}
.menu{width: 92%; margin:0 auto; position:relative;background:#1b76c9; padding:0 4%}
.u-text{overflow: hidden; color: #fff; font-size: 1.2rem; padding-top: 0.3rem; height: 2.5rem; line-height: 2.5rem; width: 100%; padding-bottom:0.2rem}
.u-text a{padding:0 2%; color: #fff; display: inline-block;line-height: 2.5rem;}
.menu_ico{display: block; color: #666; top:1.0rem; right: 1%; width: 1.4rem;height: 0.9rem; cursor: pointer; position: absolute;}
.menu_ico img{width: 110%;display: block;}
.menu_down{display: none; width: 100%;border-top:1px solid #fff; background:#1b76c9; height: auto;position: absolute;top:7.5rem; left: 0; z-index: 100;}
.menu_down ul{padding:2rem 12.5% 5rem;}
.menu_down li{color: #fff; font-size:0.9rem; line-height: 3.5rem;height: 3.5rem; border-bottom: 1px solid #fff;}
.menu_down li a{color: #fff; font-size: 1.4em; line-height: 3.5rem; overflow: hidden; height: 3.5rem; display: block;}
.indexoff{float: right;color: #fff;width: 4rem; height: 3rem; text-align: center; line-height: 4rem;font-size: 1em;}
.g-ft{ background: #fff;margin-bottom: 7rem;}
.u-top{position: relative; width: 100%; height: 4.25rem; margin: 0rem auto 1.5rem; text-align: center;}
.u-top img{width: 100%; display: block;}
.addlst{text-align: center; line-height: 2.5rem; font-size: 1.2rem; color: #666666; width: 92%; display: block; margin: 0 auto;}
.addlst a{color: #666;}
.g_fnva{height:5rem;position:fixed;bottom:0;min-width:320px;max-width:640px;width:100%;z-index:999;background: #2c2c2c;font-size: 1.2rem;}
.g_fnva li{height:5rem;width:25%; float:left; text-align:center;color:#fff;position:relative;padding: 0.4rem 0;}
.g_fnva a i{display: block;font-size: 1.5em;line-height: 1.4em;}
.g_fnva li:before{content: "";position: absolute;width: 1px; height:5.7rem;background:#252525; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;top: 0;left: 0;}
.g_fnva li:after{content: "";position: absolute;width: 1px; height:5.7rem;background:#3b3b3b; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;top: 0;right: 0;}
.g_fnva a:nth-child(1) li:before{width:0;border: 0;background:none;}
.g_fnva a:nth-child(4) li:after{width:0;border: 0;background:none;}
.g_fnva li em{display: block;padding: 0.8rem 0 0.3rem; width:33.75%; margin:0 auto;}
.g_fnva li em img{display:block;width:100%;}
.g_fnva a:nth-child(1) li{background:#1b76c9; color:#fff;}
/*技术支持*/
.jishu{width: 92%;display: block;margin: 0 auto;text-align: center;color: #666;font-size: 1.2rem; }
.jishu a{color: #666;}
.jishu a:hover{color: #666;}
.wt{width:92%;display: block;margin: 0 auto;text-align: center; padding-top:0.6rem }
.wt img {width: 100%;  max-width:224px}

/*内页搜索导航栏目*/
.posi{width: 100%; height: auto; z-index: 999;}
.g-back{background: #fff;overflow: hidden;position: relative;z-index: 97;text-align:right;margin-top:1px; padding: 7px 11px 7px 9px;}
.g-back a{display: inline-block;font-size:0.875em;height: 32px;line-height: 28px; width:32px;position: relative;}
.g-back .u-bp {background: url(../images/Nyskinsbar.png) no-repeat; background-size: 35px 600px;display: block; }
.g-back .u-bl {background: url(../images/Nyskinsbar.png) no-repeat; background-size: 35px 600px; background-position: 0 -286px;}
.g-se{float: left;left: 5%;position:relative;width: 70%;} 
.g-se .m-ipt{display: block;float: left;width: 75%;}
.g-se .u-in{position:absolute; z-index:100;width:42px; height:30px;background:transparent;right: 0;}
.g-se .u-key{width: 130%; height: 14px; padding: 7px 0; line-height: 14px; color: #c5c5c5;font-size: 1em;border: 1px solid #ed2626; box-shadow: 3px 2px 3px #f3d9d9db inset; 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; background: #fff;}
.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; background-color: #ed2828; background-image: -webkit-gradient(linear, left top, left bottom, from(#ed2828), to(#ed2828)); background-image: -webkit-linear-gradient(top, #ed2828, #ed2828); background-image: -moz-linear-gradient(top, #ed2828, #ed2828); background-image: -o-linear-gradient(top, #ed2828, #ed2828); background-image: -ms-linear-gradient(top, #ed2828,#ed2828); background-image: linear-gradient(top, #ed2828, #ed2828);}
.g-se .u-bt:before{content:'';display:block;width:12px;height:12px;border-radius:17px;position:absolute;right:14px;top:5px;z-index:99;border:3px solid #fff;} 
.g-se .u-bt:after{background:#fff;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);} 
.type{width:100%;background:#ed2828;overflow-x: hidden;-webkit-overflow-scrolling: touch;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;height: 14em;display:none;z-index: 90;position: absolute;}
.type li{width:90%;background:#fff;margin:2% auto;overflow:hidden;position:relative;}
.type li a{display: block;float:left;width:80%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;padding:0 4%;color:#666;line-height: 2em;}
.type li span.commonfont{font-size:0.3rem;line-height:0.46rem;display:block;width:16%;text-align:center;color:#666;position:absolute;top:0;right:0;}
.type li dl{float:left;border-top:2px solid #232323;width:100%;display:none}
.type li dl dd{overflow:hidden}
.type li dl dd a{width:100%}
.type h2{ width: 50%;font-size: 1em;margin: 0 auto; color: #fff;font-weight: normal; float: left;line-height:1.5em;}
.type li span i{color: #ed1e1e;font-size: 1.2em;line-height: 1.8em;}
.typecz{width: 90%;display: block;margin:1em auto; margin-bottom: 1em;}
.typecz a{float: right; display: block; width: 1.5em; height: 1.5em; line-height: 1.5em; font-size: 1em; text-align: center; color: #ffffff; border-radius: 0.2em;}
/*内页内容*/
.g-bd{width:100%;height:auto;overflow: hidden;}
.g-bd h3{color: #666;}
.m-btit{line-height: 35px; padding-left: 12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;border-top:1px solid #d9d9d9; box-shadow:0 1px #fff;color: #333;font-size: 1.1em;font-weight: normal;position:relative; background-color:#f6f6f6;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; height:100%; top:-12px; display:inline-block;}
.m-btit span:before{content:""; position:absolute;background:#7c7c7c;width:8px; height:8px; left:2px;top:3px;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:3px;z-index:11; background-color:#f2f2f2;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);}
.m-btit a{color: #333;} 
.g-bd .m-con { margin-bottom:26px;background: #fff;}
.g-bd .m-con a{ display:block;}
.g-bd .m-con dl { border-bottom:1px solid #ffffff; box-shadow:0 1px #e6e6e6; margin-bottom:2px; padding:12px 26px 12px 10px; position:relative;}
.g-bd .m-con dt { float:left;display:block;border:1px solid #ccc; margin-right:11px;width: 130px;height: 110px;}
.g-bd .m-con dt img { display:block;border:1px solid #e2e2e2;width: 100%;height: 100%;}
.g-bd .m-con h3 { height: 24px; line-height: 24px; overflow: hidden; padding-right: 10px; color: #0e7907;margin-left: 0.4em;}
.g-bd .m-con em { float: right;color: #c4c4c4;font-size: 1em;line-height: 2em;}
.g-bd .m-mcon p { font-size: 1.1em;line-height: 1.6em;overflow: hidden; color: #666;text-indent: 2em;}
.g-bd .m-con .s-babg p span{ width: auto; height: auto; background: none; position: relative; right: inherit;top: inherit; display: inline;}
.g-bd .m-con .s-babg p span:before,.g-bd .m-con-2 .s-babg p span:after{ display: none;}
.m-con .u-mtit{width: 92%; margin: 0 auto;}
.m-con .u-mtit h2 {font-size: 1.3em; text-align: center; font-weight: bold; color: #2c2c2c; display: block; padding-top: 1em; }
.m-con .u-mtit p {font-size: 1em; height: 2.4em; line-height: 2.4em; display: block; padding-bottom: 7px; color: #999;}
#content img {width: 100%; display: block; margin: 0 auto; max-width: 560px;margin-bottom: 0.5em;}
.body_t{font-size: 1em; line-height: 22px; overflow: hidden; color: #666;}
.m-mcon, .procontent {border-top: 1px solid #e6e6e6; padding: 1em 4% 1em 4%; color: #666;line-height: 22px; font-size: 1.1em;}
.m-mcon_a {padding: 2% 4% 7% 4%;background: #fff;}
.pagea{display: block; width: 96%;height: 2em;line-height: 2em;font-size: 1.1em;color: #000; background: #ddd; border-radius: 1em; margin: 2% auto; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-indent: 1em; padding-right: 3%;}
.pagea span{color:#000;}
.pagea a{color:#6d6d6d;}
.pagea a:hover{color:#d42a2a;}
/*内页相关资讯*/
.m-about{margin-bottom: 1em;}
.nynav {width: 100%;background:#1b76c9; display: block; color: #fff; position: relative; overflow: hidden; white-space: nowrap; text-indent: 1em; height: 2em; font-size: 1.3em; line-height: 2em; text-overflow: ellipsis;}
.m-about ul{ margin:5px; font-size:12px; line-height:22px;text-indent: 1em; }
.m-about ul li{font-size: 1.3em; height: 2.4em; line-height: 2.4em; display: block; overflow: hidden; color: #666; text-overflow: ellipsis; white-space: nowrap;border-bottom: 1px #dadada dashed;}
.g-bd .m-con .m-about ul a {color: #666;display: initial;width: 100%;height: 100%;}
.m-about ul li:nth-child(1) { border-top:0; }
.m-about ul li:last-child { border-bottom:0; }
.m-about ul li span{float: right; padding-right: 2%; display: block; color: #999; font-size: 1em;}
/*新闻列表页*/
.pronew { margin-bottom:26px;background: #fff;}
.pronew a{ display:block;}
.pronew dl { border-bottom:1px solid #ffffff; box-shadow:0 1px #e6e6e6; margin-bottom:2px; padding:12px 18px 12px 10px; position:relative;}
.pronew dt {margin: 0; padding: 0; height: 1.5em; line-height: 1.5em; overflow: hidden; color: #333; font-size: 1.3rem; text-overflow: ellipsis; white-space: nowrap; display: block; font-weight: bold;}
.pronew em { float: right;color: #666;font-size: 1em;line-height: 1.5em;font-weight: normal;}
.pronew dd { font-size: 1.1em;max-height: 65px;line-height: 1.5em; margin-right:3%; overflow: hidden; color: #777;}
.pronew span{display:block; width:9px;height:16px;position:absolute; top:57px;right:3%;}/*列表箭头样式*/
.pronew span:before{content:""; 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样式*/
.pronew 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样式*/
/*产品列表页*/
.m-cpzx{overflow: hidden; padding: 1em 1%; width: 95%;background: #fff;}
.m-cpzx a{width: 47%; display: block; float: left; margin-left: 3%;}
.m-cpzx h3{overflow: hidden; padding: 1em 4.6875% 0.7em;}
.m-cpzx h3 a{color: #595757; float: left; line-height: 2.5em; padding: 0 0 0 6%; position: relative; width: 42%;font-size: 116%;overflow: hidden;height: 2.5em;}
.m-cpzx h3 a span{font-size: 116%;}
.m-cpzx h3 a::before{border-bottom: 0.5em solid transparent; border-left: 0.5em solid #9a9a9a; border-top: 0.5em solid transparent; content: ""; height: 0; left: 6%; position: absolute; top: 0.8em; width: 0; z-index: 9;}
.m-cpzx h3 a:nth-of-type(2n){float: right;}
.m-cpzx p a{color: #656565; float: left; font-family: Arial,Helvetica,sans-serif; margin-bottom: 0.8em; text-align: center; width: 48%;}
.m-cpzx p a:nth-of-type(2n){float: right;}
.m-cpzx p a i{display: block; height: 0.25em; padding-bottom: 0.4em;margin-top: -0.2em;}
.m-cpzx a span{height: 3rem; line-height: 3rem; font-size: 1.3rem; display: block; overflow: hidden; text-align: center; color: #333;}
.m-cpzx img{width: 100%;border: 1px #ddd solid;display: block; height:11rem}

/*列表分页*/
.page_info{text-align:center;margin:1rem 0;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin:20px 0 10px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a.on{color:#fff;border:1px solid #898989;background:#898989;}