/*css reset*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;}
html,body,p{ padding: 0; margin: 0; font-family:'Microsoft yahei' ,Arial; font-size: 14px;line-height:1.6; color:#333;}
ol, ul,li,dl,dd{list-style: none; padding: 0; margin: 0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; }
table {border-collapse: collapse; border-spacing: 0;}
th,td { vertical-align: middle;padding: 0;}
a{text-decoration:none;	outline: none;}
input, select,textarea {vertical-align: middle;padding: 0;border: 0 none;margin: 0; font-family:'Microsoft yahei' ,Arial; }
img, iframe {border: none; text-decoration:none;}
img{vertical-align: top;}
strong {font-weight: bold; font-family:'Microsoft yahei' ,Arial; }
h1,h2,h3,h4,h5,h6{padding: 0; margin: 0; font-weight:normal; font-family:'Microsoft yahei' ,Arial; }
:focus {outline: 0;}
::-webkit-input-placeholder { /* WebKit browsers */
   opacity:  0.5;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   opacity:  0.5;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   opacity:  0.5;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   opacity:  0.5;
}
/*css common*/
.clearfix:after{content: "";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;font-size:0;}
.clearfix{*zoom:1;}
a{ color:#333; font-size:14px; line-height:1.6;
border:none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color:transparent;
}

@-webkit-keyframes masked {
 0%,
 100% {
  background-position:left bottom
 }
 50% {
  background-position:right bottom
 }
}
@keyframes masked {
 0%,
 100% {
  background-position:left bottom
 }
 50% {
  background-position:right bottom
 }
}
@font-face {
  font-family: "DIN-Medium";
  src: url("../fonts/DIN-Medium.woff2") format("woff2"),
       url("../fonts/DIN-Medium.woff") format("woff"),
       url("../fonts/DIN-Medium.ttf") format("truetype"),
       url("../fonts/DIN-Medium.eot") format("embedded-opentype"),
       url("../fonts/DIN-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*20221108start*/
.mobile{
	display: none;
}
.mobile .bg{ display:none;}
/*20221108end*/
.web{
	display: inline-block;
}
.bg{
	width: 100%;
}
html {
	height: 100%;
	margin: 0 auto;
	max-width: 1920px;
}
body{ background:#ececec;
	position: relative;
	min-height: 100%;
}
.inner{
	max-width: 84%;
	margin: 0 auto;
}
@media screen and (max-width:1024px) {
.inner{
	max-width:92%;
	margin: 0 auto;
}

}
.inner.w1800{
	width: 1800px;
}
.inner.w1680{
	width: 1680px;
}
.inner.w1630{
	width: 1630px;
}
.inner.w1620{
	width: 1620px;
}
.inner.w1600{
	width: 1600px;
}
.inner.w1520{
	width: 1520px;
}
.inner.w1440{
	width: 1440px;
}
.inner.w1400{
	width: 1400px;
}
.inner.w1210{
	width: 1210px;
}
.inner.w1200{
	width: 1200px;
}
.swiper-notification{
	display: none;
}




/*header*/
#header{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	z-index: 51;
	max-width: 1920px;
	margin: auto;
}
#header .back{	height: 112px;}
#header.lower .back{ position:relative; z-index:12;
	 background:rgba(0,0,0,0.5);height: 100px;
}
#header .inner{
	justify-content: space-between;
	display: flex;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

#header.lower .nav-box li .level1 a{ line-height:100px; color:#fff;}
#header .logo{ position:relative; z-index:12; box-shadow:0 3px 10px rgba(108,108,108,0.25); display: block; width:165px; height:198px; background:#fff;flex-wrap:wrap; display: flex; align-items: center;  justify-content:center;}
#header .logo img{ width:136px;}
#header .logo .hide{ display:none;}
#header.lower1 .logo{ height:100px;}
#header.lower1 .logo .show{ display:none;}
#header.lower1 .logo .hide{ display:block;}

