@charset "utf-8";
/* CSS Document */
/**/
@media all and (max-width: 1680px) {
}
/* max 1680 end */

/**/
@media all and (max-width: 1550px) {

}
/* max 1550 end */

/**/
@media all and (max-width: 1440px) {  

}
/* max 1440 end */

/**/
@media all and (max-width: 1280px) {

    
    
}
/* max 1280 end */

/**/
@media all and (max-width: 1024px) {
   
}
/* max 1024 end */


/**/
@media all and (max-width: 750px) {
.m_center{width:90vw; height: auto; margin: 0 auto; padding: 0; transition: all .5s ease 0s;}
.c_nav{display: flex;}
/**/
/**/
.top{width:100%; height: 40px; line-height: 40px; overflow: hidden; font-size: 14px; color: #777777;}
.top .m_center div:first-child{float: left; display: none;}
.top .m_center div:last-child{float: inherit;}

.logonav-box{width: 100%; height: 90px; margin: 0 auto; padding: 0 5%; position: relative;}
.logo{width: 245px; height: 90px; float: left; display: flex; justify-content: flex-start; align-items: center;}
.logo img{width: auto; height: 55px;}
.tel{display: none;}

.nav-box a{display: block; margin: 0 18px; font-size: 18px; color: #222222;}
.nav-box a::after{content: ''; display: block; width: 0%; height: 3px; background: #3c90ef; margin-top: 10px; transition: all .6s ease 0s;}
.nav-box a.nuw,.nav-box a:hover{color: #3c90ef;}
.nav-box a.nuw::after,.nav-box a:hover::after{width: 100%;}


.nav-box{width:calc(100% - 40px - 10vw); height: 100vh; position: fixed; top: 0; left:-100%; color: #fff; font-size: 18px; margin: 0 auto; background: #3c90ef;  z-index: 99; overflow-x: hidden; overflow-y: auto; margin: 0; padding: 5vh 0; display: none; float: inherit;}
.nav-box a{display: block; margin: 0 18px 18px; font-size: 18px; color: #fff;}
.nav-box a::after{content: ''; display: block; width: 0%; height: 3px; background: #fff; margin-top: 10px; transition: all .6s ease 0s;}
.nav-box a.nuw,.nav-box a:hover{color: #fff;}
.nav-box a.nuw::after,.nav-box a:hover::after{width: 100%;}


/**/
.baner_ng{width: 100%; height:170px; background: url(../images/bg.png) center bottom/95% no-repeat; position: relative;}
.baner_ng::after{content: ''; display: block; width: 100%; height: 130px; background: #f2f2f2; position: absolute; bottom: 2.5%; left: 0; z-index: 1;}
.banner{width:90vw; height:170px; position: relative; line-height: 1; text-transform: uppercase; margin:0 auto 20px; overflow: hidden;}
.banner .banner-a{bottom:10px;}
.banner .banner-a .swiper-pagination-bullet{ width:15px; height:3px;}
.banner-l,.banner-r{display: none; }
.banner:hover .banner-l,.banner:hover .banner-r{display: none;}

.pro-tjbox{width: 100%; height: auto; position: relative;}
.in_probox-li{display: block; width:285px; height: auto; background: #fff; border: 2px solid #f2f2f2; margin-right: 20px; border-radius: 15px; overflow: hidden; transition: all .7s;}
.in_probox-l,.in_probox-r{display: none;}

.tmcx-box{width: 90vw; height: auto; margin: 0 auto; overflow: hidden;}
.tmcx-li{width: calc((100% - 20px) / 2); height: 200px; float: left; margin: 0 20px 20px 0; position: relative; overflow: hidden;}
.tmcx-img,.tmcx-img img{width: 100%; height: 100%; object-fit: cover; overflow: hidden;}
.tmcx-txt{width: 100%; height: 50px; line-height: 50px; padding: 0 15px; background: rgba(0,0,0,.5); font-size: 16px; color: #fff; overflow: hidden; position: absolute; bottom: 0; left: 0; z-index: 5;}
.tmcx-txt i{width: 18px; height: 18px; line-height: 18px; color: #777; font-size: 14px; background: #fff; border-radius: 100%; float: right; margin-top:16px;}
.tmcx-li:nth-child(3){display: none;}
.tmcx-li:nth-child(4),.tmcx-li:nth-child(5),.tmcx-li:nth-child(6),.tmcx-li:nth-child(7){width: calc((100% - 20px) / 2); height: auto;}
.tmcx-li:nth-child(4) .tmcx-img,.tmcx-li:nth-child(5) .tmcx-img,.tmcx-li:nth-child(6) .tmcx-img,.tmcx-li:nth-child(7) .tmcx-img{width: 100%; height: 160px;}
.tmcx-li:nth-child(4) .tmcx-txt,.tmcx-li:nth-child(5) .tmcx-txt,.tmcx-li:nth-child(6) .tmcx-txt,.tmcx-li:nth-child(7) .tmcx-txt{position: inherit; background: #fff; color: #333;}
.tmcx-li:hover .tmcx-txt{ background: #3c90ef; color: #fff;}
.tmcx-li:nth-child(2),.tmcx-li:nth-child(5),.tmcx-li:last-child{margin-right: 0;}


.in-about{width: 100%; height: auto; float: inherit; overflow: hidden;}
.in-about-img{width: 100%; height: auto; line-height: 1; border-radius: 15px; overflow: hidden;}


.in-news{float: inherit; width: 100%; height: auto; overflow: hidden;}
.in-news-li{display: flex; width: 100%; height: 125px; line-height: 1; overflow: hidden; margin-bottom: 25px; overflow: hidden;}
.in-news-li .in-news-img{display: none;}
.in-news-txt{width: 100%; padding-left: 0; line-height: 1;}
.in-news-txt h2{margin: 0;}

.foot{margin-top:55px;}
.foot-nav,.foot-tel{float: inherit; width: 100%; height: auto; margin-bottom: 20px;}
.foot-ewm{min-width: 100%; height: auto; padding: 15px; background: #3a3a3a; float: right; display: flex; justify-content: flex-start; align-items: center;}

.pg_center{width:90vw; height: auto; margin: 40px auto 0; padding: 0; transition: all .5s ease 0s;}
.pg-left{width: 100%; height: auto; float: inherit;}
.pg_leftnav{width: 100%; height: auto; margin-bottom:30px;}
.pg_title_a{width: 100%; height: 90px; background: url(../images/bga.png) left center/100% no-repeat; line-height: 1; font-size: 28px; color: #fff; font-weight: 400; text-align: center; display: flex; align-items: center; justify-content: center; align-content: center; flex-wrap: wrap; flex-flow: column;}

.pc_leftcontact{display: none;}
.mb_leftcontact{display: block; margin-top: 50px;}

.pg_right{width: 100%; height: auto; overflow: hidden; float: inherit;}
.pg_right_bk{width: 100%; height: auto; min-height: 500px; border: 1px solid #e4e4e4; padding: 15px;}
.pg_right_title{width: 100%; height:50px; line-height: 50px; border-left: 4px solid #3c90ef; background: #f1f1f1; padding:0 15px; font-size: 18px; color: #333; margin-bottom: 15px;}
.pg_right_title p{float: right; font-size: 14px; color: #818181; display: none;}
.pg-cen{width: 100%; height: auto; min-height: 500px;}


.pg_probox-li{display: block; width: calc((100% - 20px) / 2); height: auto; background: #fff; border: 2px solid #f2f2f2; margin-right: 20px; border-radius: 15px; overflow: hidden; transition: all .7s; float: left; margin-bottom: 23px;}
.pg_probox-li-img{width: 100%; height:145px; line-height: 1; overflow: hidden;}
.pg_probox-li-img img{width: 100%; height: 100%; object-fit: contain;}
.pg_probox-li-txt div{width: 100%; height:auto; max-height:calc(26px * 2); line-height: 26px; white-space: pre-wrap; font-size: 16px; color: #222222;  display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;}
.pg_probox-li-txt p{display: none;}
.pg_probox-li:nth-child(3n){margin-right: 20px;}
.pg_probox-li:nth-child(2n){margin-right: 0;}

.show-pro-img{width: 100%; height: 215px; line-height: 1; position: relative; overflow: hidden; margin: 25px 0;}

.p20{padding: 15px;}
.pg_zryli{width: calc((100% - 20px) / 2); height: auto; float: left; margin: 0 20px 15px 0;}
.pg_zryli div{width: 100%; height:180px; padding: 10px;}
.pg_zryli:nth-child(2n){margin-right: 0;}

.pg_newsli{width: 100%; height: auto; padding-bottom: 25px; border-bottom: 1px solid #e4e4e4; margin-bottom: 25px; display: block;}
.pg_newsliimg{width: 100%; min-width: 286px; height: auto; overflow: hidden;}
.pg_newslitxt{padding-left: 0; width: 100%;}
.pg_newslitxt h2{font-size: 16px; font-weight: bold; height: auto; line-height: 1.6; color: #525252; transition: all .5s;}
.pg_newslitxt div{font-size: 14px; line-height: 24px; color: #7d7d7d; height: calc(24px * 3); overflow: hidden; margin: 20px 0; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp:3;}



/**/
}
/* max 750 end */