.banner_mid{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; color:#fff;}



@media screen and (max-width: 1380px){

.banner_mid .ban{max-width:50%}

}

@media screen and (max-width: 600px){

.banner_mid .ban{max-width:80%}

}

.indexbanner .swiper-pagination-bullet{ text-align:left;opacity:1; font-family:Arial, Helvetica, sans-serif;width:7em; height:2em; background:none;border-radius:0; color:#fff; position:relative; margin:0 5px;}
.indexbanner .swiper-pagination-bullet:after{content:''; position:absolute; left:0; width:100%; bottom:0; height:2px; background-color:#fff;opacity:0.7;}
.indexbanner .swiper-pagination-bullet:before{ z-index:888;content:''; position:absolute; left:0; width:0%; bottom:0; height:2px; background-color:#1952be;opacity:1;}
.indexbanner .swiper-pagination-bullet-active:before{width:100%; transition: width 7s ease-out 0s;}
.indexbanner .swiper-pagination-bullet i{font-style:normal; opacity:0;}
.indexbanner .swiper-pagination-bullet-active i{opacity:0}
.indexbanner .swiper-pagination-index-banner{ position:static; margin:0 auto; width:auto; max-width:75em; padding:0 1em;text-align:center;}
.banner_footer{position:absolute; left:0; bottom:5%; width:100%; z-index:10;}

/*******头部****/
#header{position:absolute;left:0;width:100%;z-index:999;top:0em;background:url(../images/index11.png);height: 80px;}
.header_mid{position:relative;}
.header_mid_left{background-color: #fff;height:100%;position:absolute;left: 47%;top:0;}
.header_mid_left img{display: inline-block;max-width: 100%;margin: 10% 0 0 0;}
.header_mid_right{position:absolute;right:0;top:0;height:100%;width: 5em;}
.header_mid_mid ul.left{position: absolute;left: 15em;}
.header_mid_mid ul.right{position: absolute;right: 14em;}
.header_mid_right ul li{float:left;  }
.header_mid_right ul li a{ background-position:center bottom;   background-repeat:no-repeat;display:inline-block; height:1.3em;}
.header_mid_mid ul li{position:relative;float:left;font-size:1.04em;font-weight: bold;padding: 0 2em;}
.header_mid_mid ul li:first-child{margin-left:0;}
.header_mid_mid ul li span { color: #fff;transform: translate(20px, 0px);-webkit-transform: translate(20px, 0px);-moz-transform: translate(20px, 0px);-o-transform: translate(20px, 0px);display: inline-block;}
.header_mid_mid ul li a.biga{display:inline-block;line-height: 80px;height: 80px;display:inline-block;color: #fff;}
.header_mid_mid ul li:hover{background:#1952be}
.header_mid_mid_sub{ display:none; width:100%; overflow:hidden;position:absolute; left:0; top:80px; z-index:100; background-color:#fff;}
.header_mid_mid_sub_mid{ position:relative; padding-right:16em;margin:1.785714285714286em; min-height:14.5em; padding-left:1.214285714285714em;}
.header_mid_mid_sub dl dd{float:left; line-height:2em; width:100%;margin:4% 0;text-align:center;}
.header_mid_mid_sub_left dl dd:nth-child(2n){float:right;} 
.header_mid_mid_sub_right{width:15em; position:absolute; right:0; top:0;}



@media screen and (max-width: 1380px){

.header_mid_left img{    margin-left:0%; margin-top: 2%;}

}

@media screen and (max-width: 1200px){
.header_mid_mid ul.left{left:5em}
.header_mid_right{width:6.9125em}
.header_mid_mid ul.right{right:10em}


}
#header .m-btn { display:none;float:right;  margin-right:0em;  position:relative;width: 24px; height: 20px; cursor: pointer;}
#header .m-btn .box { display: block; width: 100%; height: 100%;position: relative;}
#header .m-btn .line { display: block; width: 100%; height: 1px;background-color: #000; position: absolute; left: 0; -webkit-transition: -webkit-transform 0.2s 0.1s;-moz-transition: -moz-transform 0.2s 0.1s;transition: transform 0.2s 0.1s;}
#header .m-btn .line1 { top: 0;}
#header .m-btn .line2 { top: 7px;}
#header .m-btn .line3 { top: 14px;}
#header .m-btn.cur .line1, #header .m-btn.cur .line2, #header .m-btn.cur .line3 { width: 100%;}
#header .m-btn.cur .line2{opacity:0;}
#header .m-btn.cur .line1 {-webkit-transform: translateY(9px) rotate(-45deg);-moz-transform: translateY(9px) rotate(-45deg);-ms-transform: translateY(9px) rotate(-45deg);-o-transform: translateY(9px) rotate(-45deg);transform: translateY(9px) rotate(-45deg); background-color:#000;} 
#header .m-btn.cur .line3{-webkit-transform: translateY(-5px) rotate(45deg);-moz-transform: translateY(-5px) rotate(45deg);-ms-transform: translateY(-5px) rotate(45deg);-o-transform: translateY(-5px) rotate(45deg);transform: translateY(-5px) rotate(45deg); background-color:#000}

@media screen and (max-width: 1200px){
#header{-webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);position:fixed; top:0;}
#header .footer_1_mid{margin-left:0;}
.header_mid_left{left:0;}
#header .m-btn{display:block}
#mid{margin-top:5em;}

	
}
@media screen and (max-width: 1090px){

.banner_footer{bottom:10%;}
}



@media screen and (max-width: 900px){
#header{background:#fff;height:70px;}
.header_mid{padding-left:0;}

.header_mid_mid ul.left , .header_mid_mid ul.right{display:none;}
#mid{margin-top:3.75em;}
	
}
.mobilebannerimg{display:none;background-position:center;background-repeat:no-repeat;background-size:cover;background-repeat:no-repeat;height: 40vh;}

@media screen and (max-width: 640px){
.mobilebannerimg{display:block;}
.pcbannerimg{display:none}
.banner_footer{bottom:2em;}
.indexbanner .swiper-pagination-bullet{width:2.5em;}
}



@media screen and (min-width: 1200px){ 
.bodyon #header{position:fixed; top:-80px;}
.bodyon2 #header{top:0; position:fixed;}
.bodyon .header_mid_mid ul li a.biga,.bodyon2 .header_mid_mid ul li a.biga{height: 80px;line-height: 80px;}
	
}

/*******导航********/
.ovh-f {
 position:fixed;
 width:100%;
 height:100%;
 left:0;
 top:0
}
.sub-menu { background-color:#fff;
  width:100%;
  display:none;
  position:absolute;
  left:0;
  top:70px;
  height:calc(100vh - 70px);
  z-index:888;
  overflow-y:auto
 }
.sub-menu ul {
  width:100%;
  padding-bottom:6%
 }
.sub-menu li {
  border-bottom:1px solid #dcdcdc;
  font-size:18px
 }
.sub-menu .tit {
  display:block;
  padding:0 1em;
  line-height:60px;
  color:#000;
  position:relative;
  text-align: left;
 }
 .sub-menu .tit p{color:#000;}
.sub-menu li:last-child {
  border-bottom:none
 }
.sub-menu .titx {
  display:block;
  width:94%;
  padding:0 3%;
  line-height:60px;
  color:#000;
  position:relative;
  border-bottom:1px solid #dcdcdc
 }
.sub-menu .sub-tit:after {
  content:'';
  display:block;
  width:26px;
  height:26px;
  background:url(../images/ico_03.png) no-repeat center;
  background-size:100% auto;
  position:absolute;
  right:1em;
  top:50%; margin-top:-13px;
 }
.sub-menu .sub-tit.on {
  background-color:#1952be;
  color:#fff
 }
.sub-menu .sub-tit.on p{color:#fff;}
.sub-menu .sub-tit.on:after {
  background:url(../images/ico_03_h.png) no-repeat center;
  background-size:100% auto
 }
.sub-menu .sec-list {
  line-height:40px;
  padding:10px 4%;
  display:none
 }
.sub-menu .sec-list p {
  background:url(../images/ico_04.png) no-repeat left center;
  background-size:6px auto;
  font-size:14px
 }
.sub-menu .sec-list a {
  padding-left:3%;
  color:#666;
  display:block
 }
.nav-search-form {
  width:94%;
  margin:20px auto 0
 }
.nav-search {
  width:83.33333%;
  float:left
 }
.nav-search .inverse {
  border:none;
  width:100%;
  height:56px;
  padding:14px;
  box-sizing:border-box;
  font-size:16px
 }

@media screen and (max-width: 900px){ 
.sub-menu {  
  top:70px;
  height:calc(100vh - 70px);
  
 }


 .sub-menu li {
  font-size:16px!important
 }
 .sub-menu .sub-tit:after {
  width:18px;
  height:18px; margin-top:-9px;
  background-size:18px auto!important
 }
 .sub-menu .sec-list p {
  background-size:3px auto!important
 }
 .sub-menu .sec-list p a {
  padding-left:1em
 }
} 
@media screen and (max-width: 480px){ 
 
.sub-menu .tit {
  line-height:50px
 }
.sub-menu .sub-tit:after {
    width:12px; height:12px; margin-top:-6px;
 }
  
} 


.header_mid_mid_sub{background-color:rgba(255,255,255);}
.header_mid_mid_sub:after{opacity:0.5;position:absolute; left:0; top:0; width:100%; height:1px; background-color:#999; content:'';}
.bodyon2 .header_mid_mid_sub{background-color:#fff;}

@media screen and (max-width: 1200px){ 

.header_mid_mid{background-color:rgba(255,255,255,1);}

}
.header_mid_mid{position:relative; z-index:2;} 
.header_mid_mid_search{position:absolute;right: 0;top: 2em;overflow:hidden;-webkit-transition-duration: 0.5s;-ms-transition-duration: 0.5s;-o-transition-duration: 0.5s;-moz-transition-duration: 0.5s;transition-duration: 0.5s;}
.header_mid_mid_search input{width:140px; height:30px; border:1px solid #fff;outline:none; padding:0 10px; background:none;border-radius:24px;color:#d8d8d8}
.header_mid_mid_search button{display:block; position:absolute; right:10px; width: 18px;top:0; height:100%; background: url(../images/index01.png) no-repeat right center; border: none;  outline: none; cursor: pointer;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {   
    /* WebKit browsers */   
    color: #d8d8d8;   
}   
input:-moz-placeholder, textarea:-moz-placeholder {   
    /* Mozilla Firefox 4 to 18 */   
    color: #d8d8d8;   
}   
input::-moz-placeholder, textarea::-moz-placeholder {   
    /* Mozilla Firefox 19+ */   
    color: #d8d8d8;   
}   
input:-ms-input-placeholder, textarea:-ms-input-placeholder {   
    /* Internet Explorer 10+ */   
    color: #d8d8d8;   
} 
@media screen and (max-width: 900px){ 

.header_mid_mid_search button{background: url(../images/index25.png) no-repeat right center;}


}









@media screen and (max-width: 1760px){

.header_mid_mid_search{right:0em}
 .header_mid_mid ul li span{  transform: translate(10px, 0px);-webkit-transform: translate(10px, 0px);-moz-transform: translate(10px, 0px);-o-transform: translate(10px, 0px);} 
}






@media screen and (max-width: 900px){
.header_mid_mid_search{right:5em}
.header_mid_right{width:auto;    top: 2em;}
.header_mid{background-color:#fff;}
.down_search_form{ left:0;position:relative; margin-top:1em; width:98%; margin-left:auto; margin-right:auto;}
}
@media screen and (max-width: 480px){
.down_search_form input{font-size:0.875em; height:39.8px;}
}