/*初始化*/
*{ box-sizing: border-box; outline: 0; -webkit-box-sizing: border-box; -webkit-tap-highlight-color: transparent;
-moz-box-sizing: border-box;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, img, input, p, th, td {
    margin: 0;
    padding: 0;
}
/*all*/
a{transition:0.1s all; text-decoration: none; color: #333; background: 0 0; cursor: pointer;}
button{ cursor: pointer; }
img{ border: 0; margin: 0; padding: 0;}
u{ text-decoration: none;}
html{ height: 100%; }
body{ font-size: 14px; font-family: "Microsoft YaHei"; line-height: 18px; -webkit-overflow-scrolling: touch;}
table,thead,tbody,tr,th,td{ text-align: center;}
ul,li{ list-style-type: none;}
body{ background: #e9e9e9; }
.mt-10{ margin-top: 10px;}.mt-20{ margin-top: 20px;}
.mb-10{ margin-bottom: 10px;}.mb-20{ margin-bottom: 20px;}
.mr-10{ margin-right: 10px;}.mr-20{ margin-right: 20px;}
.ml-10{ margin-left: 10px;}.ml-20{ margin-left: 20px;  }
.p10{ padding: 10px;}
.fl{ float: left;}
.fr{ float: right;}
.cl{ clear: both;}
.center{ text-align: center;}
.hide{ display: none;}
.show{ display: block;}
.clearfix:after{ width: 100%; display: block; clear: both; height: 0px; content: '';}
.btn-lg{ width: 100%; height: 45px; background: #000; border: none; border-radius: 0px; border: none;
appearance: none; -webkit-appearance: none; -moz-appearance: none; color: #fff; font-size: 16px; line-height: 45px; display: inline-block;}
.btn-md{ width: 50%; height: 45px; background: #000; border: none; border-radius: 0px; border: none;
appearance: none; -webkit-appearance: none; -moz-appearance: none; color: #fff; font-size: 16px; margin: 0 auto; line-height: 45px; display: inline-block;}
.btn-sm{ width: 25%; height: 45px; background: #000; border: none; border-radius: 0px; border: none;
appearance: none; -webkit-appearance: none; -moz-appearance: none; color: #fff; font-size: 16px; margin: 0 auto; line-height: 45px; display: inline-block;}
.row{ width: 100%; height: auto;} 

/*top*/
.zg_top{ width: 100%; height: 30px; padding: 0px 0px; background: #eee; line-height: 30px; overflow: hidden;}
.zg_containter{ width: 1000px; height: 100%; margin: 0 auto;}
.zg_containter:after{ width: 100%; display: block; clear: both; height: 0px; content: '';}
.topl{ width: 400px; display: block; float: left; font-size: 14px; line-height: 30px; color: #000; overflow: hidden;}
.topr{ width: 400px; display: block; float: right;}
.topritem{ width: 100px; height: 30px; display: block; text-align: center; float: left;}
.topritem:hover{ background: #fff;}
.topicon{ width: 30px; height: 30px; display: block; float: left; }
.topicon img{ width: 30px; height: 30px; display: block;  }

/*head*/
.zg_head{ width: 100%; height: 70px; background: #fff; display: block;}
.logo{ width: 500px; float: left;}
.logo a{ display: block; height: 70px; width: auto;}
.logo img{ height: 70px; width: auto; display: block;}
.nav{ width: 100%; height: 50px; display: block; background: #ffd100;}
.navbar{ width: 100%; display: block; height: 50px;}
.navbar li{ width: 140px; height: 50px; float: left; display: block; margin-right: 20px; }
.navbar li a{ display: block; padding: 10px 0px; line-height: 30px; text-align: center; font-size: 16px;}
.navbar li a:hover{ background: #f2b102;}
.navbar li.active a{ background: #333333; color: #fff;}
.tel{ width: 180px; height: 40px; margin: 15px 0px 15px 20px; float: right;}
.tel a{ height: 40px; line-height: 30px; font-size: 18px; color: #0072ff; display: block; padding: 5px; background: transparent;
font-weight: bold;}
.top-icon{ width: 30px; height: 30px; display: inline-block; float: left; margin-right: 10px;}
.top-icon img{ width: 30px;}
.kf{ width: 245px; height: 70px; margin: 0px 10px; float: right;}
.kf a{ display: block;}
.kf a img{ height: 70px; width: 245px; display: block;}

/*banner*/
.zg_banner{ width: 100%; padding: 0; margin: 0; height: 370px; background: url(imgbannermsbg.jpg) no-repeat center; overflow: hidden;}
.zg_banner img{ margin-top: 0px; margin: 0; padding: 0; border: 0; float: left; }
.zg_banner .zg_containter{ height: auto; overflow: hidden; position: relative;}
.bancon{ width: 700px; height: 160px; display: block; position: absolute; right: 220px; top: 145px;
 padding: 5px 10px 5px; font-size: 60px; line-height: 80px; color: #fff; letter-spacing: 4px; text-align: right;}
.bancon span{ color: #ffd100;}

/*content*/
.zg_main{ width: 100%; height: auto; display: block; padding: 20px 0px; box-sizing: border-box;}
.article{ width: 800px; height: auto; float: left;}
.side{ width: 180px; height: auto; float: right;}

.con{ width: 100%; display: block; background: #fff; margin-bottom: 10px; }
.title{ width: 100%; height: 50px; font-size: 16px; border-bottom: 1px solid #eee; line-height: 30px; padding: 10px 10px; color: #000; font-weight: normal;}
.title2{ width: 100%; height: 50px; line-height: 30px; background: #fff; margin: 10px 0px; border-bottom: 1px solid #eee; padding: 10px 10px; color: #000;
font-size: 20px;}
.titleicon{ width: 30px; height: 30px; display: inline-block; float: left; margin-right: 10px;}
.titleicon img{ width: 30px; height: 30px; display: block; }

.con1{ background: #ffd100; padding: 15px 20px; font-size: 15px; line-height: 26px;}
.xmlist{ width: 100%; height: auto; overflow: hidden; display: block; margin-bottom: 20px;}
.xmlist li{ width: 220px; height: 40px; display: block; float: left; margin-right: 30px;}
.xmlist li a{ display: block; color: #fff; line-height: 30px; width: 100%; display: block; font-size: 16px; text-align: center; 
padding: 5px; box-sizing: border-box; border-radius: 40px; background: #ccc;}
.xmlist li a:hover{ color: #000; text-decoration: underline; }
.xmlist .ms a{ background: #ff7928;}
.xmlist .wx a{ background: #21df7f;}
.xmlist .ts a{ background: #217fdf;}
.contitle{ font-size: 18px; height: 24px; line-height: 20px; color: #000; border-left: 3px solid #ff3131; padding-left: 10px; box-sizing: border-box;
font-weight: normal; margin-bottom: 10px;}
.con1 p{ color: #555; margin-bottom: 10px;}

.kccon{ width: 100%; display: block; margin: 20px 0px; }
.citykclist{ width: 100%; display: block; }
.citykclist li{ width: 250px; height: 50px; float: left; margin-right: 25px; margin-bottom: 20px;}
.citykclist li a{ display: block; width: 100%; padding: 10px; box-sizing: border-box; border-radius: 50px; font-weight: bold; font-size: 16px; color: #fff;
 text-align: center; height: 50px; line-height: 30px;
filter:alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffd100,endcolorstr=#ff5116,gradientType=0);
-ms-filter:alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffd100,endcolorstr=#ff5116,,gradientType=0);/*IE8*/	
background:#ff5116; /* 一些不支持背景渐变的浏览器 */  
background:-moz-linear-gradient(top, #ffd100, rgba(255, 81, 22, 1));  
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffd100), to(rgba(255, 81, 22, 1)));  
background:-o-linear-gradient(top, #ffd100, rgba(255, 81, 22, 1)); }
.citykclist li a:hover{ color: #000; text-decoration: none; }

.side1{ padding-bottom: 10px; box-sizing: border-box;}
.mskclist{ width: 140px; display: block; margin: 10px auto;}
.mskclist li{ width: 140px; height: 30px; display: block; margin-bottom: 8px; }
.mskclist .active a{ background: #202020; color: #fff;}
.mskclist li a{ height: 30px; line-height: 30px; display: block; padding: 0px 10px; font-size: 14px; background: #ffd100; text-align: center;
 color: #000; }
.mskclist li a:hover{ color: #ff2c2c; text-decoration: none;}
 
.zg_city{ width: 100%; display: block; background: #666; }
.zg_footer{ background: #3b3b3b; padding: 30px; color: #fff; font-size: 12px; }
.zg_footer .zg_containter{ background: none;}
.footer{ text-align: center; line-height: 24px;}
.footer a{ color: #fff; }
.footer a:hover{ color: #ff0000; text-decoration: underline;}
.qiye_qq{ position: fixed; top: 25%; right: 0px; z-index: 999;}

/*通用咨询样式*/
.floatadr{ position: fixed; top: 6%; z-index: 1111; right: 0px; background: none;}
.topbt{ width: 60px; height: 28px; display: block; background: none; position: absolute; bottom: 5px; left: 45px; z-index: 1111;}
.adr{ width: 150px; height: auto; z-index: 1000; padding: 0px; background: none; box-sizing: border-box;}
.adrtop{ width: 150px; height: 57px; font-size: 0px; background: url(hlj.offcn.comzgfloatcommentimgadrtop.png) no-repeat center; background-size: 100% auto; }
.adrinner{ width: 150px; height: auto; background: url(hlj.offcn.comzgfloatcommentimgadbg.png) repeat-y; background-size: 100% auto; padding: 5px 15px; box-sizing: border-box;}
.adrbot{ width: 150px; height: 25px; background: url(hlj.offcn.comzgfloatcommentimgadrbot.png) no-repeat center; background-size: 100% auto;}
.adr-form{ width: 100%; padding: 10px 0px; box-sizing: border-box; border-bottom: 1px dashed #fff;}
.inp{ width: 100%; height: 30px; line-height: 30px; background: #fff; padding: 0px; box-sizing: border-box; display: inline-block;
 vertical-align: top; font-size: 12px; border-radius: 0px; appearance: none; -webkit-appearance: none; border: none;}
.sel{ width: 100%; height: 30px; line-height: 30px; background: #fff; padding: 0px; box-sizing: border-box; display: inline-block;
 vertical-align: top; font-size: 12px; border-radius: 0px; border: none;}
.adr-label{ width: 30px; height: 22px; display: inline-block; vertical-align: top; line-height: 22px; color: #fff; font-size: 12px; float: left; }
.adr-input{ margin-bottom: 8px; display: block;}
.adr-input:last-child{ margin-bottom: 0px;}
.adrbtn{ width: 80px; height: 25px; padding: 0px; background: #fe5129; border: none; border-radius: 40px; font-size: 14px; color: #fff;
 cursor: pointer; text-align: center; margin: 0 auto; display: block; }
.adr-zx{ width: 100%; padding: 0px; }
.adrzxlist{ width: 100%; display: block; margin: 0px; padding: 0px; }
.adrzxlist li{ width: 100%; border-bottom: 1px dashed #fff; padding: 10px 0px; }
.adrzxlist li a{ width: 100%; display: block; color: #fff; font-size: 14px; line-height: 18px; text-decoration: none; }
.floatclosebtn{ width: 26px; height: 26px; line-height: 22px; padding: 0px 0px 3px 1px; background:#ff384b; color:#fff; font-size:22px; cursor:pointer; text-align: center;
 margin:0px; display: block; border: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 50%; vertical-align: middle;
 position: absolute; top: -15px; left: -8px; z-index: 1111;}
 
/*左浮动*/
.float{ width: 80px; height: auto; position: fixed; top: 6%; z-index: 1000; padding: 0px; background: #fff; box-sizing: border-box;}
.floatinner{ width: 100%; height: 100%;}
.floatl{ left: 0px; }
.floatr{ right: 0px; }
.stlist{ display: block; width: 100%;}
.stlist li{ width: 80px; height: 85px; border-bottom: 1px solid #ccc; position: relative; text-align: center;}
.stlist li .tp{ width: 100%; display: block; height: 100%; float: left; text-align: center; padding: 10px; box-sizing: border-box; position: relative; }
.stlist li .tp u{ font-size: 42px; font-weight: bold; height: 45px; line-height: 45px; display: block; margin-bottom: 5px; font-style: normal;
 text-decoration: none; }
.stlist li .tp p{ display: block; font-size: 14px; color: #999;}
.stlactive{ display: block; width: 90px; height: 85px; display: block; position: absolute; top: 0px; left: 80px; background: #fff;
 border-bottom: 1px solid #ccc; border-left: 1px solid #fff; display: none; padding: 5px 10px; box-sizing: border-box;}
.sltbtn{ display: block; width: 70px; height: 20px; margin: 0px auto 7px; background: #fff; color: #000; text-align: center;
 line-height: 20px; overflow: hidden; font-size: 12px !important;}
.mb0{ margin-bottom: 0px !important;}
.stlist li .tp:hover u{ color: #fff;}
.stlist li .tp:hover p{ color: #fff;}
.stlist .l1 .tp u{ color: #5d9aff;}
.stlist .l1 .tp:hover{ background: #5d9aff;}
.stlist .l1 .stlactive{ background: #5d9aff;}
.stlist .l1.on .tp{ background: #5d9aff;}
.stlist .l2 .tp u{ color: #ff7588;}
.stlist .l2 .tp:hover{ background: #ff7588;}
.stlist .l2 .stlactive{ background: #ff7588;}
.stlist .l3 .tp u{ color: #75ddff;}
.stlist .l3 .tp:hover{ background: #75ddff;}
.stlist .l3 .stlactive{ background: #75ddff;}
.stlist .l4 .tp u{ color: #75ffd0;}
.stlist .l4 .tp:hover{ background: #75ffd0;}
.stlist .l4 .stlactive{ background: #75ffd0;}
.stlist .l5 .tp u{ color: #ffed75;}
.stlist .l5 .tp:hover{ background: #ffed75;}
.stlist .l5 .stlactive{ background: #ffed75;}
.stlist .l6 .tp u{ color: #ffa675;}
.stlist .l6 .tp:hover{ background: #ffa675;}
.stlist .l6 .stlactive{ background: #ffa675;}

.show{ display: block !important;}
.hide{ display: none !important;}
.mr0{ margin-right: 0px !important; }

/*手机端*/