/* 通用模块 -------------------------------------------------- */

     /* 布局 */
	 .dn{display: none;}
     .wp{max-width: 1580px; margin: 0 auto;}
     @media only screen and (min-width: 950px) and (max-width: 1920px) {
   	.wp{max-width: 82.29vw; margin: 0 auto;}
     }
     @media only screen  and (max-width: 950px) {
   	.wp{max-width:none; padding: 0 30px;}
     }
     @media only screen  and (max-width: 500px) {
     	.wp{padding: 0 15px;}
     }

    @font-face {
    	font-family: sys;
    	src: url(/skin/default/webfonts/SOURCEHANSERIFSC-LIGHT.OTF);
    }
    @font-face {
    	font-family: sys_bd;
    	src: url(/skin/default/webfonts/SOURCEHANSERIFSC-BOLD.OTF);
    }
    @font-face {
    	font-family: impact;
    	src: url(/skin/default/webfonts/impact.ttf);
    } 
     video{outline: none;width: 100%;}
     body{
   	  /* font-family: Microsoft YaHei,Arial,sans-serif,serif;font-size: 16px; */
	  /* font-family:'sys_bd'; */
   	  /* background-color: #f5f7fa; */
	  line-height:1.5;
   	  color: #333;
     }
     a{color: #333; transition: .5s;}
     a:hover{color:#782c1d ;}
     .a a{display: block;}
     
     /* 裁剪 */
     .ofh{overflow: hidden;}
     /* 左浮动 */
     .fl,.col-l{float: left;}
     /* 右浮动 */
     .fr,.col-r{float: right;}
     /* 相对定位 */
     .por{position: relative;}
     /* 高100% */
     .h100full{height: 100%;}
     /* 宽100% */
     .w100full{width: 100%;}
     .allfull{width: 100%;height: 100%;}
     /* 默认图片 */
     img{width: 100%;vertical-align: middle; transition: .5s;object-fit:cover;}
     .g-a-datepick input::-webkit-input-placeholder {
     /* WebKit browsers，webkit内核浏览器 */
       color: #ddd;
     } 
     .g-a-datepick input:-moz-placeholder { 
     /* Mozilla Firefox 4 to 18 */ 
       color: #ddd;
     } 
     .g-a-datepick input::-moz-placeholder { 
     /* Mozilla Firefox 19+ */ 
       color: #ddd;
     } 
     .g-a-datepick input:-ms-input-placeholder { 
     /* Internet Explorer 10+ */ 
       color: #ddd;
     }
     /* 清除浮动 */
     .htover::after{
     	content: '';
     	display: table;
     	clear: both;
     }
     
     /* 文本行数限制 1行 */
     .txtof1{
     	overflow:hidden;
     	white-space: nowrap;
     	text-overflow: ellipsis;
      }
      /* 文本行数限制 2行 */
      .txtof2{
     	overflow:hidden;
     	display:-webkit-box; 
     	-webkit-box-orient:vertical; 
     	-webkit-line-clamp:2; 
		-ms-line-clamp:2;
     	line-height:1.5;
      }
      /* 文本行数限制 3行 */
      .txtof2-3{
     	-webkit-line-clamp:3; 
		-ms-line-clamp:3;
      }
      /* 文本行数限制 4行 */
      .txtof2-4{
   	   overflow:hidden;
   	   display:-webkit-box; 
   	   -webkit-box-orient:vertical; 
     	-webkit-line-clamp:4;
		-ms-line-clamp:4;
		text-overflow:ellipsis
      }
      /* 文本行数限制 5行 */
      .txtof2-5{
     	-webkit-line-clamp:5; 
		-ms-line-clamp:5;
      }
      
      /* 水平居中 */
      .mid-w{position: relative;left: 50%;transform: translateX(-50%);}
      /* 垂直居中 */
      .mid-h{position: relative;top: 50%;transform: translateY(-50%);}
      /* 水平+垂直居中 */
      .mid-all{position: relative;left: 50%;top: 50%;transform: translate(-50%,-50%);}
      
      
      
	
	
	
	
	
	
	.main{
		overflow: hidden;
	}
	/* 头 */
		
	.header {
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		/* height: 100px; */
		z-index: 100;
		padding-bottom: 15px;
		transition: .5s;
	}
	.header .wp1660{
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
	}
	.header:after,
	.header-phone::after{
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		height: 160px;
		background: url(/skin/default/images/bg1.png) center center no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		z-index: -1;
	}
	
	.header .logo {
		margin: 28px 0 0 ;
		width: 334px;
		height: 89px;
		line-height: 89px;
		font-size: 0;
		flex-shrink: 0;
		transition: .5s;
	}
	.header .logo img {
		display: inline-block;
		vertical-align: middle;
		max-width: 100%;
		max-height: 100%;
	}
	.header .logo img.dn{
		display: none;
	}
	.header .header-r {
		padding-left: 30px;
		flex-grow: 1;
		display: -webkit-flex;
		display: flex;
		justify-content: flex-end;
	}

	.header .header-r .header-r-con {
		position: relative;
		flex-grow: 1;
		padding-top: 30px;
		transition: .5s;
	}
/*  */
.search{
    position: relative;
    width: 240px;
    margin-left: 10px;
    margin-right: 25px;
    opacity: 0.6;
	transition:all .3s
}
.search:hover{opacity: 1;transition:all .3s}
.search .inpt{
    display: block;
    width: 100%;
    height: 34px;
    line-height: 34px;
    background: #ffffff;
    border-radius: 50px;
    font-size: 14px;
    color: #222;
    padding-left: 10px;
    padding-right: 0;
    border: none;
    outline: none;
}
.search .inpi{
    position: absolute;
    right: 0px;
    top: 1px;
    width: 31px;
    height: 31px;
	pacity:0.8
}
.search .inpi:hover{opacity:1}
/*  */
	.header-r-con .links{
		display: flex;
		justify-content: flex-end;
		margin-bottom: 5px;
	}
	.header .header-r .header-r-set {
		padding-left: 10px;
		flex-shrink: 0;
		display: -webkit-flex;
		display: flex;
	}

	.header .header-link {
		/* position: absolute; */
		left: 0;
		top: 25px;
		right: 0;
		height: 30px;
		line-height: 32px;
		display: -webkit-flex;
		display: flex;
		justify-content: flex-end;
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		margin-bottom: 5px;
		background: url(/skin/default/images/icon7.png) no-repeat left center;
		background-size: 6px;
		
	}
	.header .header-link:first-of-type{
		margin-right: 20px;
	}
	
	.header .header-link:first-of-type a{
		padding: 0 12px;
	}
	.header .header-link a {
		padding: 0 16px;
		font-size: 16px;
		font-size: 12px;
		color: rgba(255, 255, 255, 1);
		position: relative;
	}

	.header .header-link a:before {
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		width: 2px;
		height: 15px;
		background-color: rgba(255, 255, 255, .6);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	.header .header-link.sty2{
		background:none
	}
	.header .header-link a:first-child:before {
		display: none;
	}
	.header .header-link.sty2 a::before{
		display: none;
	}
	.header .header-link.sty2 a.search{
		background: url(/skin/default/images/icon6.png) no-repeat;
		background-size: 100% 100%;
		width: 31px;
		height: 31px;
		padding:0;
	}
	.header .header-link a:hover {
		color: #fff;
	}

	.header .nav {
		/* position: absolute; */
		left: 0;
		bottom: 8px;
		right: 0;
		display: -webkit-flex;
		display: flex;
		justify-content: flex-end;
		transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
	}

	.header .nav li {
		position: relative;
	}

	.header .nav li>a {
		padding: 0 13px;
		display: block;
		font-size: 18px;
		color: #FFFFFF;
		line-height: 40px;
		____font-family: 'sys_bd';
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		font-weight: 700;
	}
/* 	.header .nav li:hover>a,
	.header .header-link a:hover,
	.header.on .nav li:hover>a,
	.header.on .header-link a:hover{
		color: #9D3022;
	} */

	.header .nav .sub {
		/* padding: 10px 0; */
		position: absolute;
		left: 50%;
		top: 120%;
		min-width: 160px;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		background-color: #fff;
		border-top: 3px solid #9D3022;
		box-shadow: 0 0 10px rgba(0, 0, 0, .15);
		z-index: 10;
		display: none;
		overflow: visible;
		border-radius: 0 0 8px 8px;
		overflow: hidden;
	}
	.header .nav .sub::after{
		content: "";
		display: none;
		width: 0;
		height: 0;
		border: 8px solid transparent;
		border-bottom-color: #9D3022;
		border-top: 0;
		position: absolute;
		bottom: 100%;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
	}

	.header .nav .sub a {
		padding: 8px 30px;
		display: block;
		font-size: 16px;
		color: #333333;
		text-align: center;
		white-space: nowrap;
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		line-height:2;
		font-size: 14px;
		color:#666;
	}

	.header .nav .sub a:hover {
		background-color: #23a4ff;
		color:#fff
	}
	
	
	
	
	/* on */
	.header.on{
		background-color: rgba(154, 17, 26, .9);
		box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	}
	 .header.on::after{
		display: none;
	}
	/*.header.on .logo img{
		display: none;
	}
	.header.on .logo img.dn{
		display: inline-block;
	}
	.header.on .header-link a,
	.header.on .nav li>a{
		color: #333;
	}
	.header.on .header-link a:before{
		background-color: rgba(0, 0, 0, .2);
	}
	.header.on .header-link{
		background-image: url(/skin/default/images/idx-new/icon1.png);
	}
	.header.on .header-link.sty2{
		background: none;
	}
	.header.on .header-link.sty2 a.search{
		background-image: url(/skin/default/images/idx-new/icon2.png);
	}
	 */
	
	

	.pop-search {
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		z-index: 1100;
		display: none;
	}

	.pop-search .pop-search-bg {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(227,231,243,.96);
		z-index: 1;
	}

	.pop-search .pop-search-close {
		position: absolute;
		right: 50px;
		top: 50px;
		width: 40px;
		height: 40px;
		background: url(/skin/default/images/icon8.png) center center no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		z-index: 10;
		cursor: pointer;
	}

	.search-box {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 600px;
		height: auto;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		z-index: 10;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1) ;
	}

	.search-box input {
		outline: none;
		border: none;
	}

	.search-box .inp {
		padding: 0 12px;
		padding-right: 140px;
		display: block;
		width: 100%;
		height: 60px;
		line-height: 60px;
		/* box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5) ; */
		font-size: 16px;
		color: #333333;
		box-sizing:border-box;
	}

	.search-box .submit {
		position: absolute;
		right: 0;
		top: 0;
		width: 120px;
		height: 60px;
		line-height: 60px;
		background-color: #9D3022;
		font-size: 18px;
		color: #ffffff;
		text-align: center;
		cursor: pointer;
	}

	.header-con .header-link, .header-con .header-lang, .header-con .search-box {
		display: none;
	}
	
	
	
	@media only screen and (min-width: 950px) and (max-width: 1920px) {
		.header {
			left: 0;
			top: 0;
			right: 0;
			/* height: 5.208vw; */
			padding-bottom: 0.781vw;
			transition: .5s;
		}
		.header .wp1660{
			justify-content: space-between;
		}
		.header:after,
		.header-phone::after{
			content: '';
			left: 0;
			top: 0;
			right: 0;
			height: 8.333vw;
			background: url(/skin/default/images/bg1.png) center center no-repeat;
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
			-1;
		}
		.header .logo {
			margin: 1.458vw 0 0 ;
			width: 17.39vw;
			height: 4.635vw;
			line-height: 4.635vw;
			font-size: 0;
			flex-shrink: 0;
			transition: .5s;
		}
		.header .header-r {
			padding-left: 1.562vw;
			flex-grow: 1;
			justify-content: flex-end;
		}
		.header .header-r .header-r-con {
			flex-grow: 1;
			padding-top: 1.562vw;
			transition: .5s;
		}
		.header-r-con .links{
			justify-content: flex-end;
			margin-bottom: 0.260vw;
		}
		.header .header-r .header-r-set {
			padding-left: 0.520vw;
			flex-shrink: 0;
		}
		.header .header-link {
			/*  */
			left: 0;
			top: 1.302vw;
			right: 0;
			height: 1.562vw;
			
			line-height: 1.562vw;
			line-height: 1.666vw;
			justify-content: flex-end;
			-webkit-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
			margin-bottom: 0.260vw;
			background-size: 0.312vw;
		}
		.header .header-link:first-of-type{
			margin-right: 1.041vw;
		}
		.header .header-link:first-of-type a{
			padding: 0 0.625vw;
		}
		.header .header-link a {
			padding: 0 0.833vw;
			/* font-size: 0.833vw; */
		}
		.header .header-link a:before {
			content: '';
			left: 0;
			top: 50%;
			width: 0.104vw;
			height: 0.781vw;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			transform: translateY(-50%);
		}
		.header .header-link.sty2{
			background:none
		}
		.header .header-link.sty2 a.search{
			width: 1.614vw;
			height: 1.614vw;
			padding:0;
		}
		.header .header-link a:hover {
		}
		.header .nav {
			/*  */
			left: 0;
			bottom: 0.416vw;
			right: 0;
			justify-content: flex-end;
			transition: all .3s ease-in-out;
			-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
		}
		.header .nav li {
		}
		.header .nav li>a {
			padding: 0 0.677vw;
			/* font-size: 1.145vw; */
			font-size: 0.937vw;
			line-height: 2.083vw;
			font-family: SourceHanSerifCN-Bold;
			-webkit-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
			font-weight: bold;
		}
	/* 	.header .nav li:hover>a,
		.header .header-link a:hover,
		.header.on .nav li:hover>a,
		.header.on .header-link a:hover{
		} */
		.header .nav .sub {
			/* padding: 0.520vw 0; */
			top: 120%;
			min-width: 8.333vw;
			-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			-o-transform: translateX(-50%);
			transform: translateX(-50%);
			/* border-top: 0.156vw solid #9D3022; */
			box-shadow: 0 0 0.520vw rgba(0, 0, 0, .15);
		}
		.header .nav .sub::after{
			content: "";
			border: 0.416vw solid transparent;
			border-bottom-
			border-top: 0;
			bottom: 100%;
			transform: translateX(-50%);
			-webkit-transform: translateX(-50%);
			-moz-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			-o-transform: translateX(-50%);
		}
		.header .nav .sub a {
			padding: 0.416vw 1.562vw;
			/* font-size: 0.833vw; */
			white-space: nowrap;
			-webkit-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
			line-height:2;
		}
		.header .nav .sub a:hover {
		}
		/* on */
		.header.on{
			box-shadow: 0 0 0.520vw rgba(0, 0, 0, .1);
		}
		.pop-search {
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
		}
		.pop-search .pop-search-bg {
			left: 0;
			top: 0;
		}
		.pop-search .pop-search-close {
			right: 2.604vw;
			top: 2.604vw;
			width: 2.083vw;
			height: 2.083vw;
			background-size: cover;
		}
		.search-box {
			top: 50%;
			width: 31.25vw;
			height:auto;
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
		}
		.search-box input {
			outline: none;
			border: none;
		}
		.search-box .inp {
			padding: 0 0.625vw;
			padding-right: 7.291vw;
			height: 3.125vw;
			line-height: 3.125vw;
			/* box-shadow: 0.156vw 0.156vw 0.156vw rgba(0, 0, 0, 0.5); */
			font-size: 0.833vw;
			box-sizing:border-box;
		}
		.search-box .submit {
			right: 0;
			top: 0;
			width: 6.25vw;
			height: 3.125vw;
			line-height: 3.125vw;
			font-size: 0.937vw;
		}
	}
	
	
	
	
	
	
	
	
	

	
	
	
	
	
	
	
	
	.header-phone {
		height: 50px;
		/* background-color: #fff; */
		position: fixed;
		z-index: 999;
		left: 0;
		top: 0;
		right: 0;
		transition: .4s;
		display: none;
	}
	.header-phone.on{
		background-color: #782c1d;
	}
	.header-phone::after{
		height: 100%;
		/*background: linear-gradient(180deg, rgba(0, 0, 0, .4) 0%, transparent 100%);*/
		transition: .5s;
                opacity: 0.5;
	}
	.header-phone .hdr {
		height: 100%;
		overflow: hidden;
		position: relative;
	}
	.header-phone .logo {
		width: 120px;
		/* height: 20px; */
	}
	
	/* 移动端按钮 */
	.menuBtn {
		position: absolute;
		right: 0px;
		width: 33px;
		display: block;
		cursor: pointer;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-ms-transition: .5s;
		-o-transition: .5s;
		transition: .5s
	}
	.menuBtn b {
		display: block;
		content: '';
		width: 100%;
		height: 4px;
		background-color: #fff;
		margin-bottom: 7px;
		transition: .5s;
		transform: rotateZ(0);
		opacity: 1;
		-webkit-transform: rotateZ(0);
		-moz-transform: rotateZ(0);
		-ms-transform: rotateZ(0);
		-o-transform: rotateZ(0);
		opacity: 1;
	}
	.menuBtn b:last-child {
		margin-bottom: 0;
	}
	.menuBtn.on b {
		opacity: 0;
	}
	.menuBtn.on b:first-child {
		opacity: 1;
		transform: translateY(9px) rotateZ(42deg);
		-webkit-transform: translateY(9px) rotateZ(42deg);
		-moz-transform: translateY(9px) rotateZ(42deg);
		-ms-transform: translateY(9px) rotateZ(42deg);
		-o-transform: translateY(9px) rotateZ(42deg);
	}
	.menuBtn.on b:last-child {
		opacity: 1;
		transform: translateY(-13px) rotateZ(-42deg);
		-webkit-transform: translateY(-13px) rotateZ(-42deg);
		-moz-transform: translateY(-13px) rotateZ(-42deg);
		-ms-transform: translateY(-13px) rotateZ(-42deg);
		-o-transform: translateY(-13px) rotateZ(-42deg);
	}
	
	.nav-ph{
		position: fixed;
		left: 0;
		right: 0;
		top: 50px;
		bottom: 0;
		/* text-align: center; */
		background-color: #782c1d;
		padding-top: 15px;
		display: none;
		overflow-y: auto;
		color: #fff;
		display: none;
	}
	.nav-ph li{
		margin-bottom: 10px;
		border-bottom: 1px solid rgba(255,255,255,.15);
	}
	.nav-ph li:last-of-type{
		border: none;
	}
	.nav-ph .con{
		position: relative;
		padding: 0 15px;
		padding-bottom: 10px;
	}
	.nav-ph .arr{
		position: absolute;
		right:25px;
		top: 0;
		background: url(/skin/default/images/arr.png) no-repeat center;
		background-size: 100%;
		width: 13px;
		height: 30px;
		transition: .3s;
	}
	.nav-ph .arr.on{
		background-image: url(/skin/default/images/arr.png);
		transform: rotateZ(180deg);
	}
	.nav-ph a{
		font-size: 17px;
		color: #fff;
	}
	.nav-ph .con>a{
		height: 30px;
		line-height: 30px;
		color: #fff;
	}
	.sub-navph{
		padding: 5px 0;
		display: none;
	}
	.sub-navph a{font-size: 14px;color:#fff;}
	.sub-navph dd{
		margin-bottom: 5px;
	}
	
	
	.header-phone .links {
		padding:10px 15px 0;
	}
	.header-phone .links a{
		font-size: 12px;
		color:#fff;
		font-size: 12px;
		margin-bottom: 20px;
		min-width: 20%;
		flex-wrap: wrap;
	}
	.header-phone .links .header-link{
		display: flex;
	}
	
	.header-phone .search-box{
		width: calc(100% - 30px);
		position: relative;
		transform: none;
		left: 0;
		top: 0;
		margin: 0 15px;
		box-sizing: border-box;
	}
	.search-box .inp,
	.search-box .submit{
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		border-radius: 0;
	}
	.header-phone.on2{
		background-color: rgba(154, 17, 26, .9);
		box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	}
	.header-phone.on2.on{
		background-color: #782c1d;
	}
	.header-phone.on2::after{
		opacity: 0;
	}
	/* .header-phone.on2 .logo img{
		display: none;
	}
	.header-phone.on2 .logo img.dn{
		display: block;
	}
	.header-phone.on2 .menuBtn b{
		background-color: #782c1d;
	}
	.header-phone.on2.on{
		background-color: #782c1d;
		box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	}
	.header-phone.on2.on .logo img{
		display: block;
	}
	.header-phone.on2.on .logo img.dn{
		display: none;
	}
	.header-phone.on2.on .menuBtn b{
		background-color: #fff;
	} */
	.header-phone.on::after{
		opacity: 0;
	}
	
	@media only screen and (max-width: 950px) {
		.header{
			display: none;
		}
		.header-phone{
			display: block;
		}
	}
	
.newenter {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);}

.newenter a {
  display: flex;
  align-items: center;
  border: 1px solid #782c1d;
  border-radius: 20px;
  padding: 0 30px;}

.newenter a img {
  height: auto !important;
  width: auto;
  margin-right: 5px;}

.newenter a span {
  font-size: 16px;
  line-height: 38px;
  color: #782c1d;}

.swp-banner .swiper-pagination-bullet {
  background: url(/skin/default/images/cs1.png) no-repeat; 
  background-size: 120px 60px; 
  width: 30px;
  height: 30px;
  opacity: 1;}

.swp-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-image: url(/skin/default/images/cs2.png); 
  background-size: 120px 60px; 
  width: 30px;
  height: 30px;
  opacity: 1;}
.swp-banner .swiper-pagination-bullet:nth-child(1) { background-position: 0px 0;}
.swp-banner .swiper-pagination-bullet:nth-child(2) { background-position: -30px 0;}
.swp-banner .swiper-pagination-bullet:nth-child(3) { background-position: -60px 0;}
.swp-banner .swiper-pagination-bullet:nth-child(4) { background-position: -90px 0;}
.swp-banner .swiper-pagination-bullet:nth-child(5) { background-position: 0px -30px;}
.swp-banner .swiper-pagination-bullet:nth-child(6) { background-position: -30px -30px;}
.swp-banner .swiper-pagination-bullet:nth-child(7) { background-position: -60px -30px;}
.swp-banner .swiper-pagination-bullet:nth-child(8) { background-position: -90px -30px;}
.swp-banner .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(1) { background-position: 0px 0;}
.swp-banner .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(2) { background-position: -30px 0;}
.swp-banner .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(3) { background-position: -60px 0;}
.swp-banner .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(4) { background-position: -90px 0;}
.swp-banner .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(5) { background-position: 0px -30px;}
.swp-banner .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(6) { background-position: -30px -30px;}
.swp-banner .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(7) { background-position: -60px -30px;}
.swp-banner .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(8) { background-position: -90px -30px;}
.mediairon{width:94px;}

@media only screen and (min-width: 950px) and (max-width: 1920px) {
  .newenter a {
    border-radius: 1vw;
    padding: 0 1.5vw;}
  
  .newenter a img {
    height: 1.5vw;}
  
  .newenter a span {
    font-size: 0.8333vw;
    line-height: 2vw;}
}

@media only screen and (max-width: 950px) {
  .newenter {
    position: static;
    left: 0;
    top: 0;
    transform: translateY(0);}
  
  .newenter a {
    border-radius: 20px;
    padding: 0 15px;
    justify-content: center;
    margin-bottom: 20px;}
  
  .newenter a span {
    font-size: 14px;
    line-height: 30px;}
  
}
.tit em{
    width: 42px;
    height: 42px;
    text-align: center;
    font-size: 12px;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;   
    background: #782c1d;
    border-radius: 34px;
    color: #FFFFFF;}
/* 侧边栏样式 */
.link_right {
    width: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 0;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    border-radius: 10px 0 0 10px;
     -webkit-transition: -webkit-transform 0.6s ease-out;
    -moz-transition: -moz-transform 0.6s ease-out;
    transition: transform 0.6s ease-out;}
.link_right:hover {
    background: #9a111a;
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.2);
     -webkit-transition: -webkit-transform 0.6s ease-out;
    -moz-transition: -moz-transform 0.6s ease-out;
    transition: transform 0.6s ease-out;  
    border-radius: 10px 0 0 10px;}

.link_right ul {
    list-style: none;
    width: 100%;}

.link_right li {
    position: relative;
    margin: 5px 0;
    display: flex;
    justify-content: center;}

.link_right a {
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: 8px 0;
    width: 100%;
    justify-content: center;
    position: relative;
    transition: all 0.3s ease;}

.link_right .pic {
    font-size: 24px;
    color: white;
    transition: all 0.3s ease;
    z-index: 2;
    /* 添加图标阴影效果 */
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));}

