@charset "utf-8";
/* CSS Document */

/* 鍩虹璁剧疆 */

/*=================default===================*/
html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	position: relative;
	
}

body {
	overflow-x: hidden;
	-webkit-text-size-adjust: none; height:100%; width: 100%;
	overflow-y: scroll;
	background: #fff;
	font-size: 14px;
	
}


.search ::-webkit-input-placeholder { /* Edge */
  color: #fff;
}

.search :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.search ::placeholder {
  color: #fff;
}



*{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; line-height: 1.75;}

.layui-form-switch ,.layui-form-switch *{ -webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;}

.af-cb:after{clear: both; content: ' '; overflow: hidden; width: 0; height: 0; display: block;}

::selection{background:#E72229; color:#fff;}
::-moz-selection{background:#E72229; color:#fff;}

a,a:link{ color: #333; text-decoration: none;}
a:hover,a:active{ color: #E72229; text-decoration: none;}

a:hover i.pic-size img{-webkit-transform: scale(1.05); transform: scale(1.05);}

.block{display: block !important;}

/*瀹氫箟鍔ㄧ敾*/
.e-ani *,.e-ani *:before,.e-ani *:after{-webkit-transition: .3s; transition:.3s;}


.nav * .nav-btn-bg{-webkit-transition:left .3s ease .03s; transition:left .3s ease .03s;}/*0.03寤惰繜瑙ｅ喅".nav-btn-bg"鍏冪礌鎶栧姩*/

.e-animte{-webkit-transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,-webkit-transform .5s, top 0s linear .6s, bottom 0s linear .6s, left 0s linear .6s;
transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,transform .5s, top 0s linear .6s,bottom 0s linear .6s,left 0s linear .6s;}

*.e-animte-show{-webkit-transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,-webkit-transform .5s, top 0s linear 0s, bottom 0s linear 0s, top 0s linear 0s;
transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,transform .5s, top 0s linear 0s, bottom 0s linear 0s, top 0s linear 0s;}

.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

/*--绠€鏄撳垏鎹㈠姩鐢?-*/
.tabs-box .bd{ transition: .3s;}
.tabs-box .bd:after{content: ' '; clear: both; width: 0; height: 0; overflow: hidden;}
.tabs-box .bd>.tabs-hide{ position: absolute; top: 0; left: -10000px; width: 100%; overflow: hidden; -webkit-transform: none; transform: none; opacity: 0; -webkit-animation: tabs-hide .8s; animation: tabs-hide .8s;}
@-webkit-keyframes tabs-hide /* Safari 鍜 Chrome */
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
to { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 0;}
}
@keyframes tabs-hide
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
to { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 0;}
}
.tabs-box .bd>.tabs-on{ position: relative; top: 0; left: 0; width: 100%; -webkit-transform:none; transform: none; opacity: 1;}
.tabs-box .bd>.tabs-show{ position: relative; top: 0; left: 0; width: 100%; overflow: visible; -webkit-transform:none; transform: none; opacity: 1; -webkit-animation: tabs-show .8s; animation: tabs-show .8s;}
@-webkit-keyframes tabs-show /* Safari 鍜 Chrome */
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 0;}
to { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
}
@keyframes tabs-show
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 0;}
to { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
}


/* 鍒囨崲 */
.tabs-box .hd-line{transition: .3s;}
.tabs-box .hd>*{position: relative;}
.tabs-box .bd{ position: relative; overflow: hidden;}
.e-anim-hide{display: none;}
.e-anim-on{ display: block;}
.e-anim-off{  pointer-events: none; display: block; display: none\9;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .e-anim-off { display: block;  } /* IE10+ */
}


.tabs-box .e-anim-on{animation:tabs-anim-on .3s;animation-fill-mode: both;  width: 100%;}
.tabs-box .e-anim-off{ animation:tabs-anim-off .3s;  width: 100%; position: absolute; animation-fill-mode: both;  top: 0;}


@keyframes tabs-anim-on{
	from { opacity: 0; }
	to {opacity: 1;}
}
@keyframes tabs-anim-off{
	from { opacity: 1; }
	to { opacity: 0;}
}