#header .right{width:69.4%; position:relative;
	height: inherit;
}
#header.lower .right{width:71.6%;}
#header .nav-box{width:-webkit-calc(100% - 85px); width:-moz-calc(100% - 85px); width:calc(100% - 85px);flex-wrap:wrap; display: flex; justify-content:space-between;
	height: inherit;
}
#header.lower .nav-box{width:-webkit-calc(100% - 120px); width:-moz-calc(100% - 120px); width:calc(100% - 120px);}
#header .nav-box li{
	position: relative;
	display: inline-block;
	vertical-align: middle;	height: inherit;
}
#header .nav-box li.norelative{
	position: static;
}
#header .nav-box li:first-child{
	padding-left: 0;
}
#header .nav-box li:last-child{
	padding-right: 0;
}
#header .nav-box li .level1{
	-webkit-display: inline-flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
	height: inherit;
}
#header li.sub .level1::after{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 100%;
	/*border-style: solid;
	border-width: 0 0.3125em 0.5em 0.3125em;
	border-color: transparent transparent #212121 transparent;*/
	margin-left: -0.3125em;
	-webkit-transition: transform 0.5s;
	transition: transform 0.5s;
}
#header li.sub:hover .level1::after{
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}
#header .nav-box li .level1 a{
	font-size:16px;
	color: #282828;
	line-height:112px;
	display: block;
	position: relative;
}
#header .nav-box li.active .level1 a,
#header .nav-box li:hover .level1 a{
	opacity:1; color:#d82225;
}
#header .nav-box li .level1 a::after{
	content: "";
	position: absolute;
	left: 0;
	top: 125%;
	width: 0;
	height: 2px;
	background:none;
	-webkit-transition: width 0.25s;
	transition: width 0.25s;
}
#header.white .nav-box li .level1 a::after{
	background-color: #fff;
}
#header .nav-box li .level1 a:hover::after,#header .nav-box li .level1 a.active::after{
	width: 0;
}
#header .sub-box{
	top: 100%;
	box-shadow: 8px 14px 20px rgba(21,0,4,0.05);
	display: none;
	position: absolute;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
	background-color: #212121;
	overflow: hidden;
}
#header .sub-box.type1{
	padding: 1em 2.5em;
}
#header .sub-box.type1 a{
	font-size: 0.875em;
	display: inline-block;
	vertical-align: top;
	color: #fff;
	padding: 0.875em 0;
	white-space: nowrap;
	position: relative;
}
#header .sub-box.type1 a::after{
	background-color: #f00040;
	position: absolute;
	width: 0;
	height: 1px;
	left: 0;
	bottom: 0;
	content: "";
	-webkit-transition: width 0.25s;
	transition: width 0.25s;
	-webkit-transform: translateY(-0.4375em);
	transform: translateY(-0.4375em);
}
#header .sub-box.type1 a:hover::after,#header .sub-box.type1 a.active::after{
	width: 100%;
}
#header .sub-box.type2{
	padding: 2.125em 0;
	text-align: center;
	width: 100vw;
	max-width: 1920px;
}
#header .sub-box.type2 .box{
	margin-right: 5.83vw;
	text-align: left;
	display: inline-block;
	vertical-align: top;
}
#header .sub-box.type2 .box:last-child{
	margin-right: 0;
}
#header .sub-box.type2 h5{
	font-size: 1.25em;
	color: #fff;
	font-weight: bold;
}
#header .sub-box.type2 h5 a{
	font-size: inherit;
	color: inherit;
}
#header .sub-box.type2 .line{
	width: 0.75em;
	height: 1px;
	background-color: #eb033d;
	margin: 1.25em 0;
}
#header .sub-box.type2 .clearfix a{
	font-size: 0.875em;
	color: #d7d7d7;
	display: block;
	vertical-align: top;
	margin-bottom: 1.625em;	
	position: relative;
	float: left;
	clear: both;
}
#header .sub-box.type2 .clearfix a:last-child{
	margin-bottom: 0;
}
#header .sub-box.type2 .clearfix a::after{
	background-color: #f00040;
	position: absolute;
	width: 0;
	height: 1px;
	left: 0;
	bottom: 0;
	content: "";
	-webkit-transition: width 0.25s;
	transition: width 0.25s;
	-webkit-transform: translateY(0.4375em);
	transform: translateY(0.4375em);
}
#header .sub-box.type2 .clearfix a:hover::after,#header .sub-box.type2 .clearfix a.active::after{
	width: 100%;
}
#header .sub-box.type2 .clearfix a img{
	margin-right: 0.875em;
	vertical-align: middle;
	height: 1.25em;
	width: auto;
}
#header .sub-box.type2 .clearfix a span{
	vertical-align: middle;
}
#header .line{ position:absolute; right:55px; top:50%; margin-top:-8px;
	width: 1px;
	height: 16px;
	background: #7a7a7a;
}
#header.lower .line{
	background: #fff; opacity:0.43; margin-right:34px;
}
/*20221108start*/
#header .Search{position:absolute; right:0; top:50%; margin-top:-15px; width:30px;height: 30px; background:url(../img/search.svg) center no-repeat; background-size:22px 22px; cursor:pointer; }
#header.lower .Search{ background:url(../img/search.svg) center no-repeat; background-size:22px 22px; margin-right:34px;}
/*20221108end*/

#header.lower .nav-down{ display:none; float:left; width:100%; position:absolute; left:0; top:100%; margin-top:1px; background:rgba(0,0,0,0.5); z-index:10; padding-top:43px; padding-bottom:43px; padding-left:28.4%; color:#fff;}
#header.lower .nav-down h4{ float:left; width:100%; font-size:24px; line-height:44px; position:relative; padding-left:16px; }
#header.lower .nav-down h4::after{ float:left; width:5px; height:21px; content:''; position:absolute; left:0; top:50%; background:#ffffff; transform:translateY(-50%); -ms-transform:translateY(-50%); }
#header.lower .nav-down ul{ float:left; width:100%; margin-top:5px; }
#header.lower .nav-down ul li{ float:left; margin-right:15px;}
#header.lower .nav-down ul li a{ float:left; min-width:143px; color:#fff; font-size:16px; line-height:36px; position:relative;padding-left:20px;}
#header.lower .nav-down ul li a:after{ float:left; width:6px; height:6px; content:''; position:absolute; left:-4px; top:50%; transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); border-top:2px solid #fff; border-right:2px solid #fff;}
#header.lower .nav-down ul li a:hover{ color:#d82225;}
#header.lower .nav-down ul li a:hover:after{  border-top:2px solid #d82225; border-right:2px solid #d82225;}

