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

@media (min-width: 992px)
{
.s_news .hd ul li a:hover:before {border: 2px solid #2d5bc4;}
.s_news .hd ul li a:hover:after {width: 100%;left: 0;right: auto;}
.s_news .hd ul li a:hover {color: #fff;}

.n_subnav ul li:hover a:before {border: 2px solid #2d5bc4;}
.n_subnav ul li:hover a:after {width: 100%;left: 0;right: auto;}
.n_subnav ul li:hover a {color: #fff;}

}

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

@media (max-width: 1600px)
{

}
.web{}
.wap{ display:none;}
@media (max-width: 1440px)
{
    .s_about .leftbox{ margin-right: 6rem;}
    .s_tt h3{ font-size: 2.5rem;}
    .s_news .hd h3{ font-size: 2.5rem;}
    #banner .txt h3{ font-size: 3.25rem;}
    .n_lianxi .demo02{ width: 19.5rem; left: -3rem;}
    .arrstyle .arr_left{ left: -4rem;}
    .arrstyle .arr_right{ right: -4rem;}
}

@media (max-width: 1360px)
{
    #banner .txt h3{ font-size: 3rem;}
}

@media (max-width: 1280px)
{
    .s_about .leftbox{ margin-right: 5rem;}
    .s_about .rightbox .bg{ padding-top: 160%;}
    .n_lianxi .item{ padding: 2rem 0;}
    .n_lianxi .item:first-child{ padding-top: 0;}
}

@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;}
.n_banner{ margin-top: 0;}
span.wap{ display: inline;}
.online_q{ display:none;}
 body{ padding-top: 4.5rem;}
 .foot_nav{ display: none;}
 .foot_tel{}
 .foot_tel h6 span{ display: block; margin-top: .5rem;}
 #banner .swiper-container{ height: calc(100vh - 4.5rem);}
 .n_lianxi .m{ flex-direction: column;}
 .n_lianxi .left{ max-width: inherit; margin-right: 0; margin-bottom: 3rem;}
 .n_lianxi .right{ display: flex; justify-content: center; padding: 0 3rem;}
 .n_form .m{ flex-direction: column;}
 .n_form .left{ margin-right: 0; margin-bottom: 3rem;}
 .form_fuwu{ width: auto; max-width: none;}
 .n_about2 .bd .right{ background: none;}
 .n_about2 .bd{ padding-right: 7rem;}
 .zizhi2_list{ column-gap: 1rem;}
}

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

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

@media (max-width: 992px)
{
    .n_about01 .left{ margin-right: 4rem;}
    .n_join .bd{ flex-direction: column;}
    .join_left{ margin-bottom: 3rem;}
    .join_right{ width: 100%; margin-left: 0;}
    .n_news_xq .left{ width: 100%; float: none; padding-right: 0;}
    .n_news_xq .right{ width: 100%; float: none; margin-top: 3rem;}
    .list_box_zihzis li{ width: 33.33%; margin: .75rem 0;}
	.yewu_list{ grid-template-columns: 1fr;}
}

@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_about .leftbox{ margin-right: 3rem;}
.s_yewu ul{ padding-bottom: 3rem;}
.s_yewu ul li .txt>div { margin: 0 1.625rem; padding: 2.75rem 2.125rem 1.5rem;}
.s_yewu ul li .txt{ height: 12.5rem; margin-top: -8.5rem;}
.s_yewu ul{ column-gap: 1.5rem;}
.s_news .hd{ margin-bottom: 2rem;}
.s_yewu ul li .txt h5{ font-size: 1.25rem;}
#banner .swiper-button-next,
#banner .swiper-button-prev{ display: none;}
#banner .txt img{ max-width: 13rem;}
.n_licheng .bd .box{ flex-direction: column;}
.n_about01 .m{ flex-direction: column;}
.n_about01 .left{ margin-right: 0; margin-bottom: 2rem;}
.arrstyle .bd{ padding-bottom: 4rem; margin-bottom: 2rem;} 
.arrstyle .arr_left{ left:50%; margin-left: -3.5rem; bottom: 0; top: auto;}
.arrstyle .arr_right{ right:50%; margin-right: -3.5rem; bottom: 0; top: auto;} 
.n_shuzi .tt h3{ font-size: 2.25rem;}
.n_shuzi .tt{ margin-bottom: 2rem;}
.n_shuzi ul li p{ font-size: .9375rem;}
.ar_fot a{ width: 95px; height: 40px; line-height: 40px;}
#n_news_xq .left_con{ width: 100%; float: none; padding: 0;}
#n_news_xq .right_con{ width: 100%; float: none; margin-top: 3rem;}
#n_news_xq .content{ padding: 2.5rem 1rem;}
.n_news ul{ grid-template-columns: repeat(2,1fr);}
.n_zihzis .content{ padding: 3rem 2rem;}
.list_box_zihzis li{ width: 50%;}
.zizhi2_list{ grid-template-columns: repeat(2,1fr);}
#banner .swiper-container{ height: 32rem;}
}

@media (max-width: 480px)
{
.pad_top{ padding-top:2.5rem !important;}
.pad_bot{ padding-bottom:2.5rem !important;}
.m{ padding: 0 15px;}

#banner .txt h3{ font-size: 1.75rem;}
#banner .swiper-container{ height: 22rem;}
#banner .txt h3{ margin-top: 1rem; margin-bottom: .75rem;}
#banner .txt{ padding-bottom: 3rem;}
.s_news .bd .box .txt h4{ font-size: 1.25rem;}
#banner .txt img{ max-width: 11rem;}
.s_about .m{ flex-direction: column;}
.s_about .leftbox{ margin-bottom: 2rem; margin-right: 0;}
.s_about{ height: auto;}
.s_about .rightbox{ width: 100%;padding: 3rem 2.25rem;}
.s_about .rightbox .bg { padding-top: 0; height: 100%; border-radius: 5rem 0 5rem 0;}
.s_about .rightbox .tt{ margin-bottom: 2rem;}
.s_about .rightbox h4{ margin-top: 3rem;}
.btn_arr01{ width: 38px; height: 38px;}
.s_about .rightbox h4{ margin-bottom: 1rem;}
.s_shuzi{ margin-top: 3rem;}
.s_about .leftbox .tt{ font-size: 1.75rem; margin-bottom: 1rem;}
.s_about .rightbox .tt{ font-size: 2.5rem;}
.s_yewu ul{ grid-template-columns: 1fr; row-gap: 3rem;}
.s_yewu{ padding-bottom: 1rem !important;}
.s_tt h3,.s_news .hd h3{ font-size: 2rem;}
.s_news .hd ul li a{ width: 7rem;}
.s_video{ height: 25rem;}
.s_video .btn_play{ margin-bottom: 3.25rem;}
.s_video p{ text-align: center;}
#foot .box1 .m{ flex-direction: column;}
#foot .box1 .m .left{ margin-bottom: 2rem;}
#foot .box2 .m{flex-direction: column;}
.foot_link{ width: 100%; margin-bottom:1rem;}
.copyright{ text-align: center;}
.s_news .bd .box .txt{ padding: 1.5rem 1rem;}
.s_news .bd .box .txt h4{ font-size: 1.125rem; margin-bottom: .5rem;}
.s_news .swiper-pagination{ margin-top: 2rem;}
.s_news{ padding-bottom: 2.25rem !important;}
.n_lianxi .right{ padding-right: 1rem;}
.n_lianxi .demo01{ right: 0; top: 0;}
.n_lianxi .left{ margin-bottom: 0;}
.n_lianxi .demo02{ width: 16.5rem; height: 8rem;}
.n_lianxi .demo02 h3{ font-size: 1.375rem;}
.n_lianxi .tt h3{ font-size: 1.5rem;}
.n_lianxi .tt span{ font-size: 1.375rem;}
.n_lianxi .tt{ margin-bottom: 1rem;}
.n_banner{ height: 9rem;}
#foot{ padding-top: 3rem;}
.n_form .left .tt div span{ font-size: 3rem; line-height: 1;}
.n_form .left .tt{ margin-bottom: 1.5rem;}
.n_form .left{ margin-bottom: 2rem;}
.form_fuwu .groupbox{ width: 100%;}
.form_fuwu .row{ flex-flow: wrap;}
.form_fuwu .groupbox .group{ margin-bottom: 10px;}
.n_licheng .hd{ margin-bottom: 2rem;}
.n_licheng .hd ul li span{ line-height: 5rem; font-size: 1.75rem;}
.n_licheng .bd{ background: none;}
.n_licheng .bd:after{ display: none;}
.n_licheng .bd .box{ padding-left: 0;}
.n_licheng .bd .box .imgbox{ margin-right: 0; padding-left: 2rem; padding-bottom: 2rem;}
.n_licheng .bd .box .txt h3 span{ font-size: 3rem;}
.n_licheng .bd .box .txt h3 font{ font-size: 1rem;}
.n_licheng .bd .box .txt i{ margin-bottom: .75rem; display: none;}
.n_licheng .bd .box .txt h3{ margin-bottom: .5rem;}
.n_licheng .bd .box .txt h4{ margin-bottom: 1rem;}
.n_licheng .swiper-pagination{ position: relative; margin-top: 1rem;}
.arr_left{ bottom: 28%;}
.n_licheng .bd .box .txt{ padding-top: 1.25rem;}
.n_licheng .bd .box .txt .con{ font-size: 1rem;}
.n_guwen ul li .box{ flex-direction: column !important;}
.n_guwen ul li .box .picbox{ width: 100%; border-radius: 0 !important; padding-top: 10%;}
.n_guwen ul li .box .txt{ padding: 2rem 2rem; padding-right: 1rem; height: auto;}
.n_guwen ul li .box .txt .scrollbox{ padding-right: 1rem;}
.n_guwen ul li .box .txt .tt span{ font-size: 1.875rem;}
.n_guwen ul li .box .txt .tt{ font-size: 1rem;}
.page .box{ margin-top: 2rem;}
.n_guwen ul li .box .txt .con{ line-height: 2rem;}
.n_guwen ul li .box .txt .scrollbox{ height: 10rem;}
.n_guwen ul li .box .picbox .img{ width: 11.5rem;}
.n_fengcai ul {grid-template-columns: 1fr;column-gap: 7px;row-gap: 1rem;}
.n_tt h3{ font-size: 2rem;}
.n_tt{ margin-bottom: 2rem;}
.n_factory:before{ height: 14.5rem;}
.draw_h {width: 3.125rem !important;height: 3.125rem !important; }
.n_about2 .bd .right{ width: 3.125rem;}
.n_about2 .bd{ padding-right: 5rem;}
.n_about01 .left img{ width:260px}
.n_about01 .left h3{ font-size: 1.625rem;}
.n_video .m{ flex-direction: column;}
.n_video .left{ width: 100%; margin-right: 0; margin-bottom: 1.5rem;}
.n_video .right{ height: 300px;}
.n_subnav{ margin-bottom: 2rem;}
.join_left ul li .box{ padding: 2rem 1.5rem;}
.join_left>ul>li:after{ display: none;}
.join_left ul li .dt h3{ font-size: 1.25rem;}
.join_left ul li .dt span+span{ margin-left: 1rem;}
.join_right ul li span{ display: none;}
.join_right ul li{ padding: 1.5rem 0;}
.n_news_xq .right { padding: 30px 20px 20px;}
.right_search{ margin-bottom: 24px;}
.right_news ul li { padding: 13px 0;}
.n_news_xq .ar_title h3{ font-size: 1.5rem;}
.n_news ul{ grid-template-columns: 1fr;}
.n_news .box .txt{ padding: 2rem 1.5rem;}
.n_news .box .txt h4{ margin-bottom: .75rem;}
.n_study_xq .tt{ padding-bottom: 1rem; margin-bottom: 1.5rem;}
.n_study_xq .tt h3{ font-size: 1.5rem;}
.list_box_zihzis{ margin: 0 -.375rem;}
.list_box_zihzis li{ padding: 0 .375rem;}
.yewu_list li .img{ width: 11rem;}
.yewu_list{ row-gap: 1.25rem;}
.n_subnav ul li{ margin: 5px 5px;}
.yewu_list li .txt{ padding: 2rem 1.5rem;}
.zizhi2_list li p{ margin-top: 1rem;}
.zizhi2_list{ row-gap: 1.5rem;}
.n_factory .swiper-slide .img{ border-radius: 0 2rem 0 2rem;}
.n_factory .swiper-slide:nth-child(even) .img{ border-radius:1.5rem 0 1.5rem 0;}
.n_licheng .arr_left{ width: 3.25rem; height: 3.25rem;}
.n_guwen ul li .box .txt .tt span{ font-size: 1.5rem;}
.n_subnav ul li{ flex-grow: 1;}
.n_shuzi .tt h3 { font-size: 2rem;}
.companytt h3{ font-size: 1.625rem;}
.n_tt h3{ font-size: 1.5rem;}
.n_tt span{ font-size: 1.25rem;}
.s_video h4{ font-size: 1.5rem;}
.s_tt h3, .s_news .hd h3{ font-size: 1.5rem;}
.s_news .swiper-pagination .swiper-pagination-bullet{ width: 8px; height: 8px;}
.s_lianxi { height: auto;
    display: flex;
    flex-direction: column-reverse;
}
#mymap{ position: relative; height: 300px;}
.s_lianxi .txt{ box-shadow:none; padding: 3.25rem 0;}
.amap-icon img{ width: 30px; left: 6px !important;}
}