@charset "UTF-8";
/* CSS Document */
/*公共样式*/
.clear: after { 
display: block; 
clear: both; 
height: 1px; 
content: '' 
}
.f_both,.clear{ clear:both;} 
.wrapper{ display:none;margin:0 !important;}
.mt50{margin-top:50px;}
a:hover{text-decoration: none;}

.banner{width: 100%;height:500px;background:#0863d6 url(../banner1.html) top center no-repeat;}
.header{height: 75px;width: 100%;background:#0051a3;}


.bgfff {background: #fff;}
.flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.flex-v {-webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
.flex-1 {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-warp{flex-flow: wrap}

.logo_div{width: 1200px;margin:0 auto;text-align: left;padding:20px 0;}
.logo_div img{width: 600px;}

.nav_div_1{width: 1200px;margin:0 auto;}
.logo{width:200px; float: left;padding-top: 15px;}
.logo img{height: 40px;}
.wp{width: 1200px;margin:0 auto;text-align: left;}
.nav{width: 860px;float: left;}
.nav a{color: #fff3d0; font-size: 18px; line-height: 75px;margin:0 24px; font-weight: bold;}
.nav a:hover{font-weight: bold;}

.neirong_div{width: 1200px;margin:80px auto;}
.neirong_div p{text-align: left; font-size: 16px; color: #333333;line-height: 35px;margin-bottom: 15px; text-indent: 2em;margin-top: 15px;}

.head_top{width: 1200px;position: relative;top: 0;left: 0;}
.header_search{width: 310px;float: right;margin-right: 10px;height: 40px;border:1px #e6e6e6 solid;border-radius: 5px;background: #fff;position: relative;top:17px;right:0px;}
.header_search input{border:0;}
.btn_t{background: url(../png/icon1.png) top left no-repeat;width: 24px;height: 24px;position: absolute;top: 10px;right: 12px;}
.input_sr{width: 240px;height: 34px;position: absolute;top: 2px;left: 0;font-size: 14px;color: #cccccc;text-align: left;padding:0 10px; line-height: 35px}

.nav {
    
    position: relative;

    flex: 1;
}

.nav:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: auto;
    background: rgba(0, 0, 0, 0)
}

.nav ul {
    position: relative;
    z-index: 2
}

.nav li {
    text-align: center;
    display: inline-block;
    position: relative
}

.nav .v1 {

    font-size: 16px;
    color: #fff;
    /*padding:45px 25px 28px;*/
    display: block;
    padding: 0 5px;
}

.nav dl {
    display: none;
    position: absolute;
    width: 128px;
    background-color:#0051a3;
    left: 50%;
    top: 100%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 0.5rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.nav dd a {
    font-size: 14px;
    color: #fff;
    display: block;
    line-height: 42px;
    text-align: center
}



.layout_div1_div{width: 100%;background: #f6f6f6;padding:80px 0;margin-top: 40px;}

.layout_div1{width: 1200px;margin: 0 auto;}
.tittle_div1{width: 400px;height: 66px;margin: 80px auto; text-align: center; line-height: 66px; font-size: 26px; color: #000; font-weight: bold;border-bottom: 2px #0863d6 solid}
.c1_left{width: 580px;float: left;height: 385px; overflow:hidden; position: relative;top: 0;left: 0;}
.c1_left h2{font-size: 24px; color: #000; text-align: center; line-height: 40px;margin-bottom: 10px; font-weight: bold;}
.c1_left p{font-size: 14px; color: #9da1a4; text-align: left; line-height: 24px;text-indent: 2em;margin:10px 0;}
.c2_right{width: 579px;height: 385px; overflow:hidden; float: right;}
.more_1{width: 184px;height: 40px;display: block;text-align: center;color: #911985; font-size: 14px;margin:0 auto; line-height: 40px;margin-top: 50px;background: #0863d6}
.more_1 a{ color: #fff; font-size: 14px; line-height: 40px;}


.btn_list_div{width: 100%;margin:95px auto;}
.btn_list_div li{float: left;width: 33%;text-align: center;}
.btn1{text-align: left !important;}
.btn3{text-align: right !important;width: 34% !important;}


.bg1{width: 100%;height: 395px;background: #000; opacity: 0.5;position: absolute;top: 0;left: 0; z-index: 100}

.news_list_div{width: 1200px;margin: 0 auto; overflow:hidden;margin-bottom: 50px;}
.news_list{width: 1300px}
.news_list li{width: 358px; float: left;border: 1px #dddddb solid;padding-bottom: 20px;margin-right: 50px;margin-bottom: 30px;}
.news_list li h2{text-align: left;padding:0 10px}
.news_list li h2 a{font-size: 20px; color: #000; line-height: 40px;}
.news_list li h3{font-size: 14px; color: #000; line-height: 40px;padding-left: 35px;background: url(../icon2.html) 11px 9px no-repeat;text-align: left;padding-right: 10px;}
.news_list li p{text-align: left;color: #93989c; font-size: 14px; line-height: 26px;padding:0 10px}


.huiyi_list_div{width: 1300px}
.huiyi_list_div li{width: 210px; float:left;margin-right: 30px;margin-bottom: 20px;}
.div_h2{width: 210px;height: 70px;padding-top:10px;}
.box1{
    background: -webkit-linear-gradient(left,#00acfe,#0950ce); /* Safari 5.1 - 6 */
    background: -o-linear-gradient(right,#00acfe,#0950ce); /* Opera 11.1 - 12*/
    background: -moz-linear-gradient(right,#00acfe,#0950ce)); /* Firefox 3.6 - 15*/
    background: linear-gradient(to right,#00acfe, #0950ce); /* 标准的语法 */
}
.div_h2 h2{ color: #fff;font-size: 16px; line-height: 30px; }
.div_h2 h3{ color: #fff;font-size: 14px; line-height: 30px; }

.focus{ position:relative; width: 1200px;height: 640px; overflow:hidden;} 
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px; display: none;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#033572;}  
.focus .fPic{ position:absolute; left:0px; top:0px; margin:0 auto !important;}  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:80px; line-height: 80px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";width: 500px;}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none;  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:15px; right:20px; position:absolute; height:21px; text-align:center; z-index: 200; margin-left:-44px;width: 88px;}  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#2f69d4;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus5 .next{position:absolute;width:40px;height:74px;background: url(../focus_btn.html) no-repeat;display: none;}
.focus .prev{top: 50%;margin-top: -37px; left: 0px;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right:  0px;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus5 .next:hover{  background-position:-40px 0;}  

.layout_div_nr1{width: 1200px;margin: 50px auto;}
.layout_div_nr1 p{text-align: left; text-indent: 2em; font-size: 14px; line-height: 30px;margin-bottom: 30px;}

.layout_div_nr2{width: 1200px;margin: 50px auto;}
.layout_div_nr2 p{text-align:center; text-indent: 2em; font-size: 14px; line-height: 30px;margin-bottom: 30px;}

.jiabin_list{width: 100%;}
.jiabin_list li{margin:30px 50px; float: left;width: 300px;}
.jiabin_list li img{width: 100%}
.jiabin_list li h2{font-size: 14px; color: #000; text-align: center; line-height: 30px;background: #e5e5e5;padding: 15px 0;}

.richeng_table{width: 1200px;margin:0 auto;}

	.table1{width:1000px;margin:0 auto;margin-bottom: 30px;}
.table1 td{padding:5px; font-size:16px; color:#333;line-height:50px; text-align:left;padding-left: 15px;border-bottom: 1px #eaeaea solid;}
.table1 td span{padding-right: 10px;}
.table1 td b{border-left: 3px #1971e5 solid;margin-right: 10px;}
.table1 th{padding:5px;font-size:16px; color:#333; line-height:30px; text-align:left; }
.table1 th span{font-size:16px; color:#333;line-height:50px;margin-left: 20px;}
.td2{border-right: 1px #eaeaea solid;padding-right: 10px;}

.font1{font-size: 24px !important; color: #eaeaea; text-align: left;padding-bottom:20px !important; font-weight: bold;border-bottom:  1px #eaeaea solid;}

.xiangmu_p{width: 1200px;margin: 0 auto;}
.xiangmu_p p{text-align: left;font-size: 14px; color: #333; line-height: 35px;margin-bottom: 20px;}

.liangdian_img{width: 100%;text-align: center;margin:30px 0;}



.link_div1{width: 100%;margin-top: 90px;}
.link_div1_div{width: 1200px;margin: 0 auto;padding:20px 0;}

.c1{width: 100%;}
.c1 h2{font-size: 14px;color: #fff; text-align: left; border-bottom: 1px #fff solid;padding:20px 0;}
.c1 p{font-size: 14px;color: #fff; text-align: left; padding:10px 0; line-height: 30px;}
.c1 span{margin-right: 10px;}
.foot_div{width: 100%;background: #0051a3;padding:10px; text-align: center; color: #fff; font-size: 14px;}


.zhanshi_list_div{ width: 100%;padding:0px 0;padding-bottom:60px; }
.zhanshi_list_div1{ background-color: #fff;width: 100%;padding:40px 0; padding-bottom:60px;}

.more_2{margin-top: 20px;}
.more_2 a{font-size: 16px; color: #000;margin-top: 10px;}

.hz_logo_div{width: 1200px;margin:0 auto;}
.hz_logo_div h2{text-align: left; color: #000; line-height: 30px;font-size: 16px;margin-bottom:15px; font-weight: normal;}
.hz_logo_list{}
.hz_logo_list li{float: left;width: 18%;margin-right: 2%;text-align: left;margin-bottom: 15px;}
.hz_logo_list li img{border:1px #eeeeee solid;width: 100%}

.foot{width: 1100px;margin:0 auto;padding:50px 0;}
.foot_left{width: 120px; float: left;text-align: left;margin-right: 7px;}
.foot_left h2{width: 150px; float: left;text-align: left; font-size: 18px; color: #fff;font-weight: bold;}
.foot_left p{width: 150px; float: left;text-align: left; font-size: 12px; color: #fff;font-weight: normal; line-height:24px;}
.foot_right{float: right;}
.ewm_2{width: 100px; float: left;margin: 0 10px;}
.ewm_2 img{width: 100%;}
.ewm_2 h2{font-size: 12px; color: #fff;line-height: 40px;}


.flash_img{width: 600px;float: left;}
.flash_dl{width: 550px;float: right; position: relative;top: 0;left: 0;height: 343px;}
.flash_dl h2{text-align: left;border-left: 2px #08218f solid;padding-left: 10px;font-size: 20px; line-height:22px;}
.dl_js_p{text-align: left;margin-top: 10px;font-size: 14px; line-height: 30px;}

.dl_list{position: absolute;bottom: 0px;left: 0;width: 100%;}
.dl_list a{text-align: left;line-height: 50px;font-size: 14px;color: #fff;}
.btn_cy{background: #ac3709;display:inline-block;width: 110px;padding-left: 60px;height: 50px;float: left; background:#ac3709 url(../about-pic-002.html) 20px 18px no-repeat;background-size: 15%;}
.btn_jg{background: #ac3709;display:inline-block;width: 110px;padding-left: 60px;height: 50px;float: left;background:#ac3709 url(../about-pic-003.html) 26px 15px no-repeat;background-size: 15%;margin:0 15px;}
.btn_jr{width: 100%;display:block;width: 110px;padding-left:60px;height: 50px;float: none;background:#0051a3 url(../about-pic-004.html) 25px 18px no-repeat;background-size:10%;text-align:center;line-height: 50px;font-size: 14px;color: #fff;float: left;}

.layout_div1_left{width: 800px;float: left;}
.div_news1{width: 380px; float: left;margin-right: 20px;margin-bottom: 40px;}
.div_news1 h2{font-size: 24px;color: #000;text-align: left;border-bottom: 1px #0051a3 solid;margin:10px 0;line-height: 20px;}
.div_news1 h2 b{background:#0051a3;width: 120px;text-align: center;height: 40px;display: block;color: #fff;font-size: 18px; line-height: 40px;}
.div_news1 ul{margin-top: 20px;}
.div_news1 li{text-align: left;}
.div_news1 li b{font-size: 14px; color: #000; line-height: 40px;margin-right: 10px;}
.div_news1 li a{font-size: 14px; color: #000; line-height: 40px;}

.layout_div1_right{width: 350px;float: right;}
.layout_div1_right h2{text-align:left;border-left: 4px #0051a3 solid;margin:10px 0;padding-left:15px;font-size: 18px;color: #000;text-align: left; }
.layout_div1_right ul{margin-top: 20px;}
.layout_div1_right li{text-align: left;float: left;width: 50%;text-align: left;margin-bottom: 12px;}
.layout_div1_right li a{background: url(../png/about-pic-005.png) 0px 8px no-repeat;padding-left:30px;text-align: left;font-size: 14px; color: #000;line-height: 40px;display: inline-block;}
.swiper {
        width: 100%;
        height: 100%;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

.foot{width: 1100px;margin:0 auto;padding:50px 0;}
.foot_left{width: 700px; float: left;text-align: left;margin-right: 7px;}
.foot_left h2{width: 700px; float: left;text-align: left; font-size: 18px; color: #fff;font-weight: bold;margin-bottom: 10px;}
.foot_left p{width: 700px; float: left;text-align: left; font-size: 12px; color: #fff;font-weight: normal; line-height:24px;padding:5px 0;}
.foot_right{float: right;}
.ewm_2{width: 100px; float: left;margin: 0 10px;margin-top: 30px;}
.ewm_2 img{width: 100%;}
.ewm_2 h2{font-size: 12px; color: #fff;line-height: 40px;}

.foot_div_yqlj{width: 100%;text-align: left;padding-bottom: 40px;border-bottom: 1px #fff solid;margin-bottom: 30px;}
.foot_div_yqlj h2{width: 100%; float: left;text-align: left; font-size: 18px; color: #fff;font-weight: bold;margin-bottom: 10px;}
.foot_div_yqlj a{font-size: 12px; color: #fff;font-weight: normal; line-height:28px;margin-right: 10px;}

    .layout_n1,.layout_n2,.layout_n3,.layout_n4{width: 1200px;margin:0 auto;}
    .layout_n1{margin: 100px auto;}
    .n_flash_img_div_left{width: 700px;height: 442px; float: left; position: relative;top: 0;left: 0;}
    .n_flash_img_div_left .n_flash_img{width: 700px; position: absolute;top: 0;left: 0;z-index: 100}
    .n_flash_img_div_left .n_flash_img img{width: 100%;}
    .n_flash_btn{width: 112px;height: 47px;position: absolute;top: 350px;left: 530px; z-index: 110;background: #none; color: #4789ba;font-size: 14px; line-height: 47px;text-align: center;border:2px #4789ba solid;}
    .n_flash_btn:hover{background: #b81c22; color: #fff;border:2px #b81c22 solid;cursor: pointer;}

.flash_wz_list{width: 450px;float: right;margin-left: 30px;}
.wz_list{width: 100%;margin-bottom: 20px;}
.wz_list a{font-size: 20px; color: #333333;width:99px; text-align: left;;display:block;float: left;line-height: 44px;margin-right: 34px;}
.wz_list a:hover{font-size: 24px;border-bottom: 2px #1b54bd solid;text-decoration: none;line-height: 40px;}
.wz_list_hover{font-size: 24px !important;border-bottom: 2px #1b54bd solid  !important;text-decoration: none  !important;line-height: 40px  !important;}

.tittle_h4{width:1100px;margin:0 auto;padding:20px 0;text-align: left;font-size: 14px; color: #000; line-height: 30px;border-bottom: 1px #f3f3f3 solid;margin-bottom: 20px;}
.tittle_h4 a{margin:0 5px; font-size: 14px; color: #000; line-height: 30px;}

.layout_nr{width: 1100px;margin:0 auto;margin-bottom: 50px;}
.tittle_nr{font-size: 38px; color: #000; line-height: 50px;text-align: left;margin-bottom: 15px;margin-top: 10px;}
.tittle_nr_p{width: 100%;text-align: left;}
.tittle_nr_p .span1{color: #4285f6;font-size: 12px;line-height: 27px;margin-right: 30px;}
.tittle_nr_p .span2{color: #a6a8a7;font-size: 12px;line-height: 27px;}
.layout_nr_div{text-align: left;}
.layout_nr_div p{font-size: 16px;color: #000;line-height: 40px;margin-bottom: 10px;}

.layout_cont1_left{width: 1100px;float: none;margin:0 auto;margin-bottom: 50px;}
.layout_cont1_right{width: 300px;float: none;}
.kx_tittle{font-size: 18px; color: #000;line-height: 30px; text-align: left; font-weight:normal;margin-bottom: 10px;}
.kx_tittle a{font-size: 18px; color: #000;line-height: 30px; text-align: left; font-weight:normal;margin-bottom: 10px;margin-right: 10px;}
.kx_tittle a:hover{text-decoration:none}
.kx_list{width: 100%;margin-bottom: 30px;}
.kx_list li{text-align: left;background: url(../kx_icon.html) top left no-repeat;padding-bottom: 10px;padding-left: 25px;}
.kx_list li a{font-size: 14px; color: #000;line-height: 26px;}
.kx_list li span{text-align: left;display: block;color: #a7a7a7; font-size: 12px;line-height: 20px;margin-top: 10px;}

.rw_list{width: 100%;margin-bottom: 30px;}
.plist2{width: 100%;margin-bottom: 20px;}
.plist2_img{width: 105px;height: 70px;float: left;}
.plist2_img img{width: 100%;}
.plist2_p{width: 185px; float: right;text-align: left;}
.plist2_p p{font-size: 14px;color: #000;text-align: left; line-height: 22px;}
.plist2_p span{font-size: 12px;color: #a7a7a7;text-align: left; line-height: 24px;margin-top: 6px;display: block;}

.news_zt{width: 100%;margin-bottom: 30px;}
.news_zt img{width: 100%}

.plist_dat_list{width:1000px;float: left;}
.plist_dat_list li{background: url(../jpg/kx_icon2.jpg) top left no-repeat;padding-left: 20px;padding-bottom: 40px;}
.time{width: 45px;display: block; float: left;text-align: left;margin-top: 1px;}
.plist_dat_div{width: 900px;display: block; float: left;}
.time{font-size: 12px;color: #343233;margin-top: 4px;}
.plist_dat_div{text-align: left;}
.plist_dat_div h2{margin-bottom:10px}
.plist_dat_div h2 a{font-size: 20px; color: #000;}
.plist_dat_div h2 a:hover{ color: #1b6ab5;text-decoration: none; }
.plist_dat_div p{font-size: 14px; color: #676664; line-height: 24px}


.plist_dat{width: 100%;position: relative;top: 20px;left: 0}
.plist_riqi{width: 65px;height: 60px;text-align: left;padding-top: 2px;float: left;}
.plist_riqi_b{writing-mode: vertical-rl;color: #4385f5;font-size: 14px;display:block;position: absolute;top: 3px;left: 0;}
.riqi_y{display:block;background: #4385f5;width: 40px;position: absolute;top: 0;left: 20px;padding-top: 1px;text-align: center; color: #fff;font-size: 20px;height: 60px;}
.riqi_y span{width: 38px;background: #fff;font-size: 12px;color: #4385f5;display: block; line-height: 25px;text-align: center;margin:0 auto;margin-bottom: 5px;}


.xz{text-align: left;font-size: 14px; color: #ff0000;line-height: 40px;padding-top: 5px;}
.xz a{font-size: 14px; color: #ff0000;line-height: 40px;}


.more_jz{width: 200px;margin:50px auto;}
.more_jz a{ color: #0051a3;font-size: 14px; line-height: 30px; }

.hyfc_layout{width: 1200px;margin:0 auto;margin-top: 60px;margin-bottom: 30px;}
.hyfc_layout h2{text-align: left;
    border-left: 4px #08218f solid;
    padding-left: 10px;
    font-size: 20px;
    line-height: 22px;}
#marquee1{width: 100%;overflow: hidden;display: flex;}
.user ul{margin:20px 0;}
.user li{width: 112px;height: 57px;overflow: hidden;margin-right: 15px;margin-top: 20px;margin-bottom:10px;border: 1px #f4f4f4 solid;overflow: hidden;}
.user li:nth-of-type(5n){margin-right: 0;}
.user li img{max-width: 100%;max-height: 100%;}
/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:59px;overflow:hidden;background:#2a61cf;position:fixed;z-index:100000;width:100%;border-bottom: 1px #fff solid;display: none;top: 0;}
.sp_logo{padding:10px;float:left;position: relative;top: 0;left: 0; font-size: 20px; color: #fff;padding-left: 10px;; line-height: 39px;width: 280px;}
.sp_logo span{position:absolute;top: 10px;left:10px;}
.sp_logo img{margin:auto;width: 100%;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:17px;margin-right: 10px;}
.sp_nav span{display:block;background:#fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9999;background:#eee;width:100%;height:calc(100% - 58px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:58px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:45px;font-size:14px;text-align: left;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%;font-size: 15px;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;margin-top: 5px;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#045fec}
.sjj_nav ul li ul li>ul{margin-left:10px}

.login_div{width: 100%;}
.login_div a{width: 50%;height: 45px;display:block; text-align: center; font-size: 15px;color: #666;line-height: 45px; float: left;border-bottom: 1px #ddd solid;}


/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/

@media only screen and (min-width: 768px) 
{
body{ width:1600px;}
} 
@media only screen and (min-width: 1200px) 
{
body{ width:100%;}
.foot_div{width:100%;}
}