.soDown{ display:none; float:left; width:100%;position:absolute; left:0; top:100%; margin-top:1px; z-index:10; }
.soDown .inner{ background:rgba(0,0,0,0.5);}
._searchs{ float:right; padding:48px 400px;width:100%;}
._searchs input{float: left; height: 40px; border: 0;}
/*20221108start*/
._searchs .but{width:50px; height: 40px; background:url(../img/search.svg) center no-repeat #d82225; background-size:22px 22px;}
/*20221108end*/
._searchs .txt{width:-webkit-calc(100% - 50px); width:-moz-calc(100% - 50px); width:calc(100% - 50px); padding: 0 15px; background: #fff; color:#000; font-size:14px;}

@media screen and (max-width:1600px) {
#header .right{ width:77.4%;}
#header.lower .right{ width:78.4%;}
#header .nav-box{width: -webkit-calc(100% - 60px);width: -moz-calc(100% - 60px);width: calc(100% - 60px);}
._searchs{ float:right; padding:48px 250px;}
#header.lower .nav-down{ padding-left:21.6%;}
#header.lower .nav-down ul li a{ padding-left:16px;}
}
@media screen and (max-width:1360px) {
#header .nav-box li .level1 a{ font-size:14px;}
#header .nav-box{width: -webkit-calc(100% - 50px);width: -moz-calc(100% - 50px);width: calc(100% - 50px);}
#header.lower .nav-box{width:-webkit-calc(100% - 70px); width:-moz-calc(100% - 70px); width:calc(100% - 70px);}
#header .line{right:34px;}
#header.lower .line{ margin-right:20px;}
#header.lower .Search{ margin-right:14px;}
._searchs{ float:right; padding:48px 200px;}
}
@media  screen and (max-width:1024px){
    #header .logo{ width:82px; height:100px;}
    #header .logo img{ width:70px;}
    #header.lower1 .logo{ height:50px;}
    #header .Search{ right:50px;}
    #header.lower .Search{ margin-right:15px;}
	#header .back{
		height:50px;
	}
	#header.lower .back{
		height:50px;
	}
	#header .right{
		height: auto;
	}
	#header.lower .line{ margin-right:20px;}
	#header .menu{
		position: relative; margin:12px 0;
		width:26px;
		vertical-align: middle;
	}
	#header.lower .menu{
		width:26px; margin-right:15px;
	}
	#header .menu .relative-box{
		position: absolute;
		left: 0%;
		right: 0%;
		bottom: 10%;
		top: 10%;
	}
	#header .menu .menuline{
		background: #000;
		position: absolute;
		width: 100%;
		left: 0;
		height: 2px;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
	}
    #header.lower .menu .menuline{
		background: #fff;
    }
	#header .menu .menuline:nth-child(1){
		top: 0;
	}
	#header .menu.close .menuline:nth-child(1){
		top: 50%;
		margin-top: -1px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#header .menu .menuline:nth-child(2){
		top: 50%;
		margin-top: -1px;
	}
	#header .menu.close .menuline:nth-child(2){
		opacity: 0;
	}
	#header .menu .menuline:nth-child(3){
		bottom: 0;
	}
	#header .menu.close .menuline:nth-child(3){
		top: 50%;
		margin-top: -1px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
    ._searchs{  padding:15px 97px;}
    ._searchs input{ height:34px; padding:0 10px;}
    ._searchs .but{ height:34px;}

}

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

    ._searchs{  padding:15px 15px 15px 97px;}
    #header.lower1 ._searchs{  padding:15px 15px 15px 15px;}
}




