@charset "utf-8";


/*==========================================内页 结束=============================================*/

/*aos="zoom-in" aos-duration="1200"*/
@media(min-width: 768px){
	.container03 ul li:hover a:before{background:#e9881f;box-shadow: 0 0 0 20px rgba(233, 136, 31, 0.15);}
	
	.container04 .left .more00 a:hover .yuan{ background:#fff; border:#fff 1px solid}
	.container04 .left .more00 a:hover .yuan span{ transform:translateX(0);}
	
	.container04 .right ul li a:hover .img img{ transform:scale(1.05)}
	.container04 .right ul li a:hover .img:after{ border:transparent 3px solid}
	.container04 .right ul li a:hover .img .top{ height:100%; background:rgba(0,0,0,0.2)}
	
	.container05 ul li a:hover .title h3{ height:0; visibility:hidden; opacity:0}
	.container05 ul li a:hover .title h4{-webkit-text-stroke: initial;-webkit-text-fill-color: initial;color: #4d4946;}
	.container05 ul li a:hover .title h6{ visibility:visible; opacity:1}
	.container05 ul li a:hover .title h6 span:before{ width:60px}
	
	.container05 ul li a:hover .img .top:before{ height:100%; background:rgba(0,0,0,0.3)}
	.container05 ul li a:hover .img .top p{ opacity:1; transform:translateY(0)}
	.container05 ul li a:hover .img img{ transform:scale(1.05)}
	
	.container06 ul li a:hover:before{ height:100%; background:#4d4946}
	.container06 ul li a:hover .box h4{ color:#fff}
	.container06 ul li a:hover .box h6 span{ color:#fff}
	.container06 ul li a:hover .box p{ color:rgba(255,255,255,0.7)}
	.container06 ul li a:hover .box .shuzi{ transform:translateY(0)}
	
	.container06 .more00 a:hover .yuan{background: #e9881f;border:#fff 1px solid;}
	.container06 .more00 a:hover .yuan span{ transform:translateX(0);}
	
	.n_video ul li a:hover .img:before{ bottom:-66px}
	.n_video ul li a:hover .img:after{background:url(../images/n_video_bg_on.png) center no-repeat;right: 30px;bottom: -33px;}
	.n_video ul li a:hover h5:before{ height:100%; background:#e9881f}
	.n_video ul li a:hover h5{ color:#fff}
	
	.n_huanjing ul li a:hover .img>img{ transform:scale(1.05)}
	.n_huanjing ul li a:hover .img:after{ border:transparent 3px solid}
	.n_huanjing ul li a:hover .img .top{ height:100%; background:rgba(0,0,0,0.5)}
	
	.n_product ul li a:hover .con:before{ height:100%; background:#e9881f}
	.n_product ul li a:hover .con h5, .n_product ul li a:hover .con h6{ color:#fff}
	
	.n_rencai ul li a:hover{border:#ffae33 1px solid;background: linear-gradient(45deg, #ff8f0e , #ffd05b);}
	.n_rencai ul li a:hover:before{ background:url(../images/pin_on.png) center no-repeat}
	.n_rencai ul li a:hover h4{ color:#fff}
	
	.n_gongshi ul li a:hover font{ background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.15)}
	.n_gongshi ul li a:hover font:before{opacity:0;}
	.n_gongshi ul li a:hover font:after{opacity:0;left: 10px;}
	.n_gongshi ul li a:hover .icon{ background:#e9881f url(../images/n_gongshi_icon_on.png) center no-repeat}
	
	.n_news ul li:hover:before{ left:0; width:100%}
	.n_news ul li:hover a .time{ background:#e9881f}
	
	
	.n_news ul li:hover a .time h3{ color:#fff}
	.n_news ul li:hover a .time h4{ color:#fff}
	.n_news ul li:hover a .time:before{ height:0}
	.n_news ul li:hover a .time:after{ height:0}
	
	.n_news ul li:hover a .con:before{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; opacity:1;}
	
	.fanye001 a:hover img{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; opacity:1;}
	#right_news li .text_box a:hover font{ color:#e9881f}
}


@media(min-width: 992px) and (max-width: 1300px){
}

@media(max-width: 1830px){
	.w1800{ padding:0 15px}
	.container02 .left .bottom ul li{ margin-right:3rem}
	.container02 .left .bottom ul li:hover:after{ width:6.125rem}
}

@media(max-width: 1630px){
	.container02 .left{ padding:0 5.5rem 0 8rem}
	
	.container02 .left .bottom ul li{ margin-right:2rem}
	
	header{ padding:0 1.5rem}
}

@media(max-width: 1480px){
	.n_banner{height:300px;}
	#gotop{ width:136px; height:102px; background-size:cover}
	
	.mianbao{ height:70px; line-height:70px}
	.position{height:70px;line-height:70px;background: url(../images/position.png) left 29px no-repeat;}
}

@media(max-width: 1330px){
}

@media(max-width: 1200px){
	
}

@media(max-width: 1060px){
	
}

@media(max-width: 992px){
	
}

@media(max-width: 768px){
	#gotop{ right:0; transform:scale(0.7)}
}


@media(max-width: 456px){
	
} 