@charset "utf-8";
@media (max-width:768px){
.header{position: relative;height:60px;background:#fff;}
.header_h{background:#000;}
.header .logo{width:60%;height:30px;float:left;line-height:30px;margin-top:15px;}
.header .logo img{max-height:30px;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::after{display:none;}
.header .header-nav li.active a{color:#336645;}
.header .header-nav li dl dd:hover a{color:none;}
.header .navbar-toggle{float: right;margin-left:18px;z-index:1000;width:25px;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;}
.header .header-nav .up {width:auto;font-size:14px;margin-top:15px;position:absolute;top:-55px;right:20%;}
.header_h .navbar-toggle span,.header_h .navbar-toggle span:before,.header_h .navbar-toggle span:after{background:#fff;}
.header_h .navbar-toggle.drawer-open span::before,.header_h .navbar-toggle.drawer-open span::after{background:#fff;}

.m_banner .swiper-container-horizontal > .swiper-pagination-bullets, .m_banner .swiper-pagination-custom, .m_banner .swiper-pagination-fraction{bottom:8%;}
.swiper-pagination .swiper-pagination-bullet{background:#fff;width:20px;height:2px;border-radius:2px;}
.swiper-pagination .swiper-pagination-bullet-active{background:#336645;}

.m_about {margin-top:25px;}
.m_about_l {width:100%;padding:0px;background:url('../images/logo-img.jpg')no-repeat right bottom;background-size:100% auto;}

.m_about_l .tit h3{font-size:20px;padding-bottom:10px;}
.m_about_l .tit p{margin-top:10px;}
.m_about_l .text {margin-top:10px;}
.m_about_l .text p {font-size:14px;line-height:24px;height:100px;}
.m_about_l .text a {margin-top:15px;width:125px;height:35px;line-height:35px;}
.m_about_l .text a span{font-size:14px;}
.m_about_r {width:100%;margin-top:20px;}

.m_cpygc{margin-top:25px;}
.m_title span {font-size:20px;line-height:20px;}
.m_title p {margin-top:10px;font-size:12px;}
.m_title p i{width:30px;margin:0px 5px;}
.m_cpygc_con ul{margin-left:-1.19%;}
.m_cpygc_con ul li{width:48%;margin-left:2%;margin-top:15px;text-align:center;}
.m_cpygc_con ul li a p{margin-top:10px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.m_case {padding:25px 0px 20px;}
.m_case_con .swiper-button-next, .m_case_con .swiper-button-prev{display:none;}
.m_case_con .swiper-slide{width:60%;padding-bottom:40px;}
.m_case_con .swiper-slide-active{width:120%;}

.m_case_con{width:90%;margin:20px 5% 0px;}
.m_case_con .swiper-slide .text{padding:10px;}
.m_case_con .swiper-slide .text .text_l {width:65%;}
.m_case_con .swiper-slide .text .text_l span{font-size:16px;line-height:20px;}
.m_case_con .swiper-slide .text .text_l p{font-size:12px;margin-top:5px;}
.m_case_con .swiper-slide .text .text_r {width:30%;}
.m_case_con .swiper-slide .text .text_r a {height:30px;line-height:30px;}
.m_case_con .swiper-slide .text .text_r a span {font-size:12px;}
.m_case_con .swiper-slide-active .text {width:90%;left:5%;}


.m_article{padding-bottom:25px;}
.m_article_con {margin-top:10px;}
.m_article_con .item {margin-left:0%;}
.m_article_con .item01{width:100%;margin-left:0%;margin-top:10px;}
.m_article_con .item01 .text{margin-top:10px;}
.m_article_con .item01 .text a{font-size:14px;}
.m_article_con .item01 .text p{margin-top:10px;font-size:12px;line-height:22px;margin-bottom:10px;height:45px;height:45px;}
.m_article_con .item01 .text b {padding-top:10px;font-size:14px;}
.m_article .more{margin-top:20px;}
.m_article .more a {width:125px;height:35px;line-height:35px;}
.m_article .more a span{font-size:14px;}


.foot{padding:25px 0px;}
.foot .f_logo{width:100%;padding:0px 0px 15px;text-align:center;}
.foot .f_logo img{width:50%;max-width:312px;}
.foot .f_contact {width: 100%;margin: 0px 0%;}
.foot .f_contact p {margin-bottom:5px;}
.foot .f_nav {width:100%;margin-top:15px;}
.foot .f_nav .con a{margin-top:10px;width:33.33%;}
.foot .f_ewm{display:none;}
.copyrights{padding:10px 0px;line-height:22px;}

.about {padding:20px 0px 25px;}
.about .about_up .img {width:100%;}
.about .about_up .img img {padding-top:0px;}
.about .about_up .text {width:100%;}
.about .text h3 {font-size:16px;line-height:26px;margin-top:10px;}
.about .text p {font-size:14px;line-height:24px;margin-top:5px;}
.about .about_down {margin-top:20px;}
.about .about_down .img{width:100%;}
.about .about_down .text {width:100%;padding:5px 0px 0px;}


.zzrz{padding:25px 0px 25px;}
.zzrz .item{margin-left:-2%;margin-top:-15px;}
.zzrz .item01{width:48%;margin-left:2%;margin-top:15px;transition:0.5s;}
.zzrz .item01 .img{height:150px;}
.zzrz .item01 .text {margin-top:5px;font-size:14px;}


.crumbs {margin-top:10px;font-size:12px;height:auto;line-height:20px;}
.nav_son {margin-top:20px;}
.nav_son ul{margin-left:-0%;}
.nav_son li{ width:32%;margin:2px 0.5%;height:35px;line-height:34px;}
.nav_son li a{width:100%;font-size:12px;}
.gcyj{margin-top:10px;}
.gcyj .item{margin-left:-2%;}
.gcyj .item01{margin-top:15px;width:48%;margin-left:2%;}
.gcyj .item01 .img a {max-height:85px;}
.gcyj .item01 .text a{width:100%;font-size:14px;}
.gcyj .item01 .text p{font-size:12px;line-height:20px;margin-top:5px;height:20px;-webkit-line-clamp:1;}


.case {padding:15px 0px 25px;}
.case .item{margin-left:-2%;}
.case .item .item01{float:left;width:48%;margin-top:10px;margin-left:2%;height:auto;}
.case .item .item01 .img{width:100%;height:95px;overflow:hidden;}
.case .item .item01 .text{width:100%;padding:10px 0px 10px 0px;}
.case .item .item01 .text a:nth-child(1){font-size:14px;padding-bottom:7px;}
.case .item .item01 .text a:nth-child(1) i{width:50px;height:1px;}
.case .item .item01 .text p{font-size:12px;margin-top:5px;line-height:22px;height:45px;-webkit-line-clamp:4;}
.case .item .item01 .text a:nth-last-child(1){width:100px;height:30px;line-height:30px;margin-top:10px;}
.case .item .item01 .text a:nth-last-child(1) span {font-size:12px;background:url('../images/more-2.png')no-repeat right center;padding-right:18px;background-size:auto 8px;}


.chzx {padding-bottom:25px;}
.chzx .nei ul{margin-left:-2%;}
.chzx .nei ul li {width:48%;margin-left:2%;margin-top:10px;padding:10px 10px;}
.chzx .nei ul li span {font-size:14px;}
.chzx .nei ul li a {margin-top:5px;font-size:14px;}
.chzx .nei ul li p {font-size:12px;line-height:22px;margin-top:10px;height:45px;}


.contact {padding:25px 0px 20px;}
.contact .img {width:100%;}
.contact .text {padding:15px 15px;width:100%;}
.contact .text .tit b{font-size:16px;line-height:16px;}
.contact .text .tit p {font-size:12px;margin-top:10px;}
.contact .text .tit {padding-bottom:10px;}
.contact .text .con{font-size:14px;line-height:28px;margin-top:10px;}
.map {height:200px;}



.news {padding: 15px 0px 25px;}
.news .item{margin-left:-2%;}
.news .item .item01 {float:left;width:48%;margin-left:2%;padding:10px 0px;border:0px;}
.news .item .item01 .img{width:100%;}
.news .item .item01 .text {width:100%;padding:10px 0px 0px;}
.news .item .item01 .text a:nth-child(1) {font-size:14px;padding-bottom:5px;}
.news .item .item01 .text>span{font-size: 12px;}
.news .item .item01 .text p {font-size:12px;margin-top:5px;height:45px;line-height:22px;}
.news .item .item01 .text a:nth-last-child(1){width:100px;height:30px;line-height:30px;margin-top:6px;}
.news .item .item01 .text a:nth-last-child(1) span {font-size:12px;color:#336645;background: url('../images/more-2.png')no-repeat right center;background-size:auto 8px;padding-right: 18px;}
.detail {padding:25px 0px 25px;}
.detail_tit{padding-bottom:15px;}
.detail_tit span {font-size:16px;}
.detail_tit p {margin-top: 10px;}
.detail_tit p i {font-size:12px;margin:0px 10px;}
.detail_con {padding:20px 0px;font-size:14px;line-height:26px;}
.prev_next {margin-top:15px;}
.prev_next p {font-size:12px;}
.prev_next>a{font-size:12px;}


/* pages.html */
.pages{width:100%;display:inline-block;padding:25px 0px 30px;}
.pages_tit{font-size:20px;width:100%;display:inline-block;text-align:center;color:#333;position:relative;padding-bottom:10px;}
.pages_tit::after{content:'';position:absolute;bottom:0px;left:50%;width:50px;margin-left:-25px;height:2px;background:#336645;}
.pages_con{width:100%;display:inline-block;margin-top:20px;font-size:14px;color:#666;line-height:24px;}
.pages_con img{max-width:100%;}













/* 分页 */
.paging{width:100%;margin-top:25px;text-align:center;font-family:'宋体';font-size:0px;}
.paging li{display:inline-block;border-bottom:1px solid #999;font-size:14px;color:#666;}
.paging li a,.paging li span{display:inline-block;color:#666;width:40px;text-align:center;height:23px;position:relative;}
.paging li a::after,.paging li span::after{color:#336645;content:'';position:absolute;bottom:0px;width:0%;left:0px;height:2px;background:#336645;transition:1s;}
.paging li a:hover{color:#336645;}
.paging li a:hover::after{width:100%;}
.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:40px;}
.paging li.active span{color:#336645;}
.paging li.active span::after{width:100%;}




}