@charset "utf-8";


#header{ background:#fff;width:100%;  z-index:999; position:fixed; left:0; top:0}
.header_mid{position:relative; margin:0 7.8125%;height:5em;}
.header_mid_left{position:absolute; top:0; left:0%; height:100%;}
.header_mid_right{  position:absolute; right:0%; top:0; height:100%;}
.header_mid_mid{position:absolute;top:0;right:10em;}
.header_mid_mid ul li{ z-index:10; margin-left:2.5em;float:left; position:relative; line-height:5em;  }
.header_mid_mid ul li:last-child:after{width:0px;height:0px;}
.bodyon .header_mid_mid ul li:after{background:#ce4425;}
.header_mid_mid ul li dl{ line-height:normal; background-position:top; background-repeat:repeat-x;  position:absolute; left:-60px; width:180px; z-index:100; padding:0.5em 0; background-color:#fff; display:none;-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);  }
.menu_right_mid_1{color:#000; font-size:1.5rem; margin-bottom:0.1em;}
.menu_right_mid_3 p{ clear:both;width:100%; display:block; text-align:center}
 .menu_right_mid_3 p a{ font-size:0.8rem; display:block; padding:0.4em 0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.menu_right_mid_3 p a:hover{ color:#fff; background-color:#ce4425}
.menu_right_mid_2{ font-size:0.875rem;color:#707070; font-family:Arial, Helvetica, sans-serif;}
.header_mid_mid ul li dl dd{ position:relative;  }
.menu_left{ width:54.16666666666667%;position:absolute; left:0; top:0; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.header_mid_mid ul li a.biga{ display:block;position:relative;font-weight: 550;}
.header_mid_mid ul li a.biga:hover{color:#ce4425}
.header_mid_mid ul li a.biga:hover:after,.header_mid_mid ul li a.bigaon:after{left:0; width:100%;}
.header_mid_mid ul li:nth-child(1){margin-left:0} 
.header_mid_right_right .tel span {color:#ce4425;font-weight: 550;letter-spacing: 0;margin-left: 5px;}
.header_mid_right_right a{ display: block; color: #fff;padding: 0.5em 0.6em;background: #333;} 
.header_mid_right_right a:hover{background:#ce4425;color: #fff;}
.header_mid_right_right a:nth-child(2){ padding-left:2em;background-position:left center; background-repeat:no-repeat; background-image:url(../images/img1.png);}
.header_mid_right_right a:nth-child(2):hover{color:#ce4425}
.global-nav-initializer {width: 38px; height: 34px; display:none; margin:0 1em;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: 1px;  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);-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 - 74px); z-index:666; }
.mobilemenuon{top:3.625em;opacity:1;}
.mobilemenu ul li{text-align:center;border-bottom:1px #dedede solid; }
.mobilemenu ul{margin:.5em 0 0 0;}
.mobilemenu ul li a.biga{display:block;  padding:0.8em 0;}
.mobilemenu ul li.on a.biga{color:#fff; background-color:#ce4425}
.mobilemenu ul li dl dd{font-size:0.875rem; margin:0.5em 0;}
.mobilemenu ul li dl{ display:none;padding-bottom:0.5em;}


/*******导航处理*******/
.bodyon #header{background:rgb(255,255,255, 0.8);}
.bodyon .header_mid_right_right a{color:#fff;}



.banner_img_mobile{display:none; background-position:center; background-repeat:no-repeat; position:relative;}
.swiper-slide-active .banner_img_mobile{visibility: visible; -webkit-animation:scale-bg 7s linear forwards;animation:scale-bg 7s linear forwards;}



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

.header_mid_left_mid a img {height: 3.8em;}
}

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

.header_mid_left_mid a img{ height: 3.5em;}
.header_mid_mid{    right: 7em;}
.header_mid_mid ul li{margin-left: 1.5em;}
}
@media screen and (max-width:1024px) {
.header_mid_mid{display:none}
.header_mid{height:4.5em;}
.global-nav-initializer{ background:none;display:block; position:absolute; margin:0; top:50%; margin-top:-17px; right:0;}
.global-nav-initializer .line{background-color:#000}
.header_mid_right_right{margin-right: 40px;}
#header , .bodyon #header {background: #fff;}

.clearfix.indexbanner {margin-top: 3.5em;}
.header_mid{margin:0 2.6%;}
}


@-webkit-keyframes scale-bg{
	from{
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes scale-bg{
	from{
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}

.banner_img_mobile img{width:100%;}



@media screen and (max-width:480px) {
.mobilemenu{   height:calc(100vh - 60px);   }
.header_mid_right_right{display:none;}
.mobilemenuon{top:60px;}
.header_mid{height:3.75em;}
#mid{margin-top:3.75em;}
.header_mid_left_mid a img {height: 3em;}

.mobilemenu{   height:calc(100vh - 50px);   }
.mobilemenuon{top:50px;}
}