@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:12px;}}
@media (min-width:329px) and (max-width:480px){html{font-size:12px;}}

@media (min-width: 768px)
{
.n_nav li:hover:before{ width: 100%; opacity: 1; transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); }  
.n_nav li:hover:after{ opacity: 1;}
.n_subnav .swiper-slide:hover::before{ opacity: 1; visibility: visible; width: 100%; left: 0; right: auto;}
.n_subnav .swiper-slide:hover h5{ color: #fff;}
.n_subnav .swiper-slide:hover .ico_tgl .img01 { display: none !important;}
.n_subnav .swiper-slide:hover .ico_tgl .img02 { display: block !important;}
.n_qicai .hd ul li:hover a{ color: #fff; }
.n_qicai .hd ul li:hover a:before{ border: 2px solid #ee791b;}
.n_qicai .hd ul li:hover a:after{ width: 100%;}
}
@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)
{
   
}
@media (max-width: 1600px)
{
    #certify .swiper-button-prev{ left: -3rem;}
    #certify .swiper-button-next{ right: -3rem;}
}
.web{}
.wap{ display:none;}
@media (max-width: 1440px)
{
    .tc_xunjia .tt{ margin-bottom: 1.5rem;}
    .form_xunjia .btn_tijiao{ margin-top: 1rem;}
    .n_contact ul li .ico{ width:7rem; height: 7rem;}
    .n_contact ul li .ico img{ max-width: 2.5rem; max-height: 2.5rem;}
    #certify  .swiper-slide {
        width:49rem; 
    } 
    .s_active ul li .ico,.s_active ul li .txt{ margin: 0 .5rem;}
 
}
@media (max-width: 1360px)
{
    /* .s_pro01 .bd ul li{ width: 33.333%;} */
    .n_pro ul li{ width:25%;}
    .n_about .left{ margin-right: 3rem;}
}
@media (max-width: 1280px)
{
    #certify  .swiper-slide {
        width:50rem; 
    }
    .foot_form .group{ width: 30%;}
}
@media (max-width: 1200px)
{
#nav{ margin-right:1.5rem;}
#header{ display:none;}
#m_header{ display:block; }
#nav_btn_box{ display: block;}
.s_active ul{ padding: 0;}
body{ padding-top: 4.5rem;}
.s_active .m{ align-items: center;}
.s_active ul li{ margin: 1.5rem 0;}
}
@media (max-width: 1100px)
{
    /* .left_con,.right_con{ width:100%; float:none;}
    .right_con{ margin-top:2rem; padding: 0;} */
 
    .web{ display:none;}
.wap{ display:block;}
span.wap{ display: inline-block;}
}
/*==========================导航和banner变成手机模式============================*/
@media (max-width: 992px)
{.s_case ul li{ width:50%;}
.foot_nav a{ margin: 0 5px;}
.news02 ul li .txt p{ margin-bottom: 1.5rem;}
.n_news ul li{ width: 50%;}
.page a{ margin-top: .75rem;}
.n_news ul{ margin-top: -1.5rem;}
.n_news ul li{ margin-top: 1.5rem;}
.n_news ul li .txt{ padding: 1.5rem 1rem;}
.n_news ul li .tag{ margin-bottom: 1rem; width: 70px; height: 25px; line-height: 23px; font-size: 11px;}
.n_news ul li .txt h5{ margin-bottom: 10px;}
.n_news ul li .txt p{ margin-bottom: .75rem;}
 .position{ display: none;}
.n_qingdian .flex{ flex-direction: column;}
.n_about .m{ flex-direction: column-reverse;}
.n_about .right{ margin-bottom: 2.5rem ;}
}
@media (min-width:481px) and (max-width:992px)
{ 
    
}
@media (max-width: 860px)
{
 
}
@media (max-width: 768px)
{
 
.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;}
.foot_box .m{ flex-direction: column;}
#foot .left{ display: flex; flex-direction: column; align-items: center; margin-bottom: 1rem;}
#foot .right{ align-items: center;}
.news02 ul li .img{ width: 13rem;}
.news02 ul li .txt p{ margin-bottom: .5rem; margin-top: .75rem;}
#certify  .swiper-slide {
    width:30rem; 
}
.s_news .bd .itembox .item{ width: calc(50% - .5rem);}
.s_resource .hd ul li{ padding: 0 5px;}
#banner .swiper-container{ height: 30rem;}
.n_case ul li{ width: 50%;}
.n_qicai .bd ul li{ width: 50%;}
.n_qicai .hd{ flex-direction: column; align-items: center;}
.n_tt{ text-align: center; margin-bottom: 2rem;}
.n_qicai .hd{ margin-bottom: 2rem;}
.n_qicai .hd ul{ width: 100%;}
.n_qicai .hd ul li{  padding: 0 .25rem; width: 25%;}
.n_qicai .hd ul li a{ width: 100%;}
.tc_team{ padding: 3rem; padding-right: 1.5rem;}
.tc_team .txt{ padding-right: 1.5rem; margin-top: 1rem; height: 22.5rem;}
.tc_team .tc_close{ right: 0;}
.n_team ul li{ width: 100%;}
.xq_jidi .hd{ flex-direction: column; align-items: flex-start;}
.xq_jidi .hd .n_tt{ margin-bottom: 2rem;}
.xq_qicai .m{ flex-direction: column;}
.xq_qicai .m .left_con{ padding: 0;}
.xq_qicai .m .right_con{ border: 0; padding: 0; width: 100%;}
.xq_qicai .hd{ padding-bottom: 1.75rem; margin-bottom: 1.75rem;}
.xq_qicai.case .m .left_con{ padding-top: 3rem; padding-bottom: 0;}
.xq_qicai.case .ar_title .n_tt{ margin-bottom: 0;}
.saishi_liucheng ul li{ margin-bottom: 1.5rem; width: 100% !important;}
.saishi_liucheng ul{ flex-wrap: wrap;}
.saishi_liucheng ul li .box{ height: 100px;}
.saishi_liucheng ul li .box .txt{ padding-left: 2rem; padding-right:2rem; padding-top: 2rem !important;}
.saishi_liucheng ul li.on .box { height:346px;} 
.saishi_liucheng ul li .con2{ font-size: 12px; line-height: 18px;}
.n_contact .fl01 .content .top{ position:relative; background:#ff731d; padding:2.5rem 0}
.n_contact .fl01 .content .top .box{ width:100%}
.n_contact .fl01 .content .top .box dl{ max-width:100%} 
#miso_map{ height:20rem}
.join_bot ul li{ width: 100%;}
.n_coop02 .m{ flex-direction: column;}
.n_coop02 .left{ padding-right: 0;}
.n_coop01 ul li {
    width: 25%;
    padding: 0 2rem; margin-left: 0 !important;
    margin-top: 0rem;
}
.n_coop01 ul li:nth-child(1), .n_coop01 ul li:nth-child(8), .n_coop01 ul li:nth-child(15), .n_coop01 ul li:nth-child(22), .n_coop01 ul li:nth-child(29), .n_coop01 ul li:nth-child(33), .n_coop01 ul li:nth-child(40) {
    margin-left: 12.5% !important;
}
.n_coop01 ul{ margin-top: 3rem; margin-bottom: 1rem;}
.n_zizhi .m{  flex-direction: column;}
.n_zizhi .left{ margin-bottom: 2rem;}
.n_zizhi .right{ width: 100%; min-width: 0;}
#certify2{ width: 100%;}
.n_wenhua ul li{ width: 50%; margin-bottom: 1rem;}
.tx_liucheng ul li{ width: 33.333%;}
.tx_liucheng ul li .box2:before{ height: calc(100% + 3rem);}
.tx_qicai .bd ul li{ width: 50%;}
.n_ys .flex01{ flex-direction: column;}
.n_ys .n_tt{ text-align: left;}
.n_ys ul{ display: flex; flex-flow: wrap; height: auto;}
.n_ys ul li{ height: 260px; width: 100%;}
.n_ys ul li:nth-child(1){
    border-radius: 5rem 0 0 0;
    -webkit-border-radius: 5rem 0 0 0;
    -moz-border-radius: 5rem 0 0 0;
    -ms-border-radius: 5rem 0 0 0;
    -o-border-radius: 5rem 0 0 0;
}
.n_ys ul li:nth-child(3){
    border-radius: 0 0 5rem 0;
    -webkit-border-radius: 0 0 5rem 0;
    -moz-border-radius: 0 0 5rem 0;
    -ms-border-radius: 0 0 5rem 0;
    -o-border-radius: 0 0 5rem 0;
}
.n_ys ul li .mask .tt i{ display: none;}
.n_ys ul li .tt{ margin-bottom: 1rem;}
.s_case .bd ul li{ width: 50%;}
.s_case .hd{ margin-bottom: 1.5rem;}
#miso_map:before{ content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: transparent; z-index: 999;}
#n_search .hd a{ min-width: 92px !important; margin-bottom: 10px !important;}
#n_search ul li span{ margin: 0 0 0 10px !important;}
.n_nav li{ width: inherit; }
/* .n_nav li:hover:before{ width: 100%; opacity: 1; transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); }  
.n_nav li:hover:after{ opacity: 1;} */

}
@media (max-width: 480px)
{
.pad_top{ padding-top:3rem !important;}
.pad_bot{ padding-bottom:3rem !important;}
.m{ padding: 0 15px;}
.foot_form .group{ width: 50%; padding: 0 5px; margin: 5px 0;}
.hotproject .hd ul li a{ width: 5rem; height: 5rem;}
#banner .swiper-container{ height: 17rem;}
.s_tt h3{ font-size: 1.75rem;}
.s_tt{ margin-bottom: 2rem;}
.hotproject .bd ul li{ padding: 2px;}
.hotproject .bd ul li .mask{ padding: 1rem;}
.hotproject .bd ul li span{ font-family: "BarlowCondensed-Regular";}
.s_fangan .tt h3{ font-size: 1.75rem; line-height: 2.5rem;}
.s_fangan .tt h3:after{ height:2rem; margin-left: .25rem;}
.s_fangan ul li .ico{ width: 6rem; height: 6rem;}
.s_fangan .con{ font-size: 1rem;}
.s_fangan ul li .ico{ font-size: 2rem;}
.s_manage .hd ul li{ padding: 0 3px;}
.s_manage .bd ul li .tt{ height: 6.5rem;}
.s_active .m{ flex-direction: column;}
.s_active .center{ display: none;}
.s_active ul.ul01 li{ flex-direction: row;}
.s_active ul.ul01 .txt{ text-align: left;}
.s_news .hd{ flex-direction: column; align-items: center; margin-bottom: 2rem;}
.s_news .hd .s_tt{ text-align: center; margin-bottom: 2rem;}
.s_news .bd .itembox .item{ width: 100%;}
.s_news .bd .itembox .item:nth-child(2){ display: none;}
.hotproject .bd ul li span{ display: none;}
.hotproject .bd ul li h4{ font-size: 1.125rem; font-weight: normal;}
#certify .swiper-button-prev {
	left: -1rem;
	width: 3rem;
	height: 3rem;
} 
#certify .swiper-button-next {
	right: -1rem;
	width: 3rem;
	height: 3rem; 
}
#certify .swiper-slide{ width: 300px;}
.foot_nav{ display: none;}
#dr_kecheng2.select-wrapper{  min-width: inherit !important;}
.foot_form form{ margin: 0;}
.s_active ul{ flex-direction: row; flex-wrap: wrap;}
.s_active ul.ul01 li{ width: 50%; margin-bottom: 1.5rem;}
.s_active ul.ul02 li{ width: 50%; margin-bottom: 1.5rem;}
.foot_logobox img{ width: 8rem;}
.foot_logobox{ top: 35%;}
.btn_submit{ width: 100%;}
.foot_form .group .yzm{ right: 9px;}
.foot_form{ margin-bottom: 2rem;}
.foot_box{ padding-bottom: 2rem; padding-top: 2rem;}
.foot_cloud_left {  top: 38%; width: 54%;}
#foot{ padding-bottom: .5rem; min-height: 765px;}
.n_banner{ height: 10rem;}
.s_manage .bd ul li .tt .ico img{ max-width: 2rem; max-height: 2rem; margin-right: 1rem;}
.n_manage ul li a{ flex-direction: column;}
.n_manage ul li .img{ width: 100%; margin-right: 0; margin-bottom: 1.5rem;}
.n_manage ul li .txt h5{ font-size: 1.5rem;}
.n_manage ul li .txt .con{ margin-bottom: 1rem;}
.ico_tgl{ width: 2.5rem; height: 2.5rem;}
.n_subnav{ margin-bottom: 2rem;}
.n_subnav .swiper-thumbs{ margin: 0 2rem;}
.n_manage ul li{ padding: 1.75rem 0;}
.page{ margin-top: 2rem;}
.n_case ul li{ width: 100%;}
.tc_team{ flex-direction: column; align-items: center;}
.tc_team .img{ margin-right: 0; margin-bottom: 1rem;}
.n_team ul li .img{ width: 14rem; margin-right: 1.5rem;}
.n_team ul li .txt p{ margin-bottom: 1rem;}
.n_team ul{ margin-top: -1.5rem;}
.n_team ul li{ margin-top: 1.5rem;}
::-webkit-scrollbar{ width: 2px;}
.xq_qicai .hd .n_tt h3{ font-size: 1.625rem;}
.ar_title{ padding-bottom: 1.5rem; margin-bottom: 2rem;}
.case_xq .tt span{ font-size: 3.25rem;}
.case_xq .tt h3{ font-size: 1.5rem; line-height: 1.5;}
.case_xq .flex{ flex-direction: column;}
.case_xq .right{ margin-right: 0; align-self: auto; margin-top: 1rem;}
.n_tt h3{ font-size: 1.75rem;}
.btn_play{ width: 4rem; height: 4rem;}
.n_subnav .swiper-slide h5{ font-size: 12px; line-height: 15px; height: 29px; display: flex; align-items: center; justify-content: center;}
.n_subnav .swiper-slide a{ padding: 1rem 1rem;}
.n_subnav .swiper-button-prev{ left: -5px;}
.n_subnav .swiper-button-next{ right: -5px;}
#certify2 .swiper-slide{ width: 18rem;}
.n_wenhua ul li .box{ padding: 2rem 1.5rem;}
.n_wenhua ul li .txt p{ height: 4.5rem;}
.n_wenhua ul li .img{ width: 10rem; height: 10rem;}
.n_wenhua:after{ bottom: 18.25rem;}
.n_tt2{ margin-bottom: 2rem;}
.n_zuling ul li{ width: 6rem;}
.n_zuling ul li .ico{ width: 6rem; height: 6rem;}
.n_zuling ul:before{ top: 3rem;}
.tx_coop .bd ul{ margin: 0 -3px; margin-top: -.75rem;}
.tx_coop .bd ul li{ margin-top: .75rem; width: 25%; padding: 0 3px;}
.tx_qicai .bd ul{ margin-top: 0;}
.tx_qicai .bd ul li{ margin-top: 0;}
.btn_more2{ margin-top: .5rem;}
.tx_liucheng ul li{ width: 50%;}
.tx_liucheng ul li .box1{ height: 22rem;}
.tx_liucheng ul li .tt{ padding: 1rem 0 2rem;}
.tx_liucheng ul li:nth-child(3):after,.tx_liucheng ul li:nth-child(5):after{ display: none;}
.tx_liucheng{ padding-bottom: 2rem; margin-bottom: 0;}
.n_ys ul li .mask{ padding: 2rem;}
.n_ys ul li .txt{ padding: 2rem;}
.n_ys ul li .con2{ line-height: 1.5rem;}
.n_ys .flex01{ margin-bottom: 2.5rem;}
.tx_liucheng ul li .box2{ padding-bottom: 2rem;}
.tx_liucheng ul li .box2:before { height: calc(100% + 1rem);}
.n_coop01 ul li{ padding: 0 13px; margin-top:-13px;}
.group .select-wrapper{ min-width: inherit !important;}
.online_q{transform: scale(.8); right: 0;}
.online_q .close { right: 1.25rem;font-size: 1.5rem; top: -2rem;}
#certify2 .swiper-button-prev, #certify2 .swiper-button-next{ transform: scale(.8);}
.n_nav li{ line-height: 3.5rem; margin-right:0; width: 20%; text-align: center;}
.ar_title .n_tt h3{ font-size: 1.5rem;}
.ar_title .time{ margin-right: 1rem; padding: .5rem 1rem;}
#share-21.social-share{ margin-top: 5px;}
.tx_qicai .bd ul li{ margin-bottom: 1rem;}
.news01 ul li .mask{ padding: 2rem 1.25rem;}
.n_source ul li a{ flex-direction: column !important;}
.n_source ul li .img{ width: 100%;}
.n_source ul li .txt{ padding: 2rem !important;}
.n_source ul li .txt h5{ font-size: 1.5rem;}
#online_q{ display: none;}
.n_subnav .swiper-slide .ico_tgl{ margin-bottom: 3px;}
.pic05 ul li a .con h3 img{ max-height: 4rem;}
.s_active ul li h5{ font-size: 1.125rem;}
.s_process ul li .box1{ height: 24.5rem;}
.s_manage .bd ul li .tt .ico{ margin-right: 3px;}
.slick-prev{ background: rgba(255,255,255,.5) url(../images/s_resource_left.png) !important; background-size: 100% !important; border-radius: 50%;}
.slick-next{ background: rgba(255,255,255,.5) url(../images/s_resource_right.png) !important; background-size: 100% !important; border-radius: 50%;}
.foot_bg{ height: 1100px;}
.foot_bg_grassland{ background-size: 200%; background-position: center 300px;}
.foot_bg:after{ content: ""; display: block; width: 100%; height: calc(100% - 700px); z-index: 1; position: absolute; left: 0; bottom: 0; background: #29521f;}
#foot { min-height: 665px;}
.case_xq{ padding-top: 2.5rem;}
.tagbox2{ margin-left: -5px;}
.tagbox2 .li{ width: 16.666%; margin-left: 0;}
.n_news ul li{ width: 100%;}
.n_zizhi .left .span br{ display: none;}
#certify .swiper-slide{ padding: 2rem 0;}
#certify .swiper-slide.swiper-slide-active{ z-index: 999;}
#certify .swiper-slide.swiper-slide-active .pic{ transform: scale(1.5) !important;}
.n_nav .slick-prev{ left: -10px; width: 18px; height: 18px;}
.n_nav .slick-next{ right: -10px; width: 18px; height: 18px;}
.n_nav .slick-arrow.slick-disabled{ display: none !important;}
.s_resource{ overflow: hidden;}
/* #certify .swiper-container{ width: 450px;}
#certify .swiper-slide{ width: 400px;} */
#certify .pic{    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;}
}