/*--鏈€灏忓睆鎻愮ず--*/
@media screen and (max-width: 319px) {
html{-webkit-transition: 0s;  transition: 0s; background: #fff url(../img/displayNone.png) center center no-repeat; }
	body {
		-webkit-transition: 0s;  transition: 0s; display: none;
	}
}

/*--layui--*/
.layui-layer,.layui-layer *{ -webkit-transition: 0s; transition: 0s;}

/*--绉诲姩绔í灞忔彁绀?-*/
@media (max-width: 991px) and (orientation : landscape) {
	html.landscape {
		background: #fff url(../img/landscape.png) center center no-repeat;
	}
	html.landscape body {
		display: none;
	}
}


/*--swiper2.x楂樺害鑷€傚簲--*/
/* .swiper-container .swiper-wrapper{ height: auto !important;} */

/*榛樿鍔ㄧ敾鏃堕暱*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration:1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated-s {
  -webkit-animation-duration: .5s;
  animation-duration:.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*鐧惧害鍒嗕韩*/
.bdsharebuttonbox,.bdsharebuttonbox *,.bd_weixin_popup_bg,.bd_weixin_popup{ -webkit-transition: 0s;
transition: 0s;}
.bdsharebuttonbox *{-webkit-transition: .3s;
transition: .3s;}

/*bshare鍒嗕韩*/
#bsPanel,#bsPanel *,#bsBox,#bsBox *{-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;}

/*鐧惧害鍒嗕韩*/
.bdsharebuttonbox,.bdsharebuttonbox *,.bd_weixin_popup_bg,.bd_weixin_popup{ -webkit-transition: 0s;
transition: 0s;}
.bdsharebuttonbox *{-webkit-transition: .3s;
transition: .3s;}

/*bshare鍒嗕韩寰俊寮圭獥鍏煎*/
#bsWXBox{-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;}


/*鐧惧害鍦板浘*/
.map *{ -webkit-transition: 0s;
-moz-transition: 0s;
-ms-transition: 0s;
-o-transition: 0s;
transition: 0s;}
.map label,.map img{max-width: none !important; width: initial !important;}
.map *{ font-size: 12px; -webkit-transition: 0s; transition: 0s; -webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;}

/*瑙嗛鍏ㄥ睆*/
.video-bg{position: absolute; z-index: -1; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 0s; transition: 0s;}

/*lightbox*/
.lightbox,.lightbox *,.lightboxOverlay,.lightboxOverlay *{-webkit-transition: 0s;
-moz-transition: 0s;
-ms-transition: 0s;
-o-transition: 0s;
transition: 0s; -webkit-transform:translateZ(0); transform:translateZ(0);}


/*--鍒嗛〉--*/
div.pages {text-align: center; width: 100%; padding: 30px 0 0 0; margin: 0; line-height: 1.7;}
div.pages *{ line-height: 1.7;}
div.pages a,div.pages span {text-decoration: none; background: #fff; border: 1px solid #DDDDDD; padding: 3px 11px; margin: 2px; color: #333; font-size: 14px; display: inline-block; font-weight: normal; }
div.pages a.on,div.pages a.hover,div.pages a:hover,div.pages a:active,div.pages span.current,div.pages span.disabled { background: #E72229; color: #fff; border: 1px solid #E72229;  line-height: 1.7;}

@media screen and (min-width: 992px) {
	div.pages{ padding-top: 40px;}
}

@media screen and (min-width: 1240px) {
	div.pages{ padding-top: 50px;}
}

@media screen and (min-width: 1440px){
	div.pages{ padding-top: 60px;}
}

/*--绉诲姩绔缃?灏忓睆鐢佃剳 鍥剧墖缂╂斁--*/
/*璁剧疆鏈€澶у睆鍍忕礌-1*/
@media screen and (max-width: 1259px){
/*.content-box img,.content-bd img{width: auto !important; height: auto !important; max-width: 100%;}*/
}

/*鍥剧墖姣斾緥瑁佸壀棰勮*/
i.pic-size{ width: 100%; height: 0; padding-bottom: 100%; position: relative; display: block; overflow: hidden;}
i.pic-size img{ width: 100% !important; height: 100% !important; max-width: 100%; max-height: 100%; position: absolute; /* left: -100%; top: -100%; right: -100%; bottom: -100%;*/ margin: auto; object-fit: contain;}
i.pic-size-cover img{object-fit: cover;}
i.pic-size-scale-down img{object-fit: scale-down;}
i.pic-size-none img{object-fit: none;}


.layui-form-checked[lay-skin=primary] i{ border-color: #E72229; background-color: #E72229;}
.layui-form-checkbox[lay-skin=primary]:hover i{ border-color: #E72229;}





/*=================layout===================*/
@media screen and (min-width: 320px) {
	.container{ padding: 0 15px; margin: 0 auto; width: 100%;}
	.container:after{ content: " "; display: block; clear: both; width: 0; height: 0; overflow: hidden;}
	.container-max{ padding: 0 15px; width: 100%; margin: 0 auto;}

	/*瀹氫箟婊氬姩鏉￠珮瀹藉強鑳屾櫙 楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
		::-webkit-scrollbar
		{
		    width: 10px;
		    height: 10px;
		    background-color: #f7f7f7;
		}
		 
		/*瀹氫箟婊氬姩鏉¤建閬 鍐呴槾褰?鍦嗚*/
		::-webkit-scrollbar-track
		{
		    background-color: #e6e6e6;
		}
		 
		/*瀹氫箟婊戝潡 鍐呴槾褰?鍦嗚*/
		::-webkit-scrollbar-thumb
		{
		    background-color: #aaa;
		}
}
@media screen and (min-width: 992px) {
	.container{ width: 980px; padding: 0 10px;}
	
	.container-max{width: auto;}
}
@media screen and (min-width: 1240px) {
	.container{ width: 1200px;}
	
	.container-max{width: auto;}
}
@media screen and (min-width: 1440px) {
	
	.container{ width: 1420px;}
	.container-max{width: 100%;}
}
@media screen and (min-width: 1780px) {
	.container-max{width: auto; padding: 0 50px;}
}




/*=================header===================*/
@media screen and (min-width: 320px) {
	.container-header{position: relative;}
	.nav-box-bg{ height: 55px; width: 100%; position: absolute; left: 0; top: 0; z-index: 8;}
	.nav-box{ height: 55px; width: 100%; z-index: 100; box-shadow: 0 0 5px rgba(0,0,0,.1);  left: 0; top: 0; background: #fff; position: fixed;}
	.header-box{ height: 55px; display: block;}
	.logo{ float: left; position: relative; z-index: 9; height: 55px; padding: 10px 0 10px 0;}
	.logo a{ display: flex;height: 100%;}
	.logo img{ height:100%; }
	
	.nav-btn{ display: block; padding: 0 10px; margin-right: -10px; float: right; cursor: pointer; position: relative; z-index: 9;}
	.nav-btn i{ line-height: 55px; font-size: 22px; width: 24px; text-align: center; color: #E72229;}
	.nav-hide-btn{ display: none;}
	
	.nav-btn-show .nav-hide-btn{ display: block;}
	.nav-btn-show .nav-show-btn{ display: none;}
	
	.nav{ position: absolute; top: 55px; left: 0; right: 0; background: #0c0c0c; background: rgba(255,255,255,1);  padding:10px 15px; box-shadow: 0 15px 15px  rgba(0,0,0,.2); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; z-index: 8;}
	
	.nav.e-anim-on{animation:nav-anim-on .3s; animation-fill-mode: both; }
	.nav.e-anim-off{ animation:nav-anim-off .5s; animation-fill-mode: both;}
	
	.nav-list{ visibility: visible !important;}
	.nav-list li{ border-bottom: solid 1px rgba(0,0,0,.1);}
	.nav-list li:nth-last-child(2){border-bottom: none;}
	.nav-list li a{ display: block; }
	.nav-list li a b{font-weight: normal; line-height: 42px; position: relative; color: #666; display: block; text-align: center;}
	
	.nav-list li .nav-list-sub{ overflow: hidden; background: rgba(240,240,240,.5);-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; overflow: hidden; 
	transition:height .3s,opacity .3s;}
	.nav-list li .nav-list-sub>div{ padding: 10px 15px;}
	.nav-list li .nav-list-sub a{ line-height: 40px; border-bottom: solid 1px rgba(128,128,128,.1); color: #eee; font-size: 12px; text-align: center;}
	.nav-list li .nav-list-sub .sub-btn:nth-last-of-type(2) a{border: none;}
	.nav-list li .nav-list-sub a span{ color: #666;}
	.nav-list li .nav-list-sub a:hover span,.nav-list li .nav-list-sub a.on-02 span{ color: #E72229;}
	.nav-list .nav-on{ border-color: transparent; position: relative; z-index: 9;}
	.nav-list .nav-on a{border-bottom:none ;}
	.nav-list .nav-on a b{font-weight: normal;}
	.nav-list .nav-off{ position: relative; z-index: 1;}
	.nav-list .nav-off b{font-weight: normal;}
	
	
	.nav-list li .on b,.nav-list li .on i:before{ color: #E72229;}
	.nav-list li.nav-on a b,.nav-list li.nav-on a i:before{ color: #E72229;}
	
	
	.nav-list div.nav-btn-bg,.nav-list div.nav-btn-bg-02{ opacity: 0; filter:Alpha(opacity=0); width: 100%; left: 0; top: 0; height: 46px; background: #E72229; z-index: -1; position: absolute; display: none;}
	.nav-list div.nav-btn-bg-02{ width: auto; left: auto;}
	.nav-list div.nav-btn-bg-02-show{ opacity: 1;  filter:Alpha(opacity=100); }
	
	
	.nav-list-sub.e-anim-hide{ display: block; }
	
	.nav-list a b{ transition: color .3s,background .3s;}
	
	
	
	.nav-list-height.e-anim-on{animation:nav-list-anim-on .3s; animation-fill-mode: both; display: block;}
	.nav-list-height.e-anim-off{ animation:nav-list-anim-off .3s; animation-fill-mode: both; display: block;}
	
	.nav-list li .nav-list-sub div.btn-sub-bg{display: none;}
	
	
	
	/* 涓嬫媺 */
	.lang-box dl{display: flex; align-items: center; justify-content: center;}
	.lang-box dt { }
	.lang-box dt span{display: none;}
	.lang-box dt a span,.lang-box dt a i::before{ color: #000;}
	.lang-box dd a{ margin-left: 10px;}
	.lang-box dd a.on{ color: #e72229;}
	
	.search-box{ display: flex; padding: 10px 0;}
	.search-box .search-bg{ flex:1;}
	.search-box .inp{ width: 100%; border-radius: 0; height: 36px; border: 1px solid #eee; padding: 0 10px;}
	.search-box .btn{ width: 36px; height: 36px; background: #e72229; border: none;}
	.search-box .btn i::before{ color: #fff; font-size: 18px;}
}
	
@keyframes nav-anim-on{
	from { opacity: 0; transform: translateY(-10px); filter: blur(2px);}
	to {opacity: 1; transform: translateY(0);}
}
@keyframes nav-anim-off{
	from { opacity: 1; transform: translateY(0); filter: blur(0);}
	to { opacity: 0; transform: translateY(-10px); filter: blur(2px);}
}

@keyframes nav-list-anim-on{
	from { opacity: 0; transform: translateY(-20px);}
	to {opacity: 1; transform: translateY(0);}
}
@keyframes nav-list-anim-off{
	from { opacity: 1; transform: translateY(0);}
	to { opacity: 0; transform: translateY(20px);}
}

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

@media screen and (min-width: 480px) {
	/* .logo{ height: 76px; padding: 30px 0;}
	.nav-box-bg{ height: 76px;}
	.nav-box{ height: 76px;}
	.header-box{ height: 76px;}
	.nav{ top: 76px;}
	.nav-btn i{ line-height: 76px; font-size: 28px; width: 30px;}
	 */
	
}


@media screen and (max-width: 991px) {	
	.lang-box .e-anim-hide{display: block;}
}


@media screen and (min-width: 992px) {
	
	.nav{ height: 80px;}
	.nav:before{display: none;}
	.nav-box-bg{ height: 80px;}
	.nav-box{ position: relative; height: 80px; background: #fff;}
	.nav-box-bg::before{ content:' '; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: rgba(255,255,255,.2);}
	.header-box{ height: 80px;}
	
	.logo{ height: 80px; padding:14px 0;}
	.logo img{ margin: 0 auto; height: 100%;}
	.logo a{ width: 100%; height: 100%; display: block; padding: 0;}
	
	
	.nav-btn{ display: none;}
	.nav{ float: right; position: relative; -webkit-transform: none; transform: none; opacity: 1; filter:Alpha(opacity=100); z-index: 9; box-shadow: none; padding: 0; border-top: none; border-bottom-left-radius: 0;
border-bottom-right-radius: 0; overflow: visible; background: none; top: 0;  padding-left: 0; padding-right: 0; left: auto; right: auto; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;}
	.nav-list{  position: relative; float: right;}
	
		
	
	.nav-list:after{ content: ' '; overflow: hidden; clear: both; display: block;}
	.nav-list{ margin: 0;}
	.nav-list li{ float: left; border-bottom: none; position: relative; border: none;}
	
	.nav-list li a b{ line-height: 80px; height: 80px; color: #1F120D; overflow: hidden; font-size: 14px; }
	.nav-list li a{ height: 80px; line-height: 80px; padding: 0 15px; font-size: 14px; position: relative;}
	
	
	/*.nav-list li:nth-last-of-type(1) a:after{display: none;}*/
	.nav-list li.nav-on>a b{ color: #E72229;}
	.nav-list li.nav-off>a b{ color: #1F120D;}
	.nav-list li .on b/*,.nav-list li a:hover b*/{ color: #E72229;}
	.nav-list li .on .nav-btn-bg{ opacity: 1;filter:Alpha(opacity=100);}
	.bd-more{border-bottom-color: #fff; display: none;}
	.nav-list li .nav-list-sub{ position: absolute; top: 80px; height: auto !important; box-shadow: 0 5px 8px rgba(0,0,0,.3); width: auto; background: none; box-shadow:none; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;padding-top: 0; left: -25px; right: -25px;}

	.nav-list li .nav-list-sub .nav-list-height{padding: 0; overflow: hidden; float: left; position: relative; width: 100%;}
	.nav-list li .nav-list-sub a{ height: auto; border: none; padding:  0 10px;  text-align: center; float: left; position: relative; z-index: 2; background: rgba(0,0,0,.65); width: 100%; border-bottom:1px solid rgba(255,255,255,.5);}

	.nav-list li .nav-list-sub a span{ color: #fff; padding:10px 0; font-size: 12px; line-height: 20px; display: block;}
	
	.nav-list li .nav-list-sub a:hover,.nav-list li .nav-list-sub a.on{  background: #E72229;}
	.nav-list li .nav-list-sub a:hover span{ color: #fff;}
	
	.nav-list div.nav-btn-bg,.nav-list div.nav-btn-bg-02{ height: 48px; background: #E72229; overflow: hidden; transition: .3s; display: none; }
/* 	.nav-list div.nav-btn-bg:before,.nav-list div.nav-btn-bg-02:before{ content: ' '; position: absolute; left: 20px; right: 20px; top: 0; height:3px; background: #E72229;} */
	
	.nav-list-height.e-anim-hide{ display: none;}
	.nav.e-anim-hide{ display: block;}

	
	.nav-list-height.e-anim-on{animation:nav-list-anim-on-pc 0.01s; animation-fill-mode: both; display: block;}
	.nav-list-height.e-anim-off{ animation:nav-list-anim-off-pc .5s; animation-fill-mode: both; display: block;}
	.nav-list li .nav-list-sub{overflow: visible;}
	.nav-list li .nav-list-sub .nav-list-height{
		overflow: visible;
		perspective: 400px;
		height: 0;
	}
	
	
	.nav-list-height.sub-show .sub-btn{
		transform: rotateY(0deg);
		opacity: 1;
	}
	
	.nav-list-height .sub-btn,.nav-list-height.e-anim-off .sub-btn{
		transform: rotateY(90deg);
		opacity: 0;
		
	}
	
	.nav-list-height.sub-show .sub-btn:nth-child(1){
		transition-delay: .05s;
	}
	.nav-list-height.sub-show .sub-btn:nth-child(2){
		transition-delay: .1s;
	}
	.nav-list-height.sub-show .sub-btn:nth-child(3){
		transition-delay: .15s;
	}
	.nav-list-height.sub-show .sub-btn:nth-child(4){
		transition-delay: .2s;
	}
	.nav-list-height.sub-show .sub-btn:nth-child(5){
		transition-delay: .25s;
	}
	.nav-list-height.sub-show .sub-btn:nth-child(6){
		transition-delay: .3s;
	}
	.nav-list-height.sub-show .sub-btn:nth-child(7){
		transition-delay: .35s;
	}
	.nav-list-height.sub-show .sub-btn:nth-child(8){
		transition-delay: .4s;
	}
	.nav-list-height.sub-show .sub-btn:nth-child(9){
		transition-delay: .45s;
	}
	
	.nav-list-height.e-anim-off .sub-btn:nth-last-child(1){
		transition-delay: .05s;
	}
	.nav-list-height.e-anim-off .sub-btn:nth-last-child(2){
		transition-delay: .1s;
	}
	.nav-list-height.e-anim-off .sub-btn:nth-last-child(3){
		transition-delay: .15s;
	}
	.nav-list-height.e-anim-off .sub-btn:nth-last-child(4){
		transition-delay: .2s;
	}
	.nav-list-height.e-anim-off .sub-btn:nth-last-child(5){
		transition-delay: .25s;
	}
	.nav-list-height.e-anim-off .sub-btn:nth-last-child(6){
		transition-delay: .3s;
	}
	.nav-list-height.e-anim-off .sub-btn:nth-last-child(7){
		transition-delay: .35s;
	}
	.nav-list-height.e-anim-off .sub-btn:nth-last-child(8){
		transition-delay: .4s;
	}
	.nav-list-height.e-anim-off .sub-btn:nth-last-child(9){
		transition-delay: .45s;
	}
	
	/*PC浜岀骇涓嬫媺鑳屾櫙鑹?/
	.nav-list-sub-bg{ display: block; position: absolute; top: -100%; height: 52px; width: 100%; left: 0; background: #fff; opacity: 0;  filter:Alpha(opacity=0); box-shadow: 0 3px 3px rgba(0,0,0,.1); border-top: solid 1px #f4f4f4;}
	/*.nav-list-sub-bg-show{ opacity: .9;  filter:Alpha(opacity=90); top: 80px;}*/
	
	.header-swiper-box{ position: absolute; left: 0; top: 0; width: 100%;}
	.header-bg{ height: 0; background-position: center center; background-repeat: no-repeat; background-color: #E72229;}
	
	
	/* pc浜岀骇鏍忕洰婊戝潡 */
	.nav-list li .nav-list-sub div.btn-sub-bg{display: block; position: absolute; width: 0; left: 0; height: 52px; padding: 0; border-bottom: solid 2px #E72229; transition: .3s; display: none;}
	
	
	/* 涓嬫媺 */
	.top-r{ display: flex; justify-content: flex-end; float: right; position: relative; padding: 0; height: 80px; border-left: 1px solid #E2E7F1;}
	
	.lang-box {
		position: relative;
	}
	
	.lang-box dt{
		
	}
	.lang-box dt a{
		width: 80px;
		height: 80px;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}
	
	
	.lang-box dt a:hover i::before,.lang-box dt a:hover span{
		color: #e72229;
	}
	
	.lang-box dt span{
		display: block;
		padding-left: 5px;
	}
	.lang-box dd{
		position: absolute;
		left: 0;
		top: 80px;
		right: 0;
		background: #fff;
		box-shadow: 0 5px 10px rgba(0,0,0,.05);
	}
	.lang-box dd a{
		display: block;
		text-align: center;
		padding: 8px 0;
		line-height: 1.6;
		 margin-left: 0;
	}
	
	
	.search-box{ padding: 0; margin-right: -10px;}
	.search-box .btn{
		width: 80px;
		height: 80px;
		cursor: pointer;
	}
	.lang-box dt a span, .lang-box dt a i::before{ color:#000000;}
	
	
	.search-box .search-bg{ height: 80px; background: rgba(0,0,0,.02); padding:0; display: flex; align-items: center; width: 0; transition: .3s;}
	.search-box .search-bg-show{ padding: 0 15px; width: 180px;}
	.search-box .inp{ border: none; height: 36px; background: none; border-bottom: 1px solid #eee; padding: 0;}
	.search-box .btn i::before{font-size: 22px;}
	
	.ind-nav-box{ transition: background .3s; position: fixed;}
	
	.ind-nav-box-transparent{background: none; box-shadow: 0 0 0 rgba(0,0,0,0);}
	.ind-nav-box-transparent .lang-box a{ color:rgba(255,255,255,.7);}
	.ind-nav-box-transparent .lang-box a.on{color: #E72229;}
	.ind-nav-box-transparent .logo img{ filter: contrast(0%) brightness(1000%);}
	.ind-nav-box-transparent .nav-list li a b{ color: #fff;}
	.ind-nav-box-transparent .nav-list li a.on b{ color: #E72229;}
	
	
	
	.ind-nav-box-transparent .top-r{ border-left-color:rgba(255,255,255,.2); }
	.ind-nav-box-transparent .lang-box dt a span,.ind-nav-box-transparent .lang-box dt a i::before{ color: #fff;}
	.ind-nav-box-transparent .search-box .search-bg{ background: rgba(255,255,255,.8);}
	.ind-nav-box-transparent .search-box .inp{ border-bottom-color: #fff;}
}

@keyframes nav-list-anim-on-pc{
	from { opacity: 1;}
	to {opacity: 1; }
}
@keyframes nav-list-anim-off-pc{
	from { opacity: 1;}
	to { opacity: 1;}
}


@media screen and (min-width: 1240px) {
	.nav{ height: 100px;}
	.nav-box-bg{ height: 100px;}
	.nav-box{ height: 100px;}
	.header-box{ height: 100px;}
	.logo{ height: 100px;}
	.logo{ padding: 17px 0;}
	
	.top-r{ height: 100px;}
	.nav-list li a{ height: 100px; line-height: 100px;}
	.nav-list li a b{ line-height: 100px; height: 100px; font-size: 16px;}
	
	.nav-list li .nav-list-sub{ top: 100px; left: 0; right: 0;}
	
	.lang-box dt a{ width: 130px; height: 100px;}
	.lang-box dt a i::before{ font-size: 22px;}
	.search-box .btn{ width: 100px; height: 100px;}
	.search-box .search-bg{ height: 100px;}
	.search-box .search-bg-show{width: 200px; padding: 0 25px;}
}

@media screen and (min-width: 1440px) {
	
	
	.nav-list{ padding-right: 45px;}
	.nav-list li a{ padding: 0 40px;}
	.nav-list li a b{ font-size: 18px;}
	
	
	
	
}


@media screen and (min-width: 1780px) {
	.search-box{ margin-right: -50px;}
}



/*寮圭獥瑙嗛*/
@media screen and (min-width: 320px) {
.video-show.layui-layer-iframe{overflow: visible;}
.video-show{ width: 300px !important; height: 175px !important; left: 50% !important; top: 50% !important; transform: translate(-50%,-50%) !important;}

	.video-show .layui-layer-setwin{ right: 0; top: 0;}
	.video-show .layui-layer-setwin .layui-layer-close2{ right: 0; top: -35px;width: 35px; height: 35px; background: #E72229; font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; text-align: center; line-height: 35px;}
	.video-show .layui-layer-setwin .layui-layer-close2:before { content: "\e639"; color: #fff; font-size: 14px;}
	
	div.video-show .layui-layer-content{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; overflow: visible;}
	.jcsp-video{display: none;}
	.video-show video{display: block;}
	.video-show video{ width: 100%; height: 100%;}
	
}



@media screen and (min-width: 384px) {
	.video-show{ width: 365px !important; height: 210px !important;}
}

@media screen and (min-width: 480px) {
	.video-show{ width: 420px !important; height: 240px !important;}
}

@media screen and (min-width: 640px) {
	.video-show{ width: 630px !important; height: 360px !important;}
}

@media screen and (min-width: 768px) {
	.video-show{ width: 700px !important; height: 400px !important;}
}

@media screen and (min-width: 992px) {
	.video-show{ width: 900px !important; height: 510px !important;}
}

/*@media screen and (min-width: 1340px) {
	.video-show{ width: 1100px !important; height: 620px !important;}
}*/




@media screen and (min-width: 320px) {
	
}

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

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	
}

@media screen and (min-width: 1240px) {
	
}


/*--鍐呭鐩掑瓙--*/
@media screen and (min-width: 320px) {
	.content-box:after{content: ' '; clear: both; width: 0; height: 0; overflow: hidden; display: block;}
	.content-box{ text-align: justify; text-justify:inter-word; font-size: 14px; color: #1A1B22; position: relative; z-index: 10; line-height: 2;}
	.content-box,.content-box *{ line-height: 2; font-size: 14px;}
	.content-box img{width: auto; height: auto; max-width:100%;}
	
	.content-bd{  margin-bottom: 30px;}
	
	body.view img{max-width: 100%;}
		
}

@media screen and (min-width: 992px) {
	.content-bd{  margin-bottom: 60px;}
	.content-box,.content-box *{ font-size: 16px;}
}

@media screen and (min-width: 1240px)  {
	.content-box,.content-box *{ font-size: 18px;}
	.content-bd{  margin-bottom: 80px;}
}



/* 浼佷笟璧勮 - 鍐呴〉 */
@media screen and (min-width: 320px) {
	.info-bd{ padding: 30px 0;}
	.info-box{border: 1px solid #ddd; padding: 30px;}
	.info-tit{ text-align: center; border-bottom:solid 1px #E1E1E1; line-height: 1.2; padding-bottom: 15px; font-weight: bold; color: #464646; font-size: 20px;}
	
	.info-mess{ padding: 15px 0 30px 0; text-align: center; display: flex; flex-wrap: wrap; justify-content: center;}
	
	.info-mess span{ padding: 0 10px; color: #999;}
	
	.info-btn{ margin-top: 30px; padding:15px 0; border-top:solid 1px #E1E1E1; border-bottom:solid 1px #E1E1E1; font-size: 14px;}
	.info-btn span{display: block;}
	.info-btn span + span{ padding-top: 5px;}
	.info-btn a{ color: #E72229;}
}

@media screen and (min-width: 760px) {
	
}

@media screen and (min-width: 992px) {
	.info-bd{ padding: 40px 0;}
	.info-box{ padding:40px 30px;}
	.info-tit{font-size: 28px;}
	.info-mess{}
	
	.info-btn{ margin-top: 30px;}
}

@media screen and (min-width: 1240px) {
	.info-bd{ padding: 50px 0;}
	.info-box{ padding:60px 40px;}
	.info-tit{ padding-bottom: 30px; font-size: 32px;}
	
	.info-mess{ padding: 20px 0 40px 0;}
	
	.info-btn{ margin-top: 40px; padding:20px 0; font-size: 16px; font-size: 16px;}
	.info-btn span + span{ padding-top: 10px; font-size: 16px;}
}



/*

*{font-family: "microsoft yahei";}
@media screen and (min-width: 1440px) {
body::before{ content: ' '; background-image: url(../pic/gywm.jpg); width: 100%; height:850vh; background-position: center top; position: absolute; z-index: 999; opacity: .2; pointer-events: none;  -webkit-background-size: 1920px auto;
background-size:  1920px auto; top:-242px; left: 0;}

body:hover::before{ opacity: 0;} 
}

*/