@charset "utf-8";

body{overflow-x: hidden;}

/*top*/
.top_bg{line-height: 40px;background-color: #f4f4f4;}
.top_bg .top_le{float: left;font-size: 14px;padding-left: 20px;color: #ea3523;}
.top_bg .top_rt{float: right;font-size: 12px;color: #ea3523;background: url(../images/top_login.png) no-repeat left; padding-left:24px;}
.top_bg .top_rt a{padding: 0 6px;color: #ea3523;}



.head_box{z-index: 999;margin-left: 50%;transform: translateX(-50%);/* overflow: hidden; */width: 100%;position: relative;}
.head_box.head_box_guding{width: 100%;box-shadow: 1px 2px 10px 0px rgb(0 0 0 / 20%);position:fixed;}
.head_box.head_box_guding header{width: 100%;border-radius: 0;background-color: #fff;}
/*header*/
header {background: #;position: relative;z-index: 3;width: 1200px;width: 100%;}
header .nr{padding: 15px 20px 10px 20px;}
header a.logo {float: left;width: auto;width: 315px;margin-top: 2px;}
header a.logo img {display: inline-block;vertical-align: middle;height: 100%;}
header .headr {float: right;width: auto;height: 100%;margin-right: 0;}

/* nav */
nav {float: left;height: 92px;padding-top: 24px;}
nav li {position: relative;float: left;height: 34px;padding: 0 25px;}
nav li a {position: relative;width: 100%;height: 100%;display: block;line-height: 34px;color: #000;font-size: 15px;background: transparent;text-align: right;}
nav li a i.fa-angle-down {font-size: 12px;top: 15px;}
nav li a i { position: absolute; top: 10px;right: -14px;}
nav li.on {background-color: #ea3523;}
nav li.on>a {color: #fff;}
nav li.on>a>i{color: #fff;}
nav li.on:hover>a {color: #fff;}
nav li:hover a {color:#ea3523;}
nav li.on a:before, nav li.on a:after { opacity: 1; filter: opacity(100); }
nav li li a:before, nav li li a:after { display: none; }
nav li ul {display: none;position: absolute;top: 30px;left: 50%;margin-left: -90px;width: 180px;box-shadow: 0 3px 5px rgba(0, 0, 0, .1);background: #fff;padding: 0 0;}
nav li li { float: none; width: 100%; height: 41px; margin: 0; padding: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
nav li li:last-child { border: 0; }
nav li li:after { display: none; }
nav li:hover li a, nav li li a {display: block;width: 100%;height: 40px;position: relative;z-index: 2;color: #666;background: transparent;line-height: 40px;font-size: 14px;text-align: center;}
nav li li:hover {  background-color: #ea3523; }
nav li li:hover a {color:#fff; }
nav li li a .gt_span { color: #022245; margin-right: 10px; }
nav li:hover ul { display: block; }
nav .newspan { display: block; position: absolute; top: -2px; right: 16px; width: 22px; height: 12px; background: url(../images/newspan.png) no-repeat; line-height: 0; padding: 0; margin: 0; }
nav .hotspan { display: block; position: absolute; right: 26px; top: 15px; width: 24px; height: 10px; background: url(../images/hotspan.png) no-repeat; line-height: 0; padding: 0; margin: 0; }
.dl_zc{color: #666666!important;}

/*gg*/
.gg_bg{ background: url(../images/gg_bg.jpg) no-repeat;height: 170px; }
.gg_bg .gg_a{float: left;padding-left: 80px;background: url(../images/gg_ico.png) no-repeat left;margin-left: 80px;}
.gg_bg .gg_a a{font-size: 33px;line-height: 170px;color: #fff;}
.gg_bg .gg_jt{float: right;height: 170px;background-color: #484848;width: 260px;position: relative;}
.gg_bg .gg_jt img{position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.gg_bg .gg_jt:hover{ background-color: #fed700; }




/*footer*/
.footer {padding: 40px 0 0 0;color: #f5f5f5;background-size: cover;}
.footer .nr{display: flex;justify-content: space-between;}

.footer .fo_co:nth-child(2),.footer .fo_co:nth-child(3){margin-top: 30px;}
.footer .fo_co span{font-size: 24px;margin-bottom: 40px;display: block;color: #333;position: relative;}
.footer .fo_co span:before{content:"";position:absolute;width: 105px;height: 2px;background-color: #ea3523;bottom: -17px;}
.footer .fo_co ul li{line-height: 35px; background:url(../images/fo_jt.png) no-repeat left center; padding-left:26px;}
.footer .fo_co ul li a{font-size: 15px;color: #333;}
.footer .fo_co ul li a:hover{ color:#ea3523;}
.footer .fo_lx{width: 360px;}
.footer .fo_lx span,.footer .fo_co.fo_erweima span{color: #333;font-size: 15px;margin-top: 14px;margin-bottom: -1px;display: block;}
.footer .fo_lx .fo_logo{ float: left; }
.footer .fo_lx .fo_lx_txt{float: left;width: calc(100% - 131px);margin-left: 18px;text-align: center;}
.footer .fo_lx .fo_lx_txt span{ font-size: 30px;color: #000; }
.footer .fo_lx .fo_lx_txt a{font-size: 16px;color: #fff;width: 100%;line-height: 42px;background-color: #ea3523;display: block;text-align: center;margin-top: 18px;border-radius: 100px;}
.footer .fo_lx .fo_lx_txt a:hover{background-color: #fed700;}

.footer .fo_lx>span {line-height: 30px;}
.footer .fo_lx>span i{width: 19px;height: 19px;display: inline-block;position:relative;float: left; margin-right:10px;}
.footer .fo_lx>span i img{vertical-align: middle;}
.footer .fo_co.fo_erweima span{color: #333;text-align: center;margin-top: 4px;}
.footer .fo_erweima{text-align:right;margin-top: 80px;}
.footer .fo_erweima span{font-size:14px;display:block;margin-bottom: 20px; color:#333;text-align:center;}
.footer .fo_erweima img{width: 133px;}

.ban{text-align: center;padding: 8px 0;margin-top: 50px;font-size:14px;background-color: #000;color: #7d7d7d;}
.ban a{color: #7d7d7d;}






















