@charset "gb2312";
/*格式化*/
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:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; padding-top:1px; background:#f9f9f9;}
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"; font-size:13px;}
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{min-width:320px;max-width:640px; margin:0 auto;position:relative;} /*网站首页宽度*/
.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;} /*内页目录样式*/
.m-tit{position:relative; text-indent:10px; height:38px; font-size:15px; line-height:38px;} /*首页产品导航样式*/
.m-tit .u-ico{position:absolute;right:10px; top:2px; width:30px; height:38px;} /*首页产品导航箭头样式*/
.m-tit .u-ico:before{content:""; position:absolute;width:12px; height:12px; right:5px;top:12px;z-index:10;-moz-transform: rotate(45deg); /*角度45度，针对火狐浏览器写的兼容*/-o-transform: rotate(45deg); /*针对欧朋浏览器写的兼容*/-webkit-transform: rotate(45deg); /*针对苹果浏览器写的兼容*/transform: rotate(45deg);} /*首页产品导航箭头css3样式*/
.m-tit .u-ico:after{content:""; position:absolute;width:12px; height:12px; right:8px;top:12px;z-index:10;-moz-transform: rotate(45deg);/*角度45度，针对火狐浏览器写的兼容*/-o-transform: rotate(45deg);/*针对欧朋浏览器写的兼容*/-webkit-transform: rotate(45deg);/*针对苹果浏览器写的兼容*/transform: rotate(45deg);} /*首页产品导航箭头css3样式*/
.u-empty{height:18px;}
.g-page{margin-bottom:20px;}/* 底部间距20px*/
.g-page .u-pup,.g-page .u-pne,.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 .pager-select{display:inline-block;padding:0 20px; margin: 0 10px; width:10%; height: 30px; line-height: 30px; position:relative; top: 10px;}
.g-page .page_number{position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events:none; border-radius: 5px; box-shadow: 0 0 5px #333 inset; text-indent: -1em;}
.g-page .page_number:before{width: 0; height:0; content: ""; position: absolute; border-top: 5px solid #aaa; border-left: 5px solid rgba(0,0,0,0);border-right: 5px solid rgba(0,0,0,0); left: 50%; margin-left:15px; top: 12px;}
.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;}
.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:""; 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;}/*首页切换公司动态列表链接样式*/
.m-btit {line-height: 35px; color: #666; 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:#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); /*角度45度，针对火狐浏览器写的兼容*/ -o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/ -webkit-transform: rotate(45deg); /*角度45度，针对苹果浏览器写的兼容*/ transform: rotate(45deg);}  /*角度45度，内页面包屑箭头样式*/
.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); /*角度45度，针对火狐浏览器写的兼容*/ -o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/ -webkit-transform: rotate(45deg); /*角度45度，针对苹果浏览器写的兼容*/ transform: rotate(45deg);	} /*角度45度，内页面包屑箭头样式*/
/* -- 内页产品导肮 -- */
.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;}
@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;}}
/* -- 定位导航 -- */
.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{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;}

