@charset "utf-8";

@font-face {
  font-family: 'iconfont';  /* project id 2503473 */
  src: url('//at.alicdn.com/t/font_2503473_y1nngrdpq6f.eot');
  src: url('//at.alicdn.com/t/font_2503473_y1nngrdpq6f.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_2503473_y1nngrdpq6f.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_2503473_y1nngrdpq6f.woff') format('woff'),
  url('//at.alicdn.com/t/font_2503473_y1nngrdpq6f.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_2503473_y1nngrdpq6f.svg#iconfont') format('svg');
}

.drawer-toggle { display:none; visibility:hidden; }
#header_box{ clear:both; background:#fff; position:fixed; z-index:9990; width:100%;transition: all 0.5s; top:0px;}

.w1200_center{ width:90%; max-width:1200px; margin:auto; position:relative;transition: all 0.3s;}   
.z_top{ background:#363636; height:45px; line-height:45px;}
.z_top h1.hy_text{ padding:0px; margin:0px; color:#ddd; font-size:14px; font-weight:normal; float:left;}

.top01_right{ float:right; margin-top:30px;}
.top01_right .tel_box{ float:left; height:30px; line-height:30px; font-size:24px; color:#fca206; padding-right:5px}
.top01_right .tel_box i{font-size:30px; line-height:30px; font-family:"iconfont" !important; font-style:normal; display:block; padding-right:5px; float:left}
.top01_right .xtb_box{ float:right;}
.top01_right .xtb_box a{ width:30px; height:30px; display:block; float:left; background:url(../images/top_icon.jpg) no-repeat; position:relative;margin-right:5px;}
.top01_right .xtb_box a.wx p{ position:absolute; z-index:999; width:100px; margin-top:40px; margin-left:-40px; display:none; padding:10px;box-shadow: 0 2px 3px #999; background:#fff; border:1px solid #ddd;}
.top01_right .xtb_box a.wx p img{ width:100%;}
.top01_right .xtb_box a.wx:hover p{ display:block;}
.top01_right .xtb_box a.icon01{ background-position:-3px -2px;}
.top01_right .xtb_box a.icon02{ background-position:-37px -2px;}
.top01_right .xtb_box a.wb{ background-position:-72px -2px;}
.top01_right .xtb_box a.yx{ background-position:-106px -2px;}

.top01_right .yy_box{ float:right; width:80px; background: url(../images/xl.png) no-repeat 55px 6px  #136096; cursor:pointer; font-size:12px; color:#fff; border-radius:3px; height:30px; line-height:30px; }
.top01_right .yy_box img{ vertical-align:middle; float:left; margin:8px 3px 0 8px}
.top01_right .yy_box .yy_xl{ background:#136096; width:80px; z-index:9999; position:relative; border-radius:0 0 3px 3px; height:0px;transition: all 0.5s; overflow:hidden;}
.top01_right .yy_box .yy_xl a{ color:#fff; text-decoration:none; display:block; text-align:center; height:30px; line-height:30px;}
.top01_right .yy_box .yy_xl a:hover{ background:#1554bd;}
.top01_right .yy_box:hover .yy_xl{ height:90px;}
.top01_right .yy_box:hover{border-radius:3px 3px 0px 0px;}

.top_right{ float:right; color:#fff; list-style:none;}
.top_right li{ float:right; margin-left:15px; border-left:1px solid #555; padding-left:15px;}
.top_right li i{font-size:20px; float:left; margin-right:5px; color:#ddd;} 
.top_right li a{ color:#ddd; text-decoration:none;}
.top_right li a:hover{ color:#fff; text-decoration:underline;}

.logo{ float:left; margin-top:5px; margin-bottom:5px;transition: all 0.3s;}
.logo img{ width:100%;}

#mu_box{ width:100%; margin:auto; background:#136096; border-top:3px solid #fca206}
#nav_box{list-style:none;}
#nav_box li{ float:right; height:50px; line-height:47px;-webkit-transition: margin-left .2s linear;-moz-transition: margin-left .2s linear;-o-transition: margin-left .2s linear; padding-top:0px;transition: all 0.3s; width:14%; text-align:center}
#nav_box li a{ color:#fff; font-size:16px; text-decoration:none; display:block;  height:50px;}
#nav_box li a:hover{ color:#fff; background:#fca206;}
#nav_box li {float:left; position:relative;}
#nav_box li ul{ display:none;  width:100%;}
#nav_box li:hover ul {display:block; position:absolute; top:50px; left:0;}
#nav_box li:hover ul li{height:40px; line-height:40px; border-bottom:1px #176eab solid; background:#136096;  width:100%; text-align:center}
#nav_box li:hover ul li a{ font-size:14px; background-image:none; color:#FFF; height:40px; line-height:40px; padding:0;}
#nav_box li:hover ul li:last-child{border-bottom:none}
#nav_box #navactive .yj{background:#fca206;}

.top_01{transition: all 0.5s; position:relative; height:120px;}

.nav_float{box-shadow: 0 1px 3px #666!important;transition: all 0.3s;}
.nav_float .w1200_center{ width:96%;}
.nav_float .logo{ max-width:260px;}
.nav_float #nav_box li{ height:60px; line-height:60px;}
.nav_float #nav_box li a{ height:60px;}
.nav_float #ss_box{ margin-top:10px;}
.nav_float .top_01{ height:0px; position:relative;overflow:hidden;transition: all 0.5s; max-width:100%;}

.nav_float #nav_box li:hover ul{top:60px;}


#ind_ss_box{ width:100%; margin:auto; clear:both; border-bottom:1px solid #ddd; font-size:14px; line-height:30px; padding:5px 0 5px 0;}
.hot_gjz{ height:30px; float:left; padding:15px 0 15px 0; width:60%; line-height:25px; height:25px;}
.hot_gjz b{ border-left:5px solid #c90000; padding-left:10px; font-weight:normal; font-size:16px;  float:left;}
.hot_gjz a{ float:left; color:#666; margin-right:15px; font-size:13px; text-decoration:none;}
.hot_gjz a:hover{  color:#c90000;}
.hot_gjz span{ float:left; color:#c90000; margin-right:15px;}

/*--搜索--*/
#ss_box{ width:400px; height:35px;float:right;font-family: "Microsoft YaHei"; background:#fff;overflow:hidden; border:1px solid #ddd; position:absolute; right:0px;transition: all 0.3s; border-radius:3px; margin-top:10px}
#ss_box:hover{ width:400px; border:1px solid #136096;}
#ss_box:hover .ss_input{ display:block;}
#ss_box .ss_input{ width:350px;  height:35px; line-height:35px; vertical-align:middle; padding-left:5px;font-size:12px; color:#999;font-family: "Microsoft YaHei"; float:left;resize:none;border:none;outline:none;}
#ss_box .ss_input:hover{ color:#666; } 
#ss_box .ss_input:focus{ color:#444; }
#ss_box .ss_an{width:25px; height:25px; line-height:999px; float:right; border:none;background:url(../images/ss_an01.png) no-repeat center #136096; cursor:pointer; color:#fff;font-family:"Microsoft YaHei"; font-size:14px; border-radius:3px; margin-top:5px; margin-right:5px; position:absolute; z-index:999; right:0px; outline:none;}
#ss_box .ss_an:hover{background:url(../images/ss_an01.png) no-repeat center #fca206; }


#banner_box02{ padding-top:170px; margin:0 auto; max-width:1200px; height:150px; margin-bottom:20px; background:url(../images/s.png) no-repeat center bottom;}
#banner_box02 img{ }


/*-- 底部 --*/
#foot_box{ font-size:12px; color:#fff; background:#333; clear:both; margin-top:0px; padding-top:10px; }
#foot_box .foot_left{ float:left; width:25%; margin-top:30px;}
#foot_box .foot_about_text{ clear:both; padding-top:20px;}
#foot_box .foot_about_text .foot_logo{ float:left;}
#foot_box .foot_about_text p{ float:left; margin-left:20px; line-height:22px; margin-top:10px;}
#foot_box .foot_nav{ color:#fff; clear:both; margin-top:20px; border-top:1px solid #be5324; padding-top:15px; margin-bottom:10px;}
#foot_box .foot_nav a{ color:#fff; margin-left:5px; margin-right:5px;} 
.foot_tel{ font-size:20px;}
.foot_add{ background:url(../images/iconfont-gongsidizhi.png) no-repeat top left; padding-left:25px; line-height:20px; color:#999; margin-top:5px;}

.foot_link{ width:98%; max-width:1200px; margin:20px auto 10px; border-top:1px solid #333; padding-top:15px; color:#ddd; }
.foot_link a{ color:#999; margin-right:10px;}
.foot_link a:hover{ color:#ddd;}

#foot_box .foot_right{ float:left; width:60%;  text-align:left; color:#666; padding-top:20px;}

#foot_box .foot_lmnav { padding-top:0px; width:23%; float:left; margin-right:2%;}
.foot_x{ width:20px; height:3px; display:block; background:#fca206; margin-top:10px; margin-bottom:15px;}
#foot_box .foot_lmnav h2{color:#fff;font-size:18px; margin-bottom:10px; font-weight:normal;}
#foot_box .foot_lmnav li{ height:25px; overflow:hidden;}
#foot_box .foot_lmnav02 li:nth-child(2){ display:none !important}
#foot_box .foot_lmnav li a{font-size:12px; color:#ccc; line-height:25px; text-decoration:none;}
#foot_box .foot_lmnav li a:hover{ color:#f90;}
#foot_box .foot_cplb li{ float:left !important; width:50%;}
#foot_box .foot_lmnav .foot_cont{color:#ccc;}
#foot_box .foot_lmnav .foot_cont p{height:25px; line-height:25px; margin:0}

#foot_box .foot_contact{ float:right; width:13%; margin-top:30px; color:#333;}
#foot_box .foot_contact .ms{ float:left; line-height:18px; color:#ccc;}
#foot_box .foot_contact .foot_2wm{ float:right; width:120px; margin-top:10px;}
#foot_box .foot_contact .ms p{ font-size:18px; margin:0px;}
#foot_box .foot_contact .ms p img{ margin-right:10px;}
#foot_box .foot_contact .ms .foot_tel{ font-size:34px; color:#007a39; font-weight:bold; margin-top:15px; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif;}
#foot_box .foot_contact .ms  b{ display:block; font-size:16px; font-weight:normal; color:#555; margin-bottom:15px;}

#foot_box .foot_text{ height:50px; line-height:50px; background:#222; color:#fff; text-align:left; clear:both; margin-top:30px;}
#foot_box .foot_text .foot_text_right{ float:right; text-align:right;color:#fff; width:50%; padding:0px; margin:0px;}
#foot_box .foot_text .copy_left{ float:left; color:#fff;width:50%;}
#foot_box .foot_text .foot_text_right a{ color:#FFF}


.gjbg_box{ background:#f5f5f5; border-top:1px solid #ddd; padding-bottom:30px; clear:both;}
.ind_bt02{ height:40px; line-height:40px; border-bottom:1px solid #ddd;}
.ind_bt02 h1{ font-size:20px; font-weight:normal; border-left:4px solid #ff3401; padding-left:10px; height:25px; line-height:25px; margin-left:15px;}

.gj_box,.hzhb_box,.serveicets_box{ width:98%; max-width:1200px; margin:auto; border:1px solid #ddd; background:#fff; margin-top:30px;}
.gj_box ul{ padding:20px 0 20px 0;}
.gj_box ul li{ float:left; width:25%; text-align:center; height:60px; line-height:60px;}
.gj_box ul li a{ text-decoration:none; color:#333; font-size:22px;}
.gj_box ul li a i{ font-size:45px; vertical-align:middle; margin-right:10px; color:#ff3401;}
.gj_box ul li a:hover{ color:#ff3401;}


#wap_foot{ width:100%; background:#136096; position:fixed; bottom:0px; border-top:1px solid #115482; display:none; z-index:999;}
#wap_foot ul{ margin-left:-1px;}
#wap_foot ul li{ width:24.3%; float:left; text-align:center; border-left:1px solid #115482; border-right:1px solid #115482;}
#wap_foot ul li a{ display:block; padding:10px 0 10px 0; color:#fff; text-decoration:none; line-height:20px; font-size:12px;}
#wap_foot ul li a i{ display:block; margin:auto; font-size:18px; height:28px; line-height:28px; overflow:hidden; margin-bottom:3px;}
#wap_foot ul li a i img{ width:24px;}
#wap_foot ul li a:hover{ background:#222;}


.hzhb_list{  padding:20px 0 20px 0;}
.hzhb_list li{ float:left; width:25%; text-align:center;}
.hzhb_list li img{ width:80%;}

.serveicets_box ul{ padding:15px 1% 15px 2%;}
.serveicets_box li{ width:21%; float:left; text-align:center; padding:10px 2% 10px 2%;}
.serveicets_box li i{ font-size:40px; color:#ff3401; font-weight:normal; font-style:normal; border:2px solid #ff3401; border-radius:100px; width:40px; height:40px; padding:15px; display:block; line-height:40px; float:left;}
.serveicets_box li p{ float:left; margin-left:15px; text-align:left; color:#666;}
.serveicets_box li p b{ display:block; font-size:18px; color:#333; margin-bottom:5px;}

/*---在线漂浮 css--*/
.main-im{position:fixed;right:10px;top:150px;z-index:100;height:500px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}

.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../images/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:8px;width:40px;height:133px;background:url(../images/open_im.png) no-repeat left top;}
.main-im  .QQ_an{ background:url(../images/qqq_online.gif) no-repeat; width:81px; height:23px; font-size:12px; text-indent:20px; line-height:23px; display:block; color:#333; text-decoration:none; font-weight:normal; margin:3px auto;}

@media only screen and (max-width:1200px) {
.w1200_center{ width:94%;}
.logo{ float:left; max-width:300px; }



}

@media only screen and (max-width:1150px) {
#nav_box li a{font-size:16px;  padding:0 15px;}	
}
@media only screen and (max-width:1100px) {
.logo{ float:left; max-width:280px; }

.w1200_center{ width:96%;}


}


@media only screen and (max-width:960px) {
#header_box{ border-bottom:0px;}
#banner_box,.top01_right{display:none;}
.top_01{ height:auto;}
.nav_float .top_01{ height:auto; position:relative;overflow:hidden;transition: all 0.5s; max-width:100%;}

#wap_banner{display:block;}
#nav_box{ display:none;}
.drawer-toggle { display:block; visibility:inherit;}
.z_top{ display:none;}
.logo{ float:left;  max-width:200px; margin-top:5px; margin-bottom:5px;}

#ind_ss_box{ display:none;}

.ind_zl{ padding:30px 0; background:url(../images/ind_bg02.jpg) center no-repeat; background-size:100%; }
.zl_iconlist{ width:98%; max-width:1200px; margin:auto;}
.zl_iconlist dl{ width:48%; background:#fff;  position:relative; float:left; margin-left:2%;}
.zl_iconlist dl dd{ float:left; width:200px; overflow:hidden;}
.zl_iconlist dl dt{ float:right; position:absolute;  padding:15px;padding-left:220px;}
.ind_10servicelist{ margin-left:0px; margin-top:40px;}

#foot_box { padding-bottom:70px;}
#foot_box { padding-bottom:70px;}
/*-- 底部 --*/
#foot_box{ font-size:12px; color:#fff; background:#f3f3f3; clear:both; margin-top:0px; padding-top:0px; }
#foot_box .foot_left{ float:left; width:25%; margin-top:0px; margin-right:15px; display:block;}
#foot_box .foot_left img{ width:100%;}

#foot_box .foot_right{ float:left; width:50%;  text-align:left; color:#666; padding-top:20px; display:none;}

#foot_box .foot_contact{ float:right; width:60%; margin-top:0px; color:#333; display:none;}
#foot_box .foot_contact .ms{ float:left; line-height:18px; color:#666;}
#foot_box .foot_contact .foot_2wm{ float:right; width:120px; margin-top:10px;}


#wap_foot{display:block;}
#ss_box{ display:none;}

.nav_float{box-shadow: 0 1px 3px #666!important;transition: all 0.3s;}
.nav_float .w1200_center{ width:96%;}
.nav_float .logo{ max-width:250px;}


#wap_foot{display:block;}
#ss_box{ display:none;}

.nav_float{box-shadow: 0 1px 3px #666!important;transition: all 0.3s;}
.nav_float .w1200_center{ width:96%;}
.nav_float .logo{ max-width:200px;}

#banner_box02{padding-top: 50px;}
}

@media only screen and (max-width:780px) {
	

.gj_box,.hzhb_box,.serveicets_box{ width:98%; max-width:1200px; margin:auto; border:1px solid #ddd; background:#fff; margin-top:20px;}
.gj_box ul{ padding:20px 0 20px 0;}
.gj_box ul li{ float:left; width:25%; text-align:center; height:60px; line-height:60px;}
.gj_box ul li a{ text-decoration:none; color:#333; font-size:16px;}
.gj_box ul li a i{ font-size:35px; vertical-align:middle; margin-right:5px; color:#ff3401;}
.gj_box ul li a:hover{ color:#ff3401;}	
	

#foot_box { padding-bottom:70px;}

/*-- 底部 --*/
#foot_box{ font-size:12px; color:#fff; background:#f3f3f3; clear:both; margin-top:0px; padding-top:0px; }
#foot_box .foot_left{ float:left; width:100%; margin-top:10px; margin-right:0px; display:block; text-align:center; margin-bottom:25px; display:none;}
#foot_box .foot_left img{ width:80%; max-width:150px;}

#foot_box .foot_right{ float:left; width:50%;  text-align:left; color:#666; padding-top:20px; display:none;}

#foot_box .foot_contact{ float:none; width:100%; margin-top:20px; color:#333; text-align:center;}
#foot_box .foot_contact .ms{ float:none; line-height:18px; color:#666;}
#foot_box .foot_contact .foot_2wm{ float:none; width:120px; margin-top:10px;}

#foot_box .foot_text{ height:auto; line-height:25px; background:#333; color:#fff; text-align:center; clear:both; margin-top:30px; padding:10px 0 10px 0;}
#foot_box .foot_text .foot_text_right{ float:none; text-align:center;color:#999; width:100%; padding:0px; margin:0px;}
#foot_box .foot_text .copy_left{ float:none; color:#999;width:100%;text-align:center;}


.main-im{position:fixed;right:10px;top:150px;z-index:100;width:110px;height:500px; display:none;}

.main-im{position:fixed;right:10px;top:150px;z-index:100;width:110px;height:500px; display:none;}


}
@media only screen and (max-width:680px) {
#banner_box02{ background-size:230%; padding-top: 20px;}
}
@media only screen and (max-width:480px) {
.gj_box ul{ padding:20px 0 20px 0;}
.gj_box ul li{ float:left; width:48%; text-align:center; height:60px; line-height:60px;}
.gj_box ul li a{ text-decoration:none; color:#333; font-size:16px;}
.gj_box ul li a i{ font-size:45px; vertical-align:middle; margin-right:0px; color:#ff3401;}
.gj_box ul li a:hover{ color:#ff3401;}
	
}

@media only screen and (max-width:320px) {
#banner_box02{ background-size:230%; padding-top: 0px;}	

}