@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:100%; height: auto; margin: 0 auto; transition: all .5s ease 0s;}
.c_nav{display: flex;}
.in_center{width:100%; padding:0 3%;}
/**/
.top{width: 100%; height:50px; padding: 0 5%}
.logo{width:50%; height: 50px; }
.logo img{max-width:80%; height: auto; overflow: hidden;}
.header{display:none;}

.nav{width:100%; height:calc(100% - 50px); line-height: 100px; float: inherit; text-align: left; position: fixed; bottom: 0; left: -100%; background: rgba(255,255,255,.95); padding:5vh 5% 0;}
.nav .m{display:block; width: 100%; height:50px; line-height: 50px; border-bottom:1px solid #ccc; margin: 0; text-align: left; background:none;}
.nav a{position: relative; z-index: 2; height:50px; line-height:50px; padding-top:0; width:auto;}
.nav .m:after{content: ''; width: 0%; height:1px; background: #056cbf; position: absolute; left: 50%; top:inherit; bottom: 0; border-radius: 18px; opacity: 0;}
.nav .m:hover:after,..m .nuw:after{left: 0; width: 100%; opacity: 1;}
.nav .m:hover a,.nav .nuw a{ color: #056cbf; transition: all .2s ease-in .2s;}
.nav .sub{display:none !important}
.nav .m.on a,.nav .m.on a:hover{border:none; color:#30b1c2; /*border-bottom:1px solid #30b1c2;*/ width:100%;}

/* banner */
.in_banner{width:100%; height:28.4vw; margin:50px auto 0; overflow: hidden;}
.in_banner_l,.in_banner_r,.in_banner .in_banner_a{display: none;}
.in_banner .swiper-slide img{height:100%;}

.title{width:100%; font-size:24px; padding-top:10px;}
.title i{font-size:24px;}
.title h1{font-size:18px; height:30px; line-height:30px;}
.in_about,.product,.news{height:auto; padding-bottom:10%; clear:both;}
.about_fl{float:inherit; margin-top:10px; width:100%;}
.product .pro_more a{width:auto; padding:0 1vw;}
.about_fl h1{font-size:18px;}
.about_fl h2{font-size:24px; height:30px; line-height:30px; margin-bottom:15px;}
.about_fl p{margin-bottom:15px;}
.about_fr{float:inherit; width:100%; margin-top:13%;}
.pg_proli{width:50% !important; height:auto !important; padding-bottom:25%;}
.swiper-slide div.effect-lily h2{font-size:12px; height:30px; line-height:25px; margin: 0;}
.pg_proul{margin:20px 0;}
.pg_proul, .pg_prouls{height:auto;}
.news_fr ul li{height:auto; margin-bottom:15px;}
.news_fl,.news_fr{float:inherit; width:100%;}
.news_fl,.news_fr{margin-top:20px; height:auto; padding:0;}
.news_fl p, .news_fr .fr p{margin-bottom:20px;}
.news_fr .fl{ display:block; float:inherit; margin-bottom:15px; width:19vw;}
.news_fr .fr{float:inherit; width:100%;}
.news .pro_more a{margin-top:15px; width:auto; padding:0 1vw;}
.foot{height:auto; width:100%; padding:0 0% 5% 0%; margin-top:5%;}
.foot_cen{height:auto; padding-bottom:2%;}
.foot_cen .tel,.foot_cen .add,.ewm{background:none; float:inherit; width:100%; padding-top:10px; clear:both;}
.foot_cen .tel,.foot_cen .add,.foot_cen .ewm,{float:inherit; width:100%; padding-top:15px; margin:0 auto; height:auto;}
.foot_cen .tel{font-size:16px; padding-top:15px; margin:0; border:none;}
.foot_cen .tel div{font-size:20px; padding-top:10px;}
.foot_cen .add{padding-top:15px; line-height:25px;}
.foot .ewm,.foots .ewm{clear:both; zoom:1;}
.foot:after{ display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.bottom{height:auto; clear:both; line-height:30px; padding:1% 0%; max-height:60vw;}
.down{height:24vw; line-height:8vw; overflow:hidden;}
.bottom a{float:inherit;}
.ewm .wz{float:left; margin-left:3%; width:30%;}
.ewm .wz h1{font-size:18px;}
.ewm .img{width:auto; height:auto; padding:4vw;}
.ewm .img img{width:100%; height:auto; margin:0;}
.foot_top{width: 100%; height: auto; padding:20px 0 20px;}
.foot_topnav{width: 100%; height: auto; float: inherit; background:none; margin-top:10px;}
.foot_navli{width: 100%; height: auto; float: inherit;}
.foot_navli p{display: none;}
.foot_navli p:first-child{margin-bottom:15px; display: block; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.2);}
.foot_fr{float:inherit; width:40%; margin-top:15px;}
/*内页*/
.pg_banner{width:100%; height:auto; margin-top: 50px; }
#pg_title{height:auto; line-height:40px;}
#pg_title a{font-size:14px; padding:0 1%; margin:0;}
.con_list{width:100%; padding-top:30px; font-size:12px; padding:30px 0;}
.contact .con_fl,.contact .con_fr{float:inherit; width:100%; padding:3%;}
.contact .con_fr{margin-top:30px;}
.contact .tit{font-size:16px; width:80%;}
.contact b{font-size:14px;}
.contact h1{font-size:18px;}
.contact{width:100%; padding:0 3%;}
.bring{padding:2% 0 3% 0;}
.con_list .tit{width:auto;}
.contact{font-size:12px;}
.contact .add{margin:15px 0;}
.contact .add h1{font-size:28px; line-height:30px;}
.contact .add h2{font-size:18px;}
.product_fl,.product_fr{float:inherit; width:100%;}
.product_fr .pg_proli{width:100% !important; margin:0;}
.product_detal{width:100%; padding:0 3%; margin:15px auto;}
.detal_fl,.detal_fr{float:inherit; width:100%;}
.detal_fr{margin:15px 0 0 0;}
.detal_fr h1{font-size:18px;}
.detal_fr h2{font-size:16px; margin-bottom:10px; height:30px; line-height:30px;}
.detal_fr p{font-size:14px; height:auto; line-height:30px; margin-bottom:10px;}
.detal_fr ul li div{height: 22px; line-height: 22px; width: 22px;}
.detal_fr ul li{height:auto; line-height:30px; clear:both; padding-bottom:2%;}
.detal_fr ul li p{width: 88%; float: right;}
/*.detal_fr ul li span{margin:5px 10px 0 0;}*/
.detal_two{padding:15px 0 0 0; margin-bottom:10px;}
.two_fl,.two_fr{float:inherit; width:100%;}
.two_fr img{margin:0; width: 100%;}
.two_fl table thead td{font-size:14px;}
.two_fl table td{font-size:12px;}
.detal_three{width:100%;}
.detal_three img{width:100%;}

.news_li{margin:10px 0;}
.news_li li .img,.js,.news_li li .time{float:inherit; width:100%;}
.js{margin:17px 0 0 0;}
.js h1{font-size:16px; height:40px; line-height:40px;}
.news_li li .time{line-height:30px; font-size:16px;}
.news_li li .time a{margin-top:10px; height:30px; line-height:30px; margin-left:4%; width:auto; padding:0 1vw;}
.service li{padding:10px 0;}
.service li .border{display:none;}
.service li .js,.service li .img{float:inherit; width:100%;}
.service li .time{width:auto; float:inherit; width:20%; font-size:24px;}
.service li .js{margin-bottom:10px;}
.pg_detal h1{font-size:17px;}
.pg_detal h2 span{margin:0 2%;}
.pg_tit{height:auto; line-height:35px; margin:0;}
.pg_tit h1{width:100%; font-size:20px;}
.pg_tit span{font-size:26px;}
.pg_about .fl{float:inherit; width:100%; margin:20px 0 0 0;}
.pg_about .fl h1{font-size:18px; height:auto; line-height:30px;}
.pg_about .fl h1 span{font-size:18px;}
.pg_about .fr{float:inherit; width:100%; margin:0 0 15px 0;}
.link{width:100%; margin-top:15px;}
.link a{width:50%; display:inline-block; padding:0; text-align:center; background:url(../images/link.png) no-repeat 10% center;}
.link a.right{width:50%; padding:0; float:inherit; background:url(../images/right.png) no-repeat 80% center #aed21b; float:right;}
.message{width:100%;}
.message table{width:100%; margin:0 auto; padding:0 2vw;}

.wall-column{width:50%;}
.article > img,.article h2,.article{margin:0;}
.article{padding:6px;}
.about_fl div a{width:auto; padding:0 1vw;}
.culture{height:auto; margin:20px 0;}
.culture ul li{float:inherit; width:100%; height:auto; margin:5vw 0;}
.culture ul li .xian{width:30vw;}
.service li .time a{width:12vw;}
.message table .text,.message table .mail,.message table .mail,.message table .yzm,.message table .phone{padding-left:8%;}
.message table td img{height:12vw;}
.button{width:50vw;}
.about_fr img{width:90%;}
.about_fr a:nth-child(1){width:50%; margin-left:23vw;}
.about_fr a:nth-child(3),.about_fr a:nth-child(2){width:49%;}
.culture ul li .img{height: auto;}
.product_fr .swiper-slide div.effect-lily h2{margin-top: 10px;}
.swiper-slide div img{width:100%; height:30vw;}
.product_fr .swiper-slide div img{width:100%; height:55vw;}






}
/* max 750 end */




