@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) {
i{font-style:normal;}
.in_center{width: 94%; margin: 0 3%;}

.top{height: 50px; position: fixed; left: 0%; top: 0%; background: #fff; width: 100%;}
.top .business{display: none;}
.top .tel{float: right; width:50vw; margin-top: 2.8vw; background-image: url(../images/tel.png); background-position: left center; background-repeat: no-repeat; background-size: 10%; color: #0d8374; font-size: 12px; line-height:15px; padding-left: 20px; font-weight: bold; font-style: italic; margin-right: 30px;}
.header{height: 50px; line-height: 50px; top: 0; background: none;}
.logo{width:35vw; margin-top: 3.5vw;}
.logo img{width: 30vw; height:auto;}
.js_nav{width:100%; height:calc(100% - 50px); line-height: 50px; float: inherit; text-align: left; position: fixed; bottom: 0; left: -100%; background: rgba(0,0,0,.75); padding:5px 5% 0; z-index: 9999; overflow-x: hidden; overflow-y: auto;}
.nav{width:100%; height: auto; display:block; margin: 0;}
.nav ul{display: block;}
.nav ul li.active a,.nav a:hover{background: none; height: auto;}
.nav ul li{display: block; float: inherit; width: 100%; margin: 0; height: 42px; line-height: 42px; background: none; border-bottom: 1px solid rgba(255,255,255,.3);}
.nav a{position: relative; z-index: 2; display: block; width: 100%; height: 45px; line-height: 42px; color: #fff; font-weight: normal; text-align: left; margin: 0; float: inherit; font-size: 16px;}
.nav ul li:nth-child(2){height: auto;}
.nav_liula{width: 100%; height: 45px; line-height: 42px; text-align: center; font-size: 16px; color: #fff; overflow: hidden;}
.nav_liula i{display: block; width: 40px; height: 40px; background: url(../images/jia.png) center center/50% 50% no-repeat #0d8374; position: absolute; top:2px; right: 0; z-index: 555; border-radius: 3px; display: block;}

.nav:after{content: ''; width: 0%; height:1px; position: absolute; left: 50%; top:inherit; bottom: 0; border-radius: 18px; opacity: 0;}
.nav:hover:after,.nav .nuw:after{left: 0; width: 100%; opacity: 1;}
.nav .nuw a{ color: #e60012; transition: all .2s ease-in .2s;}
.c_nav{display: flex;}
.search{display: none;}

.nav_liulb{width: 100%; height: auto; line-height: 24px; font-size: 14px; position: inherit; left: 0; top: 0; text-align: left; padding-right: 10px; background:none; display: none; padding-left: 25px;}
.nav_liulb a{margin:0; display:block; font-size: 14px; border-bottom: 1px solid rgba(255,255,255,.3); display: block;}
.nav_liulb a:hover{color: #fff;}
.nav_liulb a:last-child{border-bottom: none;}

/* banner */
.in_banner{width:100%; height:auto; margin:50px auto 0; overflow: hidden;}
.in_banner img{height: auto}
.in_banner_l,.in_banner_r,.in_banner .in_banner_a{display: none;}
.in_banner .swiper-slide a{background-size:auto 100%; }

.product{width: 100%; padding: 0 3%;}
.product_tit{margin: 15px 0;}
.product_tit div{height: 30px; line-height: 30px; font-size: 16px;}
.product_tit div span{ margin-left: 5px;}
.product_tit h1{height: 24px; line-height: 24px; font-size: 14px; margin-bottom: 6px;}
.product_tit h2{width: 40px;}
.product_li ul li{width:49%; margin: 0 2% 15px 0;}
.product_li ul li:nth-child(2n){margin-right: 0;}
.product_li ul li .img{width: 100%; height: 130px;}
.product_li ul li img{width: 100%; height: 130px;}
.product_li ul li .bt{height: 30px; line-height: 30px; font-size: 14px; padding: 0 5px;}
.product_li ul li .bt i{height: 12px; line-height: 12px; width: 12px; font-size: 10px; margin-top: 8px;}
.product_li ul li:hover img{ height: 120px; width: 96%; margin: 5px;}

.pic{height: 45px; margin: 0 auto 15px auto;}
.pic img{height: 45px;}

.about{width: 100%; padding: 0 3%;}
.about .fl{width: 100%; float: inherit; display: inline-block;}
.about .fl img{width: 100%; height: 180px;}
.about .fr{width: 100%; float: inherit; display: inline-block; margin: 15px 0;}
.about .fr .about_tit{font-size: 16px; height: 36px; line-height: 28px;}
.about .fr .about_tit span{font-size: 14px;}
.about .fr .about_tit i{height: 12px; line-height: 12px; width: 12px; margin-top: 7px;}
.about .fr p{line-height: 20px; font-size: 12px;}

.news{width: 100%; margin: 0 auto 15px auto; padding: 0 3%;}
.in_news{height:200px; width: 100%; float: inherit; display: inline-block; position: relative; margin-bottom: 15px;}
.in_news img{height: 200px;}
.in_news .swiper-slide div{height: 35px; line-height: 35px; font-size: 14px; padding-left:6px;}
.in_news .in_news_a{display: none;}
.news_li .fr{width: 100%; float: inherit; display: inline-block;}
.new li{height:80px; margin-bottom:15px;}
.new li .zb{width:18%; height: 80px; font-size: 14px; line-height: 24px; padding-top: 15px;}
.new li .zb div{font-size: 16px;}
.new li .yb{height: 80px; width:100%; padding: 5px 10px 0 10px;}
.new li .yb h1{font-size: 16px; height: 30px; line-height: 30px;}
.new li .yb div{font-size: 14px; height: 40px; line-height: 20px;}

.foot_nav{height: auto; line-height: 24px; padding: 10px 0;}
.foot_nav a{font-size: 14px; width: 80px; margin-bottom: 10px;}
.foot_contact{font-size:14px; line-height:24px; padding:10px 0;}
.foot_contact span{margin: 0; display: block;}
.bottom{height: auto; line-height: 22px; font-size: 14px; padding: 10px 0;}
.bottom a{margin-left: 10px;}

.left_contact{display: none;}

/*产品详情*/
.mainbody .left{float: inherit; width: 100%; padding:10px 3%;}
.mainbody .left:after{height: 95px;}
.mainbody .left .left_tit{margin-bottom: 26px;}
.mainbody .left .left_tit h1{font-size: 18px; height: 30px; line-height: 30px;}
.mainbody .left .left_tit h2{font-size: 14px; height: 26px; line-height: 26px;}
.mainbody .left .left_tit div{font-size: 12px; height: 20px; line-height: 20px;}
.left_li{margin-bottom: 0px;}
.left_li ul li{height: 36px; line-height: 36px; font-size: 14px;}
.left_li ul li i{margin: 0 10px;}
.con_tit{font-size: 18px; height: 34px; line-height: 34px;}
.left_contact ul li{padding: 10px 0;}
.left_contact ul li .fl{width: 30px; margin-top: 8px;}
.left_contact ul li .fl img{width: 30px; height: 30px;}
.left_contact ul li .fr{width:90%; font-size: 16px; line-height: 24px;}
.left_contact ul li:first-child .fr{font-size: 18px;}
.left_contact ul li:nth-child(2) .fr{line-height: 42px;}
.left_contact ul li:nth-child(3) .fr{line-height: 42px;}
.mainbody .right{float: inherit; width: 100%; padding:0 3%;}
.mainbody .right:after{height: 1px; top: 48px;}
.mainbody .right_tit{height: 35px; line-height: 35px; font-size:15px; margin-bottom: 30px;}
.mainbody .right_tit span{height: 16px; margin-right: 5px;}
.detal p{ margin:15px 0;}

/*公司简介*/
.n_bann{height:140px; width: 100%; margin: 50px auto 0 auto;}
.n_bann img{height: 140px; width: 100%;}
.detal .detal_tit{font-size: 18px; height: 40px; line-height: 40px;}

/*成功案例*/
.right .product_li{margin: 15px 0;}
.right .product_li ul li{width: 49%; margin: 0 2% 15px 0;}
.right .product_li ul li:nth-child(2n){margin-right: 0;}
.right .product_li ul li .img{width: 100%; height: 130px;}
.right .product_li ul li .img img{width: 100%; height: 130px;}
.right .product_li ul li:hover img{ height: 130px; width: 100%;}
.right .product_li ul li:hover .bt{background: #0d8374; transition: all .4s ease 0s; color: #fff;}

/*成功案例详情*/
.ny_fy a{line-height: 25px; font-size: 14px;}

/*新闻资讯*/
.right .new{margin: 15px 0;}
.right .new .yb{width:100%;}
.page a{height: 24px; line-height: 24px; font-size: 14px; margin: 0 5px 5px 0;}

/*新闻资讯详情*/
.news_tit h1{font-size: 16px; height:auto; line-height:30px; margin: 7px 0;}
.news_tit h2{font-size: 12ox; height: auto; line-height: 18px;}

/*产品中心*/
.pro_list{margin: 15px 0;}
.pro_list ul li{margin-bottom:20px;}
.pro_list ul li .fl{width: 100%; float: inherit; display: inline-block;}
.pro_list ul li .fl img{width: 100%; height: 200px;}
.pro_list ul li .fr{width: 100%; float: inherit; display: inline-block;}
.pro_list ul li .fr h1{font-size: 16px; height: 35px; line-height: 35px;}
.pro_list ul li .fr h2{font-size: 14px; height: 20px; line-height: 20px; margin-bottom: 10px;}
.pro_list ul li .fr div{font-size: 14px; height: auto; line-height: 20px; margin-bottom: 15px;}
.pro_list ul li .fr a{font-size: 16px; height: 35px; line-height: 30px; width: 120px;}

/*资质荣誉*/
.honour{margin: 115px 0;}
.honour ul li{float: left; width: 49%; text-align: center; margin: 0 2% 15px 0;}
.honour ul li:nth-child(2n){margin-right: 0;}
.honour ul li .img{width: 100%; height:200px;}
.honour ul li .img img{width: 130px; height: 179px; margin-top: 10px;}
.honour ul li .bt{height: 30px; line-height: 30px; font-size: 14px;}
.cata_tc{width:96%; margin:0 auto; position:fixed; left:50%; top:50%; z-index:99;webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%); padding-bottom: 6vw;}
.cate_top{height:55px; line-height:55px; padding:0 20px; font-size:40px; color:#fff; }
.cata_t{position:absolute; right:20px; top:0px;}
.cata_t i{font-size: 30px;}
.cata_img{text-align: center;}
.cata_img img{width: 70%; height: 380px; border: 2px solid #555;}




.yd_a a:nth-child(1){width: 100%; background: #0D8374; border: none;}
.fd_ewm{display: none; width: 100px; height: auto;}
}
/* max 750 end */