@charset "utf-8";

@font-face{  font-family: "Barlow Condensed"; src: url(../fonts/BarlowCondensed-Regular.ttf);}
@font-face{  font-family: "Barlow Condensed SemiBold"; src: url(../fonts/BarlowCondensed-SemiBold.ttf);}
@font-face{  font-family: "Barlow Condensed Bold"; src: url(../fonts/BarlowCondensed-Bold.ttf);}
@font-face{  font-family: "Barlow Condensed Medium"; src: url(../fonts/BarlowCondensed-Medium.ttf);}
@font-face{ font-family: Bebas; src: url(../fonts/BEBAS.TTF);}

@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:1200px) and (max-width:1600px) {

}

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

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



.s_pro ul li .img{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }



@media (max-width: 1660px) {
    #foot .box1 .left {
        margin-right: 8rem;
    }
}

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

.web {}

.wap {
    display: none;
}

@media (max-width: 1440px) {
    #foot .box1 .left {
        margin-right: 6rem;
    }
	.n_banner div.pic2{ height: 26rem;}
   
   
	.s_pro ul li .btn_arr2{ width: 4.5rem;}
 
	.s_pro ul li .sort{ padding-right: 5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.s_pro{background-size: auto 32rem !important;}
	
	.s_coop ul{ margin-top: -1rem;}
    .s_coop ul li{ margin: 1rem 0; padding: 0 1rem;}
	
	.downbox li{ width:100%;}
	
}

@media (max-width: 1360px) {
    .n_banner div.pic2{ height: 24rem;}
	
	.downbox {padding-right:0;}
	.downbox li{ width:100%; }
	
}

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

#nav43,
#nav44,
#nav45,
#nav48,
#nav49,
#nav50,
#nav51,
#nav52,
#nav46,
#nav3,
#nav4,
#nav5,
#nav6 {
    position: relative;
    transform: translateY(-5.375rem);
    display: block;
}

@media (max-width: 1200px) {
	body.ny {	padding-top: 4.5rem;}
    #nav {
        margin-right: 1.5rem;
    }

    #header {
        display: none;
        height: 4.5rem;
    }

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

   
    
    #banner {
        padding-top: 4.5rem;
    }

    #nav43,
    #nav44,
    #nav45,
    #nav48,
    #nav49,
    #nav50,
    #nav51,
    #nav52,
    #nav46,
    #nav3,
    #nav4,
    #nav5,
    #nav6{
        transform: translateY(-4.5rem); position: relative; display: block;
    }
    .anchor{ transform: translateY(-7rem); position: relative; display: block;}
	
	.ly_youshi_in {
	width: 96%;
	padding: 20px 0;
}
.ly_youshi ul li span {
	height: 50px;
	overflow: hidden;
}

.n_about .right{ flex-shrink: .5;}
	.n_nav_web{ display: none;}
	.n_nav_wap{ display: block !important;}
	
	#n_news_xq .right_con{ width: 19rem; top: 3rem;}
	#n_news_xq .left_con{ width:calc(100% - 21rem);}
}

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

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

@media (max-width: 992px) {
    /*.s_pro ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .s_pro ul li:nth-child(1) {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 1;
    }

    .s_pro ul li:nth-child(2) {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 2;
        grid-row-end: 3;
    }*/

    .s_server .bgbox .pic:before {
        padding-top: 40rem;
    }



	
	.s_news .bd ul li{ padding: 0 1rem; width:50%; float:left; margin-bottom:20px;}
	
	#foot .box1 .right dl {
        display: none;
    }
	
	#foot .box1 .right dl:last-child{
        display:block;
    }
	
	.n_about .right{ flex-shrink: 0.7;}
	
	.shebei_list{background:#ff0000 !important;}
	.shebei_list ul li{ width:33.3333333333%; }
	
	.prolist-cont .col-md-3{width:33.3333333333%; }
	.pbox h3 {height:42px; line-height:42px;}
	
	.proszi{ margin-top:20px; margin-left:0; width:100%; line-height:24px; height:30px;}
	
	#n_news_xq .left_con{ width: 100%;}
	#n_news_xq .right_con{ width: 100%; margin-top: 3rem; position: inherit;}
	
	.n_lianxi .box1{ flex-direction: column;}
	.n_lianxi .box1 .right{ margin-top: 3rem; width: 100%;}
}

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

