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

     /* 布局 */
	 .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:'siyuan-blod';
		/* src: url(../font/SOURCEHANSERIFSC-HEAVY.OTF); */
		src: url(../font3/a6v9iz2GKrUe.woff),
		url(../font3/a6v9iz2GKrUe.woff2)
	 }
	 /*
	 @font-face {
	 	font-family:'font-ATLANTICINLINE';
	 	src: url(../font/ATLANTIC-INLINE-NORMAL.TTF);
	 }
	 @font-face {
	 	font-family:'font-CALIFR';
	 	src: url(../font/CALIFR.TTF);
	 } */
     video{outline: none;}
     body{
   	  /* font-family: Microsoft YaHei,Arial,sans-serif,serif;font-size: 16px; */
	  /* font-family:'sys'; */
   	  /* background-color: #f5f7fa; */
	  line-height:1.5;
   	  color: #333;
     }
     a{color: #333; transition: .5s;}
     a:hover{color:#00936d ;}
     .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(../images/libpic/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(../images/libpic/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; display: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(../images/libpic/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: SourceHanSerifCN-Bold;
		-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: #00936d;
	} */

	.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 #00936d;
		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: #00936d;
		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(0,147,109,.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(../images/idx-new/icon1.png);
	}
	.header.on .header-link.sty2{
		background: none;
	}
	.header.on .header-link.sty2 a.search{
		background-image: url(../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(../images/libpic/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: #00936d;
		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(../images/libpic/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 #00936d; */
			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: #00936d;
	}
	.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: #00936d;
		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(../images/libpic/arr.png) no-repeat center;
		background-size: 100%;
		width: 13px;
		height: 30px;
		transition: .3s;
	}
	.nav-ph .arr.on{
		background-image: url(../images/libpic/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(0,147,109,.9);
		box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	}
	.header-phone.on2.on{
		background-color: #00936d;
	}
	.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: #00936d;
	}
	.header-phone.on2.on{
		background-color: #00936d;
		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;
		}
	}