@charset "utf-8";

body{overflow-x: hidden;}


/*top*/
.top_lx {padding: 38px 0;}
.top_lx .logo{ float:left;}
.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: #02a9b2;font-weight: bold;}
.top_lx .top_txt em{font-size: 18px;color: #666;display: block;margin-top: 14px;}

.top_lx .top_phone{float: right;background: url(../images/top_lx.png) no-repeat right;font-weight: bold; padding-right: 60px;margin-top: 6px;}
.top_lx .top_phone span{font-size: 32px;color: #02a9b2;line-height: 48px;font-family: Impact;}
.top_lx .top_phone em{ display:block;font-size: 16px;color: #999;}


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

.head_box{z-index: 999;width: 100%;position: relative;background-color: #02a9b2;}
.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 {position: relative;z-index: 3;width: 1200px;width: 100%;}
header .nr{}
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 {width: 100%;height: 100%;margin-right: 0;}
/* nav */
nav {float: left;height: 50px;width: calc(100% - 145px);}
nav li {position: relative;float: left;height: 50px;padding: 0px 14px;line-height: 50px;}
nav li:after{ content:"";position:absolute; width:1px;height: 16px; background-color: #4fced5; 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;width: 100%;height: 100%;/* display: block; */line-height: 34px;color: #fff;font-size: 15px;/* background: transparent; */text-align: right;}
nav li a i.fa-angle-down {font-size: 12px;top: 5px;color: #fff;}
nav li a i { position: absolute; top: 10px;right: -14px;}
nav li i{color: #fff !important;margin-left: 6px;}
nav li.on {/* border-bottom: 2px solid #02a9b2; */}
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: #ffffff;}
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: 50px;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: #02a9b2; }
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;}

.head_rt{width: 145px;background-color: #2f2f2f;float: right;line-height: 50px;color: #fff;text-align: center;}
.head_rt a{color: #fff;font-size: 14px;} 
/*footer*/
.footer {padding: 60px 0 10px 0;color: #f5f5f5;background-color: #333;}
.footer .nr{display: flex;justify-content: space-between;position: relative;}
.footer .fo_co{margin-top: 10px;padding: 0 20px;width: 15%;}
.footer .fo_fir{width: calc(50% - 272px);}
.footer .fo_fir img{ width:100%;}
.footer .fo_fir .fo_lx_a span{font-size: 18px; display: block;margin: 25px 0 35px 0;}
.footer .fo_fir .fo_lx_a p{font-size: 14px;color: #adadad;}
.footer .fo_co.fo_lx{width: 25%;}
.footer .fo_co.fo_lx .fo_lx_co{ display:flex;align-items: center;}
.footer .fo_co.fo_lx .fo_lx_co i{ margin-right:10px;}
.footer .fo_co>span{font-size: 18px;margin-bottom: 20px;display: block;color: #fff;position: relative;}
.footer .fo_co em{display: block;color: #8b8b8b;font-size: 15px;margin-bottom: 14px;}
.footer .fo_co ul li{line-height: 35px;background: url(../images/fo_jt.png) no-repeat right center;padding-right: 26px;}
.footer .fo_co ul li a{font-size: 15px;color: #adadad;}
.footer .fo_co ul li a:hover{ color: #02a9b2;}

.footer .fo_co.fo_er{ padding:0;width: 272px;/* background-color: #02a9b2; *//* 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: center;height: 230px;background-color: #02a9b2;}
.footer .fo_erweima{margin-top: 50px;position: relative;text-align: center;width: 50%;}
.footer .fo_erweima span{font-size:14px;display: inline-block;color: #fff;text-align:center;margin-left: 14px;line-height: 18px;}
.footer .fo_erweima img{width: 105px;}

.ban{padding: 18px 0;font-size:14px;background-color: #333;color: #828282;border-top: 1px solid #414141;text-align: center;}
.ban a{color: #7d7d7d;}
.ban a.fo_wlink{ float: right; }