@charset "utf-8";
/* CSS Document */
*{transition: all 0.3s linear;}
.index_hzhw{width:85%;min-height:200px;margin:70px auto;padding:10px;box-sizing: border-box;overflow: hidden; box-shadow: 0 42px 95px rgb(0 0 0 / 15%);background:#fff;padding:65px;}
.index_hzhw li{float: left;width: 20%;height: auto;border: 1px solid #d7d7d7;line-height: 10px;text-align: center;box-sizing: border-box;margin-left: -1px;margin-bottom: -1px;overflow:hidden;}
.index_hzhw li a{    display: block;}
.index_hzhw li img{ margin-top: 9px;opacity: 1;-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: none;-webkit-transform: scale(0.9) translateY(-8px);-moz-transform: scale(0.9) translateY(-8px);transform: scale(0.9) translateY(-8px);width: 100%;}
.index_hzhw li:hover {background-color: #fff;}
.index_hzhw li:hover img { -webkit-transform:scale(1.02)}
.pages{text-align: center;padding: 0 0 1vw 0;margin-top: 10px;display:block;}
.pages>div>a,.pages>div>.current{display:inline-block!important;line-height:35px!important;height:35px!important;width:35px;padding-top:0!important;text-align:center;font-size:14px;margin:0 0.3125vw 0 0;background:#fff;color:#000;transition: all 0.3s linear;}
.pages>div>.current,.pages>div>a:hover{color:rgb(255,255,255);background:#005298 ;}
.pages>div>l{font-size:12px;margin:0 1.5625vw 0 1.25vw;margin-bottom:4.166666666666667vw}
.pages>div>.first{color:#000;margin-right:15px;width: 50px;}
.pages>div>.first:hover{color:#fff}
.pages>div>.end{margin-right:0;color:#000;margin-left:10px;width: 50px;    font-weight: inherit;}
.pages>div>.end:hover{margin-right:0;background:#fff ;color:#005298 }
.pages>div>.prev{background-size:100%;}

.process_banner img{width:100%;margin-top:100px;}
.sou_xas{height:125px!important;}
/*company*/
.company{
	margin-top: 30px;
	width: 100%;
	height: 230px;
}
.company_bg{
	width: 63%;
	height: 100%;
	margin: 0 auto;
}
.company_bg a{
	font-size: 40px;
	color: #000;
	line-height: 40px;
	font-weight: 300;
}
.company_bg p{
	font-size: 16px;
	color: #000;
	line-height:36px;
	margin-top: 40px;
}
@media screen and (min-width:1024px) and (max-width:1400px){
	.company_bg{width: 75%;}
}
/*case*/
.case{
	margin-top: 130px;
	width: 90%;
	margin-left: 5%;
}
.case_bg{
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.case_top{
	width: 100%;
	height: 85px;
	overflow: hidden;
	text-align: center;
}
.case_top b{
	font-size: 24px;
	display: inline-block;
	color: #494443;
	width: 168px;
	border-bottom:  4px solid #000b1c;
	line-height: 42px;
}
.case_top p{
	font-size: 18px;
	color: #494443;
	margin-top: 10px;
}
.case_list{
	width: 100%;
	margin-top: 30px;
}
.case_list ul{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.case_list li{
	width: 32.5%;
	margin-right: 1.2%;
	margin-bottom: 20px;
	float: left;
}
.case_list li:nth-child(3){margin-right: 0;}
.case_list li:nth-child(6){margin-right: 0;}
.case_list li:nth-child(9){margin-right: 0;}
.case_img{
	width: 100%;
	height: 69%;
	overflow: hidden;
}
.case_img a,.case_img a img{
	width: 100%;
	height: 100%;
	display: block;
	transition: 0.6s;
}
.case_font{
	width: 100%;
	height: 31%;
	background:#eeefef;
}
.case_font span{
	width: 90%;
	margin-left: 5%;
	padding-top: 5%;
	color: #252525;
	font-size: 16px;
	display:block;
}
.case_font a{
	width: 90%;
	padding-top: 6%;margin-left: 5%;
	color: #252525;
	font-weight:bold;
	font-size:20px;
}.case_font p{
	width: 90%;
	margin-left: 5%;
	padding-top:2%;
	color: #252525;
	font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden;-webkit-line-clamp:2;
}
.case_list li:hover .case_img a img{
	transform: scale(1.1)
}
.case_list li:hover .case_font{
	background: linear-gradient(to left, #0a112a 0%,#005298 100%);
}
.case_list li:hover .case_font a{
	color: #fff;
}
.case_list li:hover .case_font span{
	color: #fff;
}.case_list li:hover .case_font p{
	color: #fff;
}
@media screen and (min-width:1024px) and (max-width:1400px){
	.case_font span{font-size: 12px;}
	.case_font a{font-size:16px;}
	.case_font p{font-size: 12px;}
}

/*method*/
.method_top{
	width: 100%;
	height: 85px;
	margin-top: 60px;
	overflow: hidden;
	text-align: center;
}
.method_top b{
	font-size: 24px;
	display: inline-block;
	color: #494443;
	width: 168px;
	border-bottom:  4px solid #000b1c;
	line-height: 42px;
}
.method_top p{
	font-size: 18px;
	color: #494443;
	margin-top: 10px;
}
.carousel_content {
	width: 100%;
	height: auto;
	margin-top:30px;
}
.carousel li {
	float: left;
	color:#3f3f3f;
	font-size: 50px;
	font-weight:bold;
	text-align:center;margin-bottom:30px
}
.carousel li{
	width: 100%!important;
	height: auto;
}
.carousel li img{
	width: 100%!important;
	height: auto;
}
.img_index {
	position: absolute;
	bottom: 24px;
	width: 100%;
	display: flex;
	justify-content: center
}
.img_index li {
	float: left;
	width: 10px;
	height: 10px;
	line-height: 13px;
	text-align: center;
	border-radius: 50%;
	background-color: #fff;
	font-size: 14px;
	cursor: pointer;
	margin: 0 6px;
}
.img_index li.js_index,.img_index li:hover {
	background-color: #666;
}
.carousel-prev,.carousel-next {
	position: absolute;
	display: inline-block;
	top: 45%;
	cursor: pointer;
}
.carousel-prev {
	left: 0
}
.carousel-next {
	right: 0
}
@media screen and (min-width:1700px) and (max-width:1800px){
	.carousel li{width: 100%!important;}
}
@media screen and (min-width:1600px) and (max-width:1700px){
	.carousel li{width: 100%!important;}
}
@media screen and (min-width:1500px) and (max-width:1600px){
	.carousel li{width: 100%!important;}
}
@media screen and (min-width:1400px) and (max-width:1500px){
	.carousel li{width: 100%!important;}
}
@media screen and (min-width:1300px) and (max-width:1400px){
	.carousel li{width: 100%!important;}
}
@media screen and (min-width:1200px) and (max-width:1300px){
	.carousel li{width: 100%!important;}
}
@media screen and (min-width:1100px) and (max-width:1200px){
	.carousel li{width: 100%!important;}
}
/*advantage*/
.adv{
	width: 100%;
	height: auto;
	margin-top: 80px;
}
.adv_bg{
	max-width: 100%;
	height: 100%;
	margin: 0 auto;
}
.adv_bg img{width:100%}
.adv_top{
	width: 100%;
	height: 85px;
	margin-top: 60px;
	overflow: hidden;
	text-align: center;
}
.adv_top b{
	font-size: 24px;
	display: inline-block;
	color: #494443;
	width: 168px;
	border-bottom:  4px solid #000b1c;
	line-height: 42px;
}
.adv_top p{
	font-size: 18px;
	color: #494443;
	margin-top: 10px;
}
.adv_list{
	width:1000px;
	height: 500px;
	margin-left: 100px;
	margin-top: 30px;
}
.adv_left,.adv_right{
	width: 338px;
	height: 100%;
}
.adv_img,.adv_img ul{
	width: 100%;
	height: 100%;
}
.adv_one{
	width: 100%;
	height: 210px;
	margin-bottom: 80px;
	overflow: hidden;
	background: url(../IMAGES/adv_bg1.png)no-repeat center;
}
.adv_two{
	width: 100%;
	height:210px;
	margin-bottom: 80px;
	overflow: hidden;
	background: url(../IMAGES/adv_bg2.png)no-repeat center;
}
.adv_three{
	width: 100%;
	height: 210px;
	overflow: hidden;
	background: url(../IMAGES/adv_bg3.png)no-repeat center;
}
.adv_four{
	width: 100%;
	height: 210px;
	overflow: hidden;
	background: url(../IMAGES/adv_bg4.png)no-repeat center;
}
.adv_one b,.adv_two b,.adv_three b,.adv_four b{
	display: inline-block;
	font-size: 30px;
	color: #e89462;
	padding-top: 76px;
    padding-left: 110px;
}
.adv_one p,.adv_two p,.adv_three p{
	font-size: 14px;
	color: #494336;
	width: 226px;
	padding-left: 110px;
	height: 60px;
	line-height: 20px;
	margin-top: 6px;
	text-align: justify;
	overflow: hidden;
}
.adv_four p{
	font-size: 14px;
	color: #494336;
	width: 226px;
	padding-left: 110px;
	height:80px;
	line-height: 20px;
	margin-top: 6px;
	text-align: justify;
	overflow: hidden;
}

/*service*/

.service{
	width: 100%;
	height: auto;
	margin-top: 80px;
}
.service_bg{
	max-width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
}
.service_bg img{width:100%;margin:20px 0}
.service_top{
	width: 100%;
	height: 85px;
	overflow: hidden;
	text-align: center;
}
.service_top b{
	font-size: 24px;
	display: inline-block;
	color: #494443;
	width: 168px;
	border-bottom:  4px solid #000b1c;
	line-height: 42px;
}
.service_top p{
	font-size: 18px;
	color: #494443;
	margin-top: 10px;
}
.service_list{
	width:1000px;
	height: 500px;
	margin-left: 100px;
	margin-top: 80px;
}
.service_list ul{
	width: 100%;
	height: 100%;
	zoom:1;
}
.service_list li{
	float:left;
	width:135px; 
	font-size:19px;
	font-weight:bold; 
	margin-left:152px;
}
.service_list li p{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.service_list li:first-child{margin-left:0;}
.service_list li a{
	color:#494443; 
}
.service_list li a:hover{color:#e89462;}
.service_list li dl{ 
	overflow:hidden; 
	margin-top:34px;
}
.service_list li dl dd{
	font-size:14px;
	line-height:40px;
	font-weight:normal;
	color:#494443;
}

/*link*/
.link{
	width: 100%;
	height:90px;
	margin-top: 60px;
}
.link_bg{
	width: 63%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.link_bg ul{
	width: 100%;
	height: 100%;
}
.link_bg li{
	float: left;
}
.link_bg li p{
	font-size: 16px;
	color: #494443;
}
.link_bg li a{
	font-size: 14px;
	color: #494443;
	display: block;
	padding: 0 20px 0 20px;
	line-height: 22px;
}
.link_bg li a:hover{color: #e89462;}
@media screen and (min-width:1400px) and (max-width:1800px){
	.link_bg{width: 80%;}
}
@media screen and (min-width:1024px) and (max-width:1400px){
	.link_bg{width: 85%;}
}