@charset "utf-8";
/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea{margin: 0;padding: 0;}
body{font-size: 14px;font-family: "Microsoft Yahei", Verdana, Arial, Helvetica, sans-serif;color:#737373;height:auto;}
li, ol{list-style: none;}
ins{text-decoration: none;}
i, em{font-style: normal;}
a{text-decoration: none;font-family: "Microsoft Yahei";}
a:hover{cursor: pointer;text-decoration: none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline: 0;}
.clear{clear: both;line-height: 0px;overflow: hidden;zoom: 1;font-size: 0px;content: '.';}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{padding: 0;margin: 0;}
a img{border: none;}
input, textarea{border: none;font-family: "Microsoft Yahei";font-size: 13px;}
input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance: none;}
textarea{-webkit-appearance: none;}
h1, h2, h3, h4, h5, h6{font-weight: normal;font-size: 14px;}
#content p img{width: 100%;display: block;margin: 0 auto;max-width: 560px;}
.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; }
/*排版通用*/
.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;overflow: hidden;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;} /*内页目录样式*/
/*内页返回结束*/
/*底部浮动栏样式2*/
.social_nav2{height: 55px;width: 306px;position: fixed;bottom: 0;left: 0;z-index: 999;overflow: hidden;}/*底部浮动社交导航/电话*/
.social_nav2 .social2{display: block;width: 288px;height: 55px;margin-right: 18px;overflow: hidden;position: relative;}
.social_nav2 a{height: 55px;line-height: 85px;font-size: 13px;width: 22%;display: inline-block;font-size: 12px;position: relative;z-index: 11;text-align: center;}
.social_nav2 a.tel{width: 22%;text-indent: 5px;}
.social_nav2 span{display: block;width: 35px;height: 25px;position: absolute;top: 0;z-index: 10;}
.social2{background-image: -webkit-gradient(linear, left top, left bottom, from(#32323a), to(#23232b));background-image: -webkit-linear-gradient(top, #32323a, #23232b);background-image: -moz-linear-gradient(top, #32323a, #23232b);background-image: -o-linear-gradient(top, #32323a, #23232b);background-image: -ms-linear-gradient(top, #32323a, #23232b);background-image: linear-gradient(top, #32323a, #23232b);}
.social2 a{color: #fff;}
.social2:before{content: '';height: 1px;width: 100%;background: #000;border-bottom: 1px solid #4b4c57;position: absolute;top: 0;left: 0;}
.social2:after{content: '';height: 1px;width: 100%;background: #000;border-top: 1px solid #4b4c57;position: absolute;bottom: 0;left: 0;}
.social2 b{width: 1px;height: 100%;background: #000;border-left: 1px solid #4b4c57;position: absolute;top: 0;right: 0;}
/*底部社交-电话-动画*/
.social_nav2 span.tel{left: 14px;top: 7px;height: 30px;background-position: 8px -49px;animation-name: telshow;animation-duration: 1.0s;animation-timing-function: linear;animation-iteration-count: infinite;-webkit-animation-name: telshow;-webkit-animation-duration: 1.0s;-webkit-animation-timing-function: linear;-webkit-animation-iteration-count: infinite;-o-animation-name: telshow;-o-animation-duration: 1.0s;-o-animation-timing-function: linear;-o-animation-iteration-count: infinite;}
@keyframes telshow{0%{transform: rotate(0deg)} 5%{transform: rotate(-13deg)} 10%{transform: rotate(0deg)} 15%{transform: rotate(-13deg)} 20%{transform: rotate(0deg)} 25%{transform: rotate(-13deg)} 100%{transform: roate(0deg)}}
@-webkit-keyframes telshow{0%{-webkit-transform: rotate(0deg)} 5%{-webkit-transform: rotate(-13deg)} 10%{-webkit-transform: rotate(0deg)} 15%{-webkit-transform: rotate(-13deg)} 20%{-webkit-transform: rotate(0deg)} 25%{-webkit-transform: rotate(-13deg)} 100%{-webkit-transform: roate(0deg)}}

@keyframes xshow2{0%{opacity:0;}
20%{opacity:1;}
40%{opacity:0;}
60%{opacity:1;}
80%{opacity:0;}
100%{opacity:0;}}
@-o-keyframes xshow2{0%{opacity:0;}
25%{opacity:1;}
50%{opacity:0;}
75%{opacity:1;}
100%{opacity:0;}}
@-webkit-keyframes xshow2{0%{opacity:0;}
25%{opacity:1;}
50%{opacity:0;}
75%{opacity:1;}
100%{opacity:0;}}
.social_nav2 span.talk99{background-position: 1px -200px;background-repeat: no-repeat;left: 226px;height: 24px;width: 26px;top: 8px;}
.social_nav2 .btn{display: block;width: 20px;height: 55px;position: absolute;right: 0;background-position: 0 -249px;}
.social_nav2 .btn2{display: block;width: 20px;height: 55px;position: absolute;right: 0;background-position: 0 -786px;display: none;}
/*定位图片样式*/
.header .tel_bt, .title .icon, .sytitbg .icon, .probox .content ul li, .probox .content ul li ul li, .navbg, .brand_advance .yscontent h2, .social_nav2 .btn, .social_nav2 .btn2, .social2 span, .hotline .telbg{}
/*底部浮动栏样式3*/
.social_nav3{height: 55px;width: 320px;position: fixed;bottom: 0;left: 0;z-index: 999;overflow: hidden;}
/*底部浮动社交导航/电话*/
.social_nav3 .social3{display: block;width: 288px;height: 55px;margin-right: 18px;overflow: hidden;position: relative;}
.social_nav3 a{height: 55px;line-height: 85px;font-size: 13px;width: 65px;display: inline-block;font-size: 12px;position: relative;z-index: 11;text-align: center;color: #fff;}
.social_nav3 a.tel{width: 65px;text-indent: 15px;}
.social_nav3 span{display: block;width: 35px;height: 25px;position: absolute;top: 0;z-index: 10;}
.social3{background-color: #32323a;background-image: -webkit-gradient(linear, left top, left bottom, from(#32323a), to(#23232b));background-image: -webkit-linear-gradient(top, #32323a, #23232b);background-image: -moz-linear-gradient(top, #32323a, #23232b);background-image: -o-linear-gradient(top, #32323a, #23232b);background-image: -ms-linear-gradient(top, #32323a, #23232b);background-image: linear-gradient(top, #32323a, #23232b);}
.social3:before{content: '';height: 1px;width: 100%;background: #000;border-bottom: 1px solid #4b4c57;position: absolute;top: 0;left: 0;}
.social3:after{content: '';height: 1px;width: 100%;background: #000;border-top: 1px solid #4b4c57;position: absolute;bottom: 0;left: 0;}
.social3 b{width: 1px;height: 100%;background: #000;border-left: 1px solid #4b4c57;position: absolute;top: 0;right: 0;}
/*底部社交-电话-动画*/
.social_nav3 span.tel{left: 30px;top: 5px;height: 30px;background-position: 3px -49px;animation-name: telshow;animation-duration: 1.0s;animation-timing-function: linear;animation-iteration-count: infinite;-webkit-animation-name: telshow;-webkit-animation-duration: 1.0s;-webkit-animation-timing-function: linear;-webkit-animation-iteration-count: infinite;-o-animation-name: telshow;-o-animation-duration: 1.0s;-o-animation-timing-function: linear;-o-animation-iteration-count: infinite;}
@keyframes telshow{0%{transform: rotate(0deg)} 5%{transform: rotate(-13deg)} 10%{transform: rotate(0deg)} 15%{transform: rotate(-13deg)} 20%{transform: rotate(0deg)} 25%{transform: rotate(-13deg)} 100%{transform: roate(0deg)}}
@-webkit-keyframes telshow{0%{-webkit-transform: rotate(0deg)} 5%{-webkit-transform: rotate(-13deg)} 10%{-webkit-transform: rotate(0deg)} 15%{-webkit-transform: rotate(-13deg)} 20%{-webkit-transform: rotate(0deg)} 25%{-webkit-transform: rotate(-13deg)} 100%{-webkit-transform: roate(0deg)}}
/*底部社交-微信-动画*/
.social_nav3 span.weichat{background-position: 6px -150px;background-repeat: no-repeat;left: 86px;top: 7px;}
@keyframes xshow{0%{opacity:0;}
25%{opacity:1;}
50%{opacity:0;}
75%{opacity:1;}
100%{opacity:0;}}
@-o-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;}}
/*底部社交-微博-动画*/
.social_nav3 span.weibo{background-position: 1px -430px;background-repeat: no-repeat;height: 26px;left: 157px;top: 7px;}
@keyframes xshow2{0%{opacity:0;}
20%{opacity:1;}
40%{opacity:0;}
60%{opacity:1;}
80%{opacity:0;}
100%{opacity:0;}}
@-o-keyframes xshow2{0%{opacity:0;}
25%{opacity:1;}
50%{opacity:0;}
75%{opacity:1;}
100%{opacity:0;}}
@-webkit-keyframes xshow2{0%{opacity:0;}
25%{opacity:1;}
50%{opacity:0;}
75%{opacity:1;}
100%{opacity:0;}}
.social_nav3 span.talk99{background-position: 1px -200px;background-repeat: no-repeat;left: 226px;height: 24px;width: 26px;top: 8px;}
.social_nav3 .btn{display: block;width: 32px;height: 55px;position: absolute;right: 0;background-position: 0 -786px;}
.social_nav3 .btn2{display: block;width: 32px;height: 55px;position: absolute;right: 0;background-position: 0 -249px;display: none;}
#target {display:block;overflow:hidden}
/*定位图片样式*/
.header .tel_bt, .title .icon, .sytitbg .icon, .probox .content ul li, .probox .content ul li ul li, .navbg, .brand_advance .yscontent h2, .social_nav3 .btn, .social_nav3 .btn2, .social3 span, .brand_advance .yscontent .telbg{}
/*底部结束*/
/*------通用部件-----*/
/*首页标题 开始*/
.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: ""; /*配合:before这个属性，写 before的时候一定要加上去*/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: ""; /*配合:before这个属性，写 before的时候一定要加上去*/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-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;}/*首页切换公司动态列表链接样式*/
/*公共盒子公用样式*/
/*内页面包屑导航样式 开始*/
.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: ""; /*配合:before这个属性，写 before的时候一定要加上去*/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: ""; /*配合:before这个属性，写 before的时候一定要加上去*/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: ""; /*配合:before这个属性，写 before的时候一定要加上去*/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度，内页面包屑箭头样式*/
/*内页面包屑导航样式 结束*/
/*通用弹出层背景遮罩*/
.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;}

/*-------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;}}
/* -- 定位导航 -- */
.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;}
.g-se{padding: 15px 10px;position: relative;} /*搜索布局*/
.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;} /*搜索中的请输入关键词样式*/


/*广告*/
.g-adv{clear: both;height: auto;overflow: hidden;position: relative;}
.g-adv img{width: 100%;display: block;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 1rem;width: 26.6%!important;height: 1.5rem;left: 36.7%!important;}
.g-adv .swiper-pagination-bullet{background: #fff;width: 0.8rem;height: 0.8rem;border-radius: 0.8rem;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;margin: 0 0 0 1rem;}
.g-adv .swiper-pagination-bullet-active, .edge_c .swiper-pagination-bullet-active{background: #e3232f;}
.swiper-slide{overflow: hidden;}
.til01{height:4.5rem;line-height: 2.6rem;font-size: 1.2rem;color: #767676;text-align: center;white-space: nowrap;background: url(../images/tilbg1.png) no-repeat center 3.5rem;}
.til01 p{display: block;font-size: 2.4rem;line-height: 3rem;font-weight: bold;}
.til01 span{color: #2b2b34;font-weight: bold;font-size: 2rem;line-height: 3.5rem;display: block;}
/*加工范围*/
.m-range{font-size: 1rem;color: #737373;line-height: 1.5rem;padding: 1rem 2.5% 0;clear: both;display: block;position: relative;text-align: center;overflow: hidden;}
.range_c dl{width: 48.5%;float: left;position: relative;height:19rem; margin:0 0.5%;}
.range_c dl:nth-child(2n){margin-left: 3%;}
.range_c dt, .range_c dt img{width: 100%;display: block;}
.range_c dd{width: 90.8%;display: block;position: absolute;left: 5.1%;top: 7.3rem;background:url(../images/range_lbg.png) no-repeat 0 0;padding: 2rem 1.1rem 0;height: 10.35rem;border-bottom: solid 0.25rem #e3232f;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;}
.range_c dd h3{font-size: 1.2rem;font-weight: bold;line-height: 1.5rem;color: #2b2b34;padding: 0 0 0.8rem;}
.range_c dd h3 a{color: #2b2b34;display: block;}
.range_c a dd{color:#737373;}
/*产品中心*/
.m-probox{font-size: 1.1rem;line-height: 2rem;padding: 0 2.5%;overflow: hidden;position: relative;text-align: center;}
.prev, .next {width: 1.85rem;display: block;position: absolute;top: 16.98rem;right: 2.5%;z-index: 9;}
.prev {left: 2.5%;}
.protil{text-align: center;font-size: 1.2rem;line-height: 2.6rem;color: #fff;}
.protil li{margin: 0 0.95% 0.3rem 0;background: #868686;width: 32.7%;float: left;overflow: hidden;height:2.6rem;}
.protil li a {color:#fff;}
.protil li:nth-child(3), .protil li:nth-child(5), .protil li:nth-child(8){margin-right: 0;}
.protil li:nth-child(4), .protil li:nth-child(5){width: 49.525%;}
.pro_l{clear: both;margin-top:0.5rem;}
.pro_l li{width: 48.69%;float: left;margin-bottom: 0.7rem;color: #9d9d9d;}
.pro_l li img{width: 100%;display: block;border: solid 1px #dadada;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;}
.pro_l ul a:nth-child(2n) li{margin-left: 2.62%;}
.pro_l li span{display: block;line-height: 2rem;height:2rem;overflow:hidden;color: #9d9d9d;background: #ebebeb;}
/*优势*/
.m-edge{font-size: 1.1rem;line-height: 1.8rem;color: #737373;position: relative;height: 43.6rem;padding: 1.5rem 0 0;}
.m-edge h2{display: block;margin-bottom: 0.6rem;}
.m-edge img {width:100%;}
.prev2, .next2{width: 1.7rem;display: block;position: absolute;bottom: 1.4rem;right: 34.3%;z-index: 9;}
.prev2{left: 34.3%;}
.edge_c{overflow: hidden;height: 34.4rem;position: relative;margin: 0 2.5%;}
.edge_c dd{padding: 0 0.66rem;display: block;}
.edge_c dd h3{height: 4.95rem;line-height: 2rem;font-size: 1.4rem;font-weight: bold;color: #e3232f;overflow: hidden;}
.edge_c dd h3 span{width: 2.7rem;height: 5rem;float: left;color: #fff;font-size: 2rem;line-height: 2.6rem;background: url(../images/edge_ico.gif) no-repeat 0 0;-webkit-background-size: 2.7rem 3.2rem;-moz-background-size: 2.7rem 3.2rem;-o-background-size: 2.7rem 3.2rem;background-size: 2.7rem 3.2rem;font-family: DINCond-Bold, Times New Roman;text-align: center;margin: 0 1rem 0 0;}
.edge_c dd h3 p{width: 70%;float: left;}
.edge_c dd h3 p em{display: block;font-size: 0.7rem;font-weight: normal;color: #a8a8a8;font-family: Arial;font-style: normal;line-height: 0.75rem;text-transform: uppercase;}
.edge_c dd li{background: url(../images/ico01.gif) no-repeat 0.1rem 0.55rem;-webkit-background-size: 0.4rem 0.4rem;-moz-background-size: 0.4rem 0.4rem;-o-background-size: 0.4rem 0.4rem;background-size: 0.4rem 0.4rem;padding: 0 0 0 0.95rem;line-height: 1.8rem;}
/*设备*/
.m-show{padding: 0 2.5%;text-align: center;font-size: 0.9rem;line-height: 2rem;}
.m-show .til01{height: 5.65rem;}
.showtil{height: 4.2rem;}
.showtil li{height: 2.4rem;width: 27%;float: left;font-size: 1.2rem;color: #fff;background: #868686;line-height: 2.4rem;}
.showtil li:nth-child(1){margin: 0 0.5rem 0 22%;}
.showtil li.cur{font-weight: bold;background: #e3232f;}
.show_c{overflow: hidden;}
.show_c li{width: 48.7%;float: left;margin-bottom: 0.8rem;position: relative;}
.show_c li img {max-width:100%;}
.show_c li span{width: 100%;position: absolute;left: 0;bottom: 0;height: 2rem;background: rgba(0 , 0 , 0 , 0.6);color: #fff;}
.show_c ul a:nth-child(2n) li{margin-left: 2.6%;}
/*客户案例*/
.m-case{font-size: 1.1rem;line-height: 1.5rem;color: #737373;padding: 0 2.5%;position: relative;height: 33.5rem;text-align: center;}
.prev3, .next3{top: 14rem;}
.case_c{overflow: hidden;}
.case_c dl{height:26.5rem;background: #ebebeb;}
.case_c dt, .case_c dt img{display: block;width: 100%;}
.case_c dd{padding: 0.4rem 1rem 0;}
.case_c dd h3{height: 2.9rem;font-weight: bold;font-size: 1.2rem;line-height: 2.9rem;color: #363739;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.case_c dd p a, .new_c dd em, .new_c li p em{display: inline-block;color: #e3232f;font-style: normal;}
/*资讯*/
.m-news{width:100%;overflow: hidden;font-size: 1.1rem;line-height: 1.5rem;color: #606163;}
.newtil{height: 3.65rem;line-height: 3.65rem;background: #5e5e60;margin: 0 0 1.2rem;font-size: 1.3rem;color: #fff;overflow: hidden;}
.newtil span{float: right;background: url(../images/ico02.gif) no-repeat 0 center;-webkit-background-size: 0.9rem 0.9rem;-moz-background-size: 0.9rem 0.9rem;-o-background-size: 0.9rem 0.9rem;background-size: 0.9rem 0.9rem;padding: 0 1.3rem;color: #fff;font-size: 1.2rem;}
.newtil span a{display: inline-block;color: #fff;}
.newtil li{height: 3.65rem;float: left;color: #fff;padding: 0 1.6rem;}
.newtil li a {color:#fff;}
.newtil li.cur{background: #e3232f;}

.new_c{overflow: hidden;margin: 0 2.5%;}
.new_c li{margin: 0 0 0.55rem;overflow: hidden;height: 5.45rem;background: #ededed;}
.new_c li span{width: 18.33%;text-align: center;height: 5.45rem;font-family: Tahoma;color: #666;font-size: 0.8rem;line-height: 1.1rem;float: left;}
.new_c li span em{display: block;font-size: 2.5rem;color: #666;line-height: 2.3rem;padding: 1rem 0 0;}
.new_c li p{height: 5.45rem;width: 81.67%;float: left;overflow: hidden;line-height: 1.7rem;padding: 0.2rem 0 0 2%;border-left: solid 1px #fff;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;color: #666;}
.new_c li p b{display: block;color: #303030;font-weight: normal;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.m-about{font-size: 1.1rem;line-height: 1.8rem;color: #737373;text-align: left;}
.about_p {padding:0 2.5%;}
.about_p img{width: 100%;display: block;}
.about_w{padding: 0.35rem 3.7%;}
.about_w h3{font-size: 1.2rem;font-weight: bold;line-height: 3.4rem;height: 3.4rem;overflow: hidden;color: #2b2b34;text-align: center;}
.about_c div a{display: block;color: #fff;margin:0.5rem auto;line-height: 2.15rem;height: 3.35rem;background: url(../images/morebg1.png) no-repeat center 0;-webkit-background-size: 9.3rem 3.35rem;-moz-background-size: 9.3rem 3.35rem;-o-background-size: 9.3rem 3.35rem;background-size: 9.3rem 3.35rem;text-align: center;}
html{font-size: 10px;}
@media screen and (min-width: 320px){html{font-size: 10.625px;}}
@media screen and (min-width: 360px){html{font-size: 11.875px;}}
@media screen and (min-width: 400px){html{font-size: 13.125px;}}
@media screen and (min-width: 440px){html{font-size: 14.375px;}}
@media screen and (min-width: 480px){html{font-size: 15.625px;}}
@media screen and (min-width: 520px){html{font-size: 16.875px;}}
@media screen and (min-width: 560px){html{font-size: 18.125px;}}
@media screen and (min-width: 600px){html{font-size: 19.375px;}}
@media screen and (min-width: 640px){html{font-size: 20px;}}

.g-hd{height: 5.35rem;position: relative;z-index: 19;background: #e3232f;}
.m-logo{width: 13.91%;padding: 0.5rem 2.5% 0 2.97%;position: relative;background: #fff;height: 4.85rem;overflow: hidden;}
.m-logo img{width: 100%;display: block;}
.m-text{width: 70%;line-height: 5.35rem;height: 5.3rem;font-size: 1.5rem;white-space: nowrap;text-align: center;color: #fff;overflow: hidden;}
.m-text a{display: inline-block;color: #fff;padding: 0 1rem;}
.f-fr{float: right;}
.f-fl{float: left;}
.downmenu{width: 9%;display: block;padding: 2.25rem 0 0;}
.downmenu img{width: 1.75rem;display: block;}
.head2 .menu_btn a.downmenu.hover{background: #fb4c36;border-radius: 5px;box-shadow: 1px 1px 1px #666;}
.menu2{position: relative;z-index: 9;}
.menu2 .slideMenu{width: 80%;padding: 1.2rem 10% 2rem;display: none;z-index: 80;background: rgba( 215, 16 , 23 , 0.9);overflow: hidden;position: absolute;top: 5.35rem;right: 0;transition: transform 1s;-webkit-transition: transform 1s;}
.menu2 .slideMenu li{border-bottom: 1px solid #fff;color: #fff;line-height: 3.5rem;font-size: 1.2rem;clear: both;}
.menu2 .slideMenu li:last-child{border-width: 0.15rem;}
.menu2 .slideMenu li a{color: #fff;display: block;line-height: 3.5rem;}

.g-ft{height: auto;padding: 1.9rem 0 4rem;position: relative;z-index: 99;font-size: 1.1rem;line-height: 1.8rem;z-index: 19;color: #606163;text-align: center;}
.ontop{height: 3.35rem;display: block;text-align: center;font-size: 1.3rem;line-height: 5.3rem;background: #e6e6e6;position: relative;}
.ontop span{display: block;color: #606163;background: url(../images/ontop.gif) no-repeat center 0;-webkit-background-size: 4.25rem 4.25rem;-moz-background-size: 4.25rem 4.25rem;-o-background-size: 4.25rem 4.25rem;background-size: 4.25rem 4.25rem;text-transform: uppercase;position: absolute;top: -1.7rem;left: 50%;margin-left: -2.125rem;width: 4.25rem;border-radius: 1.25rem;}
.f_con{height: 6rem;padding: 1rem 0 0;}
.f_con p{height: 3.7rem;white-space: nowrap;}
.f_con a.f_map{display: block;line-height: 2rem;height: 2rem;}
.f_con a.f_map span{color: #e3232f;display: inline-block;padding: 0 0 0 1.7rem;background: url(../images/f_ico5.gif) no-repeat 0 center;-webkit-background-size: 1.25rem 1.2rem;-moz-background-size: 1.25rem 1.2rem;-o-background-size: 1.25rem 1.2rem;background-size: 1.25rem 1.2rem;}
.social_nav5{height: 4rem;position: fixed;bottom: 0;min-width: 320px;max-width: 640px;width: 100%;z-index: 999;text-align: center;line-height: 1.7rem;background: #e3232f;}
.social_nav5 li{height: 4rem;width: 25%;font-size: 1rem;float: left;color: #fff;position: relative;}
.social_nav5 li:before{content: "";position: absolute;width: 1px;height: 100%;left: 0;top: 0;background: #e94f59;}
.social_nav5 a:nth-child(1) li:before{background: none;width: 0;height: 0;}
.social_nav5 li span{display: block;width: 1.9rem;height: 1.8rem;display: block;padding: 0.5rem 0 0;margin: 0 auto;}
.social_nav5 li span img{width: 1.9rem;display: block;}

.main-tit-11{height: 4rem;width: 100%;font-size: 1.6rem;text-align: center;color: #fff;line-height: 4rem;background: #5e5e60;border-bottom: 1px solid #FA756E;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box; margin-bottom:10px;}

.main-footer-1{height: 4.1rem;position: relative;z-index: 98;}
.main-footer-1-con{max-width: 640px;min-width: 320px;width: 100%;position: fixed;bottom: 0;background: rgba(0, 0, 0, 0.8);}
.main-footer-1-list{border-top: 1px solid #e3232f;display: none;}
.main-footer-1-list li{float: left;width: 50%;height: 2.5rem;font-size: 1.2rem;line-height: 2.5rem;color: #fff;box-sizing: border-box;padding-left: 18%;position: relative;}
.main-footer-1-list li a{color: #fff;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main-footer-1-list li:after{content: "";width: 0.5rem;height: 0.5rem;position: absolute;left: 30%;top: 1rem;background: #fff;border-radius: 100%;}
.main-footer-1-list .clear{border-bottom: 1px solid #fff;}
.main-footer-1-list .clear:nth-last-child(1){border-bottom: 0;}
.main-footer-1-mata{height: 4.1rem;background: #313131;border-top: 1px solid #e3232f;text-align: center;}
.main-footer-1-mata p{display: inline-block;font-size: 1.4rem;color: #fff;line-height: 2.2rem;border: 1px solid #fff;border-radius: 0.4rem;padding: 0 4%;margin-top: 1rem;}

.m-xx-01{margin-bottom: 1.6rem;min-height:30rem;}
.m-xx-01-tit{height: 4rem; width: 100%; font-size: 1.6rem; text-align: center; color: #fff; line-height: 4rem; background: #5e5e60; border-bottom: 1px solid #FA756E; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;}
.m-xx-01-txt{width: 93.75%; font-size: 1.4rem; color: #535353; line-height: 2.2rem; text-align: center; border-bottom: 1px solid #a3a3a3; margin: 0.6rem auto; padding: 1rem 0;}
.m-xx-01-txt-span{width: 93.75%; margin:0 auto 0.6rem;padding-bottom:0.6rem;border-bottom: 1px dashed #a3a3a3;height: 1.8rem;line-height:1.8rem;font-size: 0.8rem;color: #909090; text-align:center;}
.m-xx-01-pic {width: 93.75%; text-align:center;margin:0 auto;}
.m-xx-01-pic img {max-width:100%;}
.m-xx-01-desc{width: 93.75%; margin: 0 auto;color: rgb(102, 102, 102);line-height:1.9;}
.m-xx-01-desc img {max-width:100%;}
.m-xx-fy-01{height: 3.7rem; background: #e8e8e8; padding: 1.6rem 3.125%; margin-bottom: 1rem;}
.m-xx-fy-01 p{width: 62%; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.m-xx-fy-01-return{float: right; width: 3.5rem; height: 3rem; box-sizing: border-box; padding-top: .2rem; margin-top: .2rem; font-size: 1rem; line-height: 1.2rem; text-align: center; color: #fff; background:#343434;}
.m-xx-fy-01-prev, .m-xx-fy-01-next{height: 1.8rem; margin-bottom: 0.1rem; font-size: 1.2rem; color: #4b4a4a; line-height: 1.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.m-xx-fy-01-prev a, .m-xx-fy-01-next a {color: #4b4a4a;}
.m-xx-fy-01-prev span, .m-xx-fy-01-next span{width: 4.8rem; height: 1.8rem; display: block; font-weight: bold; color: #fff; text-align: center; float: left; background: #a2a2a2; margin-right: .2rem;} 

.m-gy-dfl-01{margin-bottom: 1.6rem;}
.m-gy-dfl-01-tit{height: 4rem;width: 100%;font-size: 1.6rem;text-align: center;color: #fff;line-height: 4rem;background: #5e5e60;border-bottom: 1px solid #FA756E;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;}
.m-gy-dfl-01-desc{width: 93.75%;margin: 0 auto;}
.about1{} 
.about1 h2, .lx1 h2{font-size: 1.4rem; color: #2b2b34; text-align: center; display: block; margin: 1rem auto 1.5rem; font-weight: normal; letter-spacing: 1px; border-bottom: 1px solid #ddd; width: 40%;} 
.about1 h2 span, .lx1 h2 span{display: block; border-bottom: 3px solid #e3232f; width: 20%; text-align: center; margin: 0.5rem auto -1.5px;} 
.about1 dl{} 
.about1 dl dt{border: 1px solid #eee; padding: 3px; line-height: 0;} 
.about1 dl dt img{} 
.about1 dl dd{margin-top: 1rem;letter-spacing: 1px; line-height: 150%; font-size: 1.1rem;} 
.about1 dl dd h5{font-size: 1.3rem; font-weight: normal; letter-spacing: 0.25rem;} 
.about1 dl dd i{display: block; border-bottom: 2px solid #cc3441; width: 5%; margin: 0.5rem 0 1rem;} 
.lianxi{margin-top: 1.5rem;}
.lianxi li{float: left; width: 45%; height: 10rem; text-align: center; margin-right: 2%; color: #666; margin-bottom: 1rem; line-height: 140%; font-family: 微软雅黑; background: #eee; padding: 0 2%;}
.lianxi li:nth-child(2n){margin-right: 0px;}
.lianxi li img{margin-top: 1rem; width: 2.6rem;}
.lianxi li i{display: block; font-size: 1rem; color: #333; padding-bottom: 0.3rem; font-style: normal; padding-top: 0;}
.lianxi li span{display: block; font-size: 1.1rem; color: #333;}
.lianxi li.last span{font-size: 0.9rem; line-height: 160%;}

.page{width:92%; text-align:center; padding:5px;color:#777;background:#ddd;border-radius:0.38rem;margin:4% auto;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}
.page a { color:#e3232f;}

.wbytable .wbytext {border: 1px solid #e3e3e3; height: 22px; outline: medium none; padding: 5px; width: 100%; }
.wbytable .wbyarea {border: 1px solid #e3e3e3; height: 75px; outline: medium none; padding: 5px; width: 100%; }
.wbytable .msgbut {border-radius: 6px; border: 1px solid #cccccc; color: #555555; cursor: pointer; height: 32px; line-height: 32px; width: 90px; }
.wbytable .wbytextyz {border: 1px solid #e3e3e3; float: left; height: 22px; outline: medium none; padding: 5px; width: 25%; }
.wbytable .wyzm {display: block; float: left; height: 22px; padding-left: 8px; padding-top: 6px; width: 48px; }