@charset "utf-8";
/* CSS Document */
/*---------------------头部---------------------------------*/
.top{ height:35px; width:100%; position:fixed;top:0; z-index:99999;width:100%;
 background:#202930; color:#f4f4f2; line-height:35px;}
.top .wrap{ z-index:999;}
.top p{ margin-right:34px;}
.top span{ width:20px; height:20px; overflow:hidden; display:block; float:left; margin:7px  6px 0; cursor:pointer; position:relative;}
.top span img{ transition: all ease 0.40s;-moz-transition: all ease 0.40s;-ms-transition: all ease 0.40s;-webkit-transition: all ease 0.40s;}
.top span:hover img{ transform:translateY(-24px);-moz-transform:translateY(-24px);-ms-transform:translateY(-24px);-webkit-transform:translateY(-24px);}
.top em{ padding:0 12px; color:#858585;}
.top a{color:#f4f4f2;}  .top a:hover,.top p a:hover{ text-decoration:underline; }
.top .xl_wx{ position:absolute; right:0px; top:35px; z-index:9999; display:none;}
.top .xl_sj{position:absolute; right:0px; top:35px; z-index:9999;display:none; }

/*---------------------导航部分---------------------------------*/
.nav{ height:86px; background:#fff;    background-color: hsla(0, 0%, 100%, .8);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
 position: relative;position:fixed;top:35px; width:100%;z-index:9999;} 
.nav_fix{ position:fixed; top:0; width:100%;box-shadow: 0px 3px 11.83px 1.17px rgba(0, 0, 0, 0.09); z-index:9999;}
.nav .nav_lf{ width:392px; height:86px;}
.nav .nav_lf a{ display:inline-block;}
.nav .nav_lf h1{ text-indent:-9999em; width:438px; height:70px; background: url(../images/index_logo.png) no-repeat; display:block; margin-top:15px;}

.nav .nav_rt{ height:100%; line-height:86px;  width: 800px;}
.nav .nav_rt ul{display: inline-block;float: right;}    
.nav .nav_rt li{ float:left; margin-left:14px;}
.nav .nav_rt li a{ font-size:16px; color:#666; width:auto; padding: 0 20px; height:100%; display:block; text-align:center;}
.nav .nav_rt .percen a{ width:108px;}
.nav .nav_rt li a:hover{ color:#2581c5;background:#f1f7fe66;}
.nav .nav_rt .li_act a{ color:#2581c5;background:#f1f7fe66;font-weight: bold; border-top:2px solid #2581c5;line-height:84px;}
.nav .nav_rt .li_act00 a{ color:#2581c5;}
.nav .nav_rt .li_act02 a{ color:#2581c5; background: #f1f7fe66;}

.nav .wrap{ z-index:99;}
.nav .nav_rt li:hover{}
.nav .nav_rt .li_more{ background:#fff; display:none;}
.nav .nav_rt li:hover .li_more{ display:block;}
.nav .nav_rt .li_more p{line-height:50px;}

.nav .nav_rt em {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 6px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;    margin-top: -3px;}
	
.nav .submnu{position: absolute; z-index: 6666; background-color:#EEF5FAea; left: 0;right:0;top:86px; padding:40px 0; display:none;}
.nav .submnu li{ float:left; width:49%;border-right: 1px solid rgba(255,255,255,0.1); position:relative; text-align: center;}
.nav .submnu li h2{line-height:46px; font-size: 16px;}
.nav .submnu li p{font-size:12px;line-height:32px;}
.nav .submnu li p a{ margin:0; padding:0; display: inline-block; height:32px;  font-size: 14px;text-indent: 0; position:relative;}
.nav .submnu li p a:hover{color: #2581C5; text-decoration: underline;}
.nav .submnu li p a i{ position:absolute; top:-6px; right:-36px;}
.nav .submnu li:last{ border:none;}	

/*---------------------尾部---------------------------------*/
.foot{ background:#202930; color:#6a85a1; font-size:14px; display:block; height:380px;}
.foot a{ color:#6a85a1;}
.foot a:hover{ color:#f2f2f2; text-decoration:underline;}
.foot .foot_link{ font-size:16px; line-height:102px;}
.foot .foot_link em{ font-size:20px;}
.foot .foot_link a{margin-left:35px;}

.foot .foot_cont{ padding:36px 0; height:auto; border-bottom:1px solid #444;display: inline-block;}
.foot .foot_cont ul{ width:399px; height:100%; line-height: 1.8;}
.foot .foot_cont ul.cen{ width: 398px; text-align: center; border-left: 1px solid #34424f;border-right: 1px solid #34424f;}
.foot .foot_cont ul.rt{ text-align: right;}
.foot .foot_cont .title{ font-size: 16px; position: relative; margin-bottom: 25px;}
.foot .foot_cont ul.lf .title::after{ position: absolute; bottom:-4px; content: ''; width: 18px; height: 2px;    left: 4px; background:#ffffff; display: block;}
.foot .foot_cont ul.rt .title::after{ position: absolute; bottom:-4px; content: ''; width: 18px; height: 2px;   right: 4px; background:#ffffff; display: block;}
.foot .foot_auth{ text-align:center; height:44px; margin-bottom:30px;}
.foot .foot_auth p{ line-height:70px;}
.foot .foot_auth p img{ width:16px;}
.foot .foot_auth span img{ width:100px; margin:-4px 24px 0;}
.foot .foot_cont  .mar_b{ margin-bottom:12px;}
.foot .foot_cont ul.rt .mar_b{ margin-bottom:0px;}
.foot .foot_cont ul.cen img{ margin: 20px 0;}
.foot .img{ width: 16px;  margin-right: 6px; vertical-align: sub;}
   





