﻿@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;padding-top:1px;background:#fff;}li,ol{list-style:none;}ins{text-decoration:none;}i,em{font-style:normal;}a{text-decoration:none;font-family:"Microsoft Yahei";}a:hover{cursor:pointer;text-decoration:none;}a:active{star:expression(this.onFocus=this.blur());}:focus{outline:0;}.clear{clear:both;line-height:0px;overflow:hidden;zoom:1;font-size:0px;content:'.';}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}img{padding:0;margin:0;}a img{border:none;}input,textarea{border:none;font-family:"Microsoft Yahei";font-size:13px;}h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:14px;}/*排版通用*/.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)}}/*底部社交-微信-动画*/.social_nav2 span.weichat{left:85px;top:4px;background-position:0 -100px;background-repeat:no-repeat;}.social_nav2 span.ditu{left:154px;top:4px;background-position:0 2px;background-repeat:no-repeat;height:26px;}/*底部社交-微博-动画*/.social_nav2 span.weibo{left:218px;top:7px;background-position:1px -150px;background-repeat:no-repeat;height:26px;}@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{background-image:url(SkinsBar2.png);background-size:32px 889px;}/*底部浮动栏样式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:#1778D3;background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#0752A2),color-stop(75%,#1778D3),color-stop(100%,#0752A2));/* Chrome,Safari4+ */background:-moz-linear-gradient(top,#0752A2 0%,#1778D3 75%,#0752A2 100%);/* FF3.6+ */background:-webkit-linear-gradient(top,#0752A2 0%,#1778D3 75%,#0752A2 100%);/* Chrome10+,Safari5.1+ */background:linear-gradient(to bottom,#0752A2 0%,#1778D3 75%,#0752A2 100%);/* W3C */}.social3:before{content:'';height:1px;width:100%;position:absolute;top:0;left:0;}.social3:after{content:'';height:1px;width:100%;position:absolute;bottom:0;left:0;}.social3 b{width:1px;height:100%;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:30px;left:162px;top:4px;}@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:232px;height:24px;width:30px;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;}/*定位图片样式*/.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{background-image:url(SkinsBar3.png);background-size:32px 889px;}/*底部结束*//*------通用部件-----*//*首页标题 开始*/.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-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;}/* 内页分页样式 *//*内页分享样式*/.m-share{margin-bottom:23px;font-size:13px;}/*分享间距及文字大小*/.m-share span{vertical-align:middle;line-height:25px;float:left;margin:0 10px 0 30px;}/*分享到样式*/.m-share .m-ico{position:relative;width:320px;margin:0 auto;}/*分享外框样式*/.m-share a{margin-right:10px;}/*分享图标的间距*//*内页分享样式*//*公共盒子公用样式*/.g-sbox .spe2 p a:first-child{border-top:0;}/*首页有切换效果的样式*/.g-sbox .m-con .u-lifo{display:block;padding:13px 35px 0 10px;height:113px;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;}/*内页面包屑导航背景上面的线条*/h3.m-btit{font-size:14px;}.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;}/*404页面*/.erro{padding-bottom:40px;}.erro .icon_404{padding:20px 0 10px 0;}.erro p.en{font-size:24px;margin:10px 0 15px 0;text-align:center;line-height:35px;}.erro p.cn{font-size:13px;width:300px;padding-left:20px;line-height:26px;margin:10px auto;}.erro p a{font-size:13px;}/*404页面*//*-------CSS3特效集合--------*/@keyframes xshow{0%{opacity:0;}25%{opacity:1;}50%{opacity:0;}75%{opacity:1;}100%{opacity:0;}}@-webkit-keyframes xshow{0%{opacity:0;}25%{opacity:1;}50%{opacity:0;}75%{opacity:1;}100%{opacity:0;}}@keyframes xshow2{0%{opacity:0;}20%{opacity:1;}40%{opacity:0;}60%{opacity:1;}80%{opacity:0;}100%{opacity:0;}}@-webkit-keyframes xshow2{0%{opacity:0;}25%{opacity:1;}50%{opacity:0;}75%{opacity:1;}100%{opacity:0;}}@-webkit-keyframes buttonHover{0%{box-shadow:0 0 5px #808080;}50%{box-shadow:0 0 12px #808080;}100%{box-shadow:0 0 5px #808080;}}@keyframes buttonHover{0%{box-shadow:0 0 5px #808080;}50%{box-shadow:0 0 12px #808080;}100%{box-shadow:0 0 5px #808080;}}/* 夜间模式 */.nightMode{position:fixed;top:0;left:0;z-index:9999;width:100%;height:150%;background:#000;opacity:0.0;display:none;pointer-events:none;}/* -- 定位导航 -- */.u-mbg{height:100%;width:100%;background:#000;-moz-opacity:0.6;-webkit-opacity:0.6;opacity:0.6;position:fixed;left:0;top:0;z-index:555;display:none;}.u-dwnav{position:fixed;bottom:30px;left:30px;z-index:666;padding:15px;}.u-dwnav .ico{width:40px;height:40px;background:#652C7F;border-radius:25px;border:4px solid #fff;-moz-box-shadow:0 0 0 2px #ececec;-webkit-box-shadow:0 0 0 2px #ececec;box-shadow:0 0 0 2px #ececec;}.u-dwnav .ico.z-gray{background:#808080;}.u-dwnav .ico p{padding:10px;width:30px;}.u-dwnav .ico i{width:5px;height:5px;background:#fff;border-bottom:1px solid #13322f;display:block;float:left;margin-right:3px;margin-bottom:2px;}/*定位导航弹出*/.u-popup{width:155px;height:155px;border-radius:85px;position:fixed;bottom:100px;left:80px;background:#eaeaea;border:6px solid #f2f2f2;box-shadow:inset 0 3px 3px #babcbb;z-index:666;display:none;}.u-popup .midline{background:url(midline.png) no-repeat left center;width:150px;height:155px;background-size:100%;padding-left:5px;}.u-popup .midline a{display:inline-block;text-align:center;width:75px;float:left;height:40px;padding-top:25px;font-size:10px;}.g-se{padding:15px 10px;position:relative;}/*搜索布局*/.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-hd .m-tel{padding:2.2% 0 2.2% 17.5%;overflow:hidden;font-size:0.9em;color:#969595;border-bottom:1px solid #e4e4e4;position:relative;}.g-hd .m-tel a{font-size:1em;color:#969696;font-weight:bold;}.m-tel .u-tel{width:4.8%;height:53%;display:block;background:url(tel.jpg) no-repeat;float:left;position:absolute;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;left:10.3%;top:26%;}/*头部电话图标*/.u-tel .s-ln-1,.u-tel .s-ln-2{border:1px solid #aeaeae;}.m-tel .u-tel .z-ln-1{z-index:10;display:inline-block;width:6px;height:6px;border-width:1px 1px 0 0;border-radius:0 35px 0 0;position:absolute;top:-1px;right:-1px;animation-name:xshow;/*动画名称*/animation-duration:4s;/* 动画时间*/animation-timing-function:linear;/*动画频率，匀速*/animation-iteration-count:infinite;/*动画循环播放的次数，infinite为无限次*/-webkit-animation-name:xshow;/*针对苹果浏览器写的兼容*/-webkit-animation-duration:4s;/*针对苹果浏览器写的兼容*/-webkit-animation-timing-function:linear;/*针对苹果浏览器写的兼容*/-webkit-animation-iteration-count:infinite;/*针对苹果浏览器写的兼容*/-o-animation-name:xshow;/*针对欧朋浏览器写的兼容*/-o-animation-duration:4s;/*针对欧朋浏览器写的兼容*/-o-animation-timing-function:linear;/*针对欧朋浏览器写的兼容*/-o-animation-iteration-count:infinite;}/*头部电话一闪一闪的线条，css3样式*/.m-tel .u-tel .z-ln-2{z-index:10;display:inline-block;width:4px;height:4px;border-width:1px 1px 0 0;border-radius:0 30px 0 0;position:absolute;top:1px;right:1px;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样式*/.m-tel .u-tel .z-ln-3{z-index:10;display:inline-block;width:2px;height:2px;border-width:1px 1px 0 0;border-radius:0 35px 0 0;position:absolute;top:3px;right:3px;animation-name:xshow;/*动画名称*/animation-duration:4s;/* 动画时间*/animation-timing-function:linear;/*动画频率，匀速*/animation-iteration-count:infinite;/*动画循环播放的次数，infinite为无限次*/-webkit-animation-name:xshow;/*针对苹果浏览器写的兼容*/-webkit-animation-duration:4s;/*针对苹果浏览器写的兼容*/-webkit-animation-timing-function:linear;/*针对苹果浏览器写的兼容*/-webkit-animation-iteration-count:infinite;/*针对苹果浏览器写的兼容*/-o-animation-name:xshow;/*针对欧朋浏览器写的兼容*/-o-animation-duration:4s;/*针对欧朋浏览器写的兼容*/-o-animation-timing-function:linear;/*针对欧朋浏览器写的兼容*/-o-animation-iteration-count:infinite;}/*头部电话一闪一闪的线条，css3样式*/@media screen and (min-width:320px){.m-tel .u-tel .z-ln-1{width:6px;height:6px;top:-1px;right:-1px;border-width:1px 1px 0 0;}.m-tel .u-tel .z-ln-2{width:4px;height:4px;top:1px;right:1px;border-width:1px 1px 0 0;}.m-tel .u-tel .z-ln-3{width:2px;height:2px;top:3px;right:3px;border-width:1px 1px 0 0;}}@media screen and (min-width:360px){.m-tel .u-tel .z-ln-1{width:8px;height:8px;top:-1px;right:-1px;border-width:1px 1px 0 0;}.m-tel .u-tel .z-ln-2{width:5px;height:5px;top:2px;right:2px;border-width:1px 1px 0 0;}.m-tel .u-tel .z-ln-3{width:3px;height:3px;top:4px;right:4px;border-width:1px 1px 0 0;}}@media screen and (min-width:480px){.m-tel .u-tel .z-ln-1{width:9px;height:9px;top:-2px;right:-2px;border-width:2px 2px 0 0;}.m-tel .u-tel .z-ln-2{width:6px;height:6px;top:1px;right:1px;border-width:2px 2px 0 0;}.m-tel .u-tel .z-ln-3{width:3px;height:3px;top:4px;right:4px;border-width:2px 2px 0 0;}}@media screen and (min-width:568px){.m-tel .u-tel .z-ln-1{width:12px;height:12px;top:-3px;right:-3px;border-width:2px 2px 0 0;}.m-tel .u-tel .z-ln-2{width:9px;height:9px;top:0px;right:0px;border-width:2px 2px 0 0;}.m-tel .u-tel .z-ln-3{width:5px;height:5px;top:3px;right:3px;border-width:2px 2px 0 0;}}@media screen and (min-width:639px){.m-tel .u-tel .z-ln-1{width:14px;height:14px;top:-3px;right:-3px;border-width:2px 2px 0 0;}.m-tel .u-tel .z-ln-2{width:10px;height:10px;top:1px;right:1px;border-width:2px 2px 0 0;}.m-tel .u-tel .z-ln-3{width:6px;height:6px;top:5px;right:5px;border-width:2px 2px 0 0;}}.g-hd .m-con{overflow:hidden;width:100%;padding:0 0 3.2% 0;}.g-hd .m-con h5{font-weight:bold;color:#002392;font-size:1.16em;padding:4.5% 0 3% 1.4%;margin-left:1%;overflow:hidden;position:relative;}.g-hd .m-con h5:before{content:"";position:absolute;width:1px;height:40px;top:15px;left:0;background-image:-webkit-gradient(radial,left top,left bottom,from(#a2d7bc),to(#fff));background-image:-webkit-radial-gradient(circle,#a2d7bc,#fff);background-image:-moz-radial-gradient(circle,#a2d7bc,#fff);background-image:radial-gradient(circle,#a2d7bc,#fff);}.g-hd .m-con h5 em{display:block;font-size:0.8em;font-weight:normal;}.g-hd .m-con .logo{margin:5% 0 0 0.5%;width:29%;display:inline-block;}.g-hd .m-con .logo img{width:100%;}@media screen and (min-width:320px){.g-hd .m-con h5:before{width:1px;height:40px;top:15px;}}@media screen and (min-width:360px){.g-hd .m-con h5:before{width:1px;height:50px;top:16px;}}@media screen and (min-width:480px){.g-hd .m-con h5:before{width:1px;height:60px;top:18px;}}@media screen and (min-width:568px){.g-hd .m-con h5:before{width:1px;height:70px;top:20px;}}@media screen and (min-width:639px){.g-hd .m-con h5:before{width:1px;height:80px;top:25px;}}/**/.g-ft{height:auto;overflow:hidden;margin-top:5%;}.g-ft .u-top{height:auto;position:relative;padding:6% 0;border-bottom:1px solid #a7a7a7;border-top:5px solid #848484;background:#eee;background-image:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#e4e4e4));background-image:-webkit-linear-gradient(top,#eee,#e4e4e4);background-image:-moz-linear-gradient(top,#eee,#e4e4e4);background-image:-o-linear-gradient(top,#eee,#e4e4e4);background-image:-ms-linear-gradient(top,#eee,#e4e4e4);background-image:linear-gradient(top,#eee,#e4e4e4);}.g-ft .u-top:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#d1d1d1;}/*网站底部线条颜色*/.g-ft .u-top:after{content:"";position:absolute;left:0;bottom:1px;width:100%;height:1px;background:#fff;}/*网站底部线条颜色*/.g-ft .u-top span{display:block;color:#000;font-size:1.08em;position:absolute;right:2.5%;top:50%;text-align:right;}.g-ft .u-top span:before{content:"";position:absolute;width:0;height:0;border-bottom:20px solid #000;border-left:22px solid transparent;border-right:22px solid transparent;top:-65%;left:8%;}.g-ft .m-bmu{text-align:center;height:auto;position:relative;padding:3% 0 0 0;}.g-ft .m-bmu:before{content:"";position:absolute;width:100%;height:4px;top:0;left:0;background-image:-webkit-gradient(linear,left top,left bottom,from(#d8d8d8),to(#fff));background-image:-webkit-linear-gradient(top,#d8d8d8,#fff);background-image:-moz-linear-gradient(top,#d8d8d8,#fff);background-image:-o-linear-gradient(top,#d8d8d8,#fff);background-image:-ms-linear-gradient(top,#d8d8d8,#fff);background-image:linear-gradient(top,#d8d8d8,#fff);}.g-ft .m-bmu .u-link{font-size:1em;position:relative;padding:0 9%;}.g-ft .m-bmu .u-link a{padding:1% 3%;display:inline-block;height:auto;color:#000;}.g-ft .m-bmu .dz{text-align:center;font-size:1em;padding:3% 0 0 0;color:#868686;line-height:2em;}.g-ft .wx{width:36%;text-align:center;margin:4% auto 0;}.g-ft .wx img{width:100%;}.g-ft .wx span{display:block;text-align:center;display:block;font-size:0.8em;color:#616161;padding:2% 0 0 0;}@media screen and (min-width:320px){.g-ft .u-top{border-top:5px solid #848484;}.g-ft .m-bmu:before{height:4px;}.g-ft .u-top span:before{border-bottom:8px solid #000;border-left:10px solid transparent;border-right:10px solid transparent;}}@media screen and (min-width:360px){.g-ft .u-top{border-top:6px solid #848484;}.g-ft .m-bmu:before{height:5px;}.g-ft .u-top span:before{border-bottom:11px solid #000;border-left:13px solid transparent;border-right:13px solid transparent;}}@media screen and (min-width:480px){.g-ft .u-top{border-top:7px solid #848484;}.g-ft .m-bmu:before{height:6px;}.g-ft .u-top span:before{border-bottom:13px solid #000;border-left:15px solid transparent;border-right:15px solid transparent;}}@media screen and (min-width:568px){.g-ft .u-top{border-top:9px solid #848484;}.g-ft .m-bmu:before{height:7px;}.g-ft .u-top span:before{border-bottom:16px solid #000;border-left:18px solid transparent;border-right:18px solid transparent;}}@media screen and (min-width:639px){.g-ft .u-top{border-top:10px solid #848484;}.g-ft .m-bmu:before{height:8px;}.g-ft .u-top span:before{border-bottom:20px solid #000;border-left:22px solid transparent;border-right:22px solid transparent;}}/*@media screen and (max-width:640px){}@media screen and (min-width:640px){.g-ft .m-bmu a:nth-child(3){border-right:1px solid #6b6b6b;}}*/