


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

/*aos="zoom-in" aos-duration="1200"*/
@media(min-width: 1200px){
	.more001 .a:hover:before{ transform: scale(1); opacity: 1;}
	.more001 .a:hover{ background:transparent}
	
	.list_box_01 li a:hover .con .ll h5{ color: #00a0e9;}
	.list_box_01 li a .con .ll h6:hover{}
	.list_box_01 li a .con .ll h6:hover svg{ fill:#00a0e9}

	.list_box_01 li a:hover .img .top img, .n_about .fl04 .right .img:hover .top img{ transform: rotateY(180deg);}
	
	.miso-arrow1_box .miso-arrow1:hover{ background: #f08300;}
	
	.list_box_01 li a:hover .img>img{ transform: scale(1.08);}
	
	.list_box_02 .miso-arrow:hover{ background: #f08300;}
	
	.list_box_03 li .a:hover .rr h5{ color: #00a0e9;}
	
	.more002 .a:hover:before{ transform: scale(1); opacity: 1;}
	.more002 .a:hover{ background:transparent}
	
	.list_box_04 li a:hover .img:after{ visibility:visible; opacity:.95;}
	.list_box_04 li a:hover .time{ transform:translateY(0); opacity:1; visibility:visible}
	.list_box_04 li a:hover .con{ transform:translateY(0); opacity:1; visibility:visible}
	.list_box_04 li a:hover .con h6{ opacity:1; visibility:visible}
	.list_box_04 li a:hover .img:before{ transform:translateY(101%);}
	
	footer .fl01 dl dd:hover{color: #fff;}
	
	.list_box_case li a:hover{ background: #00a0e9;}
	.list_box_case li a:hover h5, .list_box_case li a:hover h6{ color: #fff;}
	
	.list_box_meiti li a:hover h6 span{ background: #f08300;}
	.list_box_meiti li a:hover::before{ opacity: 1; visibility: visible;}
	.list_box_meiti li a:hover font{ background: url(../image/list_box_meiti_ico1_on.png) center no-repeat;}
	
	.list_box_news li a:hover .con h5, .list_box_news li a:hover .con h6{ color: #00a0e9;}
	
	.list_box_product li a:hover .con h6{ background: #00a0e9; color: #fff;}
	.list_box_product li a:hover .con h6 svg{ fill:#fff}
	
	.list_box_zihzi li a:hover h5{ color: #00a0e9;}
	
	.list_box_zihzis li a:hover h5{ background: #00a0e9; color: #fff;}
	
	.list_box_case_detail .miso-arrow:hover{ background: #00a0e9;}
	
	.list_box_08 li a:hover:after{ width:100%}
	.list_box_08 li a:hover h5{ color:#0097f0}
	
	.n_news_detail .left .ar_bottom .ar_fy .h5 a:hover{ opacity: 1;}
	
	.list_box_meiti li a:hover:before{
		width:100%;
	}
	.list_box_meiti li a:hover:after{
		width:100%;
	}
	.list_box_meiti li a:hover .line:before{
		height:100%;
	}
	.list_box_meiti li a:hover .line:after{
		height:100%;
	}
	
	.list_box_meiti li a:hover .btn .st1{fill:#0097f0;transform:rotateZ(45deg);}
	.list_box_meiti li a:hover .btn .st2{fill:#fff;}
}


@media(min-width: 1900px) and (max-width: 1940px){
	.banner ul li .img img{ width: 1920px; height: 1080px; top: 50%; left: 50%; margin: -540px 0 0 -960px;}
}

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

@media(max-width: 1630px){
	.w1600{ padding:0 15px}
	
	#nav>ul{ padding: 0 2rem 0 0;}
	#nav>ul>li{ margin: 0;}
	
	.container01{background-size: 40rem auto !important;padding: 7rem 0 0;background: url(../image/recommend.png) 73% 15% no-repeat;}
	.list_box_03 li .a .ll img{ max-height: 4rem;}
}

@media(max-width: 1400px){
	.w1200{ max-width: calc(1800px + 100px); }
	#header>.w1200 .logo img{ width: 16rem;}
	.search_btn_box{ margin: 0 1.5rem 0 2rem;}
}

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

@media(max-width: 1200px){
	.w1200{ padding:0 15px; max-width: 100%;}
	.header_box{ display: none;}
	.m_header_box{ display: block;}
	
	.banner ul li .img .img_hezi{ padding-bottom: 56% !important;}
	
	.container01{ background: none;}
	.container01 .content .left{ width: 100%;}
	.container01 .content .right{ width: 100%; padding: 2.5rem 0 0;}
	
	.list_box_03 li .a .ll img{ max-height: 2.5rem;}
	
	footer .fl01{ display: none;}
	
	.n_title{ display: none;}
	#m_n_nav{ display: block;}
	
	.n_news_detail .left{ width:100%}
	.n_news_detail .right{ display:none}
	.n_news_detail .left .ar_tit h3{ font-size:1.5rem}
	.n_news_detail .left .ar_bottom{ padding:2rem 15px}
	
	.n_news_detail .left .ar_bottom .ar_fy{ background-size:auto 20px}

	.n_about .fl01 {
    		background: none; 
	}
}

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

@media(max-width: 992px){
	.container02{ padding: 3rem 0;}
	
	.list_box_03 .line{ display: none;}
	
	.list_box_03{ display: flex; flex-wrap: wrap;}
	.list_box_03 li{ width: 100%;}
	.list_box_03 li .a .ll{width: 3.25rem;}
	
	.list_box_03 li{ margin-bottom: 2rem;}
	.list_box_03 li .a .ll img{ max-height: 1.75rem;}
	
	footer .fl02 .content{flex-wrap: wrap;text-align: center;}
	footer .fl02 .content .left{width: 100%;display: none;}
	footer .fl02 .content .right{width: 100%;padding: 0;flex-wrap: wrap;}

	footer .fl02 .right .ewm{width:100%;flex-wrap: wrap;flex-direction: column;}
	footer .fl02 .right .contact{width:100%;text-align: center;padding: 2rem 0 0;}

	footer .fl02 .left dl{ margin:0 auto}
	footer .fl02 .right .ewm .ll{text-align:center;padding: 1rem 0 0;order: 1;}

	footer .fl02 .right .contact h6{ justify-content:center}
	.links{ margin-bottom:1rem}
	
	.n_about .fl01 .left{ display: none;}
	.n_about .fl01 .right{ width: 100%;}
	
	.n_hui{ padding: 3rem 0;}
	
	.list_box_case{ margin: 0 -7px; margin-bottom: -1.25rem;}
	.list_box_case li{ width: 50%; padding: 0 7px; margin-bottom: 1.25rem;}
	
	.list_box_meiti{ margin: 0 -7px; margin-bottom: -1.25rem;}
	.list_box_meiti li{ width: 50%; padding: 0 7px; margin-bottom: 1.25rem;}
	
	.list_box_product li{ width: 50%;}
	
	.list_box_zihzis li{ width: 33.33%; margin: .75rem 0;}
	
	.n_contact .fl01 .left{ width: 100%; order: 1;}
	.n_contact .fl01 .right{ width: 100%; padding: 0 0 1rem;}
	.n_contact .fl01 .left dl dt img{height: 12px;}
	
	.n_licheng .bd{ display: none;}
	.licheng_slide_wap{ display: block;}
	
	.n_product_detail .fl01 .content{flex-wrap: wrap;padding: 3rem 15px 2rem;}
	.n_product_detail .fl01 .content .left{ width: 100%; padding: 0 0;}
	.n_product_detail .fl01 .content .right{ width: 100%; padding: 2rem 0 0;}
	.n_product_detail .fl01 .content .right::before{ display: none;}
	
	.list_box_09{ margin-bottom: 0;}
	.list_box_09 li{ width: 100%; margin-bottom: 1rem;}
	
	.n_wenhua .fl02{ height: auto;}
	.n_wenhua .fl02 .w1200{ flex-wrap: wrap;}
	.n_wenhua .fl02 .left{/* order: 1; */width: 100%;padding: 2rem 0 0;}
	.n_wenhua .fl02 .right{width: 100%;padding: 2rem 20px;}

	.n_wenhua .fl03 .img{ width: 100%;}

	.n_wenhua .fl03 .right{ width: 100%;}
	.n_wenhua .fl03 .right .con{margin:0;padding: 2rem;}
}

@media(max-width: 768px){
	#gotop{ right:0; transform:scale(0.7)}
	
	.container01{ padding: 2.5rem 0 0;}
	.title001{margin-bottom: 1.5rem;}
	.container01 .miso_bd li .top h5{ font-size: 1.5rem;}
	.container01 .miso_bd li .top span{transform: scale(.7);margin-right: -19px;}
	.container01 .miso_bd li h3{font-size: 1.625rem;margin: 1rem 0 .5rem;}
	.container01 .miso_bd li p{line-height: 24px;max-height: 72px;height: auto;margin-bottom: 1rem;text-align: justify;}
	
	.title001 h3{ font-size: 1.75rem;}
	
	.container01 .miso_bd3_box{ margin-right: 2rem; }
	.container01 .miso_bd2_box{ right: 1rem; }
	.container01 .miso_bd1_box{ right: 0; }
	
	.container01 li .more{ width: 2.75rem; height: 2.75rem;}
	
	.banner ul li a .top h4 img{ height: 1.5rem; }
	.banner ul li a .top h3{font-size: 1.5rem;margin: 1rem 0 0;}
    .banner ul li a .top h5{ font-size:12px}
	
	.list_box_01 li .img .top img{ height: 3.5rem;}
	
	.list_box_02{ margin: 0 -80%;}
	
	.list_box_02 li .top h5{ font-size: 16px;}
	.list_box_02 li .top h6{ font-size: 12px;}
	.list_box_02 .miso-arrow{ width: 2.375rem; height: 2.375rem;}
	.list_box_02 .miso-prev{ left: 35.25%;}
	.list_box_02 .miso-next{ right: 35.25%;}
	.list_box_01{ margin-bottom: 2.5rem;}
	
	.container04{ padding: 3rem 0 0;}
	.container05{padding: 2rem 0;}
	
	.container04 .fl01{flex-wrap: wrap;margin-bottom: 2rem;}
	.title002{width: 100%;margin-bottom: 1rem;flex-direction: column;display: flex;justify-content: center;text-align: center;}
	.title002 small{ margin:.5rem 0 0}
	.more002 .a{ display: none;}
	
	.title002 big{ font-size: 1.75rem;}
	.container04 .fl01 .right, .container04 .miso_hd{width: 100%;margin: 0;justify-content: center;}

	.list_box_04 li{ width:100%; margin-bottom:1rem}
	
	.container01, .container02, .container03, .container04, .container05, .container06, .container07, .container08, .n-container01, .n-container03, .n-container04{ overflow: hidden;}
	
	.list_box_03 li .a .rr h5{ font-size: 1.5rem;}
	
	.miso-arrow1_box .miso-arrow1{ width: 2.5rem; height: 2.5rem;}
	
	.banner .miso-dots{ bottom: .75rem;}
	.banner .miso-dots li{ margin: 0 .375rem;}
	.container01 .miso_bd li .top{ justify-content: space-between;}
	.n_about .fl02{ padding: 2.5rem 0;}
	
	.list_box_05 li h3 big{ font-size: 1.75rem;}
	.list_box_05 li{ width:25%}
	.list_box_05 .line{ display:none}

	.n_title001 h3{ font-size:1.5rem}
	.n_title001 h6{ line-height:1.5}

	.n_about .fl03{ padding:2.5rem 0 0}
	
	.n_about .fl04 .w1200 .content{ padding: 0;}
	.n_about .fl04{ padding: 0 0 2.5rem;}
	
	.n_about .fl04 .right .img .top img{ height: 2.5rem;}
	
	.n_hui{ padding: 3rem 0;}
	.list_box_case li a{ padding: .875rem;}
	.list_box_case li a .con{ padding: 1.5rem 0 1rem;}
	
	.pages{ margin: 2rem 0 0;}
	
	.list_box_meiti li a{ padding: 1.5rem;}
	.list_box_meiti li a font{ width: 2.75rem; height: 2.75rem;}
	
	.list_box_news{ margin: 0 -7px; margin-bottom: -1.25rem;}
	.list_box_news li{ width: 50%; padding: 0 7px; margin-bottom: 1.25rem;}
	
	.list_box_product{ margin: 0 -4px; margin-bottom: -1rem;}
	.list_box_product li{ padding: 0 4px; margin-bottom: 1rem;}
	.list_box_product li a .con h5{ font-size: 1.25rem;}
	
	.list_box_zihzi{ margin-bottom: -1rem;}
	.list_box_zihzi li{ width: 50%; margin-bottom: 1rem;}
	.list_box_zihzi li a h5{ margin: 1rem 0 .5rem;}
	.list_box_zihzi li{ margin-bottom: 1.5rem;}
	
	.n_zihzis .content{ padding: 4rem 2rem;}
	.list_box_zihzis li{ width: 50%;}
	
	#miso_map{ height: 20rem;}
	
	.list_box_case_detail li .img .top img{ height: 2.5rem;}
	.n_title002{ margin-bottom: 2rem;}
	.n_title002 h3{ font-size: 1.75rem;}

	.video_play{ width:4.5rem; height:4.5rem}
	.n_product_detail .fl01 .content .right h3{ font-size:1.75rem}
	.n_title003 b{ font-size:1.75rem}
	.n_product_detail .fl02 .ar_article h3{ font-size:1.25rem}
	.n_product_detail .fl02 .ar_article h2{ font-size:1.75rem}
	
	.n_wenhua .fl02 .left ul li{width: 100%;padding: 1rem 0;border: none;}
	.n_wenhua .fl02 .left ul li h3{ font-size:1.375rem}

	.n_wenhua .fl03{ padding:3rem 0}
	.n_wenhua .fl03 .right .con h5{ font-size:1.5rem}
	
	.list_box_09 li a{flex-direction: column;background: #fff;border-radius: 1rem;padding: 2rem 15px;text-align: center;}
	.list_box_09 li a .left{/* width: 100%; */width: 7rem;height: 7rem;font-size: 1.5rem;}
	.list_box_09 li a .right{width: 100%;padding: 1rem 0 0;}
	.list_box_09 li a .left font{ font-size:1.75rem}

	.n_wenhua .fl01{ padding:3rem 0}

	.list_box_01 li .con .ll p{ margin: .75rem 0 1rem}

	.container01 .miso_hd li a{ height:4rem}
	.list_box_01 li .con .rr{padding:0 0 0 1.5rem;min-width: 140px;width: 140px;}

	.list_box_01 li .con{padding: 0 0.5rem 0 1.75rem;height: 12rem;}
    .list_box_01 li .con .ll h5{ font-size:14px}
	.ar_article table{ width:100%; max-width:100%}

	.ar_wap{ display:block}

    .n_news_detail .left .ar_bottom .ar_fy{ flex-direction: column}
	.n_news_detail .left .ar_bottom .ar_fy .h5{max-width:100%;width:100%;margin-top: .5rem;}
} 


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