@charset "utf-8";

body{overflow-x: hidden;}


/*top*/
.top_lx {background-color: #000;height: 42px;}
.top_lx .logo{ float:left;}

.top_lx .welcome {line-height: 42px;color: rgba(255, 255, 255, 0.8);display: inline-block;}
.top_lx .f_j-box {
    display: inline-block;
    line-height: 42px;
    float: right;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
    font-size: 10px;
    text-transform: uppercase;
    /* margin-right: 20px; */
    letter-spacing: 1px;
}
.top_lx .top_txt{float: left;margin-left: 26px;padding-left: 26px;border-left: 1px solid #d7d7d7;margin-top: 4px;}
.top_lx .top_txt span{font-size: 26px;color: #000;font-weight: bold; }
.top_lx .top_txt span i{color: #0084f7;font-weight: bold;}
.top_lx .top_txt em{font-size: 18px;color: #666;display: block;margin-top: 14px;}


/*header*/
header .head_login{float: right;font-size: 12px;background: url(../images/head_login.png) no-repeat left;padding-left: 46px;margin-right: 10px;}
header .head_login a{padding: 0 6px;transition: .3s;}

.head_box{z-index: 999;width: 100%;position: relative;background-color: #fff;}
.head_box.head_box_guding{top: 0;width: 100%;box-shadow: 1px 2px 10px 0px rgb(0 0 0 / 20%);position:fixed;z-index: 999;}
.head_box.head_box_guding header{width: 100%;border-radius: 0;background-color: #fff;}
header {position: relative;z-index: 3;width: 1200px;width: 100%;}
header a.logo {float: left;width: auto;margin: 14px 0;margin-right: 50px;}
header a.logo img {display: inline-block;vertical-align: middle;height: 68px;/* width: 232px; */}
header .headr {width: 100%;height: 100%;margin-right: 0;}





/* nav */
nav {float: left;height: 50px;width: calc(100% - 520px);}
nav li {position: relative;float: left;height: 96px;/* padding: 0px 14px; */line-height: 96px;}
nav li:after{content:"";position:absolute;/* width:1px; */height: 16px;background-color: #e7a265;top: 17px;right:0;}
nav>ul>li:before {content:"";position:absolute;width:1px;height: 16px;background-color: #c3c3c3;top: 20px;right: 0;display: none;}
nav li a {position: relative;line-height: 34px;color: #000;padding: 0px 24px;font-size: 16px;top: -7px;transition: .3s;}
nav li a.on {color: #0084f7;}
nav li a span{position: absolute;text-align: center;left: 0;right: 0;bottom: -30px;font-size: 14px;transition: .3s;}
nav li:hover a {top: 15px;}
nav li:hover a span{bottom: 16px;}
nav li i.icon-down-01 {position: relative;font-size: 18px;top: 3px;/* color: #fff; */}
nav li a i { position: absolute; top: 10px;right: -14px;}
nav li i{color: #ccc;/* margin-left: 6px; */}
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: #0084f7;}
nav li:hover i {color: #0084f7;}
nav li:hover i:before {content:"\e964";}
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;opacity: 0;position: absolute;top: 82px;left: 0;margin-left: 10px;width: 180px;box-shadow: 0 0 20px rgb(0 0 0 / 15%);background: #fff;padding: 0 0;transition: 0.3s;}
nav li:hover ul {display:block; opacity: 1;}
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: left;padding: 0 20px;}
nav li li:hover { }
nav li li:hover a {color:#0084f7; }
nav li li a .gt_span { color: #022245; margin-right: 10px; }
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;}

.head_rt{width: 145px;/* background-color: #0084f7; */float: right;line-height: 50px;color: #333;text-align: center;margin: 23px 0;}
.head_rt a{font-size: 14px;} 
.head_rt a:hover{color: #0084f7;font-size: 14px;} 



/*footer*/
.footer {padding: 60px 0 30px 0;color: #f5f5f5;background-color: #262a2c;}
.footer .nr{display: flex;justify-content: space-between;position: relative;}

.footer .fo_co{margin-top: 10px;padding: 0 20px;width: 33.33%;}
.footer .fo_fir{width: calc(50% - 272px);}
.footer .fo_fir img{/* width: 200px; */margin-right: 4px;}
.footer .fo_fir .fo_lx_a span{font-size: 14px;display: block;margin: 10px 0 35px 0;}
.footer .fo_fir .fo_lx_a p{margin: 14px 0;font-size: 14px;color: #adadad;}
.footer .fo_co.fo_lx{width: 33.33%;}
.footer .fo_co.fo_lx .fo_lx_co{display:flex;align-items: baseline;}
.footer .fo_co.fo_lx .fo_lx_co i{/* margin-right: 53px; */font-size: 14px;width: 128px;color: #bdbdbe;}
.footer .fo_co>span{font-size: 18px;margin-bottom: 20px;display: block;color: #fff;position: relative;}
.footer .fo_co>span>span{font-size: 14px;color: rgba(0, 132, 247, 0.2);text-transform: uppercase;margin-left: 10px;}
.footer .fo_co em{width: 100%;display: block;color: #fff;font-size: 15px;line-height: 24px;margin-bottom: 14px;}
.footer .fo_co ul li{position: relative;width: 50%;float: left;line-height: 35px;padding-right: 26px;}
.footer .fo_co ul li a{font-size: 14px;color: #adadad;transition: .3s;}
.footer .fo_co ul li a::before {
    content: ">";
    position: absolute;
    font-size: 12px;
    font-family: fangsong;
    color: #178ef6;
    left: 0;
    top: 13px;
    line-height: 1;
    opacity: 0;
    transition: all .3s ease-out 0s;
}
.footer .fo_co ul li a:hover{color: #0084f7;margin-left: 12px;}
.footer .fo_co ul li a:hover::before {
    color: #178ef6;
    opacity: 1;
}


.footer .fo_co.fo_er{ padding:0;width: 272px;/* background-color: #0084f7; *//* position: relative; *//* right: 0; *//* top: -150px; *//* padding-bottom: 50px; */margin-top: -150px;box-shadow: 0px 6px 21.56px 0.44px rgba(0, 0, 0, 0.1);}
.footer .fo_co.fo_erweima span{color: #333;text-align: center;margin-top: 4px;}
.footer .fo_er_main{display:flex;justify-content: flex-start;height: 160px;}
.footer .fo_erweima{margin-top: 24px;position: relative;text-align: center;width: 106px;}
.footer .fo_erweima span{font-size:14px;display: block;color: rgba(255,255,255,0.2);text-align:center;margin-top: 10px;line-height: 18px;}
.footer .fo_erweima img{width: 88px;margin-right: 0;}

.ban{height: 70px;padding: 22px 0;font-size:14px;background-color: #1f2122;color: #828282;border-top: 1px solid #414141;}
.ban .Copyright{
    display: inline-block;
    float: left;
}
.ban .jishu{display: inline-block;float: right;}
.ban .jishu a{color: #7d7d7d;text-align: right;}
.ban .jishu a:hover{color: #0084f7;}