@media (min-width:1601px){html{font-size:16px;}}

@media (min-width:1400px) and (max-width:1600px){html{font-size:13px;}}

@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)

{

}



@media (min-width: 992px)

{

    .news01 ul li:hover .mask{ opacity: 1; visibility: visible; padding-top: 3.125rem;}

}



@media (min-width: 1200px)

{

.s_coop .hd ul li:hover a{ color: #fff; }

.s_coop .hd ul li:hover a:before{ border: 1px solid #0c6fe1;}

.s_coop .hd ul li:hover a:after{ width: 100%;}

.join_filter .con a:hover i:before{ border: 1px solid #0c6fe1;}

.join_filter .con a:hover i:after{ opacity: 1; visibility: visible;}

.join_filter .con a:hover{ color: #0c6fe1;}

}



@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)

{

}



@media (max-width: 1600px)

{



}

.web{}

.wap{ display:none;}

@media (max-width: 1440px)

{
    #banner .txt img{ max-width: 560px; object-fit: contain;}
    .s_tt h3{ font-size: 2.25rem;}
    .pro_nav .tt h3{ font-size: 1.375rem; }
    .n_lianxi .hd .tt h3{ font-size: 2rem;}
    .n_lianxi .hd .tt span{ font-size: 1.125rem;}
}



@media (max-width: 1360px)

{

 

}



@media (max-width: 1280px)

{

    .s_pro .bd .box:before{ width: calc(100% + 100px); left: -100px;}

    .s_pro .bd .box:after{ display: none;}

}



@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;}

 .s_news .bd .flex{ flex-direction: column;}

 .s_news .bd .left{ margin-right: 0;}

 .s_news .bd .right{ width: 100%; margin-top: 2rem;}

 .foot_nav{ display: none;}

 #nav_btn_box{ display: block;}

.n_title{ display:none}

#m_n_nav{ display:block}

body.ny{ padding-top: 4.5rem;}

.left_con{ display: none;}

}



@media (max-width: 1100px)

{

 

}







@media (max-width: 992px)

{

    .s_about .left{ margin-right: 3rem;}

    .s_about .btn_explore{ margin-top: 3rem;}

    .s_about .tt{ margin-bottom: 1.5rem;}

    .s_about .tt h3{ font-size: 1.875rem;}

    .s_about .tt p{ font-size: .9375rem;}

    .s_tt h3 {font-size: 1.875rem;margin-right: .5rem;}

    .n_fangan01 ul{ grid-template-columns: repeat(2,1fr); row-gap: 1.5rem;}

    .n_fangan02 ul li .box{ column-gap: 3rem;}
    .n_licheng .bd{ display: none;}
	.licheng_slide_wap{ display: block;}

}



@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;}

.s_pro .bd .box:before{ width: calc(100% + 50px); left: -50px;}

#foot .line{ display: none;}

.s_link .outbox{ display: grid; grid-template-columns: repeat(2,1fr); row-gap: 1rem; margin: 0; column-gap: 1rem;}

.s_link .item{ margin: 0;}

.foot_con{ flex-direction: column; align-items: center;}

.foot_lianxi{ text-align: center; margin-bottom: 2rem;}

.foot_ewm .ewm{ flex-direction: column;}

.foot_ewm .ewm .txt{ display: block; margin-left: 0; margin-top: .75rem;}

.foot_ewm .ewm .txt p{ width: 100%; line-height: 1.5;}

.s_coop .bd ul li .txt{ font-size: .9375rem; line-height: 1.5; text-align: center;}

.s_coop .bd ul li{ width: 16.666%;}

.s_coop .bd ul li:nth-child(7),.s_coop .bd ul li:nth-child(18){ margin-left: 1px;}

.s_coop .bd ul li:nth-child(8){ margin-left: 0;}

.s_coop .arrbox .arr{ top: 38%;}

.n_join02 .outbox{ flex-direction: column;}

.join_filter{ margin-bottom: 2rem;}

.join_filter:before{ display: none;}

.join_filter .con{ display: flex; flex-flow: wrap;}

.join_filter .con a{ min-width:20%;}

.join_filter .con a i{ position: static;}

.rctbox .item .h2 span{ margin-right: 1.5rem;}
.n_lianxi .hd{ flex-direction: column;}
.n_lianxi .hd .tt{ margin-right: 0;}
.n_lianxi .bd{ flex-direction: column;}
.lx_ewmbox { column-gap: 1.125rem;}
}



@media (max-width: 480px)