.hd_slogan{float:left;padding: 10px 0 0 8px;width: 234px;font-size:12px;color: #525252;}
.hd_slogan img{display: block;width: 100%;}
.hd_slogan h2{display: block;font: bold 13px "Microsoft Yahei";color: #0376c6;}
.hd_slogan p{padding-top: 4px;}
.top_tel{text-align: center;font-size: 12px;line-height:32px;color: #0376c6;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
background-image: -webkit-linear-gradient(top, #fff, #f3f3f3);
background-image: -moz-linear-gradient(top, #fff, #f3f3f3);
background-image: -o-linear-gradient(top, #fff, #f3f3f3);
background-image: -ms-linear-gradient(top, #fff, #f3f3f3);
background-image: linear-gradient(top, #fff, #f3f3f3);}
.top_tel a{color: #0376c6;}
.tel_side{position:relative;display:inline-block;padding-left:21px;color: #0376c6;}
a.u-num{font-size:14px;color:#0376c6;font-weight: bold;font-family:Arial, Helvetica, sans-serif;}
.u-tel_01 .s-ln-1,.u-tel_01 .s-ln-2,.u-tel_01 .s-ln-3{border: 1px solid #41b0de;}/*电话闪动声波颜色*/
.u-tel_01{width:16px; height:16px;left:0;top:9px; display:block; float:left; position:absolute; background:url(../images/tel.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;} /*头部电话图标*/
.u-tel_01 .z-ln-1{z-index:10;display:inline-block;width:3px;height:3px;border-width: 1px 1px 0 0;border-radius:0 30px 0 0;position:absolute;top:4px;right:4px;animation-name: xshow2; /*动画名称*/animation-duration: 4s;/* 动画时间*/animation-timing-function: linear; /*动画频率，匀速*/animation-iteration-count: infinite; /*动画循环播放的次数，infinite为无限次*/-webkit-animation-name: xshow2; /*针对苹果浏览器写的兼容*/-webkit-animation-duration: 4s; /*针对苹果浏览器写的兼容*/-webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/-webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/-o-animation-name: xshow2; /*针对欧朋浏览器写的兼容*/-o-animation-duration: 4s; /*针对欧朋浏览器写的兼容*/-o-animation-timing-function: linear; /*针对欧朋浏览器写的兼容*/-o-animation-iteration-count: infinite;} /*头部电话一闪一闪的线条，css3样式*/
.u-tel_01 .z-ln-2{z-index:10;display:inline-block;width:5px;height:5px;border-width: 1px 1px 0 0;border-radius:0 30px 0 0;position:absolute;top:2px;right:2px;animation-name: xshow; /*动画名称*/animation-duration: 5s; /* 动画时间*/animation-timing-function: linear; /*动画频率，匀速*/animation-iteration-count: infinite; /*动画循环播放的次数，infinite为无限次*/-webkit-animation-name: xshow; /*针对苹果浏览器写的兼容*/-webkit-animation-duration: 5s; /*针对苹果浏览器写的兼容*/-webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/-webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/-o-animation-name: xshow; /*针对欧朋浏览器写的兼容*/-o-animation-duration: 5s; /*针对欧朋浏览器写的兼容*/-o-animation-timing-function: linear; /*针对欧朋浏览器写的兼容*/-o-animation-iteration-count: infinite;} /*头部电话一闪一闪的线条，css3样式*/
.u-tel_01 .z-ln-3{z-index:10;display:inline-block;width:7px;height:7px;border-width: 1px 1px 0 0;border-radius:0 30px 0 0;position:absolute;top:0;right:0;animation-name: xshow; /*动画名称*/animation-duration: 6s; /* 动画时间*/animation-timing-function: linear; /*动画频率，匀速*/animation-iteration-count: infinite; /*动画循环播放的次数，infinite为无限次*/-webkit-animation-name: xshow2; /*针对苹果浏览器写的兼容*/-webkit-animation-duration: 6s; /*针对苹果浏览器写的兼容*/-webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/-webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/-o-animation-name: xshow2; /*针对欧朋浏览器写的兼容*/-o-animation-duration: 6s; /*针对欧朋浏览器写的兼容*/-o-animation-timing-function: linear; /*针对欧朋浏览器写的兼容*/-o-animation-iteration-count: infinite;} /*头部电话一闪一闪的线条，css3样式*/
.g-ft{background: #fff;}
.u-top{text-align:center;padding:0;z-index:999;box-sizing:border-box;background: #0376c6;}
.u-top span{position:relative; display:inline-block;padding-left:23px;font-size:15px;line-height:49px;color:#fff;} /*回到顶部图标样式*/
.u-top span:before{content:"";position:absolute;left:0;top:16px;width:18px;height:18px; background:url(../images/gotop.png) no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%;}
.m-bmu .p2{padding-top: 10px;line-height:21px;text-align:center;color:#666;font-size: 13px;}
.m-bmu .p2 a{color: #666}
.m-bmu .p3{padding-top:4px;line-height:23px;text-align:center;color:#666;font-size:12px;}
.m-bmu{padding:0 0 120px 0;text-align:center; font-size:12px; position:relative;}
.toobar{font-size: 12px;width: 100%;min-width:320px;max-width:640px;text-align:center;position:fixed;left:0;bottom:0;z-index:10000;box-sizing:border-box;border-bottom: 8px solid #0376c6;background: #fff;padding-top: 1%; background:#c5c5c5; padding-top:1em}
.toobar li{position:relative;display:inline-block;width: 74px;box-sizing:border-box;}
.toobar li b{width: 60px;height: 60px;margin:0 auto;display: block;border-radius: 3px;background: #0376c6;}
.toobar li b img{display: block;width: 100%;}
.toobar li span{display: block;text-align: center;line-height: 24px;color: #555;}
.wrap{background:#fff;}
.g-hd h1{display: block;float: left; width: 37%;padding-top: 0.4em;}
body .g-hd .logo {margin: 4% 0% 4% 0%;padding-right: 3%; border-right: 0.1em #dcdcdc solid;}
body .g-hd .logo img {width:100%; height:auto;display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.hd_slogan{padding-left:20px;width: 55%;font-size: 1em;}
.hd_slogan h2{font: bold 1.27em "Microsoft Yahei";}
.g-hd1 {color: #177bc1; font-size: 1.5em; font-weight: bold; display: block; overflow: hidden; height: 2.6em; float: left; margin: 4% 3% 5% 0%; border-right: 1px #e0e0e0 solid; letter-spacing: 0.2em;}
.g-hd2 {color: #177bc1; font-size: 1em; font-weight: bold; display: block; overflow: hidden; height: 2.6em; float: left; margin: 4% 3% 5% 10%; border-right: 1px #e0e0e0 solid; letter-spacing: 0.2em;margin-top: 0.7em;margin-bottom: 0.5em;}
.top_tel{line-height:2.67em;font-size: 1em;}
.tel_side{padding-left:7.25%;}
a.u-num{font-size:1.17em;}
.u-tel_01 .s-ln-1,.u-tel_01 .s-ln-2,.u-tel_01 .s-ln-3{border: 0.1em solid #41b0de;}/*电话闪动声波颜色*/
.u-tel_01{width:1.33em; height:1.33em;left:0;top:28%;} /*头部电话图标*/
.u-tel_01 .z-ln-1{z-index:10;display:inline-block;width:0.3em;height:0.3em;border-width: 0.1em 0.1em 0 0;border-radius:0 30px 0 0;position:absolute;top:0.3em;right:0.3em;}
.u-tel_01 .z-ln-2{z-index:10;display:inline-block;width:0.5em;height:0.5em;border-width: 0.1em 0.1em 0 0;border-radius:0 30px 0 0;position:absolute;top:0.1em;right:0.1em;}
.u-tel_01 .z-ln-3{z-index:10;display:inline-block;width:0.7em;height:0.7em;border-width: 0.1em 0.1em 0 0;border-radius:0 30px 0 0;position:absolute;top:-0.1em;right:-0.1em;}
.g_nav { height:6.35em; overflow:hidden; margin:0 3.125%;margin-top:0.3em;}
.g_nav a li {position:relative;float:left; width:32.65%; margin:0 1% 1% 0; text-align:center;height:2.5em;line-height:2.5em; font-size: 1.2em; color: #fff; background: #666;border-radius: 0.2em;}
.g_nav a:first-child li { background:#0376c6;}
.g_nav a:nth-child(3) li, .g_nav a:nth-child(6) li { margin-right:0;}
.g-adv{position:relative;height:auto;}
.g-adv .sclwrap_box , .g-adv .m-box{height:14em;overflow:hidden;}
.g-adv .m-box img{display:block;width:100%;vertical-align:top;}
.g-adv .m-cnt{position: absolute;left:0;bottom:-1.9em;width: 100%;height: 0.9em;text-align:center;border-bottom: 1px solid #5c9c0f;background: #78bc27;}
.g-adv .m-cnt li{display: inline-block;width: 0.75em;height: 0.75em;border-radius: 10em;margin: 0 0.5%;margin-top: 0.5em;background: #fff;}
.g-adv .m-cnt li.z-on{background: #518611;}
.line1{position: relative;background: url(../images/t1.png);background-size: 100% 100%;height: 4.2em;}
.line1 img{width: 100%;display: block;}
.line1 .p1{position: absolute;left:0;top:17%;width: 100%;text-align: center;font: bold 1.33em/1.4em "Microsoft YaHei";color: #0075c2;}
.line1 .p1 a{color: #ff9600;}
.line1 .p1 em{ width: 80%; overflow: hidden; display: block; line-height: 1.5em; height: 1.5em; margin: 0 auto;}
.line1 .p1 span{color: #ff9600; display: inline-block; padding: 0 0.3em; background: #fff; width: 80%; height: 1.4em; line-height: 1.4em; overflow: hidden;}
.vs_bg .sclwrap_box , .vs_bg .m-box{height:28.5em;overflow:hidden;}
.vs_box{float: left;display: inline;}
.v_name{text-align: center;font: bold 1em/1.584em "Microsoft YaHei";color: #fff;}
.v_name span{display: inline-block; padding: 0 2%; background: #a3a3a3; width: auto; height: 2em; line-height: 2em;}
.vs_box1{padding:0 4.6875%;}
.vs_box1 dl{padding: 4% 0;}
.vs_box1 dt{font: bold 1em/1.5em "Microsoft YaHei";color: #343434;}
.vs_box1 dd{padding-top:1%;font: 1em/1.5em "Microsoft YaHei";color: #555;}
.v_line{padding-top: 5%;display: block;width: 100%;background: url(../images/vs_line.gif); background-size: 100% 100%;}
.v_tips{padding-top:4%;text-align: center;font: 1em/1.5em "Microsoft YaHei";color: #5f5f5f;}
.vs_box2{padding:0 3.125%;}
.vs_box2 .v_name span{background: #0075c2;}
.v2_icon{float: left; width: 15%; height: 21em; margin-top: 8.5%; background: url(../images/vs_icon.gif); background-size: 100% 100%;}
.v2_icon img{display: block;width: 100%;}
.v2_text{float: right;width: 81.33%;padding-top: 5%;}
.v2_text dl{padding: 4% 0;}
.v2_text dt{font: bold 1em/1.5em "Microsoft YaHei";color: #0075c2;}
.v2_text dd{padding-top:1%;font: 1em/1.5em "Microsoft YaHei";color: #555;}
.c_tab{font: 1em/2.5em "Microsoft YaHei";color: #fff;}
.c_tab li{float: left;width: 31.0%;margin: 2.1% 1.0% 0 1.2%;text-align: center;color: #fff;background: #0376c6;}
.c_tab li a{color:#FFF}
.c_tab li.z-on{background: #ff890a;}

a.c_tabmore{position: absolute;width: 42.96875%;right: 5%;top: 22.12%;z-index:10;text-align: center;color: #fff;background: #ff890a;font: 1em/2.5em "Microsoft YaHei";}
.c_tab li:last-child{background: #ff890a;}
.c_tab li:last-child a{text-align: center;color: #fff;font: 1em/2.5em "Microsoft YaHei";}
.case_bg{position: relative;}
.case_bg .sclwrap_box , .case_bg .m-box{height:25em;overflow:hidden;}
.case_box dl{float: left;display: inline;padding-top: 1.3%;}
.case_box dl a{display: block;width: 100%;height: 100%;}
.case_box dt{width: 90.625%;margin-left: 4.6875%;}
.case_box dt img{width: 100%;display: block;}
.case_box dd{width: 86%;margin: 0 auto;text-align: center; font: 1em/2.67em "Microsoft YaHei"; color: #003d6a; background: #e5e5e5; max-height: 3em; line-height: 3em; display: block; overflow: hidden; padding: 0 0.6em;}
.odds_tit{margin-top: 2.2%;border-top: 0.4em #f3f3f3 solid;padding-top: 1em;}
.odds_tit p{width: 80%; display: block; margin: 0 auto; text-align: center; color: #ff890a; font-size: 1.8em; font-weight: bold; height: 1.8em; line-height: 1.8em; overflow: hidden;}
.odds_tit p em{font-family: Arial; font-size: 1.3em; line-height: 0.2em; height: 0.2em;}
.odds_tit span{width: 90%; display: block; text-align: center; overflow: hidden; line-height: 1.5em; height: 1.5em; margin: 0 auto; color: #0075c2; font-size: 1.2em;}
.odds_bg{padding-bottom: 1em;}
.odds_bg .sclwrap_box , .odds_bg .m-box{height:27em;overflow:hidden;}
.odds_box{float: left;display: inline;}
.o_img{margin:0.5em 0;}
.o_img img{width: 100%;display: block;height: 13em;}
.odds_box dl{padding: 0 6.1875% 0 5.625%;}
.odds_box dt{position: relative;}
.odds_box dt i{display: block;width: 100%;background: url(../images/o_dt.gif);background-size: 100% 100%; height: 4.5em;}
.o_text{position: absolute;left:0;top:0;width: 100%;}
.o_text b{display: block;float: left;width: 15.6%;padding-top:0.5em;text-align: center;font: bold 1.67em/1.67em "Arial";color: #fff;}
.o_textbox{float: left;width: 81.5%;padding-left: 0.5em;height: 4em;overflow: hidden;display: block;}
.o_textbox .p1{font: bold 1.2em/1.5em "Microsoft YaHei"; color: #333; display: block; overflow: hidden; max-height: 3.2em;}
.o_textbox .p1 span{color: #0376c6;}
.o_textbox .p2{font: 0.583em "Arial"; color: #9c9c9c; text-transform: uppercase; letter-spacing: -0.5px;}
.odds_box dd{padding: 2% 0 0 15.6%;font: 1em/1.83em "Microsoft YaHei";color: #555;}
.odds_box dd span{color: #ff890a;}
.odds_bg .m-cnt{text-align: center;height: 1.875em;}
.odds_bg .m-cnt li{display: inline-block;width: 0.75em;height: 0.75em;margin:0 0.2%;border-radius: 10em;background: #56a4db;}
.odds_bg .m-cnt li.z-on{background: #0065ad;}
.title{position: relative; padding: 0 5%; font-size: 1.2em; height: 2.56em; line-height: 2.5em; font-weight: bold; background: #3b4b56; overflow: hidden; margin-top:1.0em}
.title .tit_tx{float: left;color: #fff;}
.title i{float: right;font: 0.83em/2.5em "Arial";color: #fff;padding-top: 0.4em;}
.submu{}
.submu h3{margin: 0 4.6875%;margin-top:3.8%;border: 1px solid #2e7fba;font: 1.083em/2em "Microsoft YaHei";}
.submu h3 a{position: relative; display: block; color: #fff; text-indent: 3%; border: 1px solid #88bfe4; background: #0376c6; height: 2em; line-height: 2em; overflow: hidden;padding-right: 2em;}
.submu h3 a:before{content: "";position: absolute;right:3%;top:24%;width:0.9em;height:0.923em;
background:url(../images/icon1.gif) no-repeat;
background-size: 100% 100%;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;}
.submu ul{padding: 1.5% 0 0 0;font: 1em/2.083em "Microsoft YaHei";color: #78bc27;}
.submu li{position: relative; float: left; padding-left: 2%; width: 31%; height: 2.5em; line-height: 2.5em; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.submu li:before{content: "";position: absolute;right: 0;top: 34%;width: 1px;height:48%;border-right: 1px dotted #333;}
.submu a{color: #666;}
.submu a:nth-child(3n) li:before{display: none;}
.submu a:nth-child(3n-1) li{width: 29%;}
.submu ul:nth-child(2) a:nth-child(5) li{width: 38%;}
.submu ul:nth-child(2) a:nth-child(5) li:before{display: none;}
.c_list{padding: 0.8% 0 1% 0;}
.c_list li{color:#5b5b5b;float:left;position:relative;margin:3.5% 2.34% 1% 2.34%;width:43.125%;font-size:1em;box-sizing:border-box;border:1px solid #c4c4c4;height: 11em;}
.c_list li img{width:100%; height:11em;display:block;box-sizing:border-box;}
.c_list p{position:absolute;left:0;bottom:0;width:100%;text-align:center;color: #555;font: 0.917em/1.82em "Microsoft YaHei";box-sizing:border-box;background: rgba(214,214,214,.7);height:1.82em;overflow:hidden}
.c_list a:first-child li, .c_list a:nth-child(3) li, .c_list a:nth-child(5) li{margin-left: 4.5%;}
.par_til{position:relative;padding:0 5%;font-size: 1em;height:3em;border:1px solid #dedede;border-width:1px 0;overflow:hidden;
background: #f5f5f5;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
background-image: -webkit-linear-gradient(top, #fff, #f0f0f0);
background-image: -moz-linear-gradient(top, #fff, #f0f0f0);
background-image: -o-linear-gradient(top, #fff, #f0f0f0);
background-image: linear-gradient(top, #fff, #f0f0f0);}
.par_til .tit_tx{float: left;font: 1.2em/2.5em "Microsoft YaHei";color: #0376c6;font-weight: bold;}
.par_til i{float: right;font: 0.83em/2.25em "Arial";color: #555;padding-top: 0.4em;}
.partner{padding-top: 6%;}
.partner2{padding-bottom: 6%;}
.par_box{padding-top:6%;position:relative;}
.par_box .nowrap{width: 74.375%;margin: 0 auto;}
.par_box .sclwrap_box,.par_box .m-box{height:11em;overflow: hidden;}
.parnter{float:left;display:inline;position: relative;}
.parnter li{float: left;margin-right:5%;position: relative;width: 47.5%;}
.parnter li img{width: 100%;display: block;height: 8em; box-sizing:border-box;border: 1px solid #d6d6d6;}
.parnter p{display:block;text-align:center;color: #555;font: 0.83em/2.1em "Microsoft YaHei";height: 2.1em;
overflow: hidden;}
.parnter a:nth-child(2) li{margin-right: 0;}
.par_box .next{right:5%;display: block;}
.ab_bk{margin: 0 auto; padding-top: 1.5%; width: 90%;position: relative; margin-bottom: 1em;}
.ab_bk dt{padding: 0.5em 0; font: 0.93em/1.8em "Microsoft Yahei"; text-indent: 2em;color: #555; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}
.ab_btn{padding-top:1%;font: 1em/2em "Microsoft Yahei";color: #fff;}
.ab_btn a{display:block;color: #fff;width: 32%;border-radius: 0.2em;background:#ff9600;text-align: center;margin: 0 auto;}
.hot_box{padding-top:6%;position:relative;margin-bottom: 1em;}
.hot_box .nowrap{width: 61.5625%;margin: 0 auto;}
.hot_box .sclwrap_box,.hot_box .m-box{height:12.8em;overflow: hidden;}
.hot_box li{float: left;display:inline;position: relative;width: 100%;}
.hot_box li img{width: 100%;display: block;box-sizing:border-box;}
.hot_box li span{position: absolute;left:0;bottom:0;display: block;width:100%;text-align:center;color:#555;font: 0.83em/2.2em "Microsoft YaHei";background: rgba(169,169,169,.5);}
.hot_box .prev, .hot_box .next{position:absolute;width:4.0625%;top:44%;z-index:99;cursor:pointer;}
.hot_box .prev img, .hot_box .next img{width:100%;vertical-align:top;display: block;}
.hot_box .prev{left:10%;}
.hot_box .next{right:10%;}
.sub_tab{position:relative;font-size: 1.2em;height:2.5em;border:1px solid #dedede;border-width:1px 0;overflow:hidden;
background: #f5f5f5;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
background-image: -webkit-linear-gradient(top, #fff, #f0f0f0);
background-image: -moz-linear-gradient(top, #fff, #f0f0f0);
background-image: -o-linear-gradient(top, #fff, #f0f0f0);
background-image: linear-gradient(top, #fff, #f0f0f0);}
.sub_tab li{float: left;position:relative;padding: 0 5%;font: 1em/2.5em "Microsoft YaHei";color: #555;}
.sub_tab li:before{content:"";position: absolute;right:0;top: 30%;width: 1px;height: 42%;background: #555;}
.sub_tab li:last-child:before{display: none;}
.sub_tab li.z-on{color: #0376c6;font-weight: bold;}
a.ck_more{position: absolute;right:5%;top:0;z-index:1000;font: 0.83em/3em "Arial";color: #555;}
/*新闻中心*/
.web_news{position:relative;z-index:999;margin-bottom: 1em;}
.web_news .sclwrap_box , .web_news .m-box{height:16.4em;}
.n_box{float: left;display: inline;}
.n_list{padding: 4.5% 4.6875% 0 4.6875%;font-size:0.917em;color:#666;}
.n_list a{color:#666;}
.n_list li{position:relative;padding-left:6.9%;height:2.18em;line-height: 2.18em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.n_list li:before{content: "";position: absolute;left:0;top: 45%;width: 0.5em;height: 0.5em;border-radius: 2em;background: #ddd;}
.n_list li span{display: block;float: right; margin-left: 2%;}
/*底部开始*/
.u-top{height:auto;}
.u-top span{position:relative; display:inline-block;padding-left:1.53em;font-size:1.25em;line-height:2.8em;} /*回到顶部图标样式*/
.u-top span:before{content:"";top:28%;width: 1.2em;height: 1.2em;}
.f_nav{font-size: 1.083em;width:100%;line-height: 1.62em;text-align: center;padding-top: 6.5%;}
.f_nav a{padding:0 3%;}
.m-bmu .p2{font-size:1.083em;line-height:1.4em;color: #666;padding-top: 3%;}
.m-bmu .p1{color:#555;text-align:center;}
.m-bmu .p3{padding-top:1.5%;line-height:1.5em;font-size:1em;color:#555;text-align:center;}
.m-bmu{padding:0 0 32% 0;text-align:center; font-size:1em; position:relative; border-bottom:#CCC solid 1px}
.toobar{font-size: 1em;border-bottom: 0.625em solid #0376c6;}
.toobar li{width: 23%;box-sizing:border-box;}
.toobar li b{width: 70%;height: 4em;border-radius: 0.3em;}
.toobar li b i{color: #fff; font-size: 2em; font-weight: normal; line-height: 2em;}
.toobar li span{line-height: 2em;}
@media screen and (min-width:320px){body{font-size:75%;}}
@media screen and (min-width:360px){body{font-size:87%;}}
@media screen and (min-width:400px){body{font-size:93%;}}
@media screen and (min-width:480px){body{font-size:112%;}}
@media screen and (min-width:568px){body{font-size:131%;}}
@media screen and (min-width:639px){body{font-size:150%;}}
@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1522230985098'); /* IE9*/
  src: url('iconfont.eot?t=1522230985098#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
  url('iconfont.ttf?t=1522230985098') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1522230985098#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-daohangshouye:before { content: "\e605"; }
.icon-76:before { content: "\e686"; }
.icon-arrow-right:before { content: "\e646"; }
.icon-arrow-right2{font-size: 2em;font-weight: normal;color: #999;}
.icon-guanyuwomen:before { content: "\e606"; }
.icon-anliguanli:before { content: "\e610"; }
.icon-chanpinguanli:before { content: "\e6c7"; }
.icon-arrow-left-copy:before { content: "\e6c8"; }
.icon-arrow-left2{font-size: 2em;font-weight: normal;color: #999;}
.s-wc,a.s-wc,.s-wc a{ color:#232323 ; }/*产品标题颜色*/
.m-tit .s-wc {color:#fff;}
.g-bd .m-pronav .list1 a, .g-bd .m-pronav .list2 a, .g-bd .m-pronav .list3 a, .m-pronav .content a, .u-pnum, .g-bd .m-pronav .prolist .list1 .a_tit { color:#b41e3c ; display: block;}	/*产品导航二级栏目字体颜色*/
.s-wc-2,a.s-wc-2 { color:#7C3E99 ; }/*产品搜索页立即咨询颜色*/
.s-wc-3,a.s-wc-3 { color:#3372A2; }/*产品搜索页查看详情颜色*/
.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; 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); /*角度45度，针对火狐浏览器写的兼容*/-o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/-webkit-transform: rotate(45deg); /*角度45度，针对苹果浏览器写的兼容*/transform: rotate(45deg);} /*角度45度，内页面包屑箭头样式*/
.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); /*角度45度，针对火狐浏览器写的兼容*/-o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/-webkit-transform: rotate(45deg); /*角度45度，针对苹果浏览器写的兼容*/transform: rotate(45deg);} /*角度45度，内页面包屑箭头样式*/
.m-btit a{color: #666;} 
.m-tit {position: relative; overflow: hidden; white-space: nowrap; text-indent: 10px; height: 38px; font-size: 15px; line-height: 38px; text-overflow: ellipsis; background-color: #232323; }
.m-about .list:last-child {border-bottom: none; padding-bottom: 1em; } 
.m-tit {background: 0 0 #0376c6; color: #fff; }
.m-tit.z-spe {border-bottom: 1px solid #527f9e; font-weight: bold;color: #fff; }
.m-about .list { margin:5px; font-size:12px; line-height:22px; }
.m-about .list a {font-size: 1.1em;height:33px; display:block; line-height:33px; padding-left:8px; overflow:hidden;color: #666;text-overflow: ellipsis; white-space: nowrap;}
.m-about .list a span{float: right; padding-right: 2%; display: block; color: #999; font-size: 0.9em;}
.m-about .list a:nth-child(1) { border-top:0; }
.m-about .list a:last-child { border-bottom:0; }
.g-se{float: left;left: 5%;position:relative;width: 70%;} /*搜索布局*/
.g-se .m-ipt{display: block;float: left;width: 75%;}
.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{position:absolute; z-index:100;width:42px; height:30px;}
.g-se .u-key{height: 2.12em;line-height: 2.1em;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: 0.7em; float: left; width: 130%;} 
.u-key {color: #d0d0d0; border: 1px solid #0376c6; box-shadow: 3px 2px 3px #ccc inset; }
.g-se .u-bt:before{border:3px solid #fff;}/*搜索按钮-放大镜圆圈颜色*/
.g-se .u-bt:after{background:#fff;}/*搜索按钮-放大镜直线颜色*/
.g-se .u-in{ background:transparent;}
.g-se .u-bt{background-color: #0376c6; background-image: -webkit-gradient(linear, left top, left bottom, from(#0376c6), to(#0376c6)); background-image: -webkit-linear-gradient(top, #0376c6, #0376c6); background-image: -moz-linear-gradient(top, #232323, #232323); background-image: -o-linear-gradient(top, #232323, #232323); background-image: -ms-linear-gradient(top, #232323, #232323); background-image: linear-gradient(top, #232323, #232323); }
.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-back { background:#e8e8e8; border-top:1px solid #e8e8e8; }/*返回背景样式*/
.g-se .u-bt {width: 42px; height: 30px; float: right; border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0;}
.g-hd{position:relative;overflow:hidden;background:#fff;} /*头部整体布局样式*/
.pagea{display: block; width: 97%; height: 2rem; line-height: 2rem; color: #000; background: #ddd; border-radius: 1rem; margin: 2% auto; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-indent: 1rem; padding-right: 3%;}
.pagea span{color:#000;}
.pagea a{color:#6d6d6d;}
.pagea a:hover{color:#d42a2a;}
.class-btn{position:absolute;right:16%;top:4%;width:18.0625%;line-height:0.666rem;color:#fff;text-align:center;overflow:hidden;}
.class-btn span.commonfont{font-size:0.28rem}
.m-con {margin:0 auto; position:relative;}

.par_box .prev, .par_box .next {position:absolute;width:4.0625%;top:37%;z-index:99;cursor:pointer;}
.par_box .prev img, .par_box .next img {width:100%;vertical-align:top;display: block;}
.par_box .prev {left:2%;}
.hot_box .prev, .hot_box .next {position:absolute;width:4.0625%;top:44%;z-index:99;cursor:pointer;}
.hot_box .prev img, .hot_box .next img {width:100%;vertical-align:top;display: block;}
.hot_box .prev {left:10%;}
.hot_box .next {right:10%;}

.m-rec .m-con {width:320px; margin:0 auto; position:relative;}
.m-rec .prev {width:20px; height:40px; position:absolute; top:50%; margin-top: -35px; left:0; z-index:99; }
.m-rec .prev:before {content:""; position:absolute; background:#bababa; width:12px; height:12px; left:4px; top:14px; z-index:10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.m-rec .prev:after {content:""; position:absolute; background:#f9f9f9; width:12px; height:12px; left:8px; top:14px; z-index:11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.m-rec .next {width:20px; height:40px; position:absolute; top:50%; margin-top: -35px; right:0; z-index:99; }
.m-rec .next:before {content:""; position:absolute; background:#bababa; width:12px; height:12px; right:4px; top:14px; z-index:10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.m-rec .next:after {content:""; position:absolute; background:#f9f9f9; width:12px; height:12px; right:8px; top:14px; z-index:11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.m-rec .m-nowr {margin:16px 22px 0 22px; }
.m-rec .m-box {overflow:hidden;}
.m-rec .m-box p a:nth-child(1){ margin-right:10px;}
.m-rec .m-box p a { display:inline-block; width:132px; float:left; line-height:35px; text-align:center;color: #666;}
.m-rec .m-box p a.mr10 { margin-right:10px; }
.m-rec .m-box p a img { border:1px solid #e2e2e2; float:left; width: 130px;height: 108px;}
.common-pro-search{width:90%;height:0.533rem;background: #fff;margin:2% auto;}
.common-text{float:left;border:0;background:#fff;width:84.45%;height:0.533rem;text-indent:0.1rem;font:0.16rem/0.533rem "microsoft yahei";border-radius:0;}
.common-submit{float:right;width:15.55%;border:0;font-size:0.36rem;line-height:0.533rem;color:#fff;height:0.533rem;border-radius:0;background:none;background:#333;}
.type{width:100%;top: 12.5em;background:#292929;z-index: 999;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: 12em;padding:1rem 0;display:none;z-index: 999;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:90%;margin:0 auto;color:#fff;font-size: 1em;font-weight: normal;}
.type li span i{color: #666;font-size: 1.2em;line-height: 1.8em;}
.g-bd{width:100%;height:auto;overflow: hidden;}
.g-bd h3{color: #666;}
.posi{width: 100%; height: auto; z-index: 999; top: -1px;}
.m-cpzx{overflow: hidden; padding: 1.3em 0 0;}
.comm{overflow: hidden; padding: 0 4.6875%;}
.comm a:nth-of-type(1){background: #222222 none repeat scroll 0 0; float: left; height: 2.5em; line-height: 2.5em; padding: 0 0 0 4%; width: 83%;}
.comm a:nth-of-type(1) b{color: #dfa41c; font-size: 0.8em;}
.comm a:nth-of-type(2){background: #222222 none repeat scroll 0 0; float: right; height: 2.5em; line-height: 2.5em; text-align: center; width: 13%;}
.comm a:nth-of-type(2) span{border-left: 2px solid #ffffff; color: #dfa41c; display: block; font-size: 1.5em;}
.page h3 img{height: 160px;}
.page h5 img{height: 160px;}
.page h6 img{height: 160px;}
.ljzx{margin-top: -4em;}
.con img{max-height: 180px;}
.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{overflow: hidden; padding: 0 4.6875%;}
.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{background: url("../images/cpzx_sd.gif") no-repeat scroll center top / contain ; display: block; height: 0.25em; padding-bottom: 0.4em;margin-top: -0.2em;}
.m-cpzx p a span{height: 1.2em; line-height: 1.2em; font-size: 1em; display: block; overflow: hidden;}
.m-cpzx img{width: 100%;border: 1px #ddd solid;}
.m-cpzx1 img{width: 100%;height: 8em;border: 1px #ddd solid;}
.m-cpzx1 h3{overflow: hidden; padding: 1em 4.6875% 0.7em;}
.m-cpzx1 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-cpzx1 h3 a span{font-size: 116%;}
.m-cpzx1 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-cpzx1 h3 a:nth-of-type(2n){float: right;}
.m-cpzx1 p{overflow: hidden; padding: 0 4.6875%;}
.m-cpzx1 p a{color: #656565; float: left; font-family: Arial,Helvetica,sans-serif; margin-bottom: 0.8em; text-align: center; width: 48%;}
.m-cpzx1 p a:nth-of-type(2n){float: right;}
.m-cpzx1 p a i{background: url("../images/cpzx_sd.gif") no-repeat scroll center top / contain ; display: block; height: 0.25em; padding-bottom: 0.4em;margin-top: -0.2em;}
.m-cpzx1 p a span{height: 1.2em; line-height: 1.2em; font-size: 1em; display: block; overflow: hidden;}
.g-page a {background-color: #232323; color: #fff;}
.u-mtit h2 {font-size:1.7em; text-align: center; padding: 24px 10px 10px 10px; font-weight: bold;color: #2c2c2c; }
.u-mtit p {padding-top: 10px; font-size: 12px; padding-bottom: 7px; border-bottom: 1px solid #fff; color: #666;}
#content img {width: 100%; display: block; margin: 0 auto; max-width: 560px; }
.m-mcon, .procontent {border-top: 1px solid #e6e6e6; padding: 10px 14px 7px 10px; font-size: 13px; color: #666; line-height:25px}
.m-mcon p, .procontent p {line-height: 22px; text-indent: 26px; font-size: 14px; margin: 12px 0; }
.m-mcon_a {padding: 2% 4% 7% 4%;}
.content{line-height:1.6em; padding:0.3em}
.m-rec{display: block;}
.g-bd .m-con-2 { margin-bottom:26px;background: #fff;}
.g-bd .m-con-2 a{ display:block;}
.g-bd .m-con-2 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-2 dt { float:left;display:block;border:1px solid #ccc; margin-right:11px;width: 130px;height: 110px;}
.g-bd .m-con-2 dt img { display:block;border:1px solid #e2e2e2;width: 100%;height: 100%;}
.g-bd .m-con-2 h3 { height: 24px; line-height: 24px; overflow: hidden; padding-right: 10px; color: #0376c6;margin-left: 0.4em;}
.g-bd .m-con-2 em { float: right;color: #c4c4c4;font-size: 1em;line-height: 2em;}
.g-bd .m-con-2 p { font-size: 12px; max-height: 65px;line-height: 22px; margin:5px; margin-right:3%; overflow: hidden; color: #666;}
.g-bd .m-con-2 .s-babg p span{ width: auto; height: auto; background: none; position: relative; right: inherit;top: inherit; display: inline;}
.g-bd .m-con-2 .s-babg p span:before,.g-bd .m-con-2 .s-babg p span:after{ display: none;}
.propic4{font-size:1.0rem; line-height:1.7em}
.propic4 b{color:#1A5FB3}
.gridlist li{width:33%;overflow:hidden;float:left; line-height:0em;margin-bottom:5px;}
.gridlist li .InfoTitle{ height: 30px; line-height:30px; overflow: hidden;font-size:12px; margin:0px 2px;text-align:center;color:#FFF;background:#222c50;font-weight:normal;}
.gridlist li .InfoPicture { margin:0px 2px;}
.gridlist li .InfoPicture img{ width:100%; height:8em}