@charset "utf-8";
/*html {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
}*/

.title{text-align:center; position: relative; overflow: hidden;}
.title .text_9{ 
	color: #1F1F1F; 
	font-size: 50px; text-align: left;
	display: block;
	width: 60%;
	float: left;
	font-weight: bold;
}
.title .text_10{ display: block; color: #8C8C8C; text-align: left; margin-top: 12px;width: 60%;float: left; }
.title a{cursor: pointer; width: 40px; height: 40px; display: block; background:#f00 url(../images/j4.png) no-repeat center center;
	border-radius: 40px; position: absolute; right: 0; bottom: 10px;
}
.title a:hover{ background:#E60000 url(../images/j4.png) no-repeat center center;}

.title2{text-align:center; position: relative; overflow: hidden;}
.title2 .text_9{ 
	color: #1F1F1F; 
	font-size: 50px; text-align: left;
	display: block;
	width: 60%;
	float: left;
	font-weight: 500;
}
.title2 .text_10{ display: block; color: #8C8C8C; text-align: left; margin-top: 12px;width: 60%;float: left; }
.title2 a{cursor: pointer; width: 40px; height: 40px; display: block; background:#f00 url(../images/j4.png) no-repeat center center;
	border-radius: 40px; position: absolute; right: 0; bottom: 0;
}
.title2 a:hover{ background:#E60000 url(../images/j4.png) no-repeat center center;}



.text-wrapper_3:hover{
  background: #E60000;
  cursor: pointer;}

input::-webkit-input-placeholder{
	color: rgba(140,140,140,0.3)!important;
}
input:-moz-placeholder{
	color: rgba(140,140,140,0.3)!important;
}
input::-moz-placeholder{
	color: rgba(140,140,140,0.3)!important;
}
input:-ms-input-placeholder{
	color: rgba(140,140,140,0.3)!important;
}
textarea::-webkit-input-placeholder{
	color: rgba(140,140,140,0.3)!important;
}
textarea:-moz-placeholder{
	color: rgba(140,140,140,0.3)!important;
}
textarea::-moz-placeholder{
	color: rgba(140,140,140,0.3)!important;
}
textarea:-ms-input-placeholder{
	color: rgba(140,140,140,0.3)!important;
}
select {
/*很关键：将默认的select选择框样式清除，注意ie的比较特别用最下面的方法清除*/
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
/*在选择框的最右侧中间显示小箭头图片*/
background: url("../images/chevron-right.png") no-repeat scroll calc(100% - 12px) center transparent;
/*为下拉小箭头留出一点位置，避免被文字覆盖*/
padding-right: 36px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }


.header {}
.header .top{ height: 970px;}
.header .top img{ height: 100%;}

.header .topnav{ position: absolute; top: 0; padding: 44px 80px 0px 80px; width: 100%; height: 120px; z-index: 9999; cursor: pointer; }
.header h1.logo { width: 442px; float: left;}
.header h1.logo img{}
.header .logo a:nth-child(1){ display: block;}
.header .logo a:nth-child(2){ display: none;}

.nav{ float: right;}
.nav .yiji{}
.nav .yiji li{}
.nav .yiji li a{
	display: block;
	font-size: 18px;
	line-height: 32px;
	margin-left: 40px;
	padding-bottom: 44px;
	text-align: center;
	transition: all .3s;
	color: #FFFFFF;
	position: relative;
}
.nav .yiji li:last-child{ padding-top: 5px;}
.nav .yiji li:last-child a{ padding-bottom: 47px;}
.nav .yiji li:last-child i.ser{ width: 24px; height: 24px; background: url(../images/search-b.png); display: block; cursor: pointer; }

.nav .yiji li>a:hover,
.nav .yiji li.active a{
	/*color: #FF0000;*/
}
.nav .yiji>li>a:hover:after,
.nav .yiji>li.active>a:after{
	position: absolute;
	content: '';
	background: #fff;
	height: 3px;
	width: 100%;
	top: 35px;
	left: 0;
}

.nav .yiji li .erji{
	display: none;
	position: absolute;
	width: 100%;
	left: 0;
	background: #FFFFFF;
	z-index: 20;
	text-align: center;
	padding: 15px 80px 30px 20px;
	min-height: 300px;
	z-index: 99999;
}
.nav .yiji li .erji.active{ display: block;}

.nav .yiji li .erji i{ float: right; cursor: pointer; }
.nav .yiji li .erji dd{ width: 590px; height: 400px; float: right; margin-top: 26px; margin-right: 40px; margin-bottom: 144px; }

.nav .yiji li .erji.menu ul{ width: 120px; }
.nav .yiji li .erji.menu li:last-child{border-bottom: none; text-align: center; }
.nav .yiji li .erji.menu li h4 { margin-bottom: 32px; font-size: 24px; color: #1F1F1F;
	margin-left: 0; text-align: left; line-height: 34px; padding: 16px 0px 8px 0px; 
	border-bottom: 1px solid #ECECEC; 
}
.nav .yiji li .erji.menu li h4 a{}
.nav .yiji li .erji.menu li a{
	display: block;
	text-align: center;
	font-size: 16px;
	color: #676767;
	line-height: 25px;
	margin-bottom: 14px;
	transition: all .3s;
	border-bottom: none;
	padding-bottom: 0;
	margin-left: 0;
	padding-left: 0px;
}
.nav .yiji li .erji.menu li a:hover,
.nav .yiji li .erji.menu li a.active{
	text-decoration: underline;
	cursor: pointer;
}

.nav .yiji li .erji .prolist{ width: calc(100% - 70px); margin: 0 auto;}
.nav .yiji li .erji .prolist dt{ border: 1px solid #ECECEC; border-radius: 24px; text-align: left; 
width: calc((100% - 96px) / 4); margin: 0px 32px 32px 0px; float: left; padding: 24px 32px; }
.nav .yiji li .erji .prolist dt:nth-child(4n){ margin-right: 0px; }
.nav .yiji li .erji .prolist dt img{ height: 120px; height: 90px;/* border: 1px dashed #b0b0b0; */}
.nav .yiji li .erji .prolist h4{ font-size: 24px; line-height: 30px; height: 60px; margin-top: 10px; display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;}
.nav .yiji li .erji .prolist p{ font-size: 14px; margin-top: 20px; display: -webkit-box; color: #676767;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;}
.nav .yiji li .erji .prolist a{ text-align: left; color: #1F1F1F; margin-left: 0px; padding: 0px; }
.nav .yiji li .erji .prolist dt:last-child{ height: 253px; text-align: center; }
.nav .yiji li .erji .prolist dt:last-child img{ width: 40px; height: 40px; border: none; margin-top: 50px; }
.nav .yiji li .erji .prolist dt:last-child a{text-align: center; }

.nav .yiji li.lang {display: inline-flex; margin-left: 40px;}
.nav .yiji li.lang a{ float: left; display: flex; margin-left: 0px; position: relative;}
.nav .yiji li.lang a:nth-child(1){margin-right: 40px;}
.nav .yiji li.lang a:nth-child(1):before{ content: ''; width: 2px; height: 20px; background: #fff; position: absolute; right: -20px; top: 6px; }

.nav .yiji li .erji .searchs{ width: 60%; margin: 68px auto 0px auto; text-align: left; padding-bottom: 144px; }
.nav .yiji li .erji .searchs dd{border-bottom: #ECECEC 1px solid; width: 100%; height: 60px; float: none; margin: 0; }
.nav .yiji li .erji .searchs dd input{ border: none; 
	font-size:38px; line-height: 50px; text-align: left; float: left; width: calc(100% - 50px); 
}
.nav .yiji li .erji .searchs dd button{ background: url(../images/search-h.png) center center; width: 24px; height: 24px; float: right; border: none; margin-top: 20px; }
.nav .yiji li .erji .searchs p{color: #FF0000; font-size: 14px; text-align: left; line-height: 25px; }
.nav .yiji li .erji .searchs h4{ font-size: 24px; color: #8C8C8C; text-align: left; margin-top: 20px; margin-bottom: 38px; }
.nav .yiji li .erji .searchs dl a{ font-size: 16px; color: #000000; text-align: left; padding: 0; padding-bottom: 0; margin-left: 0px; }
.nav .yiji li .erji .searchs dl i{ cursor: pointer; }

.white{ background: #fff; border-bottom: 1px solid #ECECEC; position: fixed!important; transition: all .3s; }
.white .logo a:nth-child(1){ display: none;}
.white .logo a:nth-child(2){ display: block;}
.white .yiji li a{
	display: block;
	font-size: 18px;
	line-height: 32px;
	padding: 0px;
	margin-left: 40px;
	padding-bottom: 44px;
	text-align: center;
	transition: all .3s;
	color: #1F1F1F;
}
.white .yiji>li>a:hover:after,
.white .yiji>li.active>a:after{
	position: absolute;
	content: '';
	background: #FF0000;
	height: 3px;
	width: 100%;
	top: 35px;
	left: 0;
}

.white .yiji li.lang {display: inline-flex; margin-left: 40px;}
.white .yiji li.lang a{ float: left; display: flex; margin-left: 0px; position: relative;}
.white .yiji li.lang a:nth-child(1){margin-right: 40px;}
.white .yiji li.lang a:nth-child(1):before{ content: ''; width: 2px; height: 20px; background: #1F1F1F; position: absolute; right: -20px; top: 6px; }

/*.white .yiji li.lang {display: inline-flex;}
.white .yiji li.lang a{display: flex; margin-left: 0px; position: relative;}
.white .yiji li.lang a:nth-child(1){ padding: 0 0px 0 0px;}
.white .yiji li.lang a:nth-child(1):before{ content: ''; width: 2px; height: 20px; background: #1F1F1F; position: absolute; top: 6px; }
*/
.white .yiji li:last-child a{ padding-bottom: 47px;}
.white .yiji li:last-child i.ser{ width: 24px; height: 24px; background: url(../images/search-h.png); display: block; cursor: pointer; }

@media screen and (max-width: 1500px){
	
	.header .topnav{ position: absolute; top: 0; padding: 44px 80px 0px 80px; width: 100%; height: 120px; z-index: 9999; }
	.header h1.logo { width: 442px; float: left;}
	.header h1.logo img{width: 100%; }
	
	.nav .yiji li a{
		display: block;
		font-size: 18px;
		line-height: 32px;
		padding: 0px 10px;
		padding-bottom: 44px;
		margin-left: 20px;
		text-align: center;
		transition: all .3s;
	}

}

@media screen and (max-width: 1376px){
	
	.header .topnav{ position: absolute; top: 0; padding: 44px 20px 0px 20px; width: 100%; height: 120px; z-index: 9999; }
	.header h1.logo { width: 442px; float: left;}
	.header h1.logo img{width: 100%; }
	
	.nav .yiji li a{
		display: block;
		font-size: 18px;
		line-height: 32px;
		padding: 0px 10px;
		padding-bottom: 44px;
		margin-left: 20px;
		text-align: center;
		transition: all .3s;
	}

}

@media screen and (max-width: 1260px){
	
	.header .topnav{ position: absolute; top: 0; padding: 44px 20px 0px 20px; width: 100%; height: 120px; z-index: 9999; }
	.header h1.logo { width: 442px; float: left;}
	.header h1.logo img{ width: 100%; }
	
	.nav .yiji li a{
		display: block;
		font-size: 18px;
		line-height: 32px;
		padding: 0px 10px;
		padding-bottom: 44px;
		margin-left: 10px;
		text-align: center;
		transition: all .3s;
	}

}



.footer{
	background: #fff;
}
.footer .logo{ margin: 80px 0px 24px 0px;}
.footer .footer1 .footer-nav{
	width: 100%;
	padding: 40px 0 70px;
	border-top: #ECECEC solid 1px ;
}
.footer .footer1 .footer-nav li:nth-child(1){ width: 15%; }
.footer .footer1 .footer-nav li:nth-child(2){ width: 15%; }
.footer .footer1 .footer-nav li:nth-child(3){ width: 15%; }
/*.footer .footer1 .footer-nav li:nth-child(4){ width: 15%; }*/
.footer .footer1 .footer-nav li:nth-child(4){ width: 55%; }
.footer .footer1 .footer-nav li h3{ margin-bottom: 24px;}
.footer .footer1 .footer-nav li h3 a{
	display: block;
	font-size: 16px;
	color: #2E2E2E;
	line-height: 20px;
	text-align: left;
}
.footer .footer1 .footer-nav li p a{
	display: block;
	font-size: 14px;
	color: #676767;
	line-height: 30px;
	text-align: left;
}
.footer .footer1 .footer-nav li:nth-child(4) dd{ float: left; text-align: center; width: 25%; color: #676767; }
.footer .footer1 .footer-nav li:nth-child(4) dd p{ margin-top: 12px;}

.footer .footer1 .contacts{color: #2E2E2E; font-size: 14px; margin-bottom: 12px; }

.footer .footer1 .copyright{text-align: left;  color: #8C8C8C;padding-bottom: 80px; }
.footer .footer1 .copyright p{ border-top: 1px solid #ECECEC; padding-top: 12px;  }
.footer .footer1 .copyright a{ color: #8C8C8C; text-align: center; }



/*分页*/
.pagination-wrapper{ 
  	margin: 50px 0 0px 0;
  	text-align: center;
  	font-size: 0;
  	clear: both;
  	width: 100%;

} 
.pagination{  
  	clear: both;
} 
.pagination li{
	display: inline-block;
	vertical-align: top;
  	margin-right: 10px; 
  	margin-top: 10px;
  	width: 40px;
  	height: 40px;
  	line-height: 40px;
}
.pagination li a{ 
  	display: block;
  	font-size: 16px; 
  	color: #666666; 
  	height: 40px; 
  	width: 40px
  	line-height: 40px; 
  	text-align: center;
  	transition: all .3s;
  	border: 1px solid #ECECEC;
  	border-radius: 40px;
  	font-family: "微软雅黑";
} 
.pagination li:last-child{
	margin-right: 0;
}
.pagination li a:hover{ 
  	color:#FF0000; 
  	border-color: #FF0000!important;
} 
.pagination li.active span { 
	display: block;
	border-radius: 40px;
  	background: #FF0000; 
  	color: #fff!important;
  	font-size: 16px;
  	border-color: #FF0000;
}
.pagination li.disabled span { 
	display: block;
	border-radius: 40px;
  	font-size: 16px;
  	border-color: #ECECEC;
}