.link_right .txt {
    position: absolute;
    right: -180px;
    background: #9a111a;
    color: white;
    padding: 10px 15px;
    border-radius: 5px;
    white-space: nowrap;
    opacity: 0;
    transition: all 0.3s ease;
    pointer-events: none;
    z-index: 1;
    font-weight: 500;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);}

.link_right .txt:after {
    content: '';
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #9a111a;}

.link_right a:hover .pic {
    color: #ffcc00;
    transform: scale(1.2);
    /* 悬停时增强阴影效果 */
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.4));}

.link_right a:hover .txt {
    right: 70px;
    opacity: 1;}

.link_right a:hover {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 5px;}

.logo {
    margin-bottom: 10px;
    color: white;
    font-size: 14px;
    text-align: center;
    padding: 0 10px;}

.logo i {
    font-size: 32px;
    margin-bottom: 10px;
    display: block;
    /* 为logo图标也添加阴影 */
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));}

@media (max-width: 968px) {
    .link_right {
        display: none;}
    .ftrlist1{
        display: block;}
}
@media (max-width: 768px) {
    .link_right {
        display: none;}
    .ftrlist1{
        display: block;}
} 
.addtemp {
    overflow: hidden;
    position: relative;
    padding: 50px 0 0 0;}

.addtemp::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 81%;
    background-color: #e6eaf5;
    z-index: 1;}