@media (max-width: 860px) {
	.n_about .m{ flex-direction: column;}
	.n_about .left{ padding-right: 0;}
	.n_about .right{ width: 100%; margin-top: 3rem;}
	.n_about .pic img{ width: 100%;}
	}

@media (max-width: 768px) {
    .pad_top2 {
        padding-top: 4rem;
    }

    .pad_bot2 {
        padding-bottom: 4rem;
    }

    .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_news .bd {
        grid-template-columns: 1fr;
        row-gap: 1.5rem;
    }

    .news01 .box .img {
        height: auto;
    }

    .s_news .left {
        height: auto;
    }

    /*#foot .box1 .right {
        display: none;
    }

    #foot .box1 .left {
        margin-right: 0;
    }*/

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

    #banner .txt p {
        font-size: 1.75rem;
    }

   

   /* #foot .box1 .left {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }*/




    .ly_youshi ul li {
	width: 100%;
	padding: 2% 2% 4%;
}
.ly_youshi ul li span {
	width: 94%;
	line-height: 18px;
	height: auto;
	margin: 4px 0 5px;
	font-size: 12px;
	padding: 0 0 0 52px;
}
.ly_youshi ul li p {
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 52px;
}
.ly_youshi ul li em {
	padding: 0 0 0 52px;
}
.ly_youshi ul li p i {
	font-size: 16px;
	width: 26px;
	line-height: 26px;
	height: 26px;
}
.ly_youshi ul li p i:before {
	width: 26px;
	height: 26px;
}
.ly_youshi ul li p i b {
	left: 4px;
}
.n_title .fl{ width:100% !important; margin:0; padding:0}
.n_nav { position: relative; }
.n_nav a {display:block;height: 4rem;font-size: 1.125rem; font-weight: normal; float: left;line-height: 3rem;margin-right: 0rem; color: #252525;text-align: center;width:100%; }
.n_nav a strong {display: block; position: relative;z-index: 4;height: 48px;line-height: 48px; font-weight: normal;  }
.n_nav a:before {content: "";width: 0;height: 2px;position: absolute; bottom:0; left: 0; background: #3d75c0;transition: 0.3s ease-in-out; opacity: 0;}
.n_nav .on:before, .n_nav a:hover:before { width: 100%; opacity: 1;}
.n_nav .on strong, .n_nav a:hover strong{ color: #3d75c0; font-weight: bold;}

.shebei_list ul li{ width:50%; }

.prolist-cont .col-md-3{width:50%; }
.pbox h3 {height:50px; line-height:50px;}

.n_news ul li{ width: 100%;}
.n_news ul li .img{ width: 16rem; height: 11rem; margin-right:2rem;}
.n_news ul li .txt{ height: 11rem;}
.n_news ul li .txt span{ margin-bottom: 8px;}
.n_news ul li h2{ margin-bottom: 8px; font-size: 1.125rem;}
.n_news ul li .btn_xx{ margin-top: 5px;}



#n_news_xq .ar_title{ position:relative;}


.ar_article{ padding-bottom:10px !important;}
.ar_article table{ width:100% !important;}
.ar_article table td,.ar_article table th{ padding:3px 2px !important; font-size:10px !important; font-weight:normal !important; width:auto !important; height:auto !important;}
.ar_article table td *,.ar_article table th *{ padding:3px 2px !important; font-size:10px !important; font-weight:normal !important; padding:0 !important;}

.ar_article p{font-size:1.1rem;color:#7d7d7d;line-height:1.875rem; padding-bottom:1.75rem;}	

#foot .m{ flex-direction: column;}

.n_lianxi .flex{ flex-direction: column;}
.n_lianxi .ewm .box{ margin-left: 0; margin-right: 2rem;}
.n_lianxi .ewm{ margin-top: 10px;}

.prolist-cont .cont9{ width:100%; margin:0 auto; overflow:hidden;}

.nav-tabs>li>a{ font-size:14px; color:#333; display:block; border:none; background:#f8f8f8; padding:10px 20px !important; margin-right:10px; overflow:hidden; width:120px !important; text-align:center}
.nav-tabs>li>a:hover{ cursor:pointer; border:none;padding:10px 20px;}

.nav-tabs>li.active{ color:#fff; background:#2492b8; margin-right:10px; text-align:center; width:120px; overflow:hidden}
    /* .n_gzhuangjing .swiper-slide .img img{ height: 16rem;} */
}

@media (max-width: 600px) {
	
	
	#foot .box1 .right dl:last-child{
        display:none;
    }
	
	.n_lianxi .box1 .left dl{ width:100%;}
	
	}




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

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

    .pad_top2 {
        padding-top: 2.5rem !important;
    }
    .pad_bot2 {
        padding-bottom: 2.5rem !important;
    }
    /* .pad_bot2 {
        padding: 2rem 1rem 2.5rem 1rem !important;
    } */



    #foot {
        padding-top: 3.5rem;
    }

    #foot .box2 {
        flex-direction: column;
        padding-bottom: 0rem;
    }

    .foot_lianxi {
        margin-bottom: 1.5rem;
    }

    .foot_lianxi dl {
        margin-right: 2rem;
        display: flex;
        justify-content: center;
    }

    .foot_lianxi dl:nth-child(1) {
        flex-shrink: 0;
    }

   /* #banner .swiper-container {
        height: 30rem;
    }*/

    #banner .txt h3 {
        font-size: 1.75rem;
    }

    #banner .txt p {
        font-size: 1.375rem;
        margin-top: .5rem;
        margin-bottom: .75rem;
    }

    #banner .txt {
        padding-top: 3.5rem;
    }

    #banner .swiper-button-white {
        width: 3rem;
        height: 3rem;
        margin-top: 0;
    }

    #banner .swiper-button-white .arr {
        width: 1rem;
        height: 1rem;
    }

    .s_tt h3 {
        font-size: 1.75rem;
        margin-bottom: .75rem;
    }

    .circle_anim {
        width: 20rem;
        height: 20rem;
    }

    /*.s_pro ul li .txt {
        padding: 0 10px;
    }

    .s_pro ul li .txt h3 {
        font-size: 1rem;
        margin-bottom: .5rem;
    }

    .s_pro ul li:nth-child(1) .txt h3 {
        font-size: 1.625rem;
        margin-bottom: 1.25rem;
    }*/

    .btn_border {
        padding: 0 1rem;
    }

   /* .s_pro ul li .btn_arr {
        width: 1.5rem;
        height: 1.5rem;
        right: 1rem;
        bottom: 1rem;
    }

    .s_pro ul li .btn_arr svg {
        width: .75rem;
        height: .75rem;
    }

    .s_pro ul {
        column-gap: .5rem;
        row-gap: .5rem;
    }
*/
    .s_news .bd {
        row-gap: 1rem;
    }

    .s_server .underbox .m {
        display: block;
    }

    .s_server .underbox .m {
        flex-direction: column;
    }

    .s_server .underbox .m {
        padding: 0 15px;
    }

    .s_server .hd {
        padding-top: 2rem;
    }

    .s_server .hd:before {
        width: 100%;
        height: 1px;
        top: auto;
        bottom: 0;
    }

    .s_server .hd .swiper {
        height: auto;
    }

    .s_server .hd li {
        text-align: center;
    }

    .s_server .hd h3 {
        font-size: 1.125rem;
        text-align: center;
        padding: 1.5rem 0;
        display: inline-block;
    }

    .s_server .hd h3:before {
        width: 0;
        height: 3px;
        top: auto;
        bottom: 0;
    }

    .s_server .hd li.swiper-slide-thumb-active h3:before {
        height: 3px;
        width: 100%;
        top: auto;
        bottom: 0;
    }

    /* .s_server .hd .swiper-slide{ width: auto;} */
    .s_server .bd {
        flex-grow: 0;
        margin: 0;
    }

    .s_server .bgbox .pic:before {
        padding-top: 35rem;
    }

    .s_server .txt .ico {
        width: 4rem;
        height: 4rem;
    }

    .s_server .txt {
        margin: 2rem 2rem;
        width: auto !important;
    }

    .s_server .txt h3 {
        font-size: 1.375rem;
        font-weight: bold;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .s_server .swiper-button-prev,
    .s_server .swiper-button-next {
        width: 3rem;
        height: 3rem;
        top: auto;
        bottom: 3rem;
    }

    .s_server .swiper-button-prev {
        left: 50%;
        margin-left: -3.5rem;
    }

    .s_server .swiper-button-next {
        right: 50%;
        margin-right: -3.5rem;
    }



    .s_server .swiper-button-prev,
    .s_server .swiper-button-next {
        display: block;
    }




    #foot .box1 .left {
        display: block;
    }





    .btn_arrdown {
        width: 3rem;
        height: 3rem;
    }



	
	#foot .box1{ display:block;}
	
	#foot .box1 .left,#foot .box1 .right{
		display:block;
		width:100%;
		text-align:center;
    }

    .foot_tel {
        text-align: center;
    }

    .foot_ewm {
        justify-content: center;
    }

    .foot_ewm .ewm {
        margin: 0 .75rem;
    }

    .foot_lianxi {
        display: block;
    }



   /* .foot_lianxi dl {
        margin-right: 0;
    }*/
	
    .copyright {
        text-align: center;
		padding-top:1rem;
		padding-bottom:1rem;
		height:auto;
	line-height:1.75rem;
    }




    #foot {
        padding-top: 3rem;
    }



    .copyright .ico {
        margin: 0 1rem;
    }

    .copyright .flex .flex {
        text-align: center;
        width: 100%;
        justify-content: center;
        margin-top: 1rem;
    }

