@charset "utf-8";
/*default style */
* { margin: 0; padding: 0; }
li {list-style: none; }
a { text-decoration: none; color: #999; cursor: pointer;}
body { font-size: 14px; font-family: "Roboto", "Noto Sans CJK SC", "Nato Sans CJK TC", "Nato Sans CJK JP", "Nato Sans CJK KR", -apple-system, ".SFNSText-Regular", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Zen Hei", Arial, sans-serif;background: #fff }
button{cursor: pointer;outline: none}
textarea{resize: none;}
em{font-style: normal;}
/* IE6 BUG */
img { border:none; }
br { height: 0; }
body{overflow-x: hidden;text-align: justify;text-justify: inter-ideograph;}
/*common style*/

.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.none{display: none}
.no-mar{margin-right: 0px !important;}
.no-mal{margin-left: 0px !important;}
.no-bdr{border-right: none !important;}
.noborder{border: none !important;}
.nopadding{padding: 0 !important;}
.erocolo{color: #e51c23;display: none;padding-left: 10px;}

.header{position: relative;}
.header .header_top{height: 40px;width: 100%;min-width: 1220px;background: #575757;border:1px solid #444;font-size: 14px;}
.header .header_top .header_top_cont{width: 1220px;height: 40px;line-height: 40px;margin:0 auto;}
.header .header_top .header_top_cont .top_left .now_comp{color:#b0b0b0;width: 200px;text-align: center;background: #575757;cursor: pointer;font-size: 13px;}
.header .header_top .header_top_cont .top_left .now_comp:hover{background: #454545;}
.header .header_top .header_top_cont .top_left .now_comp img{vertical-align: middle;margin-left: 10px;}
.header .header_top .header_top_cont .top_left .now_compen{color:#fff;width: 280px;text-align: center;background-color: #454545;cursor: pointer;}
.header .header_top .header_top_cont .top_left .now_compen img{vertical-align: middle;}
.header .header_top .header_top_cont .top_right{color:#b0b0b0;}

.top_right .lagua,.top_right .topcat,.top_right .logusty{float: left;margin: 0 10px;}
.top_right .logusty{padding-left:26px;position: relative;cursor: pointer;padding-right: 18px;}
.top_right .logusty .userselis{position: absolute;top: 40px;left: 0px;width: 160px;display: none;z-index: 50}
.top_right .logusty .userselis .sellist{height: 60px;line-height: 60px;background-color: #292929;border-left: 6px solid #292929;}
.top_right .logusty .userselis .sellist a{display:block;font-size: 12px;color: #b0b0b0;}
.userselis .sellist a img{width: 40px;height: 40px;border-radius: 100%;vertical-align: middle;margin-right: 16px;margin-left: 19px;}
.top_right .logusty .userselis .sellist:hover{background-color: rgba(4,102,42,0.9);border-left: 6px solid #04d719;}
.top_right .logusty .userselis .sellist:hover a{color: #fff;}

.top_right .topcat{margin-left: 0px;line-height: 40px;display: inline-block;height: 40px;text-align: center;}
.top_right .hasprocat{background-color:#63b55b;}
.top_right .hasprocat:hover{background-color:#6cc763;}
.top_right .hasprocat a{color:#fff;}

.top_right a{color:#b0b0b0;}
.top_right a:hover{color:#fff;}
.top_right .selinofu{margin-left:10px;cursor:pointer;}
.top_right .selinofup{margin-left:10px;cursor:pointer;display: none;}

.header .header_top .header_top_cont{position: relative;}
.header .header_top .header_top_cont .top_right .selaro{vertical-align: middle;margin-right:8px;}
.header .header_top .select_comp{position: absolute;top:0px;left: 0px;background:#fff;display: none}

.header .header_bottom{width: 1220px;margin:0 auto;height: 100px;}
.header .header_bottom .bottom_center .navul {margin-top:26px;}
.header .header_bottom .bottom_center .navul li{float:left;padding:14px 14px;
margin:.2rem;position:relative;-webkit-transform:skew(-20deg);-moz-transform:skew(-20deg);-ms-transform:skew(-20deg);-o-transform:skew(-20deg);transform:skew(-20deg);background-color:#2baf2b;}
.header .header_bottom .bottom_center .navul li a{display: inline-block;}
.header .header_bottom .bottom_center .navul li:hover{color: #fff;background-color:#f9c14c;}
.header .header_bottom .bottom_center .navul .actnav a{color: #fff;}
.header .header_bottom .bottom_center .navul li a{display:inline-block;font-size: 17px;color:#fff; height: 20px;}

.header .header_bottom .bottom_left{width:120px;height: 100px;overflow: hidden;}
.header .header_bottom .bottom_left a{display: block;}
.header .header_bottom .bottom_left a img{width:100%;margin-top: -12px;}
 
.footer{background-color: #e8e8e8;}
.footer .footer_top{min-width: 1220px;width: 100%;}
.footer .footer_top .footer_top_cont{width: 1220px;margin:0 auto;margin-bottom: 25px}
.footer .footer_top .footer_top_cont .dl_list{width: 18%;float:left;text-align: left;padding-left: 3%}
.footer .footer_top .footer_top_cont .dl_list dt{color:#696969;font-size:16px;font-weight: bold;line-height: 23px;margin-top:30px;}
.footer .footer_top .footer_top_cont .dl_list dd{line-height: 40px}
.footer .footer_top .footer_top_cont .dl_list dd a{color:#696969;}
.footer .footer_top .footer_top_cont .dl_list dd a:hover{color:#009c44;}
.footer .footer_top .footer_top_cont .dl_list .qimmg{margin-top: 15px;}
.footer .footer_bottom{background:#696969;height: 40px;line-height: 40px;text-align: center;color:#fff;font-size: 12px;}

.loginbg{position: fixed;width: 100%;left: 0px;top: 0px;height: 100%;background: rgba(0,0,0,0.6);z-index: 8;display: none;}
.logincl{position: fixed;left: 50%;top: 25%;margin-left:-195px;z-index: 9; width: 390px; height: 420px;background-color: #fff; display: none;}
.logincl .logininfo{width: 320px;margin: 63px auto 0px;position: relative;}
.logincl .logininfo .logi{font-size: 18px; color: #333332;margin-bottom: 40px;}
.logincl .logininfo em{font-size: 22px;font-weight: bold; color: #333332;}
.logincl .logininfo .loginp{margin-bottom: 12px;overflow: hidden;border: 1px solid #dedede;border-radius: 3px;}
.logincl .logininfo .loginp em{float: left;width: 20px; height: 20px;margin-top: 14px;margin-left: 15px;}
.logincl .logininfo .loginp em img{width:100%;}
.logincl .logininfo .loginp input{width: 260px;height: 48px; border: none;padding-left: 15px;font-size: 14px;outline: none;}
.logincl .logininfo .logsel{margin-bottom: 19px;overflow: hidden;margin-top: 25px;}
/*.logincl .logininfo .logsel .remen{float: left;}
.logincl .logininfo .logsel .remen input{float: left;margin-top: 4px; margin-right: 5px;}
.logincl .logininfo .logsel .remen label{float: left;}*/
.logincl .logininfo .logselzc a{font-size: 12px;color: #7d8696;}
.logincl .logininfo .logselzc a:first-child{margin-left: 21px;}
.logincl .logininfo .logselzc .forget{display: block; float: right;}
.logincl .logininfo .logsel .logbtn{width: 100%; height: 48px; margin: 0 auto;background-color: #64b65c;border-radius: 2px;text-align: center; line-height: 48px;font-size: 18px; color: #fff;cursor: pointer;border:none;}
.logincl .logininfo .logsel .logbtn:hover{background: #009c44}
.logincl .logininfo .logselzc .regnow{display: block; float: right;}
.logincl .logininfo .cloes{width: 26px; height: 26px;position: absolute; top: -58px; right: -30px; background-color: rgba(0,0,0,0);cursor: pointer;}
.logincl .logininfo .cloes img{width: 100%; }

.loginshow{cursor: pointer;}
.searchh{width: 22px;text-align: center;float: right;margin: 35px 62px 0px 32px;cursor: pointer;}
.searchh img{width: 100%;}
.navul{float: right;}

#emp_name,#emp_pwd{min-height: 25px;color: #e51c23;font-size: 12px;display: none;}


/*网站切换*/
.chengenet{position: absolute;top: 0px; left: 0px;width: 200px; height: 142px;z-index: 20;}
.chengenet .new-now{line-height: 45px;color:#fff;padding-left: 17px;background: #292929 url("../images/selarowup.png")no-repeat 130px center;cursor: pointer;}
.chengenet .new-now>img{margin-left: 10px;cursor: pointer;}
.chengenet .sele-net{display: block;background-color: #292929;color: #fff; font-size: 12px; height: 50px; line-height: 50px;padding-left: 11px;border-left: 6px solid #292929;}
.chengenet .sele-net:hover{background-color: rgba(4,102,42,0.9);border-left: 6px solid #04d719;}
/*.chengenet .now-sel{color: #fff;background-color: #575757;}*/


.chengeneten{position: absolute;top: 0px; left: 0px;width: 280px; height: 142px;background-color: #fff;box-shadow: 0 0 4px #aaaaaa;}
.chengeneten .new-now{width: 253px; border-bottom: 1px solid #259b24;line-height: 45px;color: #259b24;margin-left: 12px;background: url("../images/arrowwg.png") no-repeat 200px center;margin-bottom: 18px;}
.chengeneten .sele-net{display: block;text-indent: 12px;color: #b0b0b0; font-size: 13px; line-height: 30px;}
.chengeneten .now-sel{color: #259b24;background: url("../images/gouxuan.png") no-repeat 206px center;}


/*验证密码*/
.codimg{float: left;margin-top: 4px;}

/*搜索*/
.searchbox{width:741px;background-color: #fff; overflow: hidden;position: absolute;right: 36px;top: 35px;z-index: 50;height: auto;box-shadow: 0px 6px 20px -6px #afafaf;padding-bottom: 15px;}
.searchbox .searchinp{width:676px;height: 44px;padding-top:20px;margin: 0 auto; border-bottom: 1px solid #259b24;}
.searchbox .searchinp .seachico{float: left;width: 20px;height: 20px;margin-top: 12px;cursor: pointer;}
.searchbox .searchinp .seachword{float: left;width: 605px;height: 35px;font-size: 16px;color: #696969;border:none;outline: none;padding-left: 15px;}
.searchbox .searchinp .closico{float: right;width: 18px;height: 18px;margin-top: 12px;cursor: pointer;}
.searchbox .sresult{width:570px;margin: 10px auto 0;}
.searchbox .sresult>li{font-size: 14px;color: #bababa;line-height: 35px;}
.searchbox .sresult>li a{font-size: 14px;color: #bababa;display: inline-block;padding-left: 15px;}
.searchbox .sresult>li a:hover{color: #259b24;}
.searchbox .sresult>li img{width: 16px;height: 16px;vertical-align: middle;}
.hamsg{display: inline-block;width:6px; height: 6px;background-color: #ff5722;border-radius: 100%;margin-bottom: 12px;}
.hamsgm{display: inline-block;width:6px; height: 6px;background-color: #ff5722;border-radius: 100%;margin-bottom: 12px;}
.showfu{display: inline-block;}
.showfu:hover{color:#fff;}

/*引导页*/
.pageload{position: fixed; width: 100%;height: 100%;background-color:#F0F0F2;text-align: center;}
.pageload .welbgimg{text-align: center;}
.pageload .welogo{position: absolute;top: 130px;left: 48%;width:470px;margin-left: -235px;}
.pageload .website_link{position: absolute;top: 437px;left: 50%;margin-left: -286px;}
.pageload .website_link a{display:inline-block;width: 241px;height: 52px;line-height: 52px;float: left;background-color: rgba(108,189,101,0.9);font-size:18px;color: #fff;border-radius: 5px;}
.pageload .website_link a:hover{background-color: #6cbd65;}
.pageload .website_link em{display:inline-block;width: 1px;height: 44px;background-color: #6cbd65;float: left;margin:5px 45px 0;}

/*使用条例模态框*/
.ordinance_modal{
	width:100%;
	height:100%;
	position:fixed;
	z-index:99;
	top:0;
	left:0;
	background-color:#fff;
	overflow:auto;
}
.ordinance_modal .close{
	position:absolute;
	top:20px;
	right:20px;
}
.ordinance_modal .close img{
	width:100%;
	height:100%;
}
.ordinance_header_wrap{
	width:100%;
	height:100px;
	box-shadow: 0 0 15px #505158;
}
.ordinance_header{
	width:1220px;
	height:100%;
	margin:0 auto;

}
.ordinance_logo{
	width:160px;
	float:left;
}
.pronavlist_word{
	margin-left:40px;
	line-height:100px;
	font-size:26px;
	float:left;
	
}
.ordinance_modal_back{
	line-height:100px;
	margin-right:40px;
	font-size:18px;
	color:#999;
	float:right;
	cursor: pointer;
}
.ordinance_con{
	width:1220px;
	margin:20px auto;
}
.ordinance_modal_back_btn{
	width: 300px;
    height: 48px;
	margin:20px auto;
    text-align: center;
    line-height: 48px;
    background-color: #ccc;
    color: #fff;
	font-size: 18px;
    border-radius: 2px;
    cursor: pointer;
}
.ordinance_modal_back_btn:hover{
	background-color: #bbb;
}
.now_comp p{
	font-size: 14px;
}
@font-face{
    font-family: 'SourceHanSansCN-Light';
    src : url('SourceHanSansCN-Light.otf');
}
@font-face{
    font-family: 'CN-Normal-Light';
    src : url('CN-Normal.otf');
}
body{
	font-family:CN-Normal-Light;
}