@charset "utf-8";
@media (max-width:768px){
.header{position: relative;height:60px;display:block;}
.header .logo{width:33%;height:60px;float:left;}
.header .logo a {width: 100%;line-height:60px;height:60px;}
.header .logo img{height:40px;vertical-align:middle;}
.header .nav{transition:all 0.5s ease 0s;position:fixed;width:100%;top:60px;right:-100%;margin-right:0px;z-index: 999;background: rgba(0,0,0,0.8);height: 100%;margin-top:0px;padding-top:20px;}
.header .nav li{float:none;width: 100%;border:0;text-align:left;margin-left: 20%;height:40px;line-height:40px;}
.header .nav li i {display:none;}
.header .nav li:hover i, .header .nav li.active i {display:none;}
.header .nav li:hover dl{display: none;}
.header .nav a{width:100%;font-size:16px;height:40px;margin-top:10px;color:#fff;}
.header .nav li > a {color:#fff;display:block;width:50%;}
.header .nav a:hover, .header .nav a.active{background:none !important;border: none;color:#488efd;}
.header .nav li:hover a,.header .nav li.active a{color:#488efd;}
/* .header .nav li dl dd:hover a{color:none;} */
.navbar-toggle{display: none;cursor: pointer;position: absolute;top: 52px;right:5px;margin-left:18px;z-index:1000;width:24px;height:24px;float:right;background-color:transparent;border:0;display:block;margin-top:-32px;}
.navbar-toggle span{margin-top:10px}
.navbar-toggle span,.navbar-toggle span:before,.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)}
.navbar-toggle span:before{top:-7px}
.navbar-toggle span:after{bottom:-7px}
.navbar-toggle.drawer-open span,.navbar-toggle.drawer-open span::before,.navbar-toggle.drawer-open span::after{background:#000;}
.navbar-toggle.drawer-open span{background: rgba(0, 0, 0, 0);}
.navbar-toggle.drawer-open span:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);left:0px;top:0px;}
.navbar-toggle.drawer-open span:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);left:0px;top:0px;}
.header .nav .tel {width: 100%;margin-left: 20%;}
.header .h_search{float:left;margin-top:10px;height:40px;width:50%;position:relative;}
.header .h_search form{display:inline-block;width:100%;}
.m_header .h_search button{top:0px;position:absolute;background: url('../images/m1-icon2.png')no-repeat center center;background-size:15px auto;}
.m_header .h_search input{width:100%;padding:0px 5px;border-bottom:1px solid #666;opacity:1;font-size:14px;color:#666;}
.header .h_search:hover{width:50%;padding:0px 5px;}
.header .h_search:hover input{padding:0px 5px;opacity:1;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#999;font-size:14px;}
input:-moz-placeholder, textarea:-moz-placeholder{color:#999;font-size:14px;}
input::-moz-placeholder, textarea::-moz-placeholder{color:#999;font-size:14px;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#999;font-size:14px;}
.header .h_search button {top:0px;background: url('../images/m1-icon2.png')no-repeat center center;background-size:15px auto;}
.header .h_search input{opacity:1;padding:0px 5px;}



.m_banner{display:none;}
.m_banner .swiper-container-horizontal > .swiper-pagination-bullets,.m_banner .swiper-pagination-custom,.m_banner .swiper-pagination-fraction{bottom:15px;}
.m_banner .swiper-slide img{height:auto;}
.m_banner .swiper-slide .text {width:90%;left:5%;bottom:25%;}
.m_banner .swiper-slide .text span {font-size:16px;line-height:26px;}
.m_banner .swiper-slide .text p {font-size:12px;margin-top:5px;}
.m_banner .swiper-pagination-bullet{margin:0 2px !important;width:25px;height:3px;border-radius:1px;opacity:1;}
.sj_banner{display:block;}


.m_service {padding:25px 0px;}
.m_service_l {width:100%;padding:0px;}
.m_service_l b{font-size:24px;padding-bottom:15px;}
.m_service_l b::after{height:3px;}
.m_service_l span {font-size:22px;margin-top: 15px;}
.m_service_l p {font-size:14px;line-height:26px;margin-top:12px;}
a.m_more {margin-top:20px;height:36px;width:120px;line-height:36px;border-radius:0px 18px 0px;}
.m_service_r {width:100%;margin-top:20px;}
.m_service_r .item {margin-top:-20px;margin-left:-2%;}
.m_service_r .item .item01 {width:48%;margin-left:2%;margin-top:20px;border-radius: 0px 10px 0px;padding:10px 15px;}
.m_service_r .item .item01 b{height:54px;}
.m_service_r .item .item01 b img {margin-left:-30px;}
.m_service_r .item .item01 span {margin-top: 10px;font-size: 18px;}
.m_service_r .item .item01 p {font-size: 14px;line-height: 24px;margin-top: 10px;height: 70px;-webkit-line-clamp:3;}
.m_service_r .item .item01 a {margin-top:15px;padding: 0px;}


.m_about .img{width:100%;}
.m_about .text{width:95%;margin:20px 2.5% 20px;}
.m_about .text h3 {font-size:24px;padding-bottom:15px;}
.m_about .text h3::after {height:3px;}
.m_about .text span {margin-top: 15px;font-size: 20px;}
.m_about .text p {margin-top: 15px;font-size: 14px;line-height: 26px;height: 130px;}
.m_about .text a.m_more {margin-top: 25px;}
.m_youshi {padding:20px 0px;}
.m_youshi ul li {padding:5px 5px;float:left;border-right:0px;}
.m_youshi ul li b {font-size: 30px;line-height:28px;}
.m_youshi ul li span{font-size:12px;line-height:18px;margin-top:10px;display:inline-block;height:55px;}


.m_case{padding:25px 0px;}
.m_title span{font-size:24px;padding-bottom:15px;}
.m_title span::after {height:3px;}
.m_title p{font-size:22px;margin-top:10px;}
.m_case_con {margin-top:20px;}
.m_case_con_tap {width:100%;}
.m_case_con_tap .item01{width:100%;margin-top:10px;padding:10px 20px 10px 20px;float:left;}
.m_case_con_tap .item01 .up i {font-size:22px;line-height:22px;}
.m_case_con_tap .item01 .center {margin-top: 10px;font-size: 16px;}
.m_case_con_tap .item01 .down {margin-top: 10px;font-size: 12px;line-height: 20px;height: 40px;}
.m_case_con_con {width:100%;margin-top:15px;}
.m_case .more a{margin-top:30px;}


.m_news {padding:25px 0px;}
.m_news .m_news_l {width:100%;padding:0px 0px;}
.m_news .m_news_l b {font-size:20px;padding-bottom:15px;}
.m_news .m_news_l b::after { height:3px;}
.m_news .m_news_l span {font-size:20px;margin-top:15px;}
.m_news .m_news_l p {font-size: 14px;line-height:26px;margin-top:15px;}
.m_news .m_news_l a.m_more {margin-top:15px;}

.m_news .m_news_r {width: 100%;margin-top:15px;}
.m_news .container {position: relative;display: inline-block;left:2.5%;padding-bottom:50px;}
.m_news .m_news_r .swiper-slide{border-radius:0px 20px 0px;padding:15px;}
.m_news .swiper-news-next{bottom:0px;top: auto;left: 22.5%;right: auto;width: 40px;height: 40px;}
.m_news .swiper-news-prev{bottom:0px;top: auto;left: 2.5%;width: 40px;height: 40px;}
.m_news .m_news_r .swiper-slide a h4{font-size:16px;padding-bottom:14px;}
.m_news .m_news_r .swiper-slide a h4::after{height:3px;}
.m_news .m_news_r .swiper-slide a i {font-size: 14px;line-height:24px;margin-top: 10px;}
.m_news .m_news_r .swiper-slide a span {margin-top: 12px;}
.m_news .m_news_r .swiper-slide a p {margin-top: 12px;font-size: 14px;line-height: 24px;-webkit-line-clamp: 3;height: 70px;}
.m_news .m_news_r .swiper-slide a b {margin-top: 15px;}
.m_news .m_news_r .swiper-slide a h4 span {height: 45px;}

.m_cooper {padding: 25px 0px;}
.m_cooper .m_title span{font-size:20px;}
.m_cooper_con {margin-top: 20px;}


.footer .foot{padding: 25px 0px 25px;}
.footer .foot .foot_l{width:100%;padding-top:0px;text-align:center;padding-left:0%;}
.footer .foot .foot_l a img {max-height: 55px;}
.footer .foot .foot_c {width:100%;}
.footer .foot .foot_c .up a::after {display:none;}
.footer .foot .foot_c .up a{width:33.33%;font-size:16px;display:inline-block;margin:10px 0px 0px;margin-left:0%;text-align:center;}
.footer .foot .foot_c .up a:nth-child(1){margin-left: 0px;}
.footer .foot .foot_c .down{margin-top:10px;}
.footer .foot .foot_c .down li{margin-top:0px;}
.footer .foot .foot_c .down li p{width:100%;margin-top:10px;}
.footer .foot .foot_c .down li:nth-child(1) p:nth-child(2) {width:100%;background: url('../images/m13-icon-4.png')no-repeat left 2px;}
.footer .foot .foot_c .down li:nth-child(2) p:nth-child(2) {width:100%;background: url('../images/m13-icon-3.png')no-repeat left 2px;}
.footer .foot .foot_r{display:none;margin-top:15px;width:100%;padding-left:0%;}
.footer .foot .foot_r span{width:50%;}
.footer .foot .foot_r p{font-size:12px;}

.footer .copyright {width: 100%;font-size: 12px;text-align: center;padding: 15px 0px 15px;}



.banner .text span {font-size:18px;line-height:18px;}
.banner .text p {margin-top:10px;font-size:12px;line-height:20px;}
.banner .text {width:90%;left:5%;top:20%;}
.about_qyjj {padding:25px 0px;}
.about_tit {font-size:24px;line-height:24px;}
.about_qyjj p{margin-top:15px;font-size:14px;line-height:24px;}
.about_qyjj video {margin-top:15px;}
.about_qywh {padding:25px 0px;}
.about_qywh_con {margin-top:20px;}
.about_qywh_con .about_qywh_l {width:100%;}
.about_qywh_con .about_qywh_r {margin-top:15px;width:100%;}
.about_qywh_con .about_qywh_l .up .up_l {padding:10px 10px;}
.about_qywh_con .about_qywh_l span{padding-bottom:12px;font-size:16px;}
.about_qywh_con .about_qywh_l span::after{height:3px;}
.about_qywh_con .about_qywh_l p {margin-top:7px;font-size:12px;line-height:20px;}
.about_qywh_con .about_qywh_l .up .up_r .up_r_con {padding:10px;}
.about_qywh_con .about_qywh_l .down .down_r_con {padding:10px;}
.about_qywh_con .about_qywh_l .down .down_r_con:nth-child(1){border-right:0px solid rgba(0,0,0,0.2);}
.about_qywh_con .about_qywh_l .down .down_r_con:nth-child(2){border-left:1px solid rgba(0,0,0,0.2);}
.about_fzlc {padding:25px 2.5%;}
.about_fzlc_con{margin-top:20px;}
.about_fzlc_con .swiper-container{width:82%;}
.about_fzlc_con .swiper-slide{min-height:auto;padding-left:30px;background: url('../images/about12-icon.png')no-repeat left top;background-size:15px auto;}
.about_fzlc_con .swiper-slide:nth-child(2n-1){margin-top:0px;}
.about_fzlc_con .swiper-slide b {font-size: 24px;}
.about_fzlc_con .swiper-slide p {font-size: 14px;line-height: 24px;margin-top: 5px;}
.about_fzlc_con .swiper-slide span{margin-top:15px;}
.about_fzlc_con .swiper-button-next, .about_fzlc_con .swiper-button-prev{width:30px;height:30px;margin-top:-15px;background-size:30px 30px;}
.about_fzlc_con .swiper-button-next, .about_fzlc_con .swiper-container-rtl .swiper-button-prev{right:-10px;}
.about_fzlc_con .swiper-button-prev, .about_fzlc_con .swiper-container-rtl .swiper-button-next{left:-10px;}
.about_fzlc_con .swiper-button-prev.swiper-button-disabled{width:30px;height:30px;margin-top:-15px;background-size:30px 30px;}
.about_fzlc_con .swiper-button-next.swiper-button-disabled {background: url('../images/m16-icon.jpg')no-repeat center center;background-size:30px 30px;}
.about_qyry {padding:25px 0px;}
.about_qyry_con {margin-top:20px;}
.about_qyry_con .swiper-container{width:82%;}
.about_qyry_con .swiper-button-next, .about_qyry_con .swiper-button-prev {width:30px;height:30px;margin-top: -15px;background-size: 30px 30px;}
.about_qyry_con .swiper-button-next, .about_qyry_con .swiper-container-rtl .swiper-button-prev{right:-0px;}
.about_qyry_con .swiper-button-prev.swiper-button-disabled {left:0px;background-size: 30px 30px;}
.about_qyry_con .swiper-button-next.swiper-button-disabled {background:url('../images/m16-icon.jpg')no-repeat center center;background-size:30px 30px;}
.about_qyry_con .swiper-button-prev, .about_qyry_con .swiper-container-rtl .swiper-button-next{left:0px;}
.about_qyry_con .swiper-slide a{padding:10px;}
.about_qyry_con .swiper-slide a p{padding:10px 5px 0px;font-size:14px;margin-top:10px;}


.service {padding:15px 0px;}
.service .item01{padding: 10px 0px;}
.service .item01 .img{width:100%;}
.service .item01 .text{width:100%;padding-top:15px;}
.service .item01 .text .up a{font-size:20px;line-height:24px;padding-bottom:14px;}
.service .item01 .text .up a::after{height:3px;}
.service .item01 .text .up span {font-size:18px;margin-top: 10px;}
.service .item01 .text .up p {margin-top:15px;font-size:14px;line-height:26px;}
.service .item01 .text .down{margin-top:15px;}


.nav_son{margin-top:20px;}
.nav_son a {padding-bottom:15px;font-size:14px;width:16.66%;padding:0px 5px 10px;}
.nav_son a::after{height:2px;}
.case {padding:0px 0px 20px;}
.case .item{margin-left:-1.5%;}
.case .item01{width:48.5%;margin-left:1.5%;margin-top:15px;}
.case .item01 a p {padding: 0px 5px;font-size: 14px;margin-top: 5px;}


.case_detail{padding:20px 0px 25px;}
.case_detail_up .img{width:100%;}
.case_detail_up .text {width:100%;padding:15px 0px;}
.case_detail_up .text h3 {font-size: 20px;padding-bottom:17px;}
.case_detail_up .text h3::after{height:3px;}
.case_detail_up .text .text_con{width:100%;margin-top:15px;font-size:14px;line-height:24px;}
.case_detail .other_pro {margin-top:10px;}
.case_detail .other_pro h3 {font-size: 22px;}
.case_detail .other_pro .con {margin-top:10px;}
.case_detail .other_pro .con .item {margin-left:-0%;}
.case_detail .other_pro .con .item01{width:100%;margin-left:0%;margin-top:15px;}
.case_detail .other_pro .con .item01 a p {padding: 0px 5px;font-size: 16px;margin-top: 5px;}



.news {padding:15px 0px 15px;}
.news .item .item01 {padding:10px 0px;}
.news .item .item01 .img {width:100%;}
.news .item .item01 .text {margin-top:10px;width:100%;}
.news .item .item01 .text h3{margin-top:10px;padding-bottom:15px;font-size:16px;}
.news .item .item01 .text h3::after {height:3px;}
.news .item .item01 .text h3 a {font-size: 14px;}
.news .item .item01 .text p {margin-top: 10px;font-size:14px;line-height:24px;height:50px;}
.news .item .item01 .text > a {margin-top:10px;}


.detail {padding:25px 0px;}
.detail .detail_tit {padding-bottom:10px;}
.detail .detail_tit span {font-size:16px;line-height:24px;}
.detail .detail_tit p {font-size:14px;line-height:24px;margin-top:10px;}
.detail .detail_down {padding:15px 0px 20px;font-size: 14px;line-height:24px;}
.detail .fhlist {margin-top:15px;}
.detail .fhlist .fhlist_l {width:100%;}
.detail .fhlist .fhlist_l p{margin-bottom:10px;}
.detail .fhlist .fhlist_l p a{font-size:14px;}
.detail .fhlist .fhlist_r{width:100%;padding-top:10px;height:35px;line-height:35px;}
.detail .fhlist .fhlist_r a {width: 100%;height:35px;line-height:35px;}
.detail .fhlist .fhlist_r a span{padding-left:30px;font-size:14px;background: url('../images/news8-icon.png')no-repeat left center;background-size:18px auto;}



.join {padding:25px 0px;}
.join .join_up .join_up_l {width:100%;}
.join .join_up .join_up_l .item .text {width:100%;padding: 10px;}
.join .join_up .join_up_l .item .text h4 {font-size: 16px;padding-bottom:13px;}
.join .join_up .join_up_l .item .text h4::after {height:3px;}
.join .join_up .join_up_l .item .text p {width: 100%;margin-top: 10px;font-size: 12px;line-height: 20px;}
.join .join_up .join_up_l .item .img {width:100%;}
.join .join_up .join_up_r {width:100%;margin-top:10px;}
.join .join_down {margin-top:20px;}
.join .join_down .item01:nth-child(1) .tit {height:40px;line-height:40px;}
.join .join_down .item01:nth-child(1) .tit span {width: 21%;font-size: 14px;}
.join .join_down .item01:nth-child(1) .tit span:nth-last-child(1) {width:16%;}
.join .join_down .item01 .tit {height:40px;line-height:40px;}
.join .join_down .item01 .tit span {width:21%;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.join .join_down .item01 .tit a{height:40px;width:16%;background: url('../images/join5-icon.png')no-repeat center center;background-size:auto 5px;}
.join .join_down .item01 .con {padding:10px 10px;font-size:12px;line-height:24px;}
.join .join_down .item01 .con .email{margin-top:15px;}
.join .join_down .item01 .con .email span {padding-left:20px;background: url('../images/join7-icon.png')no-repeat left center;font-size:14px;line-height:26px;background-size:15px auto;}


.contact {padding:25px 0px;}
.contact .contact_up .text {width:100%;height:auto;background:url('../images/contact3-img.jpg')no-repeat center center;background-size:100% 100%;padding:20px 20px 20px 40px;}
.contact .contact_up .text h3 {padding-bottom:20px;font-size:18px;margin-bottom:8px;}
.contact .contact_up .text h3::after {height:3px;}
.contact .contact_up .text h3 i {left:-25px;top:3px;background: url('../images/contact2-icon.png')no-repeat center center;background-size:100% auto;width:15px;height:20px;}
.contact .contact_up .text p {margin-top: 10px;font-size: 14px;}

.contact .contact_up .map {margin-top:10px;width:100%;height:250px;}
.contact .contact_mess {margin-top: 20px;}
.contact .contact_mess h3 {font-size:22px;}
.contact .contact_mess form {margin-top:20px;}
.contact .contact_mess form ul {margin-top: -15px;}
.contact .contact_mess form li {width:100%;margin-top:15px;}
.contact .contact_mess form li input {margin-top:10px;height:40px;line-height:40px;}
.contact .contact_mess form li:nth-last-child(1) textarea {height:100px;margin-top:10px;}
.contact .contact_mess form button {width:120px;height:40px;line-height:40px;margin-top:20px;}



.search{padding:25px 0px;}
.search .item{margin-left:-0%;}
.search .item01{width:100%;padding:10px 0px;margin-left:0%;}
.search .item01 h3 a{font-size:16px;}
.search .item01 p{margin-top:5px;}
.search .item01 i{width:30%;font-size:14px;color:#ccc;}
.search .item01 p a{width:120px;}
.search .item01 p a span{padding-right:20px;font-size:14px;color:#ccc;transition:1s;}
.search .item01:hover h3 a{color:#488efd;}
.search .item01:hover p a span{padding-right:60px;}
.search_jg{font-size:18px;color:#333;text-align:center;display:inline-block;width:100%;}




















/* 分页 */
.paging{width:100%;margin-top:25px;text-align: center;font-size:0px;}
.paging li{display:inline-block;margin:0px 1px;font-size:12px;color:#999;}
.paging li a,.paging li span{display:inline-block;color:#999;width:30px;height:30px;line-height:30px;text-align:center;border:1px solid #999;}
.paging li a:hover{color:#fff;background:#488efd;border:1px solid #488efd;}
.paging li:nth-child(1) a,.paging li:nth-last-child(1) a,.paging li:nth-child(1) span,.paging li:nth-last-child(1) span{width:50px;}
.paging li.active span{color:#fff;background:#488efd;border:1px solid #488efd;}


}