.addtemp .g-idxtit {
    position: relative;
    z-index: 2;}

.addtemp .g-idxtit .tit {
    position: relative;
    left: 0;
    transform: translateX(0);}

.addtemp-c {
    display: flex;
    position: relative;
    z-index: 9;
    justify-content: space-between;}

.addtemp-l {
    width: 54.5%;
    position: relative;
    padding: 2.8% 0 5.5% 0;}


.addtemp-r {
    width: 39%;
    padding: 2.8% 0 1% 4%;
    position: relative;
    box-sizing: border-box;}

.addtemp-r::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: -130px;
    background: #ffffff url(../images/addtemp-rbg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 1;
    box-shadow: 0px 7px 40px 0px rgba(54, 81, 177, 0.13);}

.addtemp-rlist {
    margin-top: 0;
    position: relative;
    z-index: 2;}

.addtemp-rlist li {
    border-top: 1px solid rgba(235, 235, 235, .7);
    width: 50%;
    float: left;}

.addtemp-rlist li a {
    display: block;
    padding: 2.5% 0;}

.addtemp-rlist li a h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 20px;
    line-height: 20px;
    font-weight: normal;
    color: #333333;
    transition: .5s;}

.addtemp-rlist li a span {
    display: block;
    margin-top: 18px;
    font-size: 16px;
    font-weight: normal;
    line-height: 16px;
    color: #782c1d;}

.addtemp-rlist li a:hover h3 {
    color: #782c1d;
    padding-left:5px;
    transition: .5s;}

.addtemp-lswiper {
    padding: 0 30px;}

.addtemp-lswiper .slick-list {
    padding: 17% 0 !important;}

.addtemp-lswiper ul li {
    transition: all .6s;
    transform-origin: center center;}

.addtemp-lswiper ul li.slick-current.slick-active {
    position: relative;
    transform: scale(1.6);
    z-index: 3;
    transform-origin: left center;
    opacity: .3;}


.addtemp-lswiper ul li.slick-current.slick-active+li {
    position: relative;
    position: relative;
    transform: scale(2.3);
    z-index: 6;}

.addtemp-lswiper ul li.slick-current.slick-active+li+li {
    position: relative;
    position: relative;
    transform: scale(3.6);
    z-index: 9;}

.addtemp-lswiper ul li.slick-current.slick-active+li+li+li {
    position: relative;
    transform: scale(2.3);
    z-index: 6;}

.addtemp-lswiper ul li.slick-current.slick-active+li+li+li+li {
    position: relative;
    transform: scale(1.6);
    z-index: 3;
    transform-origin: left center;
    z-index: 3;
    opacity: .3;}


/* .addtemp-lswiper ul li.slick-current{
    transform: scale(3.6);
    z-index: 9;
    position: relative;
}
.addtemp-lswiper ul li.slick-current+li{
    transform: scale(2.3);
    z-index: 6;
    position: relative;
}
.addtemp-lswiper ul li.slick-current+li+li{
    transform: scale(1.6);
    z-index: 3;
    position: relative;
} */

.addtemp-lswiper .slick-prev, .addtemp-lswiper .slick-next {
    width: 2.343vw;
    height: 2.291vw;
    background-size: 100% !important;
    z-index: 9;
    transition: .5s;}

.addtemp-lswiper .slick-prev::before {
    content: none;}

.addtemp-lswiper .slick-next::before {
    content: none;}

.addtemp-lswiper .slick-prev {
    background: url(/skin/default/images/img6-3-1.png) no-repeat left center;}

.addtemp-lswiper .slick-prev:hover {
    background: url(/skin/default/images/img6-4-2.png) no-repeat left center;}

.addtemp-lswiper .slick-next {
    background: url(/skin/default/images/img6-3-2.png) no-repeat left center;}

.addtemp-lswiper .slick-next:hover {
    background: url(/skin/default/images/img6-4-1.png) no-repeat left center;}


@media screen and (max-width:1400px) {
    .addtemp-rlist li a h3 {
        font-size: 18px;}

    .addtemp-rlist li a span {
        font-size: 16px;}
}

@media screen and (max-width:1024px) {
    .addtemp-c {
        display: block;}

    .addtemp::before {
        width: 100%;}

    .addtemp-l {
        width: auto;
        padding-top: 0;}

    .addtemp-r {
        width: auto;
        padding: 25px 15px;
        overflow: hidden;}

    .addtemp-rlist li a {
        padding: 15px 0;}

    .addtemp {
        padding: 35px 0;}
   
}

@media only screen and (max-width: 950px) {
    .addtemp-rlist li{
        width: 100%;}
    .addtemp-lswiper .slick-prev, .addtemp-lswiper .slick-next {
        width: 35px;
        height: 34px;}
    .addtemp-lswiper{
        padding: 0 15px;}
    .addtemp-rlist li a h3{
        font-size: 16px;
        line-height: 16px;}
    .addtemp-rlist li a span{
        font-size: 14px;
        line-height: 14px;}
}
.row-idx5{overflow: hidden;}
.row-idx5 {
    background: url(/skin/default/images/img2-11.png) no-repeat;
    background-position: left bottom;
    background-size: 500px;}
    .swp-school .date {display:none;}
 .footer .ftr2 {
    background: rgba(154, 17, 26, 10);}
.footer .ftr2 .txt, .footer .ftr2 .txt a {
    color: #fff;} 
        .row-idx4 {
        padding: 3vw 0 1vw 0;}
.footer .gotop{    
    __background: linear-gradient(to right, #161120, #0f1e3f, #0b1130);}   
.footer .gotop .circle-bg {
    width: 50px;
    height: 50px;
    margin-top: 8px;
    background: linear-gradient(to right, #161120, #0f1e3f, #0b1130);
    color: white;
    border-radius: 50%;
    font-size: 1.5rem;
    opacity: 1;}
.footer .gotop .circle-bg i{
    text-align: center;
    width: 50px;
    line-height: 50px;
    font-size: 32px;
    color: #fff;}
.video {
position: relative;
width: 100%;
height: 100%;}

.video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;}

/* ... 其他原有样式 ... */

/* FullPage.js 相关调整 */
#fullpage {
    z-index: 1;}

.section {
    position: relative;}

/* 调整头部导航，使其始终在顶部 */
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;}

/* 调整内容区域的位置，避免被固定头部遮挡 */


 

.banner .swp-banner {
    height: 100%;}

/* 调整其他区域的高度 */
.row-idx1, .row-idx5, .row-idx2, .row-idx3, .row-idx4 {
    min-height: 100vh;
    display: flex;
    align-items: center;}

/* 调整footer位置 */
.footer {
    position: relative;
    z-index: 2;}
/* 翻页 */
.window-next {
    position: absolute;
    left: 50%;
    bottom: 3.07%;
    width: 100px;
    margin-left: -50px;
    text-align: center;
    padding-bottom: 22px;
    color: rgba(0,0,0,.8);
    font-size: 12px;
    cursor: pointer;
    z-index: 100;
    
    /* 原有动画 */
    -webkit-animation: -webkit-scroll 4s infinite ease-in-out;
    -moz-animation: -moz-scroll 4s infinite ease-in-out;
    
    /* 新增hover动画 */
    animation: autoHover 2s infinite ease-in-out;
    -webkit-animation: autoHover 2s infinite ease-in-out;}

/* 定义hover动画 */
@keyframes autoHover {
    0%, 50% {
        color: rgba(0,0,0,.8);}
    25%, 75% {
        color: rgba(0,0,0,0.4);}
    100% {
        color: rgba(0,0,0,.8);}
}

@-webkit-keyframes autoHover {
    0%, 50% {
        color: rgba(0,0,0,.8);}
    25%, 75% {
        color: rgba(0,0,0,0.4);}
    100% {
        color: rgba(0,0,0,.8);}
}

/* 伪元素的hover动画 */
.window-next:before,
.window-next:after {
    position: absolute;
    content: '';
    bottom: 0;
    width: 40px;
    height: 1px;
    background: rgba(0,0,0,.4);
    transition: all 0.2s;
    animation: pseudoHover 2s infinite ease-in-out;
    -webkit-animation: pseudoHover 2s infinite ease-in-out;}

.window-next:before {
    right: 50%;
    transform-origin: right bottom;
    transform: rotate(+30deg);}

.window-next:after {
    left: 50%;
    transform-origin: left bottom;
    transform: rotate(-30deg);}

/* 伪元素动画定义 */
@keyframes pseudoHover {
    0%, 50% {
        background: rgba(0,0,0,.4);
        height: 1px;}
    25%, 75% {
        background: #853009;
        height: 2px;}
    100% {
        background: rgba(0,0,0,.4);
        height: 1px;}
}

@-webkit-keyframes pseudoHover {
    0%, 50% {
        background: rgba(0,0,0,.4);
        height: 1px;}
    25%, 75% {
        background: #853009;
        height: 2px;}
    100% {
        background: rgba(0,0,0,.4);
        height: 1px;}
}

/* 移除原有的transition和:hover样式，因为现在用动画控制 */
.window-next:hover {
    color: rgba(0,0,0,.8);}
/* 侧边栏位置调整 */
.link_right {
    z-index: 1000;}
.opacity0{
    opacity: 0;}
@media only screen and (max-width: 950px) {
    .opacity0{
        opacity: 1;}

}