@charset "utf-8";
/* header */
.bwhite{background-color: #FFF;}
.header-row-box{/*position: absolute;*/width: 100%;z-index: 99;top: 0;padding: 30px 0;background: #fff;}
/* .scroll-row{top: 0; background: #FFF!important;box-shadow: 1px 1px 10px;} */
.header-row-box > .container{padding: 0;}
/* .scroll-row > .container{width: 100%;max-width: 1920px; } */
.header-row{position: relative;padding-left:320px;}
.header-row .logo{height: 94px;position: absolute;left: 0;top: 0;background: #FFF;text-align: center;}
.header-row .logo img{display: inline-block;padding:10px;}
.header-row .mainnav{width: 90%;height: 94px; background: #FFF;}
.header-row .mainnav > ul > li{float: left;/*width: 11.111%;*/text-align: center;line-height: 94px;color: #2c2c2c;font-size: 1.3em;position: relative;padding: 0 10px; }
.header-row .mainnav > ul > li >a{color: #2c2c2c;position: relative;}
.header-row .mainnav > ul > li:hover > a:after{content:"";display:block;position: absolute;width: 50%;height: 3px;bottom:-11px;background: #d1a23c;left: 25%;}
.header-row .mainnav > ul > li.on > a:after{content:"";display:block;position: absolute;width: 50%;height: 3px;bottom:-11px;background: #d1a23c;left: 25%;}
.search-icon{display: inline-block;width:25px;height:25px;background: url(../images/header_icon_search.png) left center no-repeat;cursor: pointer;}
.lxdh-icon{height:25px;background: url(../images/header_icon_wza.png) no-repeat left center;cursor: pointer;padding-left: 26px;}
/* .scroll-row .mainnv-icons{right: 30px;} */
.mainnv-icons{position: absolute;right: 0;top: 36px;border-left: 2px solid #333;padding-left: 10px;}
.mainnv-icons i{font-style: normal;display: inline-block;vertical-align: middle;float: left;margin-right: 10px;font-size: 1.3em;}
.mainnv-icons .fgx{margin: 0 10px;}
.mainnv-icons a{float: left;    font-size: 1.3em;}

.header-row .mainnav > ul > li .mainnav-dropdown{display:none;position: absolute;width: 100%;background: #ddd;left: 0;top: 70px;padding:10px 0;z-index: 100;}
.mainnav-dropdown ul li{line-height: 40px;font-size: 1em;}
.mainnav-dropdown ul li a{display: block;width: 100%;height: 100%;color: #333;}
.mainnav-dropdown ul li a:hover{color: #9e0e0a;border-bottom: 1px solid #9e0e0a;}

.header-search{display: none;}
.colse-btn{text-align: right;}
.colse-btn a{display:inline-block;background: #dcdcdc;padding:0 10px;font-size: 2em;margin:20px 0 5px 0;cursor: pointer;}
.header-search-box{background: #dcdcdc;padding:10px;position: relative; float: right;}
.header-search-box form{padding:0 100px 0 20px;background: #fff;}
.header-search-box .search-txt{background: #fff;padding:10px 0;line-height: 30px;width: 200px;border:0;font-size: 1em;}
.header-search-box .search-btn{width: 80px;height: 50px;line-height: 50px;position: absolute;right: 10px;top: 10px;background: #ba8b23;color: #fff;border:0;font-size: 1.25em;cursor: pointer;}

.lxdh-icon{position: relative;}
.header-dh{display:block;padding:15px 0;position: absolute;top: -17px;right:-65px;width: 80px;text-align: center;color: #333;line-height: 30px;}
/* .lxdh-icon:hover .header-dh{display: block;} */


.f-center {text-align:center;}
#banner-box .f-14 { font-size:14px;}
#banner-box .pcimg { width:100%; height:auto;}
#banner-box .pcimg{position: relative;}
#banner-box .pcimg .container{position: absolute;top: 32%;left:0;right: 0;color: #fff;}
#banner-box .pcimg p,#banner-box .pcimg span{text-align: left;display: block;font-size: 43px;}
#banner-box .pcimg span{font-weight: bold;}
#banner-box .banner .swiper-slide img { display:block; width:100%; left:0; top:0;}
#banner-box .bannerPic { position:relative; width:100%; height:auto; transition:all 1s ease 2.5s; transform:perspective(1000px) translate3d(0, 0, 100px);}
#banner-box .swiper-slide.active .bannerPic { transition:all 5s ease 0s; transform:perspective(1000px) translate3d(0, 0, 0px);}
#banner-box .banner .swiper-slide .ind_ban_tex { position:absolute; width:100%; top:50%; left:0; transform:translateY(-50%);}
#banner-box .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en { font-size:46px; font-family:'Oswald',impact,Arial,sans-serif !important; line-height:1.2; color:#ffffff; text-shadow:3px 0 10px rgba(22, 78, 145, 0.4);
 transform:translateY(80px); opacity:0; margin-bottom:10px;}
#banner-box .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title { color:#ffffff; font-size:50px; line-height:1.6;
 margin-bottom:10px; text-shadow:3px 0 10px rgba(22, 78, 145, 0.4); transform:translateY(80px); opacity:0;}
#banner-box .banner .swiper-slide .ind_ban_tex .b_line { width:50px; margin:0px auto 20px; height:2px;
 background:#fff; transform:translateY(80px); opacity:0;}
#banner-box .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info { color:#ffffff; line-height:1.5; font-size:18px;
 text-shadow:3px 0 10px rgba(22, 78, 145, 0.4); transform:translateY(80px); opacity:0;}
#banner-box .banner .swiper-slide.active .ind_ban_tex_title_en {
 transition:all 2s ease .5s;
 transform:translateY(0);
 opacity:1;
}
#banner-box .banner .swiper-slide.active .ind_ban_tex_title {
 transition:all 2s ease .7s;
 transform:translateY(0);
 opacity:1;
}
#banner-box .banner .swiper-slide.active .b_line {
 transition:all 2s ease .8s;
 transform:translateY(0);
 opacity:1;
}
#banner-box .banner .swiper-slide.active .ind_ban_tex_info {
 transition:all 2s ease 1s;
 transform:translateY(0);
 opacity:1;
}
#banner-box .banner .swiper-button-prev {
 background-image:none;
 left:calc(8.335% - 32px);
 top:58%;
 width:64px;
 height:64px;
 text-align:center;
 line-height:64px;
 color:#ffffff;
 background-color:rgba(202, 202, 202, 0.3);
 transition:all .3s ease;
}
#banner-box .banner .swiper-button-next {
 background-image:none;
 right:calc(8.335% - 32px);
 top:58%;
 width:64px;
 height:64px;
 text-align:center;
 line-height:64px;
 color:#ffffff;
 background-color:rgba(202, 202, 202, 0.3);
 transition:all .3s ease;
}
#banner-box .banner .swiper-button-next.swiper-button-disabled {
 background-color:rgba(0, 0, 0, 0.3);
}
#banner-box .banner .swiper-button-prev.swiper-button-disabled {
 background-color:rgba(0, 0, 0, 0.3);
}
#banner-box .banner .swiper-pagination-bullet {
 width:12px;
 height:12px;
 background-color:#ffffff;
 margin:0 14px;
 opacity:0.5;
 color:transparent;
}
#banner-box .banner .swiper-pagination-bullet-active {
 opacity:1;
 width:42px;
 height:42px;
 line-height:42px;
 text-align:center;
 border:2px solid rgba(255, 255, 255, 0.4);
 background-color:transparent;
 color:#ffffff;
}
#banner-box .banner .swiper-pagination-bullet-active .rightcircle {
 -webkit-animation:circleProgressLoad_right 6s linear infinite;
 animation:circleProgressLoad_right 6s linear infinite;
}
#banner-box .banner .swiper-pagination-bullet-active .leftcircle {
 -webkit-animation:circleProgressLoad_left 6s linear infinite;
 animation:circleProgressLoad_left 6s linear infinite;
}
#banner-box .banner .swiper-pagination-bullet-active .wrapper_con {
 display:block;
}
#banner-box .banner .swiper-pagination {
 font-size:0;
}
#banner-box .banner .swiper-pagination > span {
 display:inline-block;
 vertical-align:middle;
 position:relative;
}
#banner-box .banner .swiper-container-rtl .swiper-button-next {
 left:calc(8.335% - 32px);
}
#banner-box .banner .swiper-container-rtl .swiper-button-prev {
 right:calc(8.335% - 32px);
}
#banner-box .banner .swiper-container-horizontal > .swiper-pagination-bullets {
 bottom:5%;
}
#banner-box .banner .swiper-pagination-custom {
 bottom:5%;
}
#banner-box .banner .swiper-pagination-fraction {
 bottom:5%;
}
#banner-box .right {
 right:-2px;
}
#banner-box .left {
 left:-2px;
}
#banner-box .circleProgress {
 width:42px;
 height:42px;
 border:2px solid transparent;
 border-radius:50%;
 position:absolute;
 top:0;
 -webkit-transform:rotate(-135deg);
}
#banner-box .rightcircle {
 border-bottom:2px solid #ffffff;
 border-left:2px solid #ffffff;
 right:0;
}
#banner-box .leftcircle {
 border-top:2px solid #ffffff;
 border-right:2px solid #ffffff;
 left:0;
}
#banner-box .wrapper_con {
 width:21px;
 height:42px;
 position:absolute;
 top:-2px;
 overflow:hidden;
 display:none;
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {

 #banner-box .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en {
  font-size:26px;
 }
 #banner-box .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title {
  font-size:30px;
 }
 #banner-box .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info {
  font-size:14px;
 }
 #banner-box .banner .swiper-button-prev {
  width:40px;
  height:40px;
  line-height:40px;
 }
 #banner-box .banner .swiper-button-next {
  width:40px;
  height:40px;
  line-height:40px;
 }
	.mainnv-icons{    
		top: 22px;
		right: 20px;
	}
}

