@charset "utf-8";


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

/*aos="zoom-in" aos-duration="1200"*/
@media(min-width: 768px){
	.more00 a:hover:before{ left:0; width:100%; background:rgba(0,0,0,0.15)}
	.more00 a:hover{ letter-spacing:1.5px}
	
	.container01 .center .video_box:hover .img>img{ transform:scale(0.95)}
	.container01 .center .video_box:hover .img .bofang:before{ transform:scale(1.05)}
	.container01 .center .video_box:hover .img .bofang svg{ transform:scale(1.05)}
	
	.container02 ul li a:hover .ico .box_table img{ transform:rotateY(180deg)}
	.container02 ul li a:hover .more span{color:#fff;border: #543F32 1px solid;}
	.container02 ul li a:hover .more span:before{height:100%;top:0;background: #543F32;}
	.container02 ul li a:hover .more span font{ color:#fff; letter-spacing:0.5px;}
	
	.container03 .center .more:hover:before{ transform:scale(1.25)}
	
	.container05 .miso_bd ul li a:hover .top{ transform:translateY(0); background:rgba(0,0,0,0.5)}
	
	.container06 ul li a:hover .ico{ transform:rotateY(180deg)}
	
	footer .right ul li a:hover svg{ fill:#543F32}
	footer .left h6 a:hover{ color:#fff}
	
	footer .center form button:hover{ background:#544031}
	
	.n_about .fl02 ul li a:hover .ico{ transform:rotateY(180deg)}
	
	.n_about .fl03 ul li a:hover .img img{ transform:scale(1.05)}
	.n_about .fl03 ul li a:hover h5{ transform:translateY(5rem)}
	.n_about .fl03 ul li a:hover:after{ transform:translateY(8rem)}
	
	.n_about .fl03 ul li:last-child a:hover:after{ background:rgba(0,0,0,0.15); height:100%; transform:translateY(0)}
	
	.n_qixia ul li a:hover .con:before{ background:#544031; left:0; width:100%;}
	
	.n_qixia ul li a:hover .con h3{ color:#fff} 
	.n_qixia ul li a:hover .con h4{ color:#fff} 
	.n_qixia ul li a:hover .con p, .n_qixia ul li a:hover .con h6{ color:rgba(255,255,255,0.8)} 
	
	.n_contact .fl01 ul li:hover .icon{ transform:rotateY(180deg)}
	.n_contact .fl02 .messsub:hover input{ background:#735D4E}
	
	.n_news ul li .box .img:hover .red-bg { opacity: 1; visibility: visible; }
	.n_news ul li .box .img:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
	.n_news ul li .box .img:hover img{ transform:scale(1.05);}
	
	.n_news ul li .con h5:hover, .n_news_detail .n_right ul li a .con h5:hover{ color:#543F32}
	
	.yinxiang .fl01 ul li a:hover{ background:#735D4E; border:#735D4E 1px solid}
	.yinxiang .fl01 ul li a:hover h3 img.img1{ opacity:0; visibility:hidden; width:0}
	.yinxiang .fl01 ul li a:hover h3 img.img2{ opacity:1; visibility:visible; width:auto}
	.yinxiang .fl01 ul li a:hover h3 img{ transform:rotateY(180deg)}
	.yinxiang .fl01 ul li a:hover h5{ color:#fff}
	
	.yinxiang .fl02 ul li a:hover .top{ transform:translateY(0); background:rgba(0,0,0,0.5)}
}


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

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

@media(max-width: 1630px){
	.w1600{ padding:0 15px}
	
	.w1200{ max-width:80%}
}

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

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

@media(max-width: 1200px){
	.w1200{ max-width:100%; padding:0 15px}
	.position{ right:15px}
	.MainMenu{ display:none}
	header .tel{ display:none}
	.sousuo_box{margin: 0 4rem 0 0;}
	#openBtn{ display:block}
	.sousuo_box a{width: 100%;height:36px;line-height: 34px;display: block;text-align: center;}
	
	header{ height:70px;}
	header .logo{ line-height:70px;}
	.sousuo_box{line-height:70px;display: none;}
	.header_box{ height:70px}
	
	.navbar-nav .sousuo_box{display:block;margin: 0;text-align: center;line-height: normal;margin-top: 1rem;}
	
	.n_contact .fl01 ul{ margin:0; background:none}
	
	.mobile-position{ display:none}
}

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

@media(max-width: 992px){
	.container01 .left{ display:none}
	.container01 .right{ width:calc(100% - 27.5rem)}
	
	.container02 ul li{width:33.333333%;margin: 0.5rem 0;padding: 0 2rem;}
	.container02 ul li .more span{ display:none}
	
	.container03 .box.fl{width:100%;padding: 0;}
	.container03 .center{ width:100%}
	.container03 .box.fr{width:100%;padding-left: 0;}
	
	.container07 .content .box.left{width:100%;text-align: center;padding: 0;}
	.container07 .content .box.center{width:100%;padding: 3rem 0 0;display: none;}
	.container07 .content .box.right{width:100%;text-align: center;padding: 3rem 0 0;}
	.container07 .content .box.right ul{display: block;width: 100%;max-width: inherit;}
	.container07 .content .box.right ul li{ width:auto}
	.container07 .content .box.right ul li .ewm{width: 11rem;display:inline-block;}

	
	footer .left{ }
	footer .center{ }
	footer .right{width:100%;text-align:center;padding: 2rem 2rem;margin-top: 2rem;}
	
	footer .left{width:50%;padding: 3rem 1rem 0 0;}
	footer .center{width:50%;max-width: 100%;padding: 3rem 1rem 0 0;}
	.container07 .content .box h3{ margin-bottom:2rem}
	.container07 .content .box h3 img{ height:4rem}
	.container07 .content .box.center img{ max-height:10rem}
	
	.n_title{ display:none}
	#m_n_nav{ display:block}
	
	.n_banner{height: 22vh;}
	
	.n_mendian .fl02 ul li{ width:50%}
	
	.n_contact .fl03 ul li{width:50%;margin-bottom: 1.5rem;}
	.n_contact .fl03 ul li .ewm{ width:11rem}
	
	.n_news ul li.li{ width:100%}
	.n_news ul li:nth-child(2) .con{height:auto !important;padding-top: 3rem !important;padding-bottom: 3rem !important;}
	.n_news ul li:nth-child(2) .con p{ display:block}
	.n_news ul li:nth-child(2) .con h5{ margin-bottom:1rem}
	
	.n_news ul li{ height:auto !important}
	
	.n_news_detail .n_left{ width:100%; padding:0}
	.n_news_detail .n_right{ display:none}
	
	.yinxiang .fl01 ul li{ padding:0}
	.yinxiang .fl01 ul li a{width:auto;border:none;border-radius:0;height: 6rem;}
	.yinxiang .fl01 ul li a h3 img{ height:2rem}
	.yinxiang .fl01 ul li a h3{ height:3rem}
}

@media(max-width: 768px){
	#gotop{ right:0; transform:scale(0.7)}
	
	.pop-overlay .popup{max-width:100%;margin: 0 3%;padding: 3rem 1.5rem;margin-top: -5rem;}
	.pop-overlay .close{top: 85px;right: 15px;}
	
	.banner>img{height: 40vh;object-fit:cover;}
	.banner .box h3 img{ height:5rem}
	.banner .box p{font-size:12px;line-height:20px;margin: 1rem 0 1.5rem;}
	
	.container01 .center{width:100%;text-align: center;}
	.container01 .right{width:100%;padding: 1rem 1rem 0;max-width: 100%;}
	.container01 .center .video_box{display:inline-block;width: 22rem;height: 22rem;}
	.container01 .right h3{font-size:2rem;margin: 0.375rem 0 1rem;}
	.container01 .center .video_box .img{ width:18rem; height:18rem}
	.container01 .center .video_box .img .bofang{ width:5rem; height:5rem; line-height:5rem} 
	.container01{ padding:3rem 0}
	.container02 ul{ margin:0}
	.container02 ul li .ico .box_table img{max-height: 2rem;}
	.container02 ul li .ico{line-height: 3rem;height: 3rem;}
	.container02 ul li h5{ margin:1.25rem 0}
	.container02 ul li p{line-height: 24px;font-size: 13px;}
	.container02 ul li h5:before{ display:none}
	.container02{ padding:3rem 0}
	.container02 ul li{ width:50%}
	.container03 .box ul li p{font-size: 14px;line-height:24px;height: 48px;}
	.container03 .box ul li{background-size: 1.5rem auto !important;background-position-y: 0.125rem !important;margin-bottom: 2rem;}
	
	.container03{padding: 3rem 0 0rem;}
	
	.container05{ padding:3rem 0}
	.container05 .miso_hd ul li{width:20% !important;padding: 0 2px;}
	.container05 .miso_hd ul li a{ padding:0; font-size:12px;}
	
	.container05 .miso_bd ul{ margin:0 -5px;}
	.container05 .miso_bd ul li{ width:50%; padding:0 5px}
	
	.container06{ padding:3rem 0}
	.container06 ul{ margin:0 }
	.container06 ul li{width:50%;margin: 2rem 0px; padding:0}
	
	.n_about .fl01 .left{width:100%;padding:0;margin-bottom: 3rem;}
	.n_about .fl01 .right{ width:100%}
	.n_about .fl01 .left h3 img{ height:4rem}
	.n_about .fl01 .left p{ font-size:13px; line-height:26px;}
	.n_about .fl01 .right .video_box .img .bofang{ width:5rem; height:5rem; line-height:5rem}
	
	.n_about .fl02 ul li{width:50%;margin: 1rem 0;}
	
	.n_about .fl03 ul li{ width:50%}
	
	.n_about .fl05 ul li .con h5{ font-size:13px; line-height:26px;}
	.n_about .fl05 ul li .con{ background-size:20px auto}
	
	.n_about .fl06 .left{ width:100%;}
	.n_about .fl06 .right{width:100%;margin-top: 2.5rem;}
	.n_about .fl06 .right .more00 a{ width:10rem}
	
	.n_qixia ul li .img{ width:100%}
	.n_qixia ul li a .con{width:100%;position: relative;padding: 2rem 0;}
	.n_qixia ul li a .con .box_table{ padding:0 1.5rem}
	.titile001{ margin-bottom:2rem}
	
	.n_qixia_detail .titile002 p{ font-size:13px; line-height:26px;}
	
	.n_shengchan .left{ padding-right:1rem}
	.n_shengchan .right{ padding-left:1rem}
	
	.n_fencai ul li{ width:50%; margin-top:0 !important; margin-bottom:10px}
	
	.ar_article p{ font-size:13px; line-height:26px;}
	.n_about_detail .fl01 h3 img{ height:4rem}
	
	.n_about_detail .fl02 .left{ width:100%; padding:0}
	.n_about_detail .fl02 .right{ width:100%}
	.n_about_detail .fl02 .left p{ font-size:13px; line-height:26px;}
	.n_about_detail .fl02 .right .img img{ max-width:100%}
	
	.n_about_detail .fl03 ul li .left{float: initial;margin: 0 auto;}
	.n_about_detail .fl03 ul li .right{width:100%;padding: 0;height: auto;}
	.n_about_detail .fl03 ul li .right p{ font-size:13px; line-height:26px;}
	.j_pages a{padding: 0 6px;margin: 0 2px;margin-bottom: 5px;}
	
	.n_mendian .fl02 ul li{ width:100%}
	.n_mendian .fl02 ul li a p{ font-size:13px; line-height:26px;}
	.n_mendian .fl02 ul li a p.p2{ height:auto; min-height:inherit}
	
	form.search-btn .select-input{padding:0 3px;width: 100%;}
	form.search-btn .select-input .filter-title{width: 100%;padding: 0 1.25rem;margin-bottom: 1rem;}
	form.search-btn .select-input .filter-text .icon-filter-arrow{ right:1.25rem}
	.n_mendian .fl01{ padding:3rem 0 2rem}
	
	.n_contact .fl01 ul li{ width:50%; margin-bottom:1rem}
	.n_contact .fl01 ul li:nth-child(2){ padding:0}
	.n_contact .fl01 ul li h6{ font-size:12px; line-height:20px;}
	
	.n_contact .fl02 .input_wai{ width:100%}
	
	.n_contact .fl02 .messlist{ height:46px;}
	.n_contact .fl02 .messlist label, .form-list .messlist01 label, .n_contact .fl02 .messlist03 label{ height:44px; line-height:44px;}
	.n_contact .fl02 .messlist input{ height:46px;}
	
	.n_contact .fl02 .messsub{ width:140px;}
	.n_contact .fl02 .messsub input{ height:46px;}
	
	.n_news ul li{ width:100%}
	
	.n_news_detail .content{ padding:2rem 1.25rem}
	.fenxiang_box{ display:none}
	.n_news_detail .n_left .box .ar_title h3{ margin-bottom:1.25rem}
	.n_news_detail .n_left .box .ar_title h3{ font-size:18px; line-height:26px;}
	.n_news_detail .n_left .box .ar_title h6 span{ font-size:12px;}
	.n_news_detail .n_left .box .ar_title h6 span{ height:20px; line-height:20px}
	
	.yinxiang .fl02 ul li{ width:50%}
	
	.yinxiang .fl02 ul{ margin:0 -5px; margin-bottom:2rem}
	.yinxiang .fl02 ul li{ padding:0 5px;}
	
	.titile001 h3{ font-size:1.75rem}
	.titile001 h4{ font-size:1.5rem}
	
	#show_team .left{ width:100%}
	#show_team .right{ width:100%; padding:1.5rem 0 0}
	#page_show_box #page_ar .ar_box{ padding:3rem 1.25rem}
	#bnt_close{ width:20px; height:20px; right:10px; top:10px}
	
	.banner .ar_web{ display:none}
	.banner .ar_wap{ display:block}
	
	footer .right ul li.ar_web{ display:none}
	footer .right ul li.ar_wap{ display:inline-block}
}


@media(max-width: 456px){
	footer .left{ width:100%; padding:3rem 0 0}
	footer .center{ width:100%; padding:3rem 0 0}
	.n_fencai ul li{ width:100% !important}
	.wap{ display: inline-block !important;}
	.yinxiang .fl02 ul li a .top{ top:auto; transform:none;}
	.yinxiang .fl02 ul li a .top h4 svg{ display:none;}
	.n_shengchan .left{ width:100%; border:0;}
	.n_shengchan .right{ width:100%;}
}