@charset "utf-8";


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

/*aos="zoom-in" aos-duration="1200"*/
@media(min-width: 768px){
	#banner .miso-prev:hover:before{ transform:translateX(-101%);}
	#banner .miso-prev:hover:after{ transform:translateX(0);}
	
	#banner .miso-next:hover:before{ transform:translateX(101%);}
	#banner .miso-next:hover:after{ transform:translateX(0);}
	
	.container01 ul li a:hover .con .top h4, .container01 ul li a:hover .con .top p{ transform:translateY(-1rem);}
	.container01 ul li a:hover .img:after{ transform:translateY(-100%); opacity:0; visibility:hidden}
	.container01 ul li a:hover .img img{ transform:scale(1.05)}
	
	.more00 .a:hover{background: #1a66cc;border: #1a66cc 1px solid;}
	.more00 .a:hover:before{ transform:translateX(100%)}
	.more00 .a:hover:after{ transform:translateX(0)}
	
	.container02 .fl02 ul li a:hover .img:after{ height:100%; background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); transition:.6s;}
	.container02 .fl02 ul li a:hover .img img{ transform:scale(1.05)}
	
	.container03 .content .box .fl01 ul li a:hover .img:after{ height:80%}
	.container03 .content .box .fl02 ul li a:hover .top h5, .n_about .fl02 ul li h5:hover, .n_news .fl01 ul li .con h5:hover, .n_news .fl01 ul li .con span:hover{ color:#e6b988}
	.container03 .content .box .fl01 ul li a:hover, .container03 .content .box .fl02 ul li a:hover{ transform:translateY(-10px);}
	
	footer .fl01 .left dl dd:hover, footer .fl01 .center .box ul li:hover{ color:#e6b988}
	
	footer .fl02 .right ul li a:hover{ border:#0061e3 1px solid; background:#0061e3}
	footer .fl02 .right ul li a:hover svg{ fill:#fff}
	
	.n_news .fl01 ul li a:hover .img .time{ background:#e6b988; color:#fff}
	.n_news .fl01 ul li a:hover .img .time svg{ fill:#fff}
	
	.n_news .fl01 ul li:hover{ transform:translateY(-4px)}
	
	.n_zizhi ul li a:hover{ box-shadow:rgba(0,0,0,0.05) 0 0 30px}
	
	.n_join .fl03 ul li a:hover{ transform:translateY(-4px);  box-shadow:rgba(0,0,0,0.05) 0 0 30px}
	
	.n_join .fl04 ul li a:hover{ transform:translateY(-1.5rem)}
	
	.n_join .fl04 ul li a:hover:before{ height:100%; top:0; background:#fff}
	.n_join .fl04 ul li a:hover .ico{ background:#0090da}
	.n_join .fl04 ul li a:hover .ico img{ -webkit-filter:brightness(5); -moz-filter:brightness(5); -ms-filter:brightness(5); -o-filter:brightness(5); filter:brightness(5);  transform:rotateY(360deg)}
	
	.navMobile dd a:hover{ color:#fff}
	
	.n_join .fl06 .box_table a:hover:before{ left:0; width:100%; background:#dbaf7e}
	
	.n_news00 .right .fl03 ul li a .con h4:hover{ color:#dbaf7e}
}


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

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

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

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

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

@media(max-width: 1230px){
	.w1200{ padding:0 15px; max-width:100%}
}

@media(max-width: 1200px){
	.n_header_box{ display:none}
	
	.m_header_box{ display:block}
	
	#banner{ height:auto}
	#banner li .img{padding-bottom: 43.5% !important;height: auto;}
	#banner li .img img{ position:absolute; top:0; right:0; bottom:0; left:0}
	
	footer .fl01 .left, footer .fl01 .center{ display:none}
	footer .fl01 .right{width:100%;padding:0;text-align: center;}
	
	footer .fl02{text-align:center;padding: 1rem 0 1.5rem;}
	footer .fl02 .left{ width:100%}
	footer .fl02 .right{width:100%;margin-bottom: 1.5rem;}
	footer .fl02 .right ul{ display:block;}
	footer .fl02 .right ul li{ margin:0 .375rem}
	
	.ar_web{ display:none}
	.ar_wap{ display:block}
	
	.n_title{ display:none}
	#m_n_nav{ display:block}
	
	.n_zhuying{ padding:3rem 0}
	footer .fl01 .right ul li{margin: 0;text-align: center;}
	
	.n_zhuanli .fl02 .left{width:100%;padding-bottom: 2rem;}
	.n_zhuanli .fl02 .right{width:100%;max-width: 100%;padding: 0;}
	.n_zhuanli .fl02 .left .img, .n_zhuanli .fl02 .left .img img{ height:auto}
	
	.n_onestop ul li{position: static;width: 33.333333%;/* height: 85px; */margin-bottom: 1rem;float: none;display: inline-block;}
	.n_onestop ul li .img{width: 80px;height: 80px;border: #f2e3d2 0.25rem solid;border-radius: 50%;display: inline-block;}
	
	.n_onestop .con{width: 100%;height: auto;border: none;padding: 0 15px;font-size: 0;}
	.n_onestop .con:before, .n_onestop .con:after{ display: none;}
	.n_onestop .con .yuan{ transform: scale(.5); display: none;}

	.n_onestop ul li .txt{left: 90px !important;}
	.n_onestop ul li .txt{left: 0 !important;text-align: center !important;bottom: 0 !important;position: relative;height: auto !important;margin-top: .5rem;width: 100%  !important;}
	.n_onestop ul li:before{ display: none;}
	.n_onestop ul li .img font{ position: relative;}
	
	.n_onestop{margin-bottom: 0;}
	
	.n_join .fl05 ul li{ width:50%}
	.n_join .fl05 ul li a:before{ display:none !important}
	
	.n_news00 .left{width:100%;padding: 26px 15px;}
	.n_news00 .right{ width:100%; display:none}
	
	.n_danyemian .ar_web{ display:none}
	.n_danyemian .ar_wap{ display:block}
}

@media(max-width: 992px){
	.container01 ul li{ width:100% !important}
	.container01 ul li a{ display:block; overflow:hidden}
	.container01 ul li a .img{ width:50%; float:left}
	.container01 ul li a .con{width:50%;float:left;padding-bottom: 50% !important;}
	.container01 ul li.li1 a .img .img_hezi{ padding-bottom:100% !important}
	
	.container01 ul li a .con .top{ padding:0 15px;}
	.container01 ul li a .con .top h4{ font-size:1.5rem; margin-bottom:1rem}
	
	.container02 .right .con .top p{ margin-bottom:1rem}
	.title002 h4{ margin:.5rem 0 0}
	.title002{ margin-bottom:1.5rem}
	
	.container02 .fl02 ul li.li2 a .img .img_hezi{padding-bottom: 84.375% !important;}
	
	.online_q .btn2{ display:none}
	.online_q .btn2.btn-top{ display:block}
	.online_q{top: auto;bottom:.25rem;}
	
	.n_zhuying .left{width:100%;padding-bottom: 1.5rem;}
	.n_zhuying .right{ width:100%; padding:0 0}
	
	.n_contact .fl01 .left{ width:100%}
	.n_contact .fl01 .right{width:100%;padding: 1.5rem 0 0;}
	
	.n_contact .fl03 .left{ width:100%}
	.n_contact .fl03 .right{width:100%;padding: 2rem 0;}
	.n_contact .fl03 .left p{margin-bottom: 0;}
	.n_contact .fl03 .left .img{ display:none}
	
	.n_licheng .fl01 ul.dot03, .n_licheng .fl01 ul.dot04{ display: none !important;}
	.n_licheng .fl01 ul{ width: 50%; padding: 0 5px ;}
	.n_licheng .fl01 .content .anniu_con{ display: none;}
	.n_licheng .fl01 .content{padding: 0 15px;margin: 0 -5px;margin-top: -4rem;}
	.n_licheng .fl01 ul li .box{ padding: 0 0 0 2.25rem;}
	.n_licheng .fl01{ padding:3rem 0 0}
	
	#n_onestop .fl02 .left{ width:100%; padding:0}
	#n_onestop .fl02 .right{width:100%;padding: 1rem 0 0;}
	#n_onestop .fl02 .right ul li .top span img{ max-width:1.5rem}
	
	.n_join .fl02 .content{padding:2rem 15px;top: 0;margin-top: 2rem;margin-bottom: 3rem;}
	.n_join .fl02 .content .left{width:100%;margin-bottom: 1.5rem;}
	.n_join .fl02 .content .right{ width:100%;}
	
	.n_join .fl05 ul li{ width:100%}
}
 
@media(max-width: 768px){
	#gotop{ right:0; transform:scale(0.7)}
	
	.title001{ margin-bottom:1.75rem}
	.title001 h3{ font-size:1.75rem}
	.container01{ padding:3rem 0}
	
	.container02 .left{ width:100%; margin-bottom:1rem}
	.container02 .right{ width:100%}
	.container02 .fl02 ul li.li1{ width:100%}
	.container02 .fl02 ul li{ width:50%}
	.container02 .fl02 ul li.li2 a .img .img_hezi{ padding-bottom:60% !important}
	
	.container02 .right .con .top{ padding:0 15px;}
	.container02 .right .con .top p{-webkit-line-clamp: 1;height: 1.75rem;}
	.container02 .fl02 ul li a .top{padding:0 15px;bottom: 0;}
	.container02 .left .img:after{ background-size:3rem !important}
	.container02 .left .img .img_hezi{ padding-bottom:46.875% !important}
	
	.container02{ padding:3rem 0}
	.more00 .a{ width:2.5rem; height:2.5rem; line-height:2.375rem}
	.title002 h4{ font-size:1.125rem;}
	.title002 h3{ font-size:1.125rem}
	
	.container03 .content .box{ width:100%; margin-bottom:2rem}
	
	.container03 .content .box .fl02 ul li a .top .title{width: 75px;height: 26px;line-height: 26px;background-size: 100% 100%;}
    .container03 .content .box .fl02 ul li a .top h5{margin: 0.875rem 0 1rem;line-height: 1.75rem;max-height: 3.75rem;white-space: normal;}
    .container03 .content .box .fl02 ul li a .img, .container03 .content .box .fl02 ul li a .img img{width: 150px;height: 115px;margin-right: 1.25rem;}

    .container03 .content .box .fl02 ul li a .top{padding: 3px 0 0 0;height:auto;}
    .container03 .content .box .fl02 ul li{ margin-top:1rem}
	
	.container03 .content .box .fl021 ul li a .top{ width:100%; padding:0}
	.container03{padding: 3rem 0 0rem;}
	.container03 .content .box .fl02 ul li{ margin-top:1.5rem}
	.container03 .content .box .fl02 ul li a .top p{ display:none}
	.container03 .content .box .fl02 ul li a .top h6{ font-size:12px;}
	.container03 .content .box .fl01 ul li a .top h5{ font-size:1.5rem}
	.container03 .content .box .fl01 ul li a .top{ padding:0 15px 15px}
	.container03 .content .box .fl01 ul li a .title{ top:20px; left:15px;}
	
	footer .fl01 .right ul{padding: 0 15px;max-width: 31rem;display: inline-block;}
	footer .fl01 .right ul li{margin: 0;}
	footer .fl01{padding: 2rem 0 1.5rem;}
	#banner .miso-arrow{ display:none !important}
	
	
	.n_banner{height: 29vh;padding-bottom: 50px;}
	.n_banner .box_table h3{ font-size:1.5rem}
	.n_banner .box_table h4{font-size: 12px;}
	
	.n_title01{ margin-bottom:2rem}
	.n_about .fl01 .left{width:100%;display: none;}
	.n_about .fl01 .left h6{ display:none}
	.n_about .fl01 .right{ width:100%;}
	.n_about .fl01 .left h5, .n_about .fl01 .left h2{ margin-bottom:1.5rem}
	.n_about .fl01 .left h2{ font-size:1.5rem}
	
	.n_about .fl02 ul{ margin:0 -7px}
	.n_about .fl02 ul li{ padding:0 7px}
	.n_about .fl02 ul li h5{font-size:14px;margin: 10px 0 6px;}
	
	.n_about .fl02{ padding:3rem 0}
	.n_about .fl01{padding: 3rem 0 2rem;}
	
	.ar_article p{ font-size:13px; line-height:26px;}
	.n_about .fl01 .right .h31{ margin-bottom:1.5rem}
	
	.n_news .fl01{ padding:3rem 0 3rem}
	.n_news .fl01 ul{ margin:0 -7px; margin-bottom:1rem}
	.n_news .fl01 ul li{ padding:0 7px; width:50%; margin-bottom:1.25rem}
	.n_news .fl01 ul li .con{ padding:15px 15px 20px}
	.n_news .fl01 ul li .con p{margin: .5rem 0 0;}
	.n_news .fl01 ul li .con h5{ font-size:14px;}
	.n_news .fl01 ul li .con span{ display:none}
	
	h2.h21{ font-size:1.5rem; margin-bottom:2rem}
	.n_news .fl01 ul li .img .time{ top:10px; left:10px}
	
	.j_pages a{padding:0 .5rem;height: 2.375rem;line-height: 2.25rem;}
	
	.ar_article table td{ padding:0.5rem .5rem}
	.n_zhuying .left ul li .btn_i{ background-size:12px auto!important}
	
	.n_zizhi ul li{ width:50%}
	.n_zizhi ul li a .img .img_hezi{ padding-bottom:9rem !important}
	.n_zizhi ul li a .img img{ max-height:8rem}
	.n_zizhi ul li a{ padding:1rem 0 1.25rem}

	.n_zizhi{ padding:3rem 0}
	
	.n_biaodan .messlist label, .form-list .messlist01 label, .n_biaodan .messlist03 label, .n_biaodan .messlist02 label{padding:0 0 0 10px;width: 30px;}
    .n_biaodan .messlist label img, .form-list .messlist01 label img, .n_biaodan .messlist03 label img, .n_biaodan .messlist02 label img{ width:12px}
	
	.n_contact .fl03{padding: 3rem 0 1rem;}
	.n_contact .fl03 .left h3{ font-size:1.5rem}
	
	.n_contact .fl01{ padding:2rem 0}
	
	.n_contact .fl01 .right .ewm{ width:8rem; height:8rem}
	.n_contact .fl01 .right .con{ margin:0 .75rem}
	
	#container02{ height:20rem}
	
	#certify .swiper-slide{width: 80%;height: 270px;background: none;text-align: center;}
	#certify .swiper-slide img{max-height:270px;display: inline-block;}
	#certify .swiper-slide .img{ height:100%}
	.n_zhuanli .fl02{ padding:3rem 0 2rem}
	.n_zhuanli .fl01{padding-bottom: 5rem;padding-top: 2rem;}
	.n_zhuanli .fl01 *{ box-shadow: none !important;}
		
	.container00 ul .miso-arrow{ display: none;}
	.n_zhuanli .fl02 .right h3{ font-size: 1.5rem;}
	.n_licheng .fl02{ padding:3rem 0 0}
	.n_licheng .fl02 h3 img{max-width: 35%;}
	
	#n_onestop .fl02 .right ul li .top i{ background-size:70% 70% !important}
	#n_onestop .fl02 .right ul li .bottom p{ font-size:13px}
	#n_onestop .fl02 .right>ul>li{ padding:1.25rem 0}
	
	#n_onestop .fl03 h2 img{ height:3rem}
	#n_onestop .fl03 h3{ font-size:1.5rem}
	#n_onestop .fl03, #n_onestop .fl02{ padding:3rem 0}
	
	.n_join .fl01{padding-bottom: 52% !important;}
	
	.n_join .fl01 .top h3{ font-size:1.5rem}
	.n_join .fl01 .top h5{ font-size:1rem; margin:1rem 0 1rem}
	
	.n_join .fl02 .content .left h3{ font-size:1.5rem}
	.n_join .fl02 .content .left h5, .n_join .fl02 .content .left h6{ font-size:1.125rem}
	
	.n_join .fl03{ padding:2rem 0}
	
	.n_join .fl02 .content{ margin-bottom:2rem}
	.n_join .fl04{padding: 3rem 0;}
	
	.n_join .fl05 ul li{ margin-bottom:1rem}
	.n_join .fl05 ul li a .img, .n_join .fl05 ul li a .img img{width: 50%;height: 12rem;object-fit: cover;}
	.n_join .fl05 ul li a .img img{ width:100%}
	.n_join .fl05 ul li a .con{height:12rem;padding: 2.5rem 0 0 2rem;width: 50%;}
	.n_join .fl05 ul li a .con h5{ margin-bottom:2rem}
	.n_join .fl05 ul li a .con h4 img{ height:1.5rem}
	
	.n_join .fl05{ padding:3rem 0 2rem}
	
	.n_join .fl06{height: 22rem;}
	.n_join .fl06 .box_table h3{ font-size:1.75rem;}
	.n_join .fl06 .box_table h5, .n_join .fl06 .box_table h6{ font-size:1.25rem}
	.n_join .fl05 ul li a .con h3{ font-size:1.5rem}
	
	.n_join .fl04 ul li a{ padding:3rem 0}
	.n_join .fl04 ul li a .ico{ width:4.5rem; height:4.5rem; line-height:4.5rem}
	.n_join .fl04 ul li a .ico img{ height:1.75rem}
	.n_join .fl04 .anniu_con{ width:2.75rem; height:2.75rem}
	
	.n_join .fl03 ul li{ width:100%; margin-bottom:1rem}
	.n_detail .title h3{ font-size:1.5rem}
	
	.n_yingpin .fl01{ padding:2rem 0}
	.n_yingpin .fl01 ul li{ width:100%; margin:1.5rem 0}
	.n_yingpin .fl01 ul li h3 img{ height:2rem}
	.n_yingpin .fl01 ul li h2 img{ height:6rem}
	
	#n_zhaopin .content .top1{ display:none}
	#n_zhaopin .content dl .top01{ width:100%}
	
	#n_zhaopin .content dl .top01, #n_zhaopin .content dl .top02, #n_zhaopin .content dl .top03, #n_zhaopin .content dl .top04{font-size:12px;width: auto;margin-right: 1rem;}
    #n_zhaopin .content dl .top01{width:100%;font-size: 15px;}
    #n_zhaopin .content dl .top05{margin-top: -.5rem;margin-right: -.5rem;transform: scale(.8);}
	
	.n_yingpin .fl02{ padding:3rem 0 3rem}
	.n_yingpin .fl01 ul li h3{ line-height:3.5rem}
	.n_yingpin .fl01 ul li h3 img{ max-height:1.5rem}
	.n_yingpin{ padding:3rem 0 0}
	
	.ss_miso{ overflow:hidden; overflow-x:scroll; position:relative}
	.n_zhuying .right:after{content:"";position:absolute;top:0;bottom:0;right:0;width: 35px;background-image: linear-gradient(to right, transparent , rgba(0,0,0,.05));}
	
	#banner .miso-dots{ bottom:.5rem}
	#banner .miso-dots li{ width:.5rem; height:.5rem; background:rgba(255,255,255,.5); border-radius:50%}
	#banner .miso-dots li.miso-active{ background:#fff}
}


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