@media only screen and (max-width: 768px) {
 #banner-box .f-center {
  padding-top:70px;
 }
 #banner-box .banner .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 6px;
 }
 #banner-box .rightcircle {
  display:none;
 }
 #banner-box .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en {
  font-size:18px;
 }
 #banner-box .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title {
  font-size:16px;
 }
 #banner-box .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info {
  font-size:12px;
  width: 80%;
  margin: 0 auto;
  display:none;
 }
 #banner-box .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info .infoen {
  display:none;
 }
 #banner-box .banner .swiper-button-prev {
  display:none;
 }
 #banner-box .banner .swiper-button-next {
  display:none;
 }

 #banner-box .pcimg p, #banner-box .pcimg span{
	font-size: 24px;
	text-align: center;
}

#banner-box .pcimg{height:150px}
#banner-box .banner .swiper-slide img{height:100%}

}
#banner-box { width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px;/* margin-top:154px; */margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px;
 padding-bottom:0px;}



.header-toggle-btn{display: none;}

/* 抽屉 */
.header-drawer{position:absolute; top:0; right:0; left:0; z-index:998; width:100%; height:0; opacity:0; overflow: hidden; transition:all .3s; -webkit-transition:all .3s; background:#eac994; box-sizing:border-box; background-size: 100% auto;}
.openDrawer .header-drawer{opacity:100; height:100vh;}
.drawer-main{padding:0 5%; }
.drawer-logo{position: absolute; left: 30px; top: 16px;}
.drawer-logo img{display: block;}
.drawer-menu{position: absolute; right: 132px; top: 38px;}
.drawer-menu ul li{float: left; position: relative; line-height: 28px;}
.drawer-menu ul li + li{padding-left:16px; margin-left: 15px;}
.drawer-menu ul li + li:before{content: ''; width: 1px; height: 16px; background: #fff; position: absolute; left: 0; top: 50%; margin-top: -8px;}
.drawer-menu ul li a{color: #fff;cursor: pointer;}
.drawer-menu .icon{float: left; height: 28px;}
.drawer-menu .icon>a,.drawer-menu .username{display: block; position: relative; padding-left: 36px; color: #fff;}
.drawer-menu .icon>a:before,.drawer-menu .username:before,.drawer-menu .guanhuai a:before{content: ''; position:absolute; left: 0; top: 50%; margin-top: -14px; width: 28px; height: 28px; background: url(../images/header_en.png) no-repeat;}
.drawer-menu .oldmodel a:before{background-image:url(../images/icon_old.png);}
.drawer-menu .guanhuai a:before{background-image:url(../images/icon_guanhuaib.png);}
.drawer-menu .user>a:before,.drawer-menu .username:before{background-image:url(../images/icon_user.png);}
/*.drawer-menu .username:before{margin-top: -20px;}*/
.drawer-menu a,
.drawer-menu .username,
.drawer-menu ul li + li:before{opacity: .6;}
.drawer-menu a:hover{opacity: 1;}

.drawer-mainNav{margin-top: 200px; height: calc(100vh - 200px); overflow-y: auto;}
.drawer-mainNav ul li{float:left; width:14.2857%; margin-bottom:20px;}
.drawer-mainNav ul li dl{margin-right:15%; margin-left:15%;}
.drawer-mainNav ul li dl dt{padding-bottom:30px;}
.drawer-mainNav ul li dl dt a{font-size:1.25em; font-weight:bold; color:#333;}
.drawer-mainNav ul li dl dd.submenu span{display:block; padding-top:10px; padding-bottom:10px;}
.drawer-mainNav ul li dl dd.submenu a{font-size:1.125em; color:#333; }
.drawer-mainNav ul li dl a:hover{color:#fff !important; opacity: 1 !important;}




/*responsive*/
@media (max-width: 1480px) {
	.header-row-box > .container{width: auto;}
	.header-row{padding-left: 340px;}
}
@media (max-width: 1280px) {
	
}

@media (max-width: 1200px) {
	.header-row{padding-left: 282px;}
	.header-row .logo{width: 263px;}
	/* .mainnv-icons .fgx{margin: 0;} */
	.header-row .mainnav{display: none;}
	#banner-box .pcimg p, #banner-box .pcimg span {
		text-align: left;
		display: block;
		font-size: 30px;
	}
}

@media (max-width: 1024px) {
	.header-row-box{top: 0!important;}
	.header-row-box >.container{width: 100%;}
	.header-row .logo{height: 70px;}
	.header-row .logo img{height: 50px;padding:10px;}
	#banner-box{margin-top: 0px;}
	/* .header-row .mainnav{height: 70px;}
	.header-row .mainnav > ul > li{line-height: 70px;} */
	.header,.header-row-box{
		height: 70px;
		background: #fff!important;
	}
	.header-row-box{
		position: fixed;
	}
	.header-row-box{padding: 0;}
	.drawer-logo img{height: 50px;}
}

@media (max-width: 992px) {
	.header-drawer{position: fixed;bottom: 0;}
	.mainnv-icons{display: none;}
	.mainnav >ul{display: none;}
	.header-toggle-btn{position:fixed; right:0; top:0; z-index:100; width:76px; height:70px; color:#fff; background-color:rgba(255,255,255,.3); cursor:pointer;display: block;z-index: 9999;}
	.header-toggle-btn div{position:relative; width:30px; height:20px; margin:26px auto; cursor:pointer;}
	.header-toggle-btn span{position:absolute; display:block; left:0; width:100%; height:10%; background:#333; transition:all .3s; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
	.header-toggle-btn span:nth-child(1){top:0;}
	.header-toggle-btn span:nth-child(2){top:50%;}
	.header-toggle-btn span:nth-child(3){top:100%;}
	.openDrawer .header-toggle-btn{width:62px; height:62px; /* background-color:#370000;*/} 
	.openDrawer .header-toggle-btn div{margin-top:20px; margin-bottom:20px;}
	.openDrawer .header-toggle-btn span:nth-child(1){
	        top:50%;
	        -webkit-transform:translateY(-50%) rotate(-45deg);
	        -ms-transform:translateY(-50%) rotate(-45deg);
	        transform:translateY(-50%) rotate(-45deg);
	}
	.openDrawer .header-toggle-btn span:nth-child(2) {
	        -webkit-transform:translateY(-50%) scaleX(0);
	        -ms-transform:translateY(-50%) scaleX(0);
	        transform:translateY(-50%) scaleX(0);
	}
	.openDrawer .header-toggle-btn span:nth-child(3) {
	        top:50%;
	        bottom:auto;
	        -webkit-transform:translateY(-50%) rotate(45deg);
	        -ms-transform:translateY(-50%) rotate(45deg);
	        transform:translateY(-50%) rotate(45deg);
	}
	.openDrawer .version{z-index:98 !important;}

	.drawer-main{padding: 0 30px;}
	.drawer-logo{position: static; padding: 16px 0 5px;}
	.drawer-menu{position: static; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.15);}
	.drawer-mainNav{margin-top: 35px;}
	.drawer-mainNav ul li{width:100% !important; margin-bottom: 25px;}
	.drawer-mainNav ul li dl{margin-right:0; margin-left:0;}
	.drawer-mainNav ul li dl dd.submenu span{float:left; margin-right:30px; padding-top:5px; padding-bottom:5px;}
	.drawer-mainNav ul li dl dt{padding-bottom:12px;}

	.drawer-search{padding:20px 0 0 0;font-size: 1.25em;}
	.drawer-search-box{padding:5px 100px 5px 20px;position: relative;background: #fff;}
	.drawer-search-box .search-txt{border: 0;background: #fff;width: 100%;line-height: 30px;height:30px;padding:0;overflow: hidden;}
	.drawer-search-box .search-btn{border:0;width: 80px;color: #fff;background: #ba8b23;position: absolute;right: 0;height: 41px;top: 0;}

	.header-row-box,#banner-box .f-center{padding: 0;}
	
}	

@media (max-width: 860px) {

}


/* xs mobile*/
@media (max-width: 768px) {
	
	.header-row .mainnav{background:#fff;}
	.header-toggle-btn{background: #FFF;}
	#banner-box .pcimg .container{top:26%}
	#banner-box .pcimg p, #banner-box .pcimg span{
		text-align: center;
	}
}

@media (max-width: 767px) and (min-width: 375px) {
	
}


@media (max-width: 640px) {
	
	.drawer-menu .icon>a,.drawer-menu .user .username{padding-left: 22px;}
	.drawer-menu .icon>a:before,.drawer-menu .user .username:before{width: 14px; height: 14px; margin-top: -7px; background-image: url(../images/header_en_s.png);}
	.drawer-menu .oldmodel a:before{background-image: url(../images/icon_old_s.png);}
	.drawer-menu .user a:before,.drawer-menu .user .username:before{background-image: url(../images/icon_user_s.png);}
}


@media (max-width: 480px) {
	
	.drawer-main{padding: 0 20px;}
	.drawer-menu{padding:10px 0; font-size: 13px;}
	.drawer-menu ul li + li{margin-left: 10px; padding-left: 11px;}
	.drawer-menu ul li + li:before{height: 12px; margin-top: -6px;}
	.drawer-mainNav ul li dl dt a{font-size:1.125em;}
	.drawer-mainNav ul li dl dd.submenu a{font-size:1em;}
	.drawer-mainNav ul li dl dd.submenu span{width: 50%; margin-right: 0;}
}

@media (max-width: 414px) {
	
	.drawer-logo img{max-width: 80%;}
}

@media (max-width: 375px) {
	.drawer-menu ul li + li{padding-left: 0;}
	.drawer-menu ul li + li:before{display: none;}
	
}


@media (max-width: 320px) {
	
}