@charset "utf-8";

	.container07 ul li a:hover .con p{ height:7.5rem; white-space:normal; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}
	.container07 ul li a:hover .con .kaiguan{ opacity:0; visibility:hidden}

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

/*aos="zoom-in" aos-duration="1200"*/
@media(min-width: 768px){
	ul.product_list li a:hover .con:before{ transform:translateY(0)}
	ul.product_list li a:hover{ box-shadow: 0px 0px 43px 0px rgba(49, 49, 49, 0.22);}
	ul.product_list li a:hover .con h5, ul.product_list li a:hover .con h6, footer .fl02 .right ul li:hover, footer .fl01 .left dl dd:hover{ color:#fff}
	
	ul.fenlei li a:hover{ background:#0049af; transform:translateY(-0.5rem); box-shadow: 0 0px 0 0px rgba(0, 0, 0, 0.08);}
	ul.fenlei li a:hover .img .img1{ opacity:0; visibility:hidden}
	ul.fenlei li a:hover .img .img2{ opacity:1; visibility:visible}
	ul.fenlei li a:hover .con h3{ color:#fff}
	ul.fenlei li a:hover .con h3:before{ background:#fff}
	ul.fenlei li a:hover .con p{ color:#fff}
	
	ul.team_list li a:hover{transform:translateY(-0.5rem); box-shadow: 0 0px 0 0px rgba(0, 0, 0, 0.08);}
	
	ul.team_list li a:hover .img .line_2{ opacity:1; visibility:visible; transform:translateY(0);}
	
	ul.team_list li a:hover .img .red-bg { opacity: .8; visibility: visible; }
	ul.team_list li a:hover .img img{ transform:scale(1.05);}
	ul.team_list li .con h5:hover, .n_zizhi ul li a h5:hover{ color:#0049af}
	.container05 ul li a:hover .con h5{ background:#0049af; color:#fff}
	.container05 ul li a:hover .con h5 font{ color:#fff}
	
	.n_about .container05 ul li:nth-child(1) a:hover .con h5, .n_about .container05 ul li:nth-child(2) a:hover .con h5{ background:#0049af; color:#fff}
	
	ul.case_list li a:hover .img .red-bg { opacity: .8; visibility: visible; }
	ul.case_list li a:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
	ul.case_list li a:hover .img img{ transform:scale(1.05);}
	
	ul.case_list li a:hover .con{ transform:translateY(101%); }
	ul.case_list li a:hover .img .top h5{ opacity:1; visibility:visible}
	
	.more00 a:hover{ border:#084c9b 1px solid; color:#fff}
	.more00 a:hover:before{ left:0; width:100%; background:#0049af}
	
	ul.news_list li .con h5:hover{ color:#0049af}
	
	.container07 ul li a:hover{ box-shadow: -6.891px 24.032px 32px 0px rgba(41, 41, 41, 0.21)}
	
	.container08 .content .box .box_li ul li:hover:after{ width:100%; left:0; background:#0049af}
	footer .fl01 .left dl dd:hover{ opacity:1}
	
	.container09 .right ul li a:hover{ box-shadow: 1.253px 8.912px 19.92px 4.08px rgba(0, 0, 0, 0.15);}
	.container09 .right ul li a:hover .img img{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; filter:alpha(opacity=100); opacity:1;  -moz-opacity:1; -khtml-opacity:1;}
	
	.n_zizhi ul li a:hover .img .top1{ transform:translateY(0); background: rgba(0,73,175, .85);}
	
	.n_news ul.news_list li a:hover{ transform:translateY(-10px)}
	.n_news ul.news_list li a:hover .con h4 span{ background:#0049af;}
	.n_news ul.news_list li a:hover .con h4 span:before{ border-left: #0049af 7px solid;}
	
	.n_product ul.product_list li a:hover  .img:after{ width:0; margin-left:0px;}
	
	.problom_list li a:hover{ transform:translateY(-.5rem); box-shadow: -5.174px 22.411px 29.12px 2.88px rgba(4, 0, 0, 0.11);}
	
	.problom_list li a:hover:after{ opacity:1; visibility:visible}
	
	.pingjia_list li a:hover:after{ left:0; width:100%; background:#0049af;}
	.pingjia_list li a:hover h6 span{ background:#0049af; color:#fff}
	.pingjia_list li a:hover{ box-shadow: -11.153px 12.83px 14.56px 1.44px rgba(4, 0, 0, 0.11);}
}


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

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

@media(max-width: 1630px){
	.w1600{ padding:0 15px}
	
	.n_about .container05 .content{ padding-bottom:6rem;}
	.n_about .container05 .miso-arrow{ bottom:0; top:auto}
	.n_about .container05 .miso-arrow.miso-prev{ left:50%; margin-left:-3.5rem}
	.n_about .container05 .miso-arrow.miso-next{ right:50%; margin-right:-3.5rem}
	
	.n_about .fl01 .bg{width:20rem;height: 23rem;}
	
	.n_contact .right{ padding-right:4rem}
	
	.pro_tuijian .product_list .miso-list{ padding: 3rem 0 5rem; margin: 0 0;}
	.pro_tuijian .product_list .miso-arrow{ bottom:0; top:auto; width: 2.5rem; height: 2.5rem;}
	.pro_tuijian .product_list .miso-arrow.miso-prev{ left:50%; margin-left:-3.5rem}
	.pro_tuijian .product_list .miso-arrow.miso-next{ right:50%; margin-right:-3.5rem}
	
	.n_contact .left ul li .left_con h4{ font-size: 1.5rem;}
}

@media(max-width: 1600px){
	.w1400{padding: 0 90px;}
}

@media(max-width: 1360px){
	.w1400{padding: 0 15px;}
}

@media(max-width: 1200px){
	#header{ display:none}
	
	#m_header, .m_header_box{ display:block}
	.ar_article{font-size: 13px;line-height: 26px;margin-bottom: 26px;}
	.ar_article p, .ar_article{font-size: 13px;line-height: 26px;margin-bottom: 0;}

    .banner.banner1{ margin-top:60px}
	.banner .content ul li img{width:100%;height: auto;}
	
	.container01 .miso_bd .left{ width:100%}
	.container01 .miso_bd .right{width:100%;padding: 2rem 0 0;}
	.container01 .miso_bd .left .img{ height:auto}
	
	.container06 .w1400 { padding:0 15px}
	
	footer{ background:#f3f3f5}
	footer .fl01 .left{ display:none}
	footer .fl02{ display:none}
	footer .fl03 .left{ width:100%; text-align:center}
	footer .fl03 .left ul li{ float:none; margin:0 5px; display:inline-block}
	footer .fl03 .right{width:100%;text-align:center;padding: 0; font-size:0}
	footer .fl01 .right{width:100%;text-align:center;max-width: 100%;font-size: 0;}
	footer .fl01 .right p{padding-left:0;background: none !important;color: #666;}
	footer .fl03 .right .top .p{ display:block;}
	footer .fl01 .right h3{color:#333;text-align: left;}
	footer .fl01 .right ul{text-align:center;float: none;display: inline-block;vertical-align: top;}
	footer .fl01 .right ul li{display:inline-block;float: none;}
	footer .fl01 .right ul li span{ background:#f3f3f5}
	footer .fl01 .right ul li .img { border: #959595 1px solid;}
	footer .fl03{
	border-top: #d9d9d9 1px solid;
	}
	
	footer .fl01 .right .con{padding: .25rem 0 0 1.25rem;text-align: left;float: none;display: inline-block;width: auto;}
	
	.n_about .fl01 ul.shuzigd{ padding:0; background:none; min-height:inherit}
	
	#n_news_xq .left_con{ display:block; width:100%; padding:0}
	#n_news_xq .right_con{ display:none}
	
	#ar_fot{ display:block}
	
	.gundong{ overflow:hidden; overflow-x:scroll}
}

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

@media(max-width: 992px){
	.con_gg img.ar_web{ display:none}
	.con_gg img.ar_wap{ display:block}
	.container01 .title001{ text-align:center; }
	.container01 .miso_hd{width:100%;margin: 2rem 0 2rem;}
	
	.container02 .fl01 .img, .container02 .fl01 .img a> img{ width:100%}
	.container02 .fl01 .con{width:100%;padding: 2.5rem 15px;height: auto;}
	ul.shuzigd li .shuzi{font-size: 2.5rem !important;}
	ul.shuzigd li .jia{ font-size:1.5rem}
	ul.shuzigd li .xiaozi{ padding:0}
	ul.shuzigd li .xiaozi h6{ line-height:18px;}
	.container02 .fl02{ padding:2rem 0}
	.container02 .fl03{ padding:0}
	
	ul.fenlei{ overflow:hidden; overflow-x:scroll; white-space:nowrap; font-size:0}
	ul.fenlei li{ width:33.3333333%; float:none; display:inline-block}
	ul.fenlei li a .con p{ white-space:normal}
	
	ul.team_list{ margin:0 -1.25rem}
	ul.team_list li{ width:50%; padding:0 1.25rem}
	
	ul.case_list{ margin:0 -7px; margin-bottom:1.25rem}
	ul.case_list li{ width:50%; padding:0 7px;}
	
	.container08 .content .box{ width:100%; margin-bottom:1.25rem}
	
	.container09 .left{width:100%;text-align: center;}
	.container09 .right{width:100%;max-width: 100%;padding: 2.5rem 0 0;}
	
	.n_beijing{ padding:3rem 0 3rem}
	.n_case ul.case_list, .n_news ul.news_list{ margin:0 -7px; margin-top:0rem}
	.n_case ul.case_list li, .n_news ul.news_list li{ padding:0 7px;}
	
	.n_news ul.news_list li{ width:50%}
	ul.news_list li .img{padding-bottom:59.09%;position:relative;height: auto;}
	ul.news_list li .img img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%}
	
	.n_product ul.product_list{ margin-top:0}
	.n_product ul.product_list li{ width:33.333333%}
	
	.problom_list{ margin-top:0}
	.problom_list li{ width:50%}
	
	.pingjia_list{ margin-top:0}
	
	#piaofu_news{ display:none}
	
	#piaofu_news{ display:none}
	.ar_title h6 span{ margin-right:1.5rem}
	.n_news_detail .bdshare-button-style0-24{ display:none}
	
	.n_contact .left{ width:100%}
	.n_contact .right{width:100%;padding: 2rem 0 1rem;}
	
	.n_product_detail .fl02 .left{ width:100%; height:auto}
	.n_product_detail .fl02 .left ul li{ height:auto}
	.n_product_detail .fl02 .right{width:100%;margin-top:10px;height: auto;padding: 2.5rem 1.5rem;}
	
	.n_product_detail .fl01{ padding:2rem 0 0}
	.n_product_detail .fl01 ul{display: block; overflow:hidden; text-align:center}
	.n_product_detail .fl01 ul li{float:left;width: 50%;}
	.n_product_detail .fl01 ul li:nth-child(2n){ display:none}
	
	.online_q .btn-02{ display:none}
	.online_q .btn2 a{width: 50px;height: 50px;padding: 14px 0;}
	.online_q .btn2 h3{ height:28px;}
	.online_q .btn2 h3 img{height: 20px;}
	.online_q .btn2 h5{ display:none}
	
	.dl_list{margin: 1rem -7px 2rem;}
	.dl_list dd{margin-bottom:1.25rem;width: 50%;padding: 0 7px;}
	
	.wrapper_scoll{ overflow:hidden; overflow-x:scroll}
	.wrapper_scoll video{ min-height:992px}
} 

@media(max-width: 768px){
	.online_q{ bottom: 5rem;position: fixed;top: auto;}
	#gotop{right:0;transform:scale(0.7);}
	.yuandian ul.dots li.dot{transform: scale(0.7) translateY(-70%);}
	.yuandian ul.dots{ height:20px}
	
	ul.product_list{ margin:0 -4px}
	ul.product_list li{width:50%;padding: 0 4px; margin-bottom:10px}
	ul.product_list li a .img, ul.product_list li a .img img{height: auto;}
	
	.container01{ padding:3rem 0}
	.container02{ padding:3rem 0 3rem}
	.title001 h3{ font-size:1.5rem}
	.title001{ margin-bottom:2.5rem}
	
	ul.shuzigd li .shuzi, ul.shuzigd li .jia{font-size: 1.75rem !important;}
	ul.shuzigd li .xiaozi{display:block;width:100%;margin:0;padding:0;text-align: center !important;}
	ul.fenlei li{ width:50%;}
	ul.fenlei li a{ box-shadow:none}
	
	.container03{ padding:3rem 0}
	
	.container04{ padding:3rem 0 1.5rem}
	ul.team_list{ margin:0 -7px}
	ul.team_list li{ width:50%; padding:0 7px}
	.container05{ padding:3rem 0}
	
	.container06{ padding: 5rem 0 0 0}
	.container07 ul li .con .kaiguan .ico{ width:32px; height:32px; line-height:30px;}
	.container07 ul li a h2{ font-size:1.5rem}
	.container07 ul li a h3{ font-size:1.25rem}
	.container07 ul li a{ padding:2.5rem 20px}
	.container07 ul li{ padding-bottom:2.5rem}
	.container09 .left h4{ margin:1.5rem 0}
	.container09 .right ul{margin:0 -4px;padding-bottom: 2rem;}
	.container09 .right ul li{padding: 0 4px;}
	.container02 .fl01 .con h3 a img{ width:1.5rem}
	.container08 .content{ margin-bottom:1.5rem}
	.container09 .left h2{ font-size:1.5rem}
	.container09{ padding:3rem 0}
	footer .fl01{padding: 2rem 0 1rem;}
	.container02 .fl01 .img .top img{ width:3rem}
	
	#certify .swiper-slide{width:100px;height: 120px; line-height:120px}
	#certify .swiper-slide img{ max-height:110px}
	#certify .swiper-button-prev{ left:0}
	#certify .swiper-button-next{ right:0}
	#certify .swiper-button-next, #certify .swiper-button-prev{ transform:scale(0.5)}
	
	.n_banner{height: 24vh;}
	.n_banner .top h3{margin-top:0rem;font-size: 1.75rem;}
	
	.n_about .fl01 .bg{width: 12rem;height: 14rem;}
	.n_about .fl01{padding: 3rem 0 3rem;}
	h3.h31{font-size:1.75rem;margin-bottom: 2rem;}
	.n_erji ul li a{height: 3.5rem;}
	.n_erji ul li a h4{ height:0 !important}
	.n_erji ul li a:after{ display:none}
	
	.n_about .container05 .miso-arrow{ width:2.5rem; height:2.5rem}
	.n_about .container05 .content{ padding-bottom:4rem}
	
	.n_about .container07{ padding:2.5rem 0 3rem}
	.n_about .container05{ padding:2.5rem 0 1.5rem}
	
	.n_zizhi ul{ margin:0 -.5rem}
	.n_zizhi ul li{ width:50%; padding:0 .5rem}
	.n_zizhi ul li a h5{ line-height:4rem}
	
	.n_case ul.case_list li{ width:50%; margin-bottom:1.25rem}
	
	.n_news ul.news_list li .con{ padding:1.5rem 10px;}
	.n_news ul.news_list li .con h5{margin-top:1rem;height: 3.5rem;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.n_news ul.news_list li .con h4 span{width: 70px;height: 26px;line-height: 26px;}
	.n_news ul.news_list li .con h6{ margin-bottom:0}
	.n_news ul.news_list li .con p{ display:none}
	.n_news ul.news_list li{ margin-bottom:1.25rem}
	
	.n_erji ul{display:block;font-size:0;text-align: left;}
	.n_erji ul li{ width:33.33333%}
	.n_erji ul li:nth-child(3n){ border-right:none}
	.n_erji ul li a h3{ font-size:12px;}
	
	.n_product ul.product_list li{ width:50%}
	.problom_list li{ width:100%; margin-bottom:1rem}
	.problom_list li a{ padding:1.5rem}
	footer .fl01 .right .con{padding: 0 0 0 10px;max-width: calc(100% - 7.375rem);}
	
	.pingjia_list{ margin:0 -7px;}
	.pingjia_list li{padding:0 7px;width:100%;margin-bottom: 1rem;}
	.pingjia_list li a{ padding:1.5rem}
	.n_news_detail .ar_article p{ font-size:13px; margin-bottom:0}
	.n_contact .right .img_box .box{ right:50%; margin-right:calc(-9.25rem / 2)}
	.n_contact .left ul li .left_con h4{ font-size:1.5rem}
	.n_contact .left ul li .left_con{width: 11rem;}
	.n_contact .left ul li .right_con{width: calc(100% - 11rem);}
	
	.n_contact{ overflow:hidden}
	.n_contact .right .img_box .box a .top h4 img{ height:2rem}
	.n_contact .left ul li{ padding:0}
	.n_contact .left ul li.miso-current:after{ width:100%}
	
	.n_product_detail .fl02 .right .top h4{ font-size:1.5rem}
	.more02 a{ width:14rem; height:4rem; line-height:4rem}
	.n_product_detail .fl02 .right .top{ margin-bottom:1.5rem}
	.n_product_detail .fl02 .right .top .p{height: auto;}
	
	.n_product_detail .fl03 .box{ padding-bottom:0}
	
	.pro_tuijian{ padding:2.5rem 0 4rem}
	.n_product_detail .fl03 h4{ font-size:1.375rem}
	.title002{ margin-bottom:2.5rem}
	
	ul.news_list li .con h6 img{ width:10px;}
	
	.ar_title h3{ font-size:1.5rem}
	
	.banner .miso-dots li{ transform:scale(.6); margin:0 2px}
	.banner .miso-dots{ bottom:.75rem}
	#float .two .item{
		padding: 20px;

	}
	#float .two{
		top: 10%;
	}
	

}


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