@charset "utf-8";


/*==========================================内页 结束=============================================*/

/*aos="zoom-in" aos-duration="1200"*/
@media(min-width: 768px){
	.list_box_01 li a:hover:before{ height:100%; background:#ff7f31}
	
	.list_box_01 li a:hover h6, .list_box_01 li a:hover h3, .list_box_01 li a:hover p{ color:#fff}
	.list_box_01 li a:hover hr{ background:#fff}
	
	.list_box_04 li a:hover .top_box{ transform:translateY(0)}
	
	.list_box_06 li a:hover .con{ transform:translateY(0)}
	.list_box_06 li a:hover .img img{ transform:scale(1.05)}
	.list_box_06 li a:hover:after{ height:100%; background:#ff7f31}
	
	.container01 .left .more001:hover .ico img{ transform:rotate(180deg)}
	
	.list_box_07 li a:hover{ transform:translateY(-1rem)}
	
	.list_box_07 li a:hover .box .top:before{ transform:scale(1); opacity:1; visibility:visible}
	.list_box_07 li a:hover .box .top:after{ transform:scale(1.5);}
	
	.list_box_07 li a:hover .box .top .ico .ico1{transform: translateX(100%);}
	.list_box_07 li a:hover .box .top .ico .ico2{transform: translateX(0);}
	.list_box_07 li a:hover .box .top h3, .list_box_07 li a:hover .box .top p{ color:#fff}
	.list_box_07 li a:hover .box .top .wz{ color:#fff}
	 
	.list_box_09 li a:hover .con{ transform:translateY(0);}
	.list_box_09 li a .con .h5:hover{ color:#fff}
	
	.more002 a:hover{ border:#ff7f31 2px solid; background:#ff7f31; color:#fff}
	.more002 a:hover .ico:before{ transform:translateY(-120%); opacity:0; visibility:hidden}
	.more002 a:hover .ico:after{ transform:translateY(0); opacity:1; visibility:visible}
	
	.list_box_10 li a .con h6 span:hover, .list_box_10 li a .con .h5:hover, footer .fl02 .left dl .con dd:hover, .list_box_11_s li a .con h5:hover{ color:#ff7f31}
	.list_box_10 li a .con h6 span:hover svg{ fill:#ff7f31}
	
	.more003 a:hover{ background:#ff7f31; color:#fff}
	.more003 a:hover .ico:before{ transform:translateY(-120%); opacity:0; visibility:hidden}
	.more003 a:hover .ico:after{ transform:translateY(0); opacity:1; visibility:visible}
	
	.list_box_11 li:hover{ color:#fff}
	.list_box_11 li:hover:after{ width:100%}
	
	.miso_fx li a:hover img{ opacity:1}
	
	.list_box_13 li a:hover{ background:#ff7f31}
	.list_box_13 li a:hover .h3 img.img1{ display:none}
	.list_box_13 li a:hover .h3 img.img2{ display:inline-block}
	
	.list_box_13 li a:hover .h5{ color:#fff}
	.list_box_13 li a:hover .h6{ color:#fff}
	.list_box_13 li a:hover dl dd{ color:#fff}
	
	.list_box_n_case li a:hover .h5{ color:#ff7f31}
	
	.list_box_n_news li a:hover .con span{ background:#ff7f31; padding:0 16px 0 20px; color:#fff}
	.list_box_n_news li a:hover .con span svg{ width:0; opacity:0; visibility:hidden}
	
	.n_news00 .right .fl03 ul li a:hover .con h4, .n_news00 .right .fl04 ul li a:hover h5{ color:#ff7f31}
	
	.fanhui a:hover{ background:#ff7f31}
	
	.n_team ul li a:hover{ border:#ff7f31 1px solid; background:#ff7f31; color:#fff}
	.n_team ul li a:hover .con h5{ color:#fff;}
	.n_team ul li a:hover .con h5 small{ color:#fff;}
	.n_team ul li a:hover .con p{ color:#fff;}
	
	.more004 .a:hover{background: #d25f19;}
	
	.more005 .a:hover{ background:#ff7f31; border:#ff7f31 1px solid; color:#fff}
	
	.n_news00 .left a.fangan:hover{background: #d25f19;}
}


@media(min-width: 1900px) and (max-width: 1920px){
	.banner ul li img{ width:1920px; position:relative; left:50%; margin-left:-960px; height:800px;}
}

@media(max-width: 1830px){
	.w1800{ padding:0 15px}
}

@media(max-width: 1650px){
	.w1600{ padding:0 15px}
	
	#nav ul li >a{ font-size:14px}
	
	.list_box_03 .miso-prev{ left:-2rem}
	.list_box_03 .miso-next{ right:-2rem}
	
	.list_box_03 .miso-arrow {
		width: 2.125rem;
		height: 2.125rem;
		background-size: 100% 100%;
	}
}

@media(max-width: 1540px){
	.list_box_14{ padding-bottom:70px}
	.list_box_14 .miso-arrow{ bottom:0; top:auto; transform:translateY(0)}
	.list_box_14 .miso-prev{ left:50%; margin-left:-80px;}
	.list_box_14 .miso-next{ right:50%; margin-right:-80px;}
}

@media(max-width: 1600px){
	header .logo img{max-width: 27rem;}
	#nav ul li{ margin-right:2rem}
	
	
}

@media(max-width: 1500px){
	header .logo img{max-width: 24rem;}
	#nav ul li{ margin-right:1rem}
	
	
}

@media(max-width: 1400px){
	header .logo img{max-width: 20rem;}
	
	.w1200{}
}

@media(max-width: 1330px){
	.w1200{max-width:1280px;margin: 0 auto;}
}

@media(max-width: 1060px){
	
}

@media(max-width: 992px){
	
}

@media(max-width: 768px){
	#gotop{ right:0; transform:scale(0.7)}
}


@media(max-width: 456px){
	
} 