{

.pad_top2{ padding-top:2rem;}

.pad_bot2{ padding-bottom:2rem;}

.pad_top{ padding-top:3rem !important;}

.pad_bot{ padding-bottom:3rem !important;}

.m{ padding: 0 15px;}

.s_pro .bd .box:before{ width: calc(100% + 15px); left: -15px;}

.s_pro .hd{ align-items: flex-end; margin-bottom: 2rem;}

.s_pro .s_tt{ margin-bottom: 0;}

.s_tt{ flex-direction: column; align-items: flex-start;}

.s_tt h3 { font-size: 1.75rem; margin-right: .5rem;}

.s_tt span{ font-size: .8125rem;}

.s_about .m{ flex-direction: column;}

.s_about .left{ margin-right: 0; margin-bottom: 3rem; padding-top: 0;}

.s_about .right{ max-width: inherit;}

#banner .swiper-container{ height:26rem;}

#banner .swiper-button-white{ display: none;}

.s_about .btn_explore{ margin-top: 1.5rem;}

.s_pro .hd .arrbox .arr{ margin-left: .875rem;}

.s_pro .bd .box .txt p{ font-size: .875rem; display: none;}

.s_pro .bd .box .txt{ padding: 1rem;}

.s_pro .bd .box .txt span{ flex-shrink: 0;}

.s_coop .bd ul li{ width: 25%;}

.s_coop .bd ul li{ padding: 5px;}

.s_coop .bd ul li{ margin-left: 0 !important;}

.s_coop .bd ul li:nth-child(5),.s_coop .bd ul li:nth-child(12),.s_coop .bd ul li:nth-child(19){ margin-left: 1px !important;}

.s_coop .bd ul li .box{ margin-top: -2rem;}

.s_coop .arrbox .arr { top: 10.5rem;}

.s_coop .hd { margin-bottom: 1rem;}

.s_tt{ margin-bottom: 2rem;}

.news01 ul li .img{ height: 8.5rem;}

.news01 ul li .txt{ padding-top: 1rem;}

.news02 ul li .img { height: 6.625rem; width: 10rem; margin-right: 1.25rem;}

.news02 ul li .txt h4 { line-height: 1.75rem; height:3.5rem; font-size: 1rem; margin-top: .75rem;}

.news01 ul li .txt h4{ line-height: 1.75rem; height: 3.5rem; font-size: 1rem; margin-top: .75rem;}

.news02 ul li { padding: .625rem 0;}

.s_news .bd .right{ margin-top: 1.5rem;}

.s_news .hd{ position: relative; padding-bottom: 3rem; margin-bottom: 2rem;}

.s_news .hd ul{ position: absolute; bottom: 0; width: 100%; display: flex; justify-content: center;}

.s_news .hd ul li{ margin: 0 1rem;}

.news01 ul li .txt div{ margin-bottom: 0;}

#banner .txt{ padding-bottom: 1rem;}

.n_banner{ height: 11rem;}

.n_about .hd{ flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-bottom: 1.5rem;}

.n_banner .txt h3{ font-size: 2rem;}

.n_banner .txt i{ margin-top: 1rem;}

.n_pro_xq .hd{ flex-direction: column; padding-bottom: .5rem;}

.n_pro_xq .tt{ margin-bottom: 1rem;}

.n_pro_xq .tt h3{ margin-left: 1rem; margin-right: .5rem;}
	
.n_pro_xq .tt span{display: none;}

.n_pro_xq .hd .right{ display: flex; justify-content: space-between;}

.n_pro ul li .box{ grid-template-columns: 1fr;}

.n_pro ul li:nth-child(even) .box{  direction: ltr;}

.n_pro ul li:nth-child(even) .txt .con{ text-align: left;}

.n_pro ul li .txt{ margin-top: 2rem;}

.n_pro ul li .txt .tt{ margin: .75rem 0;}

.n_pro ul li .txt .btn_explore{ margin-top: 1rem;}

.btn_explore{ width: 9rem;}

.n_pro ul li .txt .tt h4{ font-size: 1.5rem;}

.n_fangan01 ul{ grid-template-columns: 1fr; }

.n_fangan02 ul li .box{ grid-template-columns: 1fr;}

.n_fangan02 ul li:nth-child(even) .box{  direction: ltr;}

.n_fangan02 ul li:nth-child(even) .txt .con{ text-align: left; padding-left: 1.625rem; padding-right: 0;}

.n_fangan02 ul li:nth-child(even) .txt h3 i{ margin-left: 0; margin-right: 1.25rem;}

.n_fangan02 ul li:nth-child(even) .txt:before{  transform: rotate(0deg);}

.n_fangan02 ul li .img{ height: auto; margin-top: 2rem;}

.n_fangan02 ul li .txt{ position: static;}

.n_fangan02 ul li{ position: relative; padding-bottom: 2rem;}

.n_fangan02 ul li .txt h3{ margin-bottom: 1.25rem; font-size: 1.5rem;}

.n_fangan02 ul li .txt h3 i{ height: 1.5rem;}

.n_fangan02 ul li:last-child{ margin-bottom: 0;}

.n_news ul li .img{ width: 10rem; margin-right: 1rem;}

.n_news ul li .txt p{ margin-bottom: .5rem;}

.n_news ul{ margin-top: -2rem;}

.ar_fot{ flex-direction: column;}

.ar_fot a{ width: 100%;}

.n_news_xq .ar_title h3{ font-size: 1.5rem;}

.n_line{ margin: 2.25rem 0;}

.n_join01 .tt{ margin-bottom: 1.25rem;}

.rctbox .item { padding: 2rem 1rem 2rem; }

.rctbox .item .h1{ background-size: contain !important;}

.join_filter .con a{ min-width: 33.333%; font-size: 1rem;}
.n_lianxi .hd .tt{ margin-bottom: 1rem;}
.n_lianxi .hd .tt h3 { font-size: 1.75rem;}
.n_lianxi .hd .tt span { font-size: 1.125rem;}
.n_fangan02 ul li:nth-child(even) .txt .con *{ text-align: left !important; }
.link_tgl dl .con{ height: 200px;}
}