.n_banner div.pic2{height: 20rem;}
.n_banner .txt b{ font-size: 16px; padding-top:40px;}
	.n_about{ padding: 3.25rem 0;}
	.n_about .tt{ margin-bottom: 2rem;}
	.n_about .tt p{ font-size: 3.25rem;}
	.n_about .tt h3{ font-size: 1.25rem; margin-top: .5rem;}
	.n_about .con{ line-height: 2rem;}


    .ar_article td,
    .ar_article td *,
    .ar_article th *,
    .ar_article th {
        word-break: normal;
        padding: .5rem .5rem;
        font-size: 13px !important;
        line-height: 1.5;
    }

    table {
        width: auto;
        max-width: none;
    }

    table td {
        min-width: 100px;
    }

    table td strong {
        white-space: nowrap;
    }

    /*.s_pro ul {
        display: block;
    }
*/


   /* .s_pro ul li+li {
        margin-top: 1rem;
    }

    .s_pro ul li .img {
        position: relative;
        z-index: 1;
        width: 100%;
    }

    .s_pro ul li .img:before {
        content: "";
        display: block;
        width: 100%;
        height: 0;
        padding-top: 66.666%;
    }

    .s_pro ul li .img img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .s_pro ul li .txt h3 {
        font-size: 1rem !important;
        margin-bottom: 1rem !important;
    }
*/
    .btn_border {
        padding: 0 1rem !important;
        height: 1.875rem !important;
        line-height: 1.875rem !important;
        width: auto !important;
        font-size: .8125rem !important;
    }


    .foot_lianxi .title {
        margin: 0 auto;
        margin-bottom: 7px;
    }

    .links .con {
        text-align: center;
    }

    /*.s_pro ul {
        margin: -5px;
    }

    .s_pro ul li {
        width: 50%;
        float: left;
        padding: 5px;
        margin-top: 0 !important;
    }

    .s_pro ul li a {
        height: 200px;
        box-shadow: none;
    }

    .s_pro ul li .txt h3 {
        line-height: 1.25rem;
        height: 2.5rem;
    }

    .s_pro ul li .img img {
        top: 18px;
    }
*/

    .s_about .tt h3{ font-size: 1.5rem; margin-bottom: 1rem;}

    .s_about .btn_xq{ margin-top: 2rem;}

	
	.s_coop ul li{ padding-left: 8px !important; padding-right: 8px !important; margin: 1rem 0;}
	.s_coop ul{ margin-top: -1rem;}

	
	.s_news .bd ul li{ padding: 0 1rem; width:100%; float:none; margin-bottom:20px;}
	
	
	
	.shebei_list ul li{ width:100%; margin-top:0 !important;}
	.shebei_list ul li .pic { width:100%; height:auto;}
    .shebei_list .desk{ height:0 !important; background-size:0 !important; margin:0; padding:0}
	.shebei_list ul{ margin-top: 0;}
	
	.prolist-cont .col-md-3{width:100%; }
	
	.n_news ul li .img { width: 12rem; height: 9rem; margin-right: 1rem;}
	.n_news ul li .txt{ height: 9rem;}
	.n_news ul li .btn_xx{ display: none;}
	.n_news{ padding: 3rem 0;}
	#n_news_xq{ padding: 3rem 0;}
	#n_news_xq .left_con{ padding: 2rem 1.5rem;}
.downbox li p{ width:85%; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}

.n_lianxi form .group{ width: 100%;}
.n_lianxi form .group.yzm{ width: 100%;}
.nav-tabs{ border-bottom:none;}
.nav-tabs>li{ margin-bottom:10px;}

}
@media (max-width: 400px) {
	.prodetail-jjgm .mai{ font-size:12px; margin-bottom:10px;}
	}