.clearfix:after {
    content: '';
    display: block;
   height: 0; 
    clear: both;
}
/******header*********/
.header_1{
background-color:#f5f5f5; color:#fff; line-height:2.9375em;}

.header_1_left{
float:left; font-size:0.875em;}
.header_1_left ul li{ padding-left:20px;    color: #505050;font-size:0.8rem;
float:left; background-position:left center; background-repeat:no-repeat;}
.header_1_left ul li:nth-child(1){ margin-right:2.285714285714286em;
background-image:url(../images/img1.png);}
.header_1_left ul li:nth-child(2){ padding-left:25px;
background-image:url(../images/img2.png);}
.header_1_right{
float:right;}
.header_1_right a{ float:left; padding-left:1.5em;
display:inline-block; background-position:left; background-repeat:no-repeat; }

.header_1_right a:hover img{
display:block}
.header_1_right_1{
background-image:url(../images/img3.png);}
.header_1_right_2{
background-image:url(../images/img4.png);}
.header_1_right_3{
background-image:url(../images/img5.png);}
.header_2_mid{ position:relative;
height:8.2em;}
.header_2_left{ height:100%;
position:absolute; left:0; top:0; width:45.73407202216066%;}
.header_2_left img:nth-child(2){
display:none}
.header_2_right{ height:100%;text-align: right;
position:absolute; right:0; top:0; width:20.96675900277008%;}
.header_2_right h2{font-size:1.4rem;}
.header_2_right h2 span{margin-left:3%;}
.header_2_mid_m{ width:25%;  position:absolute; top:0; right:22%; height:100%;}
.header_2_mid_mid{ padding-left:1em;
position:relative; padding-right:5.25em; border:1px #c5c5c5 solid;}
.header_2_mid_mid_btn{
position:absolute; right:0; top:0; height:100%; width:5.25em; color:#fff; border:none; background:none; background-color:#e70012;    cursor: pointer;}
.header_2_mid_mid_left{ padding-left:25px;
background-image:url(../images/img8.png); background-position:left center; background-repeat:no-repeat;}
.header_2_mid_mid_left input{
border:none; background:none; height:2.6875em; line-height:2.6875em; width:100%;outline: none;}
.header_2{
border-bottom:1px #dcdcdc solid;}
.header_3 {
    background: #000;
}
.header_3_mid ul li{ padding:1.25em 0;
float:left; width:12.5%; text-align:center;}
.header_3_mid ul li a.biga{
display:block; background-position:left center; background-repeat:no-repeat; background-image:url(../images/img9.png);}
.header_3_mid ul li:nth-child(1) a.biga{
background-image:none}
.header_3_mid ul li span{ padding:0 1.25em;border-radius:1.555555555555556em; color:#fff; display:inline-block; line-height:1.555555555555556em;-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_3_mid ul li a:hover span,.header_3_mid ul li a.bigaon span{
color:#fff; background-color:#e60012;}

.headerfix{position:fixed; left:0; top:0; background-color:#000; width:100%; z-index:999;-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);}
#header{-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); z-index:9999; position:relative}		  
.header_3_mid ul li{position:relative; z-index:10;}
.header_3_mid ul li dl{ background-color:#fff; top:4.1em; display:none;position:absolute; left:5px; width:165px; z-index:100; padding-top:5px; overflow:hidden}	
.header_3_mid ul li:nth-child(3) dl{width:500px;left:-160px; }
.header_3_mid ul li dl:after{ background-color:#fff;position:absolute; width:254px; height:10px;-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); left:-38px; top:-9px; content:'';} 
.header_3_mid ul li dl dd{border-bottom:1px #eaf4f6 solid;}
.header_3_mid ul li:nth-child(3) dl dd{width:50%;float:left;}
.header_3_mid ul li dl dd:last-child{border:none}
.header_3_mid ul li dl a{text-align: center;font-size: 0.8rem; overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;line-height: 3em;}	
.header_3_mid ul li dl a:hover{background-color:#eaf4f6;}  
.mobile_nav{position:absolute; right:0em; top:-20px; height:100%; width:38px; display:none; }
.global-nav-initializer {width: 38px; height: 34px;
  position: relative;
  background: white;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; }
 
  .global-nav-initializer .line {
    width: 22px;
    height: 2px;
    background: 2px;
    left: 8px;
    position: absolute;
    background: #333;
    
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
    .global-nav-initializer .line.top {
      top: 8px; }
    .global-nav-initializer .line.mid {
      top: 16px; }
    .global-nav-initializer .line.bottom {
      top: 24px; }
	  .active .global-nav-initializer {
    background: #cfa972; }
    .active .global-nav-initializer .line {
	background-color:#fff;
      }
       .global-nav-initializer.active .line.top {
        -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0);
        -moz-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0);
        -ms-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0);
        -o-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0);
        transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); }
       .global-nav-initializer.active .line.mid {
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -ms-transform: scaleX(0);
        -o-transform: scaleX(0);
        transform: scaleX(0); }
     .global-nav-initializer.active .line.bottom {
        -webkit-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);
        -moz-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);
        -ms-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);
        -o-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);
        transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); }
		
	
.mobilemenu{ overflow:visible; overflow-x:hidden; overflow-y:auto;  -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; opacity:0;
position:fixed; left:0; top:-100%; width:100%; background-color:#fff;height:calc(100vh - 5em); z-index:444; }
.mobilemenuon{top:7em;opacity:1;}
.mobilemenu ul li{
text-align:center;border-bottom:1px #f5f5f5 solid; }
.mobilemenu ul{
margin:1em 0 0 0;}
.mobilemenu ul li a.biga{
display:block;  padding:0.8em 0;}
.mobilemenu ul li.on a.biga{
color:#fff; background-color:#e60012}
.mobilemenu ul li dl dd{
font-size:0.875em; margin:0.5em 0;}
.mobilemenu ul li dl{ display:none;
padding-bottom:0.5em;} 
.mobilebannerimg {
    display: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    height: 55vh;
}

.banner_mid{ color:#fff;position:absolute;width:100%; z-index:100; bottom:45%;text-align: center;}
.banner_mid_1{text-align: center;}
.banner_mid_2{text-align: center;margin: 2% auto 0 auto;}




.indexbanner .swiper-pagination-bullet{ text-align:left;opacity:1; font-family:Arial, Helvetica, sans-serif;width:6em; 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:5px; background-color:#fff;}
.indexbanner .swiper-pagination-bullet:before{ z-index:888;content:''; position:absolute; left:0; width:0%; bottom:0; height:5px; background-color:#f91f2b;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;}


@media screen and (max-width:1075px) {
.header_2_right h2 {
    font-size: 1.2rem;
}
.header_2_right {

    width: 22.96675900277008%;
}

}








@media screen and (max-width:930px) {
#header{
position:fixed; left:0; top:0; width:100%; background-color:#fff; z-index:999;}
.header_2_mid{    height: 6em;}
.mobilemenuon {
    top: 6em;}
.header_2_left{
width:auto;}
.header_2_left img{
height:2.5em;}
.header_1,.header_3,.header_2_mid_m,.header_2_right{
display:none}
.mobile_nav{
display:block;}


.mobilebannerimg {
    display: block;
}
.pcbannerimg {
    display: none;
}
.banner_mid{bottom:25%;padding: 0 40px;}
}

@media screen and (max-width: 640px){
.header_2_left img{height:2em;}
.indexbanner .swiper-pagination-bullet{width:4em;}

}
@media screen and (max-width:480px) {
.header_2_mid {
    height: 4em;
}
.mobilemenuon {
    top: 4em;}
.header_2_left img {
    height: 2em;
}
.banner_mid_1 img{
max-width:100%;}

}