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

     /* 布局 */
	 .dn{display: none;}
    
	 @font-face {
	 	font-family:'fangzheng';
	
		src: url(../font/sySong.woff),
		url(../font/sySong.woff2)
	 }
	 @font-face {
	 	font-family:'fangzhengheiti';
	 	src: url(../font/FangZhengHeiTi-GBK-1.ttf)
	 }
	 
	 
     video{outline: none;}
     body{
   	  font-family:'fangzhengheiti',Arial,sans-serif,serif;
	  /* font-family:'sys'; */
   	  /* background-color: #f5f7fa; */
	  /* font-family: Microsoft YaHei,Arial,sans-serif,serif;font-size: 16px; */
	  line-height:1.5;
   	  color: #333;
     }
     a{color: #333; transition: .5s;}
     a:hover{color:#3a32c3 ;}
     .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{max-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;
		max-height: 3em;
		overflow: hidden;
      }
      /* 文本行数限制 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%);}
      
      
      
	
	
	
	
	.wp1600{
		width: 1600px;
		margin: 0 auto;
		max-width: 94%;
	}
	
	.main{
		overflow: hidden;
	}
	/* 头 */
		
	.header {
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		/* height: 100px; */
		z-index: 100;
		transition: .5s;
		border-bottom: 1px solid rgba(167, 165, 222, 0.369);
		/* border-bottom: 1px solid #fff; */
		
	}
	.header .wp1660{
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
		max-width: none;
		width: auto;
		padding:0 42px 0 50px;
		height: 116px;
		align-items: center;
	}
	.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 {
		width: 463px;
		height: 63px;
		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;
		align-items: center;
		height: 100%;
	}

	.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;
		align-items: center;
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		background: url() no-repeat left center;
		background-size: 6px;
		
	}
	
	.header .header-link a {
		
		font-size: 22px;
		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;
		padding-left: 30px;
		border-left: 1px solid rgba(167, 165, 222, 0.369);
		height: 100%;
	}
	.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: 22px;
		height: 22px;
		padding:0;
		margin-left: 27px;
	}
	.header .header-link a:hover {
		color: #fff;
	}

	.header .nav {
		/* position: absolute; */
		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;
		margin-right: 16px;
		padding-top: 10px;
	}

	.header .nav li {
		position: relative;
	}

	.header .nav li>a {
		padding: 0 21px;
		font-size: 19px;
		color: #FFFFFF;
		line-height: 40px;
		
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
/* 	.header .nav li:hover>a,
	.header .header-link a:hover,
	.header.on .nav li:hover>a,
	.header.on .header-link a:hover{
		color: #3a32a3;
	} */

	.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 #3a32a3;
		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: #3a32a3;
		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: #3a32a3;
		color:#fff
	}
	
	
	
	
	/* on */
	.header.on{
		background-color: rgba(58,50,195,.9);
		box-shadow: 0 0 10px rgba(0, 0, 0, .1);
		border: none;
	}
	 .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();
	}
	.header.on .header-link.sty2{
		background: none;
	}
	.header.on .header-link.sty2 a.search{
		background-image: url();
	}
	 */
	
	

	.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);
		background-color: rgba(85,85,85,.95);
		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: #4d46c9;
		font-size: 18px;
		color: #ffffff;
		text-align: center;
		cursor: pointer;
	}

	.header-con .header-link, .header-con .header-lang, .header-con .search-box {
		display: none;
	}
	.footer{
		background: url(../images/libpic/bg1.jpg) no-repeat center;
		background-size: cover;
		padding: 56px 0 40px;
		color: #fff;
		font-size: 15px;
	}
	.footer .item{
		margin-bottom: 13px;
	}
	.footer .item:last-of-type{
		margin-bottom: 0;
	}
	.footer .wp1600{
		display: flex;
		justify-content: space-between;
	}
	.footer .l{
		display: flex;
	}
	.footer .logo{
		width: 463px;
		margin-right: 190px;
		padding-top: 6px;
	}
	.footer .infos .item span{
		display: inline-block;
		padding-left: 24px;
		background: url(../images/libpic/icon1.png) no-repeat left center;
		background-size: 14px;
	}
	.footer .infos .item.tel span{
		background-size: 16px;
	}
	.footer .links a{
		margin-right: 40px;
		color: #fff;
	}
	.footer .links a:last-of-type{
		margin-right: 0;
	}
	.footer .links span{
		margin-right: 20px;
	}
	
	
	
	@media only screen and (min-width: 1023px) and (max-width: 1920px) {
		.header {
			transition: .5s;
			border-bottom: 1px solid rgba(167, 165, 222, 0.369);
			
		}
		.header .wp1660{
			padding:0 2.187vw 0 2.604vw;
			height: 6.041vw;
			align-items: center;
		}
		.header:after,
		.header-phone::after{
			content: '';
			left: 0;
			top: 0;
			right: 0;
			height: 8.333vw;
		}
		.header .logo {
			width: 24.11vw;
			height: 3.281vw;
			font-size: 0;
			flex-shrink: 0;
			transition: .5s;
		}
		.header .header-r {
			padding-left: 1.562vw;
			flex-grow: 1;
			justify-content: flex-end;
			align-items: center;
		}
		.header .header-link {
			left: 0;
			top: 1.302vw;
			right: 0;
			height: 1.562vw;
			line-height: 1.666vw;
			justify-content: flex-end;
			align-items: center;
			-webkit-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
			background-size: 0.312vw;
		}
		.header .header-link a {
			font-size: 1.145vw;
		}
		.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;
			padding-left: 1.562vw;
			border-left: 1px solid rgba(167, 165, 222, 0.369);
		}
		.header .header-link.sty2 a.search{
			background: url(../images/libpic/icon6.png) no-repeat;
			background-size: 100% 100%;
			width: 1.145vw;
			height: 1.145vw;
			padding:0;
			margin-left: 1.406vw;
		}
		.header .nav {
			/*  */
			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;
			margin-right: 0.833vw;
			padding-top: 0.520vw;
		}
		.header .nav li {
		}
		.header .nav li>a {
			padding: 0 1.093vw;
			font-size: 1.2vw;
			line-height: 2.083vw;
		}
		.header .nav .sub {
			top: 120%;
			min-width: 8.333vw;
			border-top: 0.156vw solid #3a32a3;
			box-shadow: 0 0 0.520vw rgba(0, 0, 0, .15);
			border-radius: 0 0 0.416vw 0.416vw;
		}
		.header .nav .sub::after{
			content: "";
			border: 0.416vw solid transparent;
			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:1.5;
			font-size: 0.9vw;
		}
		.header .nav .sub a:hover {
			color:#fff
		}
		/* 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: url(../images/libpic/icon8.png) center center no-repeat;
			-webkit-background-size: cover;
			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%);
			box-shadow: 0 0 0.520vw rgba(0, 0, 0, 0.1) ;
		}
		.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;
			
			font-size: 0.833vw;
			
		}
		.search-box .submit {
			right: 0;
			top: 0;
			width: 6.25vw;
			height: 3.125vw;
			line-height: 3.125vw;
			font-size: 0.937vw;
		}
		.footer{
			padding: 2.916vw 0 2.083vw;
			font-size: 0.781vw;
		}
		.footer .item{
			margin-bottom: 0.677vw;
		}
		.footer .logo{
			width: 24.11vw;
			margin-right: 9.895vw;
			padding-top: 0.312vw;
		}
		.footer .infos .item span{
			padding-left: 1.25vw;
			background: url(../images/libpic/icon1.png) no-repeat left center;
			background-size: 0.729vw;
		}
		.footer .infos .item.tel span{
			background-size: 0.833vw;
		}
		.footer .links a{
			margin-right: 2.083vw;
		}
		.footer .links span{
			margin-right: 1.041vw;
		}
	}
	
	
	
	
	
	

	
	
	
	
	
	
	
	
	.header-phone {
		height: 50px;
		/* background-color: #fff; */
		position: fixed;
		z-index: 999;
		left: 0;
		top: 0;
		right: 0;
		transition: .4s;
		display: none;
	}
	.header-phone .wp{
		padding: 0 15px;
	}
	.header-phone.on{
		background-color: #3a32c3;
	}
	.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: 200px;
		/* 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: #3a32c3;
		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;
	}
	
	.header-phone.on2{
		background-color: rgba(58,50,195,.9);
		box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	}
	.header-phone.on2.on{
		background-color: #3a32c3;
	}
	.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: #3a32c3;
	}
	.header-phone.on2.on{
		background-color: #3a32c3;
		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: 1023px) {
		.search-box .inp,
		.search-box .submit{
			height: 40px;
			line-height: 40px;
			font-size: 14px;
			border-radius: 0;
		}
		.header{
			display: none;
		}
		.header-phone{
			display: block;
		}
		.footer{
			font-size: 14px;
			padding: 40px 0;
			text-align: center;
		}
		.footer .item{
			margin-bottom: 5px;
		}
		.footer .wp1600{
			display: block;
		}
		.footer .l{
			display: block;
			float: none;
		}
		.footer .infos{
			margin-bottom: 20px;
		}
		.footer .logo{
			max-width: 80%;
			margin: 0 auto 30px;
		}
		.footer .links span{
			margin-right: 0px;
		}
		.footer .links a{
			margin-right: 10px;
		}
	}
	@media only screen and (max-width: 500px) {
		.footer{
			text-align: left;
		}
	}
	
	
	
	
	
	.footer .infos{display:none;}