@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:40px;line-height:40px;}
.header .header-nav li:hover dl{display: none;}
.header .header-nav li a{color:#fff;font-size:16px;}
.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 .header-nav li dl dd:hover a{color:none;}
.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;}

.scope-of-business{padding:20px 0;}
.home-title span:nth-child(1){font-size:20px;}
.scope-of-business ul{margin-top:10px;margin-left:-3.33%;}
.scope-of-business li{width:30%;margin-top:20px;}
.scope-of-business li .img{width:100%;height:45px;}
.scope-of-business li .img img{height:100%;}
.scope-of-business li a span{font-size:14px;margin-top:10px;}
.company-profile{padding:20px 0;background-size:auto 100%;}
.company-profile .img{width:100%;}
.company-profile .con{margin-top:20px;}
.company-profile .con .tex{width:100%;line-height:24px;font-size:14px;margin-top:10px;}
.company-profile .con .tex .more{margin-top: 20px;}
.home-product {background-size:auto 100%;padding: 20px 0px;}
.product-tab {margin-top: 20px;}
.product-tab li{padding: 10px 0px;font-size: 14px;}
.product-tab-con .item{margin-top:20px;}
.product-tab-con ul{margin-left:-1.33%;}
.product-tab-con li{width:32%;margin-left:1.33%;}
.product-tab-con li .img{height:110px;}
.product-tab-con li .text{font-size:12px;line-height:18px;padding:5px 0px;text-align:left;}
.product-container .product-button-prev {background: url('../images/prev.png') no-repeat center center;width:20px;height:30px;top:22%;background-size:100% 100%;}
.product-container .product-button-next{background: url('../images/next.png') no-repeat center center;width:20px;height: 30px;top:22%;background-size:100% 100%;}
.home-flow{background: url('../images/home-flow-bg.jpg');padding: 20px 0px;}
.home-flow img{width:100%;}
.home-flow .con{margin-top:30px;}
.home-case{padding: 20px 0px;}
.home-case .con li{margin-top: 15px;width:49%;}
.home-case .con li img{width:100%;}
.home-case .con li .text{height:30px;font-size: 14px;}
.footer .baiduMap{height:500px;}
.footer .copyright{line-height:26px;padding:20px 0px;}
.footer .copyright h3{font-size:18px;}
.footer .copyright .col-right {margin-top: 10px;}

.crumbs{line-height:20px;font-size:12px;padding: 5px 0px;height:auto;}
.about{padding: 20px 0px;}
.left-category{width: 100%;}
.left-category ul li > a{height:50px;font-size:16px;}
.left-category ul li > a span{height: 50px;line-height: 50px;font-size: 16px;}
.left-category ul li .drop-down p{height:50px;}
.left-category ul li .drop-down p a {height: 50px;font-size: 14px;}
.left-category ul li .drop-down p a span{height: 50px;line-height: 50px;font-size:14px;}

.about-right{width:100%;}
.about-right .about-right-up{padding-bottom:20px;margin-top:20px;}
.about-right .about-right-up .tit h3{font-size: 18px;}
.about-right .about-right-up .tit p{font-size: 14px;}
.about-right .about-right-up .con{margin-top: 20px;}
.about-right .about-right-up .con .img{width: 100%;}
.about-right .about-right-up .con .text{width:100%;margin-top:15px;line-height: 22px;}
.about-right .about-right-down{margin-top:20px;}
.about-right .about-right-down p{margin-top: 10px;}

.about_culture{margin-top:15px;}
.about_culture .cul_tit span{font-size:18px;}
.about_culture .cul_con{margin-top:15px;line-height:24px;}
.about_culture .cul_list{margin-top:10px;}
.about_culture .cul_list ul{margin-left:-2%;}
.about_culture .cul_list ul li{width:48%;margin-left:2%;margin-top:10px;}
.about_culture .cul_list ul li p{margin-top:5px;}

.about-right .pages{font-size:14px;line-height:24px;margin-top:15px;}
.news{margin-top:15px;}
.news ul{margin-left:-2%;margin-top:-15px;}
.news ul li{width:48%;margin-left:2%;margin-top:15px;}
.news ul li p{margin-top: 5px;}

.detail{margin-top:15px;}
.detail .detail_up .img{width: 100%;}
.detail .detail_up .text{width:100%;margin-top:15px;}
.detail .detail_up .text h3{line-height:35px;font-weight:400;font-size:16px;}
.detail .detail_up .text p{margin-top: 5px;}
.detail .detail_up{padding-bottom: 20px;}
.detail .detail_down{margin-top:15px;font-size:14px;line-height:24px;}
.detail .fhlist{margin-top:20px;padding-bottom:20px;}
.detail .other_pro{margin-top:15px;}
.detail .other_pro .con{margin-top:15px;}
.detail .fhlist a {padding: 0px 20px;height:30px;line-height:28px;border-radius:14px;font-size:16px;}

.contact{padding-bottom:30px;}
.contact_up ul li {width:100%;padding:0px 2%;margin-top:20px;}
.contact_up ul li span{font-size:16px;}
.contact_up ul li p{margin-top:5px;font-size:14px;line-height:24px;}
.contact_down{display:none;}
.wcontact_down{width:100%;display:block;margin-top:20px;}

.related .news ul{margin-left:-2%;margin-top:-15px;}
.related .news ul li{width:48%;margin-left:2%;margin-top:15px;}
.related .news ul li p{margin-top:5px;}


/* 分页 */
.paging{width:100%;margin-top:20px;text-align: center;}
.paging li{display:inline-block;margin:0px 2px;font-size:14px;color:#666;}
.paging li a,.paging li span{display:inline-block;color:#666;width:22px;height:22px;line-height:22px;text-align:center;border-radius:100%;}
.paging li a:hover{color:#43c4ff;}
.paging li:nth-child(1) a,.paging li:nth-last-child(1) a,.paging li:nth-child(1),.paging li:nth-last-child(1){width:30px;}
.paging li.active span{color:#fff;background:#43c4ff;}

}