/*footer*/
#footer{flex-wrap:wrap; display: flex; position:relative; width:100%;}
#footer .logo{ position:absolute; left:50%; top:0; width:294px; height:100%; z-index:3; background:#d82225; line-height:0;flex-wrap:wrap; display: flex; align-items: center;  justify-content:center; margin-left:-147px;}
/*20221108start*/
#footer .logo img{max-width:none; width:136px;}
/*20221031start*/
#footer .nav{ float:left; width:50%;}
#footer .share{ float:left; width:50%; padding-right:167px; margin:16px 0;flex-wrap:wrap; display: flex; justify-content:flex-end; }
/*20221108end*/
#footer .share a{ float:left; width:22px; height:22px; margin:0 10px;}
#footer .share a.f{ background:url(../img/main23.png) center no-repeat;}
#footer .share a.niao{ background:url(../img/main24.png) center no-repeat;}
#footer .share a.weibo{ background:url(../img/main25.png) center no-repeat;}
#footer .share a.weixin{ background:url(../img/main26.png) center no-repeat;}
#footer .share a.contact{ background:url(../img/main23.2.png) center no-repeat;}
#footer .share a.f:hover{ background:url(../img/main23.1.png) center no-repeat;}
#footer .share a.niao:hover{ background:url(../img/main24.1.png) center no-repeat;}
#footer .share a.weibo:hover{ background:url(../img/main25.1.png) center no-repeat;}
#footer .share a.weixin:hover{ background:url(../img/main26.1.png) center no-repeat;}
#footer .share a.contact:hover{ background:url(../img/main23.3.png) center no-repeat;}
/*20221031end*/
#footer .Copyright{ float:right; width:50%; color:#8d8d8d; font-size:14px; line-height:24px; margin:15px 0; padding-left:177px;}
#footer .Copyright a{ color:#8d8d8d; }
#footer .Copyright a:hover{ color:#d82225; }
#footer .footerT{background: #FFF; width:100%;padding-top:32px; padding-bottom:22px;}
#footer .footerT .inner{ display: flex; align-items:center; justify-content:space-between; }
#footer .nav{ float:left; width:50%; padding-right:177px; padding-left:5%;}
#footer .nav li{ float:left; width:20%; position:relative; margin:4px 0;}
#footer .nav li:after{ float:left; width:1px; height:12px; content:''; position:absolute; right:-20%; top:50%; margin-top:-6px; background:#d7d7d7;}
#footer .nav li:nth-child(4):after,
#footer .nav li:last-child:after{ display:none;}
#footer .nav li:first-child{ margin-left:20%;}
#footer .nav li a{ float:left; width:100%; text-align:right; color:#282828; font-size:16px; line-height:26px;}
#footer .nav li a:hover{ color:#d82225; }
#footer .adrr{ float:left;width:-webkit-calc(50% - 107px); width:-moz-calc(50% - 107px); width:calc(50% - 107px); padding-left:177px; }
#footer .adrr .li{ float:left; color:#282828; font-size:16px; line-height:26px; margin:4px 30px 4px 0; display: flex;}
#footer .adrr .li img{ max-width:none; height:18px; margin:4px 5px 0 0;}
#footer .er{ float:left; line-height:0; width:107px; border:1px solid #f0f0f0;}
#footer .er img{ max-width:none; width:105px;}
@media screen and (max-width:1600px) {
#footer .nav{ padding-right: 120px; padding-left:0;}
#footer .nav li:after{right:-15%;}
#footer .logo{ width:200px; margin-left:-100px;}
#footer .adrr{ padding-left:120px;}
#footer .adrr .li{ margin:4px 20px 4px 0;}
#footer .share{ padding-right:110px;}
#footer .Copyright{ padding-left:120px;}
}
@media screen and (max-width:1366px) {
#footer .nav li{ width:33.33%;}
#footer .nav li:first-child{ margin-left:0;}
#footer .nav li:nth-child(4):after{ display:block;}
#footer .nav li:nth-child(3):after,
#footer .nav li:nth-child(6):after{ display:none;}
}
@media screen and (max-width:1024px) {

#footer .logo{ width:100%; margin:0; left:0; padding:17px 0; position:relative;}
#footer .share{ display:none;}
#footer .Copyright{ padding:0; width:100%; text-align:center;}
#footer .footerT{ padding-top:20px; padding-bottom:20px;}
#footer .footerT .inner{flex-wrap:wrap;}
#footer .nav{ display:none; width:50%; padding-right:10px;}
#footer .adrr{ width:50%; padding-left:10px;}
#footer .er{ position:absolute; right:15px; top:41px; display:none;}
}
@media screen and (max-width:767px) {
#footer .nav{ width:100%; padding-right:0;}
#footer .nav li a{ text-align:center;}
#footer .nav li:after{ right:0;}
#footer .adrr{ width:100%; padding-left:0;}
}



/*scrollline*/
#scrollline{
	position: fixed;
	left: 0;
	top: 0;
	width: 3px;
	height: 0;
	background-image: linear-gradient(180deg,#d82225, #b7282d);
	background-color: #fff;
	z-index: 999;
}
/*忙艗鈥∶┾�櫵�*/
#mousepoint{
	position: fixed;
	left: 0;
	top: 0;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #d82225;
	z-index: 999;
	display: none;
}
#mousepoint.white{
	background-color: #fff;
	-webkit-transition: background-color 0.5s;
	transition: background-color 0.5s;
}
#mousepoint.case{
	background-color: #fff;
	opacity: 0.5;
	height: 64px;
	width: 64px;
	transform: translate3d(-75%,-75%,0);
}



#sidenav{
	display: none;
}



@media  screen and (max-width:1024px){
	.mobile {
		display: inline-block;
	}
    #header .right{ width:auto;}
    #header.lower .right{ width:auto;}
	#header .nav-box{
		display: none;
	}
	/*scrollline*/
	#scrollline{
		width: 2px;
	}
	/*忙艗鈥∶┾�櫵�*/
	#mousepoint{
		display: none !important;
	}
	#sidenav{
		display: block;padding-top:120px;
		background-color: #fff;
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		z-index: 10;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		-webkit-transition: transform 0.5s;
		transition: transform 0.5s;
	}
	#sidenav.active{
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	#sidenav.lower{
		padding-top:70px;
	}
	#sidenav .inner{
		height: inherit;
		overflow: auto;
	}
	#sidenav li{
		border-bottom: 1px solid #f0f0f0;
	}
	#sidenav .level1 a{
		font-size:16px;
		color: #333;
		font-weight: bold; letter-spacing:1px;
		padding:10px 0;
		display: block;
	}
	#sidenav li.active .level1 a{
		color: #f00040;
	}
	#sidenav .sub-box{
		margin-bottom: 0.75rem;	
		display: none;
	}
	#sidenav .sub-box.type1 a{
		display: block;
		font-size: 0.6875rem;
		color: #333;
		padding: 0.75em 0;
	}
	#sidenav .sub-box.type1 a.active{
		color: #f00040;
	}
	#sidenav .sub-box.type2 h5{		
		font-size: 0.875rem;
		color: #333;
		font-weight: bold;
	}
	#sidenav .sub-box.type2 h5 a{
		font-size: inherit;
		color: inherit;
	}
	#sidenav .sub-box.type2 .box{
		margin-bottom: 0.5rem;
	}
	#sidenav .sub-box.type2 .box:last-child{
		margin-bottom: 0;
	}
	#sidenav .sub-box.type2 .box div a{
		display: block;
		font-size: 0.6875rem;
		color: #333;
		padding: 0.75em 0;
	}
	#sidenav .sub-box.type2 .box div a.active{
		color: #f00040;
	}
	#sidenav .sub-box.type2 .box div a span{
		vertical-align: middle;
	}
	#sidenav .sub-box.type2 .box div a img{
		height: 1em;
		width: auto;
		margin-right: 0.5em;
		vertical-align: middle;
	}


}


