@charset "utf-8";
 

@media (min-width:1601px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:14px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:13px;}}
@media (min-width:481px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:480px){html{font-size:13px;}}


@media (min-width: 768px)
{
.s_pro_nav li:hover:after{ opacity: 1; visibility: visible;}
.s_pro_nav li:hover h3{ color: #fff;}
.s_pro_nav li:hover .ico_tgl{ transform: rotateY(180deg);}

.s_dangqun_nav li:hover a{ color: #fff; }
.s_dangqun_nav li:hover a:before{ border: 1px solid #04a582;}
.s_dangqun_nav li:hover a:after{ width: 100%;}

.n_yewu .hd .swiper-slide:hover .box p:before{ opacity: 0.278; }
.n_yewu .hd .swiper-slide:hover .box p:after{  opacity: 1;}
.n_yewu .hd .swiper-slide:hover .box p{ color: #fff;}
/* .n_yewu .hd .swiper-slide:hover .box:after{ opacity: 1; visibility: visible;}  */

}

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

@media (min-width: 1200px)
{
}

@media (min-width: 1280px)
{

}

@media (min-width: 1440px)
{
 	
}

@media (min-width: 1660px)
{
 
}

@media screen and (min-width:1200px) and (max-width:1440px)
{

}

@media (max-width: 1660px)
{
    .n_yewu .hd .swiper-button-prev{ left: -2rem;}
.n_yewu .hd .swiper-button-next{ right: -2rem;}
}

@media (max-width: 1600px)
{

}
.web{}
.wap{ display:none;}
@media (max-width: 1440px)
{
    .news02 ul li{ padding: 2.125rem 0;}
    .pad_top{ padding-top:5rem;}
.pad_bot{ padding-bottom:5rem;}
.s_news{ padding-bottom: 2.5rem;}
.n_yewu .hd .swiper-button-prev{ left: -2rem;}
.n_yewu .hd .swiper-button-next{ right: -2rem;}
}

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

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

@media (max-width: 1200px)
{
#nav{ margin-right:1.5rem;}
#header{ display:none;}
#m_header{ display:block; }
#nav_btn_box{ display: block;}
.n_title{ display:none}
#m_n_nav{ display:block}
.web{ display:none;}
.wap{ display:block;}
span.wap{ display: inline;}
.online_q{ display:none;}
 body{ padding-top: 4.5rem;}
 #foot .box1 .m{ flex-direction: column;}
 #foot .box1 .left{ width: 100%;} 
 #foot .box1 .right{ width: 100%;} 
 .foot_nav{ display: none;}
 .copyright{ text-align: center; line-height: 1.5;}
 #foot .box1 .right{ padding: 0 0 2rem;}
 .n_yewu .hd{ padding: 0 1rem;}
 .n_yewu .hd .swiper-button-prev{ left: -1rem;}
.n_yewu .hd .swiper-button-next{ right: -1rem;}
.n_renli .right{ flex-shrink: .4;}
}

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

/*==========================导航和banner变成手机模式============================*/

@media (max-width: 992px)
{
    .s_about .m{ flex-direction: column;}
    .s_about .left{ margin-bottom: 2rem; margin-right: 0;}
    .s_about .right{ max-width: 100%;}
    .s_about .btn_video{ left: auto; right: 0; bottom: 0;    transform: translateX(0rem) translateY(0rem);}
    .s_news .bd .flex{ flex-direction: column;}
    .s_news .bd .left{ margin-right: 0; margin-bottom: 3rem;}
    .news01 ul li .img{ height: auto;}
    .s_hd{ flex-direction: column; align-items:normal;}
    .s_tt{ text-align: left; margin-bottom: 2rem;}
	.s_pro .s_hd{margin-bottom: 2rem; align-items: normal;}
    .s_dangqun .bd ul li{ width: 50%;}
    .s_dangqun .bd ul li:last-child{ display: none;}
    .n_team ul li{ width: 50%;}
    .n_lianxi .outbox{ flex-direction: column;}
    .n_lianxi .outbox .right{ margin-top: 2.5rem;}
    .n_news_xq .m{ flex-direction: column;}
    .left_con{ margin-bottom: 3rem;}
    .right_con{ margin-left: 0; width: 100%;}
    .n_join .m{ flex-direction: column;}
    .n_join .left{ margin-bottom: 3rem;}
    .n_renli .m{ flex-direction: column;}
    .n_renli .left{ width: 100%; max-width: inherit; margin-bottom: 3rem;}
}

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

}

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

@media (max-width: 768px)
{
.pad_top{ padding-top:5rem !important;}
.pad_bot{ padding-bottom:5rem !important;}
.xs_jianju{ margin-left:-5px !important; margin-right: -5px !important;}
.xs_jianju li{ padding-left:5px !important; padding-right:5px !important;}
.m{ padding: 0 30px;}
.n_yewu .bd .box{ flex-direction: column;}
.n_yewu .bd .box .img{ width: 100%;}
.n_yewu .bd .box .txt{ padding-left: 0; margin-top: 2rem;}
.n_coop ul li{ width: 33.333%;}
.n_fengcai ul li{ width: 50%;}
}

@media (max-width: 480px)
{
.pad_top{ padding-top:3rem !important;}
.pad_bot{ padding-bottom:3rem !important;}
.m{ padding: 0 15px;}
.s_about .tt h3{ font-size: 2rem;}
.s_about .tt p{ font-size: 1rem;}
.s_about .s_shuzi{ margin-top: 2rem;}
.s_about .btn_video{ right: 50%; bottom: 50%; transform: translateX(50%) translateY(50%);}
.tc_video .tc_close{ right: 0;}
.s_tt p{ line-height: 1.5;}
.news02 ul{ margin-top: -1rem;}
.news02 ul li{ padding: 1rem 0;}
.s_news .bd .left{ margin-bottom: 2rem;}
.s_news { padding-bottom: 2rem !important;}
.s_dangqun_nav{ width: 100%; margin: 0 -3px;}
.s_dangqun_nav li{ width: 25%; padding: 0 3px;}
.s_dangqun_nav li a{ width: 100%;}
.s_hd{ margin-bottom: 2rem;}
.s_pro_nav{ width: 100%; margin: 0;}
.s_pro_nav li{ width: 25%; margin: 0 3px;}
.s_pro .bd .box{ height: 25rem;}
.s_pro .bd .box .txt{ min-height: 260px;}
.s_pro .bd .box .txt h4{ margin-bottom: 1rem;}
.s_pro .bd .box .txt .btn_more{ margin-top: 1.5rem;}
.foot_lianxi{ flex-flow: wrap; justify-content: space-between;}
.foot_lianxi .item{ margin: 0 0 1.5rem; width: 46%;}
.foot_lianxi .item:last-child{ width: 100%; text-align: center; justify-content: center;}
.foot_lianxi dd span{ font-size: 1rem;}
#foot .box2 .m{ flex-direction: column;}
#foot .box2 .m .left{ margin-bottom: 1.5rem;}
.foot_share{ justify-content: center;}
#foot .box1 .right{ padding-bottom: 1.5rem;}
.s_join .txt h3{ margin-bottom: 1.5rem;}
.s_join .txt .btn_join{ margin-top: 2rem;}
.s_join{ height: auto; padding: 3rem 0;}
.s_about .img{ height: 25rem;}
.n_banner{ height: 11rem;}
.n_banner .txt i{ margin-top: 1.25rem;}
.n_banner .txt h3{ font-size: 1.75rem;}
.n_banner .txt p{ font-size: 1.375rem; margin-top: 0;}
.n_zhuanli table th:nth-child(2){ width: 42%;}
.pad_top2{ padding-top:2.5rem;}
.pad_bot2{ padding-bottom:2.5rem;}
.n_yewu .bd{ padding: 2rem;}
.n_yewu .bd .box .txt .tt{ margin-bottom: 1.5rem;}
.n_yewu .hd .box{ padding: 0 0 2.5rem;}
.n_yewu .hd .box p{ width: 100%; left: 0;}
.n_yewu .hd:before{ display: none;}
.n_yewu .hd .box p{ font-size: 1rem; padding: .5rem;}
.n_yewu .hd .box p:after{ transform: scale(.9);}
.n_yewu .bd .box .txt .scrollbox{ height: 21.75rem;}
.n_about .hd{ flex-flow: wrap; margin-bottom: 2rem;}
.n_about .hd .tt1{ margin-bottom: 1.5rem;}
.btn_video2{ width: 4rem; height: 4rem;}
.n_team ul li .box{ padding: 2rem 1rem 2.5rem;}
.n_team ul li .box .ico{ margin-bottom: 1.5rem;}
.n_team ul li .box .txt i{ margin-top: 1.5rem;}
.n_coop ul{ margin-top: -1.5rem;}
.n_coop ul li{ margin-top: 1.5rem; margin-bottom: 0;}
.n_coop ul li h5{ margin-top: 1rem;}
.n_lianxi .outbox{ padding: 2rem 1.5rem 7rem;}
.n_lianxi .tt p{ font-size: 2.5rem;}
.n_lianxi .tt{ margin-bottom: 2rem;}
.n_lianxi .dw{ margin-top: 2rem; font-size: 1.375rem;}
.n_linain .box1 .ttbox img{ width: 228px;}
.n_news_xq .ar_title{ padding-bottom: 1rem; margin-bottom: 1.5rem;}
.rctbox .item .h1 span{ display: none;}
.rctbox .item .h1 b{ width: 100%;}
.rctbox .item{ padding: 1.5rem;}
.form_fuwu .groupbox{ width: 100%;padding: 5px;}
.form_fuwu .row{ display: block; }
.form_fuwu .n_tt{ margin-bottom: 1rem;}
.n_join .tt .yinhao{ width: 5rem;}
.n_join .tt{ padding-bottom: 2rem;}
.n_news ul{ margin-top: -1.5rem;}
.n_news ul li{ margin-top: 1.5rem;}
.n_news ul li .img{ width: 11.5rem; margin-right: 1.5rem;}
.n_news ul li .txt h5{ margin-bottom: .5rem;}
.n_news ul li .txt p{ margin-bottom: .5rem;}
.n_renli .tt{ margin-bottom: 2rem;}
.n_renli .tt h3{ font-size: 1.5rem;}
.ar_fot2{ background-size: 200% !important}
.n_fengcai ul li{ width: 100%;}
.rctbox .item .btn1 svg{ width: 1rem; height: 1rem;}
}