@charset "utf-8";
/* CSS Document */
#header{width:100%; position: relative; top:0;left:0;z-index: 100;}
.in_head{background:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.head_main{width:85%;margin:0 auto;}
nav{width:100%;display:flex;align-items: center;justify-content: space-between;padding:1rem 0;position: relative;}
nav a{color:#fff;}
.in_head nav a.active{color:#0e63c7;}
.nav_menu{padding-right:110px;}
.nav_menu li a{display:block;color:#000;font-weight: 400;}
.nav_menu li a:hover{}
.menu_sum{position: absolute;top:40px;left:0;background:rgba(255,255,255,1.00);display:none;}
.menu_sum li a{display:block;color:#333;padding:3px 5px;}
.header_logo img{display:none;height: 50px;}
.header_logo img:first-child{vertical-align: middle;display:block;}
.sear_btn{width:25px; height: 25px;position: absolute;right:70px; top:29px;}
.sear_btn img{width:100%; vertical-align: middle;}
.language{position: absolute;right:0;top:25px;min-width:60px;}
.btn_select span{cursor: pointer;}
.btn_active{display:inline-block;padding:5px 0;text-align: center;width:calc(100% - 15px);float:left;}
.btn_select{display:inline-block;width:10px;float:right;text-align: center;padding:5px 0;}
.language a{color:#333;}
.caret{color:#333;}
.search_model{width:100%; position: fixed;top:0;left:0;bottom:0;z-index: 100;background: rgba(0,0,0,0.7);display:none;align-items: center;}
.search_model.x_show{display:flex;}
.sear_close{width:40px;height:40px;position: absolute;right:10%;top:10%;}
.search_con{width:60%;margin:0 auto;}
.search_con form{width:100%;}
.search_con input{line-height: 50px;border:none;background-color: rgba(0,0,0,0);color:#fff;}
.search_con input[type=text]{border-bottom:1px #fff solid;}
.in_keyword{width:calc(100% - 40px);float:left; border-bottom:1px #fff solid;}
.search{width:35px;height:35px;float:right;background:url("../images/sear_ico.svg") no-repeat center;filter: invert(1)brightness(100)grayscale(100);background-size:100%;margin-top:20px;}
#header.active{display:none;}
#header.active  .header_logo img:first-child,.in_head .header_logo img:first-child{display:none;}
#header.active  .header_logo img:last-child,.in_head .header_logo img:last-child{display:block;}
#header.active nav a,.in_head nav a{color:#333;}
#header.active .sear_btn img,.in_head .sear_btn img{filter: invert(1)brightness(0)grayscale(0);opacity: 0.5;}
#header.active .caret,.in_head .caret{color:#333;}
.header_menu{display:none;}
/**/
.index_banner{width:100%; overflow: hidden;}
.index_banner li img{width:100%; vertical-align: middle;}
.ban-swiper-pagination{width:100%;text-align: left;}
.index_banner .swiper-horizontal>.swiper-pagination-bullets,.index_banner .swiper-pagination-bullets.swiper-pagination-horizontal, .index_banner .swiper-pagination-custom, .index_banner .swiper-pagination-fraction{bottom:10%;left:7.5%;}
.ban-swiper-pagination .swiper-pagination-bullet{border-radius: 0;background:#fff;width:50px;height:2px;opacity: 1.0}
.ban-swiper-pagination .swiper-pagination-bullet-active{background:#ffb425;}
/**/
.index_container{width:80%;margin: 0 auto;overflow: hidden;}
.footer{width:100%;overflow: hidden;}
.footer-nav-left li{width:calc(100%/4);float:left; overflow: hidden;}
.container_line{height:100px;overflow: hidden;}
@media(max-width:1024px){
    html,body{font-size:0.9375rem;}
    #header{padding:0;position: relative;background:#fff;height: 50px;}
    .head_main{width:100%;}
    .header_logo img{display:block;height: 40px;}
    .header_logo img:first-child{display:none;}
    nav{padding:5px;}
    .nav_menu{width:100%;height:100%;position: absolute;top:0;left:0;right:0;background:#fff;overflow-y: auto;overflow-x: hidden;border-bottom:1px #ddd solid;z-index: 100;display:none;padding-top:5rem;padding-bottom:24px;}
    .nav_menu{width:100%;padding-right: 0;}
    .navbar-nav{width:100%;margin:0 auto;}
    .nav_menu li{width:100%;text-align:left;border-bottom:1px #ddd solid;padding:0;margin:0;}
    .nav_menu li a{width:95%;margin:0 auto;line-height: 45px;color:#000;font-size:1rem;}
    .header_menu{width:35px;height:35px; position: absolute;right:10px;top:10px;text-align: center;display:block;z-index: 100;}
    .header_menu i{display:block;position: relative;width:100%; margin-top:10px;transition: .4s;}
    .header_menu i:after{content:"";width:100%;height:2px;background:#0765bc; position: absolute;left:0;bottom:-10px;transition: .4s;}
    .header_menu i:before{content:"";width:100%;height:2px;background:#0765bc; position: absolute;left:0;bottom:0;transition: .4s;}
    .header_menu a{display:none;line-height: 50px;text-transform: uppercase;font-size:0.75rem;color:#fff;}
    .header_menu.active i:before{transform:rotate(45deg);bottom:-10px;background:#000;}
    .header_menu.active i:after{transform:rotate(-45deg);background:#000;}
    .header_menu.active a{display:none;}
    .sear_btn{top:13px;right:130px;}
    .sear_btn img{filter: invert(1)brightness(0)grayscale(0);opacity: 0.8;}
    .language{right:50px;top:0;position: relative;}
    .caret{color:#333;}
    .language a{color:#000;}
    .search_con{width:80%;}
    .index_container{width:95%;}
    .container_line{height: 0;}
}