/* Slider */
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}
.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-loading .slick-list
{
    background: #fff center center no-repeat;
}
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    left:40px;
    top: 50%;
    display: block;
    width: 52px;
    height: 100px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index:100;
}
.slick-next{
    left:auto;
    right:40px;
}
@media  screen and (max-width:1024px){
.slick-prev,
.slick-next
{
    width: 30px;
    height: 58px;
    background-size:30px 58px;
}
.slick-next{
    background-size:30px 58px;
}
}
@media  screen and (max-width:767px){
.slick-prev,
.slick-next
{
    left:15px;
    width: 26px;
    height: 50px;
    background-size:26px 50px;
}
.slick-next{
    left:auto;
    right:15px;
    background-size:26px 50px;
}    
}
.slick-dots
{
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: ' ';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


@media screen (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}


.Title{ width:100%; text-align:center;}
.Title h4{ width:100%; color:#282828; line-height:1; letter-spacing:1px; font-size:48px;}
.Title-1{ margin:100px 0 50px 0;}
.Title h6{ width:100%; text-transform:uppercase; font-weight:bold; color:#d82225; line-height:1; font-size:24px; margin-top:15px;}
.More{ width:100%;flex-wrap:wrap; display: flex; align-items: center;  justify-content:center; padding:38px 0; background:url(../img/main6.png) center repeat #fff; line-height:32px;}
.More a{ display:flex; color:#a6a6a6;}
.More:hover a{color:#d82225;}
.More .btn{ display:flex; width:32px; height:32px; border-radius:50%; margin:0 14px; background:url(../img/main5.png) center repeat #d82225;}
.More:hover .btn{ background:url(../img/main5.png) center repeat #b7282d; }
.Left{ float:left; width:160px; line-height:0; overflow:hidden; position:absolute; left:50%; top:0; z-index:1; margin-left:-960px;}
.Left img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.Left:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.Left img{ width:100%;}
.Left-R{  margin-left:800px;}
.Left-R .scrollfixed{ margin-left:0;}
.scrollfixed{ margin-left:0; margin-right:0;}

@media screen and (max-width:1920px) {
.Left{ width:8%; left:0;margin-left:0;}
.Left-R{ left:92%; margin-left:0;}
}
@media screen and (max-width:1600px) {
.Title h4{ font-size:36px;}
.Title h6{ font-size:20px;}
}
@media screen and (max-width:1024px) {
.Title-1{ margin:30px 0 20px 0;}
.Title h4{ font-size:24px;}
.Title h6{ font-size:16px; margin-top:10px;}
.More{ padding:20px 0; line-height:24px;}
.More .btn{ width:24px; height:24px;}
.Left{ width:4%;}
.Left-R{ left:96%; margin-left:0;}
}

.banner{flex-wrap:wrap; display: flex; width:100%; line-height:0; position:relative; z-index:1;}
.banner .pc{ width:100%; display:block;}
.banner .ph{ width:100%; display:none;}
.slideA{ flex-wrap:wrap; display: flex; justify-content:space-between; align-items:center; position:absolute; left:0; bottom:0; z-index:3; width:100%; padding:0 50px 0 236px; color:#fff;}
/*20221108start*/
.slideA h1{ float:left; position:relative; padding:16px 0 16px 106px; color:#fff; font-size:36px; line-height:48px;}
.slideA h1 img{ max-width:none; height:80px; padding:8px 20px; background:#b7282d; position:absolute; left:0; top:0;}
.slideA h6{ float:right; flex-wrap:wrap; display: flex; justify-content:space-between; align-items:center; color:#cdcdcd; font-size:12px; line-height:22px;}
/*20221108end*/
.slideA h6 a{ color:#cdcdcd; margin:0 10px;}
.slideA h6 a:hover{ color:#b7282d;}
.boxA{flex-wrap:wrap; display: flex;justify-content: space-between; align-items:flex-start; margin-bottom:80px;}
.slideL{ float:left; flex-wrap:wrap; display: flex;width:236px;}
.slideL h4{ float:left; width:100%; line-height:1; background:#d82225; color:#cdcdcd; font-size:16px; padding:36px 24px 43px 24px;}
.slideL h4 span{ display:block; font-size:60px; margin-bottom:14px;}
.slideL i{ float:left; width:100%; line-height:0; text-align:center;}
.slideL li{ float:left; width:100%; margin-bottom:1px;}
.slideL li a{ float:left; width:100%; text-align:center; color:#fff; background:#8f8f8f; font-size:16px; line-height:24px; height:64px; padding:5px 14px; display: flex; align-items: center;  justify-content:center;}
.slideL li.on a,
.slideL li:hover a{ background:#d82225;}
.slideL dl{ float:left; width:100%; background:#d82225; padding:0 14px 13px 14px;}
.slideL dl dd{ float:left; width:100%; margin-bottom:1px;}
.slideL dl dd a{ float:left; width:100%; text-align:center; background:#c41c1f !important; color:#fff;font-size:14px; line-height:22px; height:58px; padding:5px 14px; display: flex; align-items: center;  justify-content:center;}
/*20221108start*/
.slideL dl dd.on a,
.slideL dl dd:hover a{ background:#a91b1d !important;}
/*20221108end*/
.boxR{width:-webkit-calc(100% - 236px); width:-moz-calc(100% - 236px); width:calc(100% - 236px); background:#fff;}
.line20{ border-bottom:20px solid #ececec;}
/*20221031start*/
.Profile{ color:#393838; font-size:16px; line-height:36px; padding:98px 5.6% 96px 5%; }
.Profile .img{ float:right; width:30.55%; margin-left:4.4%;}
.Profile a{ color:#393838;}
.Profile a:hover{ color:#d82225;}
/*20221031end*/

.Institut .line{flex-wrap:wrap; display: flex; height:75px; background:url(../img/main6.png) center repeat; width:100%; border-bottom:1px solid #ececec;}
/* 20221102start */
.Institut .tit{flex-wrap:wrap; display: flex; width:100%; border-bottom:1px solid #ececec; color:#d82225; font-size:24px; line-height:34px; padding:20px 3%;}
/* 20221102end */
.Institut .list{flex-wrap:wrap; display: flex; align-items:flex-start; position:relative; width:100%; border-bottom:1px solid #ececec;}
.Institut .list:after,
.Institut .list:before{ float:left; width:1px; height:100%; content:''; position:absolute; left:33.33%; top:0; background:#ececec;}
.Institut .list:before{ left:66.66%;}
/* 20221102start */
.Institut .list li{flex-wrap:wrap; display: flex; width:33.33%; padding:15px 4.1%;}
/* 20221102end */
.Institut .list li h5{ width:100%; color:#393838; font-size:18px; line-height:28px;}
.Institut .list li h6{ width:100%; color:#a6a6a6; font-size:16px; line-height:26px; margin:12px 0 5px 0;}


@media screen and (max-width:1600px) {
.slideA h1{ font-size:28px;}
.slideL{ width:216px;}
.slideL li a{ font-size:15px; line-height:23px;}
.boxR{width:-webkit-calc(100% - 216px); width:-moz-calc(100% - 216px); width:calc(100% - 216px);}

}
@media screen and (max-width:1024px) {
.banner .pc{ display:none;}
.banner .ph{ display:block;}
.slideA{ padding:0 15px; justify-content:center;}
/*20221108start*/
.slideA h1 img{ height:44px; padding:6px 14px;}
.slideA h1{ font-size:18px; line-height:30px; padding:7px 0 7px 56px; }
/*20221108end*/
.slideA h6{ display:none;}
.slideL{ width:100%; justify-content:center;}
.slideL{ width:100%;}
.slideL h4{ padding:20px 15px;}
.slideL h4 span{ display:inline-block; font-size:50px; margin-bottom:0; margin-right:8px;}
.slideL i img{ width:160px;}
.slideL li{ width:33.33%;}
.slideL li a{ font-size:14px; line-height:18px; height:40px; padding:3px 6px;}
.slideL dl{ padding:0 6px 5px 6px;}
.slideL dl dd a{ height:34px;}
.slideL-1 li{ width:100%;}
.slideL-2{flex-wrap:nowrap; overflow:auto; justify-content:flex-start;}
.slideL-2::-webkit-scrollbar{ display: none;}
.slideL-2 li{ width:auto; min-height:33.33%; white-space:nowrap;}
.slideL-2 li a{ padding:3px 15px;}

.boxA{ margin-bottom:35px;}
.boxR{ width:100%;}
.line20{ border-bottom:5px solid #ececec;}
.Profile{ font-size:16px; line-height:30px; padding:25px 15px;}

.Institut .line{ height:20px;}
.Institut .tit{ font-size:18px; line-height:28px; padding:12px 15px;}
.Institut .list li{ padding:10px 15px;}
.Institut .list li h5{ font-size:16px; line-height:26px;}
.Institut .list li h6{ font-size:14px; line-height:22px; margin:2px 0;}

}
@media screen and (max-width:767px) {
.Profile .img{  width:70%; margin-left:15%; margin-right:15%; margin-bottom:20px;}
.Institut .list{border-bottom:none;}
.Institut .list li{ width:100%; border-bottom:1px solid #ececec;}
.Institut .list:after,
.Institut .list:before{ display:none;}

}


/* 20221031start*/
.pz_fy{  float:left;display:flex; justify-content:space-between; text-align:center; position:relative; width:100%; border-top:1px solid #f1f1f1; padding:4% 3.45%;}
/*.pz_fy a{ float:left; position:relative; width:107px; height:107px; line-height:107px; background:#f3f3f3; color:#3e3e3e; font-size:24px; margin-left:1px;}
.pz_fy span{display:flex; padding:0 15px;}
.pz_fy a:hover,
.pz_fy a.on{color:#fff; background:#d82225;}
.pz_fy .prev,
.pz_fy .next{ width:175px; margin:0;}
.pz_fy .prev:after,
.pz_fy .next:after{ display:flex; position:absolute; left:50%; top:50%; content:''; border-top:3px solid #3e3e3e; border-right:3px solid #3e3e3e; width:12px; height:12px; transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg); margin-left:-2px;}
.pz_fy .prev:after{ transform:translate(-50%,-50%) rotate(225deg); -ms-transform:translate(-50%,-50%) rotate(225deg); margin-left:2px; }
.pz_fy .prev:hover:after,
.pz_fy .next:hover:after{border-top:3px solid #fff; border-right:3px solid #fff;}
.fy_pc a{ display:flex; position:relative; width:44px; height:44px; background:#d82225;}
.fy_pc a:after{ display:flex; position:absolute; left:50%; top:50%; content:''; border-top:1px solid #fff; border-right:1px solid #fff; width:10px; height:10px; transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg); margin-left:-2px;}
.fy_pc a.prev:after{ transform:translate(-50%,-50%) rotate(225deg); -ms-transform:translate(-50%,-50%) rotate(225deg); margin-left:2px; }
.fy_pc span{ display:flex; color:#272727;}*/
.fy_pc{ float:left; display:none; justify-content:space-between; align-items:center; width:100%; /*text-align:center; font-size:16px; color:#333;*/ border-top:1px solid #f1f1f1; padding:4% 3.45%;}

@media  screen and (max-width:1600px){
/*.pz_fy a{ width:60px; height:60px; line-height:60px; font-size:18px;}
.pz_fy .prev,
.pz_fy .next{ width:66px; margin:0;}
.pz_fy .prev:after,
.pz_fy .next:after{ border-top:2px solid #3e3e3e; border-right:2px solid #3e3e3e; width:10px; height:10px; }
.pz_fy .prev:hover:after,
.pz_fy .next:hover:after{border-top:2px solid #fff; border-right:2px solid #fff;}*/
}
@media  screen and (max-width:1023px){
.pz_fy{ display:none; padding:30px 15px;}
.fy_pc{ display:flex; padding:30px 15px;} 


}

/* 20221031end*/


.teamL{ float:left; width:100%; padding:23px 22px 0 22px;}
.teamL ul{flex-wrap:wrap; display: flex; float:left; width:100%; border-left:1px solid #ececec;}
.teamL ul li{float:left; width:16.66%; border-right:1px solid #ececec;}
.teamL ul li a{float:left; width:100%; padding-bottom:36px;}
.teamL ul li i{float:left; width:100%; line-height:0; overflow:hidden; position:relative; padding-bottom:107%; overflow:hidden; }
.teamL ul li i img{ position:absolute; left:0; top:0;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.teamL ul li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.teamL ul li h4{float:left; width:100%; line-height:30px; font-size:20px; color:#2a2a2a; padding:0 20px; margin:25px 0 10px 0; }
.teamL ul li h6{float:left; width:100%; line-height:24px; font-size:14px; color:#8f8f8f; padding:0 20px; }
.teamL ul li a:hover{ box-shadow:0 0 40px rgba(108,108,108,0.25);}
.teamL ul li a:hover h4{ color:#d82225;}
@media  screen and (max-width:1600px){
.teamL ul li h4{ font-size:18px; line-height:28px; padding:0 15px;}
.teamL ul li h6{ padding:0 15px;}
}
@media  screen and (max-width:1023px){
.teamL{ padding:20px 15px 0 15px;}
.teamL ul li a{ padding-bottom:15px;}
.teamL ul li h4{ font-size:16px; line-height:26px; padding:0 12px; margin:12px 0 0 0;}
.teamL ul li h6{ padding:0 12px;}
}
@media  screen and (max-width:767px){
.teamL ul li{ width:50%;}

}

.Details{ float:left; width:100%; margin-top:39px;}
.Details h2{ float:left; width:100%; padding:0 3.29%; color:#d82225; font-size:30px; line-height:40px;}
.Details .time{ float:left; width:100%; padding:0 3.29%; color:#cdcdcd; font-size:14px; line-height:24px; margin-top:24px;}
.Details .cont{ float:left; width:100%;flex-wrap:wrap; display: flex; border-top:1px solid #ececec; margin-top:37px;}
.Details .contL{ float:left; width:71.4%; border-right:1px solid #ececec;flex-wrap:wrap; display: flex; align-items:baseline;}
.Details .contL .text{float:left; width:100%; line-height:30px; font-size:16px; color:#242222; padding:35px 4.6% 54px 4.6%;min-height: 598px;}
.Details .paging{ float:left; width:100%;}
.Details .paging a{ float:left; width:100%; border-top:1px solid #ececec; border-bottom:1px solid #ececec; line-height:27px; font-size:16px; color:#282828; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; padding:22px 4.6%; background:url(../img/main6.png) center repeat;}
.Details .paging a span{ color:#a6a6a6; margin-right:18px}
.Details .paging a:hover{ color:#d82225;}
.Details .paging a:hover span{ color:#282828;}
.Details .contR{ float:right; width:28.6%; overflow:hidden; padding-bottom:23px;}
.Details .contR h3{ float:left; width:84.6%; margin:20px 7.7%; text-align:center; background:#f5f5f5; color:#d82225; font-size:18px; line-height:30px; padding:15px;}
.Details .contR ul{ float:left; width:100%;border-top:1px solid #ececec;}
.Details .contR ul li{ float:left; width:100%;}
.Details .contR ul li a{ float:left; width:100%; border-bottom:1px solid #ececec; padding:31px 7.7%;}
.Details .contR ul li h4{ float:left; width:100%; line-height:28px; font-size:18px; color:#777777;}
.Details .contR ul li h6{ float:left; width:100%; line-height:24px; font-size:14px; color:#a6a6a6; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; margin:5px 0 4px 0;}
.Details .contR ul li a:hover h4{ color:#d82225;}
.Details .contR dl{ float:left; width:100%;border-top:1px solid #ececec;}
.Details .contR dl dd{ float:left; width:100%; border-bottom:1px solid #ececec; padding:31px 7.7%;}
.Details .contR dl dd a{ float:left; width:100%; position:relative; display: flex; align-items: center;  justify-content:space-between;}
.Details .contR dl dd i{ float:left; width:99px; line-height:0; margin-right:15px;}
.Details .contR dl dd i img{ max-width:none; width:99px; height:55px;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.Details .contR dl dd a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.Details .contR dl dd .text{float:left; width:100%;}
.Details .contR dl dd h6{ float:left; width:100%; line-height:20px; max-height:40px; overflow:hidden; font-size:16px; color:#777777; margin-top:3px;}
.Details .contR dl dd time{ float:left; width:100%; line-height:18px; font-size:14px; color:#a6a6a6; }
.Details .contR dl dd a:hover h6{ color:#d82225;}

.Details-1{ margin-top:49px;}
.Details-1 .cont{ margin-top:40px;}


@media screen and (max-width:1360px) {
.Details .contR dl dd i{ margin-right:10px;}
.Details .contR dl dd h6{ font-size:15px;}
}
@media  screen and (max-width:1023px){
.Details{ margin-top:30px;}
.Details h2{ /*font-size:20px; line-height:30px;*/ padding:0 15px;}
.Details .time{ margin-top:10px;}
.Details .cont{ margin-top:30px;}
.Details .contL{ width:100%;}
.Details .contL .text{ font-size:16px; line-height:30px; padding:20px 15px 25px 15px;min-height:300px;}
.Details .paging a{ font-size:14px; line-height:24px; padding:15px 15px;}
.Details .paging a span{ margin-right:10px;}
.Details .contR{ width:100%;}
.Details .contR h3{width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px); margin:15px 15px; font-size:16px; line-height:26px; padding:10px;}
.Details .contR ul li a{ padding:15px 15px;}
.Details .contR ul li h4{ font-size:16px; line-height:26px;}
.Details .contR ul li h6{ margin:0;}
.Details .contR dl dd{ padding:15px 15px;}
.Details .contR dl dd h6{ font-size:14px;}

}


.newlist{flex-wrap:wrap; display: flex;width:100%;}
.newlist ul{flex-wrap:wrap; display: flex; width:100%;}
.newlist ul li{ display:block; width:100%; border-bottom:1px solid #ececec; }
.newlist ul li:last-child{border-bottom:none;}
.newlist ul li a{ display:block; width:100%; position:relative; display: flex; align-items: center;  justify-content:space-between;}
.newlist ul li a::after{ display:flex; position:absolute; right:48px; top:50%; content:''; width:32px; height:32px; border-radius:50%; background:url(../img/main5.png) center repeat #d82225; margin-top:-16px; opacity:0;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.newlist ul li a:hover::after{ opacity:1;}
.newlist ul li h4{ display:block; width:100%; color:#2a2a2a; text-align:justify; font-size:24px; line-height:34px; max-height:68px; overflow:hidden; -webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s; padding:0 128px 0 46px;  }
.newlist ul li a:hover h4{ color:#da2126; }
.newlist ul li font{flex-wrap:wrap; display: flex; align-items: center; flex-direction:column; justify-content:center; width:176px; height:176px; text-align:center; color:#cdcdcd; font-size:16px; line-height:1; background:url(../img/main6.png) center repeat;}
.newlist ul li font span{ width:176px; font-size:60px; font-weight:bold; display:block; margin-bottom:14px;}
.newlist ul li a:hover  font span{ color:#da2126; }


@media screen and (max-width:1600px) {
.newlist ul li a::after{ right:40px;}
.newlist ul li h4{ padding:0 112px 0 40px;}

}
@media screen and (max-width:1024px) {
.newlist ul li a::after{ width:24px; height:24px; margin-top:-12px; right:10px;}
/*20221108start*/
.newlist ul li h4{ font-size:16px; line-height:26px; height:52px; padding:0 44px 0 15px;}
/*20221108end*/
.newlist ul li font{ width:96px; height:96px; padding:0; font-size:14px;}
.newlist ul li font span{ width:96px; font-size:30px; margin-bottom:4px;}

}

/* 20221102start */
.boxA .b_tit{font-size: 24px;color: #d82225;display: flex;width: 100%;align-items: center;border-bottom: 1px solid #ececec;padding: 15px 3%;}
@media screen and (max-width:1024px) {
.boxA .b_tit{font-size: 18px;padding: 12px 3%;}
}
/* 20221102end */



img{max-width:100%;}
.Details .contL form{max-width:100%;}
#vsb_content_501 IMG{height:auto !important;}
@media screen and (max-width:1024px) {
.slideL i img{width:100%;}

#header.lower .menu{height:26px;}
#header.lower .menu .bg{display:none;}
}
