@charset "utf-8";
@media (max-width:768px){
.header{position: relative;height:60px;}
.header .logo{width:60%;height:60px;float:left;line-height:60px;}
.header .logo img{max-height:40px;vertical-align:middle;}
.header .header-nav{transition: all 0.5s ease 0s;position: fixed;width: 100%;right: -100%;margin-left: 0px;z-index: 999;background: rgba(0,0,0,0.8);top: 0px;height: 100%;margin-top:60px;padding-top:20px;}
.header .header-nav li{float:none;width: 100%;border:0;text-align:left;margin-left: 20%;height:auto;}
.header .header-nav li>a{color:#fff;font-size:16px;line-height:45px;}
.header .header-nav li dl{position:relative;width:100%;margin-left:0px;left:0px;top:0px;min-width:auto;}
.header .header-nav li dl dd{width:100%;margin-left:0px;height:45px;line-height:45px;color:#666;text-align:left;}
.header .header-nav li dl dd a{color:#eee;display:inline;font-size:14px;}
.header .header-nav li:hover dl{display: none;}
.header .header-nav li:hover,.header .header-nav li.active{background:none !important;border: none;}
.header .header-nav li:hover a,.header .header-nav li.active a{color:#fff;}
.header .navbar-toggle{float: right;margin-left:18px;z-index:1000;width:35px;height:24px;float:right;background-color:transparent;border:0;display:block;margin-top:18px;cursor:pointer;}
.header .navbar-toggle span{margin-top:10px}
.header .navbar-toggle span,.header .navbar-toggle span:before,.header .navbar-toggle span:after{position:absolute;display:block;width:24px;height:2px;cursor:pointer;content:'';background-color:#000;border-radius:1px;-webkit-transition:all .4s cubic-bezier(0.19,1,.22,1);-o-transition:all .4s cubic-bezier(0.19,1,.22,1);transition:all .4s cubic-bezier(0.19,1,.22,1)}
.header .navbar-toggle span:before{top:-7px}
.header .navbar-toggle span:after{bottom:-7px}
.header .navbar-toggle.drawer-open span,.header .navbar-toggle.drawer-open span::before,.header .navbar-toggle.drawer-open span::after{background:#000;}
.header .navbar-toggle.drawer-open span{background: rgba(0, 0, 0, 0);}
.header .navbar-toggle.drawer-open span:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);left:0px;top:0px;}
.header .navbar-toggle.drawer-open span:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);left:0px;top:0px;}


.swiper-pagination .swiper-pagination-bullet{width:20px;height:2px;}
.m_about{padding:25px 0px;}

.home-title h3{font-size:18px;}
.home-title h3 span{width:35%;margin-top:12px;}
.home-title h3 span i{width:25px;}
.home-title p{margin-top:0px;}

.m_about_con{margin-top:20px;}
.m_about_con .img{width:100%;}
.m_about_con .text{width:100%;margin-top:15px;}
.m_about_con .text .tit span{padding-bottom:7px;font-size:16px;}
.m_about_con .text .con{width:100%;margin-top:5px;font-size:14px;line-height:24px;height:190px;-webkit-line-clamp:8;}
.m_more{margin-top:15px;}
.m_more a{width:120px;height:35px;line-height:35px;}

.home_product{padding:25px 0px;}
.product-tab{margin-top:20px;}
.product-tab a{height:35px;line-height:35px;margin:2px 0px;width:auto;font-size:12px;padding:0px 10px;}
/* .product-tab-con{display:none;}
.product-tab-con-w{display:block;} */
.product-tab-con .item{margin-top:20px;}
.product-tab-con ul{margin-left:-2%;}
.product-tab-con li{margin-left:2%;width:48%;}
.product-tab-con li:nth-child(1){margin-left:auto;}
.product-tab-con li .text{font-size:14px;padding:5px;}
.product-tab-con li .text h3{font-size:14px;}
.product-tab-con li .text p{font-size:12px;margin-top:5px;}
.product-button-prev{width:35px;height:35px;left:15%;bottom:-50px;}
.product-button-next{width:35px;height:35px;right:15%;bottom:-50px;}

.home_article{padding:25px 0px;}
.article-tab{margin-top:20px;}
.article-tab a{height:35px;line-height:35px;margin:0px 5px;width:120px;font-size:14px;}
.article-tab-con{margin-bottom:10px;}
.article-tab-con .item{margin-top:20px;}
.article-tab-con .item .img_text{width:100%;margin-top:-10px;}
.article-tab-con .item .img_text .item01{margin-top:10px;}
.article-tab-con .item .img_text .item01 .text{padding:0px 0px;}
.article-tab-con .item .img_text .item01 .text a{font-size:14px;}
.article-tab-con .item .img_text .item01 .text span{font-size:12px;margin-top:3px;}
.article-tab-con .item .img_text .item01 .text p{font-size:12px;line-height:18px;margin-top:3px;-webkit-line-clamp:2;height:40px;}
.article-tab-con .item .tit_text{width:100%;margin-top:10px;}
.article-tab-con .item .tit_text li{padding:10px 5px;font-size:14px;}
.article-tab-con .item .tit_text li i{width:21%;font-size:12px;}

.home_join{padding:25px 0px;background-size:100% 100%;}
.join-tab{margin-top:20px;}
.join-tab a{height:35px;line-height:35px;margin:3px 0px 0px;width:32.33%;font-size:14px;}
.join-tab a.active i{opacity:0;}
.join-tab-con{margin:20px 0px 10px;}
.join-tab-con .item .img{padding:5px;width:100%;}
.join-tab-con .item .text{width:100%;padding:5px 10px 10px 5px;height:auto;}
.join-tab-con .item .text h3{margin-bottom:5px;}
.join-tab-con .item .text h3 span{font-size:15px;width:100px;height:30px;line-height:30px;}
.join-tab-con .item .text p{line-height:24px;margin-bottom:10px;}

.footer{padding:25px 0px 25px;}
.footer .foot_nav{width:100%;}
.footer .foot_nav ul li{margin-top:10px;width:33.33%;}
.footer .foot_nav ul li a{margin-left:0px;}
.footer .foot_nav ul li>span{display:none;}
.footer .foot_nav h4{width:100%;font-size:14px;margin-top:10px;line-height:24px;}
.footer .foot_nav p{margin-top:2px;}
.footer .foot_con{width:100%;margin-top:15px;}
.footer .foot_con p{margin-top:10px;}

.crumbs{position:relative;height:35px;line-height:35px;font-size:12px;}
.crumbs .sclj{position:absolute;top:40px;width:210px;left:50%;margin-left:-105px;}
.crumbs .sclj a{font-size:14px;padding:0px 10px;height:35px;border:0px;}
.crumbs .sclj a:nth-child(2) {border-right:0px;}
.crumbs .sclj a:nth-child(1) span,.crumbs .sclj a:nth-child(2) span{background-size:18px auto;padding-left:25px;}
.about .about_desc{padding:50px 0px 10px;}
.ej_nav a{width:auto;padding:5px 5px;font-size:12px;margin:2px 0px;}
.ab_ej_nav a{width:120px;font-size:14px;}
.about .about_desc .about_desc_down{margin-top:25px;}
.page_tit h3{font-size:18px;}
.page_tit span{margin-top:10px;width:45px;height:2px;}
.about .about_desc .about_desc_down .con{margin-top:20px;}
.about .about_desc .about_desc_down .con .img{width:100%;}
.about .about_desc .about_desc_down .con .text{width:100%;font-size:14px;line-height:24px;}
.about .about_sever{padding:25px 0px;background:url('../images/about_jjw.jpg')no-repeat center center;background-size:100% 100%;}
.about .about_sever .about_sever_con{margin-top:20px;height:auto;width:100%;}
.about .about_sever .about_sever_con ul{margin-left:-8%;margin-top:-15px;}
.about .about_sever .about_sever_con li{position:relative;float:left;width:42%;margin-left:8%;margin-top:15px;}
.about .about_sever .about_sever_con li:nth-child(1){bottom:auto;left:auto;width:42%;}
.about .about_sever .about_sever_con li:nth-child(2){bottom:auto;left:auto;width:42%;}
.about .about_sever .about_sever_con li:nth-child(3){top:auto;left:auto;width:42%;}
.about .about_sever .about_sever_con li:nth-child(4){top:auto;right:auto;width:42%;}
.about .about_sever .about_sever_con li:nth-child(5){top:auto;right:auto;width:42%;}
.about .about_sever .about_sever_con li:nth-child(6){bottom:auto;right:auto;width:42%;}
.about .about_sever .about_sever_con li h3{font-size:16px;color:#333;padding-left:35px;height:30px;line-height:30px;}
.about .about_sever .about_sever_con li:nth-child(1) h3{background:url('../images/tb1.png')no-repeat left center;background-size:30px 30px;}
.about .about_sever .about_sever_con li:nth-child(2) h3{background:url('../images/tb2.png')no-repeat left center;background-size:30px 30px;}
.about .about_sever .about_sever_con li:nth-child(3) h3{background:url('../images/tb3.png')no-repeat left center;background-size:30px 30px;}
.about .about_sever .about_sever_con li:nth-child(4) h3{background:url('../images/tb4.png')no-repeat left center;background-size:30px 30px;}
.about .about_sever .about_sever_con li:nth-child(5) h3{background:url('../images/tb5.png')no-repeat left center;background-size:30px 30px;}
.about .about_sever .about_sever_con li:nth-child(6) h3{background:url('../images/tb6.png')no-repeat left center;background-size:30px 30px;}
.about .about_sever .about_sever_con li p{font-size:14px;line-height:22px;margin-top:5px;color:#333;}
.about .about_ryzz{padding:25px 0px;}
.about .about_ryzz .about_ryzz_con{margin-top:20px;}

.pages_con{margin-top:15px;font-size:14px;line-height:24px;}

.product{margin-top:20px;}
.product ul{margin-left:-2%;margin-top:-10px;}
.product ul li{width:48%;margin-left:2%;margin-top:10px;}
.product ul li a h3{font-size:14px;padding:5px 5px 5px;}
.product ul li a p{font-size:12px;padding:0px 5px 5px;}

.pro_detail{margin-top:25px;}
.pro_detail .detail_up .img {width: 100%;}
.pro_detail .detail_up .text{width:100%;margin-top:20px;}
.pro_detail .detail_up .text h3 span{font-size:16px;line-height:26px;}
.pro_detail .detail_up .text h3 p{font-size: 16px;}
.pro_detail .detail_up .text h4{margin-top:15px;}
.pro_detail .detail_up .text h4 span{line-height:34px;}
.pro_detail .detail_up .text h4 p{line-height:24px;padding:0px 0px 15px;}
.pro_detail .detail_up .text h5{margin-top:15px;}
.pro_detail .detail_down{margin-top:20px;padding:20px 10px;}
.pro_detail .detail_down .detail_down_con{margin-top:15px;}
.pro_detail .detail_down .detail_down_con .con{font-size:14px;line-height:24px;}
.pro_detail .other_pro{padding:25px 0px;}
.pro_detail .other_pro>h3{font-size:18px;}

.article{margin-top: 10px;}
.article li .img{padding:10px;width: 100%;}
.article li .text{padding:5px 10px 10px 10px;width:100%;}
.article li .text h3{width:100%;}
.article li .text h3 a{width:100%;font-size:16px;line-height:24px;}
.article li .text h4{display:none;}
.article li .text p{font-size:14px;line-height:24px;height:50px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}

.detail_tit{padding-bottom:15px;}
.detail_tit h3{font-size:16px;}
.detail_tit p{font-size:14px;margin-top:5px;}
.detail_con{margin-top:15px;font-size:14px;line-height:24px;}
.prev_next{margin-top:15px;height:40px;}
.prev_next p{height:40px;}
.prev_next p span{padding:0px 5%;font-size:12px;height:40px;line-height:40px;}
.prev_next p>a{font-size:14px;line-height:40px;}

.join{padding:25px 0px;}
.join .join_tit{height:35px;line-height:35px;padding:0px 10px;}
.join .join_tit span{font-size:14px;}
.join .join_tit span:nth-child(2){width:25%;}
.join .join_tit span:nth-child(3){width:32%;}
.join .item01{padding:0px 10px;}
.join .item01 .tit span:nth-child(2){width:25%;}
.join .item01 .tit span:nth-child(3){width:32%;}
.join .item01 .con{padding:15px 0px 30px;font-size:14px;line-height:24px;}

.contact{padding:25px 0px;}
.contact .tit h3{font-size:18px;}
.contact .tit span{height:2px;width:40px;}
.contact .con{margin-top:20px;}
.contact .con li{width:100%;line-height:32px;height:32px;margin-top:10px;}
.contact .con li span{float: left;}
.contact .con li p{float:left;font-size:16px;margin-top:0px;margin-left:10px}
.contact .con li span{height:auto;width:20px;float:left;}
.contact .con li span img{height:auto;width:100%;vertical-align:middle;}
.contact .con li:hover span img{margin-top:0px;}
.contact .map{height:300px;margin-top:20px;}
.contact .address{padding:5px 10px;height:auto;line-height:20px;font-size:12px;}

























/* 分页 */
.paging{width:100%;margin-top:20px;text-align: center;}
.paging li{display:inline-block;margin:0px 2px;font-size:12px;color:#666;}
.paging li a,.paging li span{background:#f7f7f7;box-shadow:0px 0px 5px #ccc;display:inline-block;color:#666;width:25px;height:25px;line-height:25px;text-align:center;}
.paging li a:hover{color:#d32526;}
.paging li.active span{color:#fff;background:#d32526;}
.paging li:nth-child(1),.paging li:nth-last-child(1){font-family:'宋体';}
}