@charset "utf-8";
@media (max-width:1200px){
  .head{display:inline-block;width:100%;z-index:9999;padding:5px 0px;position:relative;height:50px;}
  .w{width:95%;margin:0 auto;min-width:auto}
  .head .logo{width:75%;float:left;margin-top:0px;padding:0px 0;height:40px;}
  .head .logo a{display:inline-block;height:40px;padding:0 0 0 0;margin-top:0px}
  .head .logo a img{height:100%;max-width:auto}
  .head .navbar-toggle{margin-left:18px;z-index:9999;width:24px;height:24px;float:right;background-color:transparent;border:0;display:block;margin-top:10px;cursor:pointer}
  .head .navbar-toggle span{margin-top:10px}
  .head .navbar-toggle span,.head .navbar-toggle span:before,.head .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)}
  .head .navbar-toggle span:before{top:-7px}
  .head .navbar-toggle span:after{bottom:-7px}
  .head .navbar-toggle.drawer-open span,.head .navbar-toggle.drawer-open span::before,.head .navbar-toggle.drawer-open span::after{background:#000}
  .head .navbar-toggle.drawer-open span{background:rgba(0,0,0,0)}
  .head .navbar-toggle.drawer-open span:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:0px;top:0px}
  .head .navbar-toggle.drawer-open span:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);left:0px;top:0px}
  .head .nav{transition:all 0.5s ease 0s;position:fixed;width:100%;right:-100%;z-index:9999999;background:rgba(0,0,0,0.8);top:50px;height:100%;margin-left:0%;padding-top:50px;}
  .head .nav ul li{width:100%;height:40px;float:left;padding:0px 0px 0px;text-align:center;margin-left:0px}
  .head .nav ul li a{width:100%;height:auto;padding:0px 0px;color:#fff;line-height:40px;font-size:16px;font-style:normal}
  .head .nav ul li.active a,.head .nav ul li.active a, .head .nav ul li:hover a{color:#fff;background:#478ede;}
/* {background:none;line-height:40px;color:#267eeb} */

  .m_ban .swiper-slide{height:200px;}
  .m_ban .swiper-slide img{display:none;}
  .m_ban .swiper-pagination{bottom:10px;}
  .m_ban .swiper-pagination-bullet{width:8px;height:8px;border-radius:4px;}
  .m_ban .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.m_ban .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0px 3px;}

  .m_proservice{padding:25px 0px;}
  .m_proservice .m_proservicel{width:100%;padding-right:0%;border-right:0px solid #ccc;padding-bottom:40px;}
  .m_proservice .m_proservicel .tit{margin-top:0px;padding-bottom:20px;}
  .m_proservice .m_proservicel .tit span{font-size:40px;line-height:36px;}
  .m_proservice .m_proservicel .tit p{top:15px;font-size:26px;line-height:26px;}
  .m_proservice .m_proservicel .tit::after{width:10%;height:2px;}
  .m_proservice .m_proservicel .desc{margin-top:15px;font-size:14px;line-height:24px;-webkit-line-clamp:1000;height:auto;}
  .m_proservice .m_proservicer{width:100%;margin-top:10px;}
  .m_proservice .m_proservicer .swiper-slide .nei{top:18%;width:100%;padding:0px 10px;margin-top:0px;}
  .m_proservice .m_proservicer .swiper-slide .nei img{max-width:30px;}
  .m_proservice .m_proservicer .swiper-slide .nei span{margin-top:10px;font-size:20px;line-height:20px;}
  .m_proservice .m_proservicer .swiper-slide .nei p{font-size:14px;line-height:24px;margin-top:15px;height:50px;}
  .m_proservice .m_proservicer .swiper-slide .nei a{margin-top:30px;width:40px;height:40px;background:url('../images/m_index6.png')no-repeat center center;background-size:80% auto;}
  .m_proservice .m_proservicer .swiper-slide-active .nei a{background:url('../images/m_index8.png')no-repeat center center;background-size:80% auto;}
  .m_proservice .m_proservicel .swiper-button-next, .m_proservice .m_proservicel .swiper-button-prev{width:30px;height:30px;bottom:0px;margin-top:0px;}
  .m_proservice .m_proservicel .swiper-button-next, .m_proservice .m_proservicel .swiper-rtl .swiper-button-prev{left:95px;background:url('../images/m_index2.png')no-repeat center center;background-size:100% 100%;}
  .m_proservice .m_proservicel .swiper-button-prev, .m_proservice .m_proservicel .swiper-rtl .swiper-button-next{left:0px;background:url('../images/m_index1.png')no-repeat center center;background-size:100% 100%;}
  .m_proservice .m_proservicel .swiper-pagination{font-size:14px;}
  .m_proservice .m_proservicel .swiper-horizontal > .swiper-pagination-bullets, .m_proservice .m_proservicel .swiper-pagination-bullets.swiper-pagination-horizontal, .m_proservice .m_proservicel .swiper-pagination-custom, .m_proservice .m_proservicel .swiper-pagination-fraction{bottom:4px;left:40px;}
  .m_proservice .m_proservicel .swiper-pagination .swiper-pagination-current{font-size:20px;}
  /* .m_proservice .m_proservicel .swiper-button-next, .m_proservice .m_proservicel .swiper-rtl .swiper-button-prev{display:none;}
  .m_proservice .m_proservicel .swiper-button-prev, .m_proservice .m_proservicel .swiper-rtl .swiper-button-next{display:none;}
  .m_proservice .m_proservicel .swiper-pagination{display:none;} */

  .m_about{padding:25px 0px;}
  .m_about .m_aboutl{width:100%;padding:0px 0px 15px 15px;background: url('../images/m_index11.jpg')no-repeat left bottom;background-size:55% auto;}
  .m_about .m_aboutr{width:100%;}
  .m_about .m_aboutr .tit span{font-size:24px;line-height:24px;}
  .m_about .m_aboutr .tit p{margin-top:15px;font-size:24px;line-height:24px;}
  .m_about .m_aboutr .desc{margin-top:15px;font-size:14px;line-height:24px;}
  .m_about .m_aboutr .link{margin-top:15px;}
  .m_about .m_aboutr .link ul{margin-top:-10px;}
  .m_about .m_aboutr .link ul li{margin-top:10px;}
  .m_about .m_aboutr .link ul li .img img{max-width:30px;}
  .m_about .m_aboutr .link ul li .text{margin-left:15px;}
  .m_about .m_aboutr .link ul li .text span{font-size:16px;line-height:16px;}
  .m_about .m_aboutr .m_more{margin-top:20px;}
  .m_more a{width:130px;font-size:14px;height:35px;line-height:35px;}
  .m_case{padding:25px 0px;}
  .m_tit{padding-bottom:13px;}
  .m_tit span{font-size:28px;line-height:24px;}
  .m_tit p{top:15px;font-size:22px;line-height:22px;}
  .m_case .m_casecon{margin-top:20px;}
  .m_case .m_casecon .m_casecon1:nth-child(1){width:100%;}
  .m_case .m_casecon .m_casecon1:nth-child(2){width:100%;margin:10px 0px;}
  .m_case .m_casecon .m_casecon1:nth-child(3){width:100%;}
  .m_case .m_casecon .item:nth-child(2){margin-top:10px;}
  .m_case .m_casecon .item .text{bottom:8px;width:95%;left:2.5%;padding:10px;opacity:1;background: rgba(96,184,87,0.6);}
  .m_case .m_casecon .item .text p:nth-child(1){line-height:30px;padding-top:5px;}
  .m_case .m_casecon .item .text p:nth-child(1) span{font-size:16px;}
  .m_case .m_casecon .item .text p:nth-child(1) a{width:30px;height:30px;}
  .m_case .m_casecon .item .text p:nth-child(1) a img{width:100%;}
  .m_case .m_casecon .item .text p:nth-child(2){margin-top:5px;font-size:14px;line-height:24px;}
  .m_case .m_more{margin-top:20px;}
  .m_news{padding:25px 0px;}
  .m_news .m_newscon{margin-top:20px;}
  .m_news .m_newscon .up a{height:35px;border-radius:17px;padding:0px 20px;line-height:34px;margin:0px 5px;font-size:14px;}
  .m_news .m_newscon .down{margin-top:10px;}
  .m_news .m_newscon .down .item .item01{width:48.9%;margin-top:10px;}
  .m_news .m_newscon .down .item .item01 .text{margin-top:10px;}
  .m_news .m_newscon .down .item .item01 .text span{font-size:12px;line-height:12px;}
  .m_news .m_newscon .down .item .item01 .text a:nth-child(2){margin-top:10px;font-size:16px;line-height:16px;}
  .m_news .m_newscon .down .item .item01 .text p{width:100%;margin-top:10px;font-size:14px;height:45px;line-height:24px;}
  .m_news .m_newscon .down .item .item01 .text a:nth-child(4){margin-top:10px;}
  .m_news .m_more{margin-top:20px;}
  .m_partner{padding:25px 0px;}
  .m_partner .m_partnercon{margin-top:20px;}
  .m_partner .m_partnercon ul li{width:50%;}
  .m_partner .m_partnercon ul li:nth-child(1) a::before,
  .m_partner .m_partnercon ul li:nth-child(2) a::before,
  .m_partner .m_partnercon ul li:nth-child(3) a::before,
  .m_partner .m_partnercon ul li:nth-child(4) a::before,
  .m_partner .m_partnercon ul li:nth-child(5) a::before{width:100%;}
  .m_partner .m_partnercon ul li:nth-child(1) a::before,
  .m_partner .m_partnercon ul li:nth-child(2) a::before{width:0%;}
  .m_partner .m_partnercon ul li:nth-child(1) a::after,
  .m_partner .m_partnercon ul li:nth-child(6) a::after,
  .m_partner .m_partnercon ul li:nth-child(11) a::after,
  .m_partner .m_partnercon ul li:nth-child(16) a::after,
  .m_partner .m_partnercon ul li:nth-child(21) a::after,
  .m_partner .m_partnercon ul li:nth-child(26) a::after{width:1px;}
  .m_partner .m_partnercon ul li:nth-child(2n-1) a::after{width:0px;}
  .footer .up{padding-bottom:20px;}
  .footer .up .up_l{width:100%;margin-top:20px;text-align:center;}
  .footer .up .up_l a img{width:20%;}
  .footer .up .up_r{width:100%;}
  .footer .up .up_r .upnav{padding:15px 0px;}
  .footer .up .up_r .upnav ul{margin-top:-15px;}
  .footer .up .up_r .upnav ul li{padding:0px;font-size:14px;line-height:14px;width:33.33%;text-align:center;margin-top:15px;}
  .footer .up .up_r .upnav li:nth-child(4)::after{width:0px;}
  .footer .up .up_r .upcon{margin-top:20px;}
  .footer .up .up_r .upcon .upconl{width:60%;padding:0px 0px;}
  .footer .up .up_r .upcon .upconl ul{margin-top:-10px;}
  .footer .up .up_r .upcon .upconl ul li{margin-top:10px;}
  .footer .up .up_r .upcon .upconl ul li p{width:100%;margin-top:5px;font-size:14px;}
  .footer .up .up_r .upcon .upconr{width:35%;}
  .footer .up .up_r .upcon .upconr p{margin-top:15px;font-size:14px;line-height:14px;}
  .footer .down{padding:10px 0px;font-size:12px;line-height:20px;}
  .footer .down .right{float:left;}

  .n_ban{height:150px;}
  .n_ban img{display:none;}
  .n_ban .text{margin-top:-25px;}
  .n_ban .text span{font-size:20px;line-height:20px;}
  .n_ban .text p{font-size:14px;line-height:14px;margin-top:15px;}
  .sonnavcrumbs{width:100%;height:auto;line-height:20px;padding-bottom:0px;border-bottom:0px;}
  .sonnavcrumbs .sonnav{width:100%;border-bottom:1px solid #eee;height:auto;}
  .sonnavcrumbs .sonnav a{font-size:16px;margin-right:20px;padding:10px 0px;}
  .sonnavcrumbs .crumbs{float:left;width:100%;font-size:12px;line-height:20px;margin-top:10px;padding-bottom:10px;border-bottom:1px solid #eee;}
  .about1{padding:20px 0px 20px;}
  .ntit{font-size:24px;line-height:24px;}
  .about1 .desc{width:100%;margin-top:15px;font-size:14px;line-height:24px;}
  .aboutads .text{position:unset;}
  .aboutads .text .item{margin-top:10px;border-radius:10px;width:100%;padding:15px;background: url('../images/about6.png')no-repeat center center;}
  .aboutads .text .item:nth-child(2){margin:10px 0px 0px;}
  .aboutads .text .item img{max-width:40px;}
  .aboutads .text .item span{margin-top:10px;font-size:18px;line-height:18px;padding-bottom:15px;}
  .aboutads .text .item span::after{width:20px;height:2px;}
  .aboutads .text .item p{width:100%;margin-top:7px;font-size:14px;line-height:24px;}
  .about2{padding:25px 0px 25px;}
  .about2 .about2con{margin-top:20px;}
  .about2 .about2con .up .swiper-slide .img{width:100%;}
  .about2 .about2con .up .swiper-slide .text{width:76%;padding-top:10px;margin:0px 12%;}
  .about2 .about2con .up .swiper-slide .text .tit{width:100%;line-height:24px;}
  .about2 .about2con .up .swiper-slide .text .tit span{font-size:24px;}
  .about2 .about2con .up .swiper-slide .text .tit i{font-size:14px;margin-left:10px;line-height:14px;margin-top:8px;}
  .about2 .about2con .up .swiper-slide .text .desc{margin-top:5px;font-size:12px;line-height:22px;}
  .about2 .about2con .down{margin-top:15px;background: url('../images/lsback.png')no-repeat center top;background-size:auto;}
  .about2 .about2con .down .swiper-slide{font-size:12px;background: url('../images/dian.png')no-repeat center 15px;padding-top:30px;background-size:7px auto;}
  .about2 .about2con .down .swiper-slide-thumb-active{background:url('../images/diana.png')no-repeat center 15px;font-size:14px;background-size:7px auto;}
  .about2 .about2con .up{width:100%;margin:0px 0%;}
  .about2 .about2con .up .swiper-slide .img{width:76%;margin:0px 12%;}
  .about2 .about2con .up .swiper-button-next, .about2 .about2con .up .swiper-button-prev{width:30px;height:30px;margin-top:-100px;}
  .about2 .about2con .up .swiper-button-next, .about2 .about2con .up .swiper-rtl .swiper-button-prev{right:0px;background:url('../images/m_index2.png')no-repeat center center;background-size:100% 100%;}
  .about2 .about2con .up .swiper-button-prev, .about2 .about2con .up .swiper-rtl .swiper-button-next{left:0px;background: url('../images/m_index1.png')no-repeat center center;background-size:100% 100%;}
  .about3{padding:25px 0px;}
  .about3 .about3con{margin-top:20px;}
  .about3 .about3con .swiper{width:70%;}
  .about3 .about3con .swiper-slide .text{margin-top:10px;font-size:14px;}
  .about3 .about3con .swiper-button-next, .about3 .about3con .swiper-button-prev{width:30px;height:30px;margin-top:-25px;}
  .about3 .about3con .swiper-button-next, .about3 .about3con .swiper-rtl .swiper-button-prev{right:0px;background:url('../images/m_index2.png')no-repeat center center;background-size:100% 100%;}
  .about3 .about3con .swiper-button-prev, .about3 .about3con .swiper-rtl .swiper-button-next{left:0px;background:url('../images/m_index1.png')no-repeat center center;background-size:100% 100%;}

  .product{padding:25px 0px 25px;}
  .product .item .img{width:100%;}
  .product .item .text{width:100%;padding:20px 10px;}
  .product .item .text img{max-width:30px;}
  .product .item .text a:nth-child(2){margin-top:15px;font-size:20px;line-height:20px;}
  .product .item .text p{width:100%;margin-top:10px;font-size:14px;line-height:24px;}
  .product .item .text a:nth-child(4){margin-top:15px;}

  .case{padding:10px 0px 25px;}
  .case .item{width:100%;margin-top:15px;}
  .case .item .text{margin-top:10px;padding-top:0px;}
  .case .item .text .textl{width:85%;}
  .case .item .text .textl a{font-size:16px;line-height:17px;}
  .case .item .text .textl p{margin-top:10px;}
  .case .item .text .textr{float:right;width:15%;padding-top:8px;}
  .case .item .text .textr a{opacity:1;}
  .case .item .text .textr a img{max-width:30px;}

  .news{padding:25px 0px 25px;}
  .news .up .img{width:100%;}
  .news .up .text{width:100%;padding:15px 0px;}
  .news .up .text span{font-size:14px;line-height:14px;}
  .news .up .text a:nth-child(2){margin-top:10px;font-size:16px;line-height:16px;}
  .news .up .text p{margin-top:10px;font-size:14px;line-height:24px;}
  .news .up .text a:nth-child(4){margin-top:10px;}
  .news .up .swiper-horizontal > .swiper-pagination-bullets, .news .up .swiper-pagination-bullets.swiper-pagination-horizontal, .news .up .swiper-pagination-custom, .news .up .swiper-pagination-fraction{width:47.85%;bottom:15px;text-align:right;}
  .news .up .swiper-pagination-bullet{width:10px;height:10px;border-radius:5px;}
  .news .up .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .news .up .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 2px;}
  .news .up .swiper-pagination-bullet-active{width:15px;}
  .news .down{margin-top:0px;}
  .news .down .item{margin-left:0%;}
  .news .down .item .item01{width:100%;margin-left:0%;margin-top:10px;}
  .news .down .item .item01 .text{margin-top:10px;}
  .news .down .item .item01 .text span{font-size:12px;line-height:12px;}
  .news .down .item .item01 .text a:nth-child(2){width:100%;margin-top:10px;font-size:16px;}
  .news .down .item .item01 .text p{width:100%;height:47px;margin-top:5px;font-size:14px;line-height:24px;}
  .news .down .item .item01 .text a:nth-child(4){margin-top:5px;}

  .views{padding:20px 0px 25px;}
  .views .views_tit{padding-bottom:15px;}
  .views .views_tit span{font-size:16px;line-height:22px;}
  .views .views_tit p{margin-top:15px;}
  .views .views_tit p i{margin:0px 10px;font-size:12px;}
  .views .views_con{padding:15px 0px 15px;font-size:14px;line-height:24px;}
  .views .prev_next .pnleft p{margin-top:10px;font-size:14px;}
  .views .prev_next .fanhui{width:16.85%;height:30px;margin-top:20px;}
  .views .prev_next .fanhui a{line-height:30px;font-size:14px;}

  .contact .join{padding:25px 0px 25px;}
  .contact .tit{font-size:24px;line-height:24px;}
  .contact .join .joincon{margin-top:20px;}

  .contact .join .joincon .item{margin-left:-0%;margin-top:-0px;}
  .contact .join .joincon .item .item1{width:100%;padding:10px;margin-left:0%;margin-top:0px;}
  .contact .join .joincon .item .item1 .con{padding:15px;}
  .contact .join .joincon .item .item1 .con div:nth-child(1) span:nth-child(1){width:22px;height:22px;}
  .contact .join .joincon .item .item1 .con div:nth-child(1) span:nth-child(2){margin-left:10px;font-size:18px;line-height:22px;}
  .contact .join .joincon .item .item1 .con div:nth-child(2){margin-top:10px;}
  .contact .join .joincon .item .item1 .con div:nth-child(2) span{font-size:14px;}
  .contact .join .joincon .item .item1 .con div:nth-child(2) span:nth-child(1){padding:0 5px 0 0;}
  .contact .join .joincon .item .item1 .con div:nth-child(2) span{font-size:14px;padding:0 5px;}
  .contact .join .joincon .item .item1 .con div:nth-child(3){margin-top:10px;font-size:14px;}
  .contact .join .joincon{padding-bottom:15px;}
  .contact .join .joincon .swiper-pagination{bottom:-5px;}
  .contact .lxfs{padding:25px 0px 25px;}
  .contact .lxfs .lxfscon{margin-top:20px;}
  .contact .lxfs .lxfscon .img{width:100%;}
  .contact .lxfs .lxfscon .text{width:100%;padding:15px 10px;}
  .contact .lxfs .lxfscon .text .tit span{font-size:18px;line-height:18px;}
  .contact .lxfs .lxfscon .text .tit p{margin-top:10px;font-size:12px;line-height:20px;}
  .contact .lxfs .lxfscon .text .con{margin-top:5px;font-size:14px;line-height:24px;}
  .contact .map{height:150px;margin-top:0px;}
  .contact .join .zpshow01{width:90%;top:15%;padding:15px;height:70%;left:5%;}
  .contact .join .zpshow01 .guanbi{right:5px;top:5px;}
  .contact .join .zpshow01 .f12{font-size:14px;line-height:14px;}
  .contact .join .zpshow01 h1{font-size:18px;line-height:24px;margin-top:15px;}
  .contact .join .zpshow01 h1 i{display:inline-block;width:18px;line-height:24px;padding:0px;}
  .contact .join .zpshow01 h1 i img{width:100%;vertical-align:middle;}
  .contact .join .zpshow01 h2{font-size:14px;line-height:14px;margin-top:15px;}
  .contact .join .zpshow01 .hcon{margin-top:10px;font-size:14px;line-height:24px;}
  .contact .join .zpshow01 .line {margin-top:10px;margin-bottom:10px;}
  .contact .join .zpshow01 .f16{margin-bottom:0px;font-size:14px;}

  .pages{width:100%;display:inline-block;padding:25px 0px 25px;}
  .pages .tit{width:100%;display:inline-block;text-align:center;font-size:24px;color:#333;}
  .pages .con{width:100%;display:inline-block;margin-top:20px;font-size:14px;color:#666;line-height:24px;}

  .pagination{margin-top:20px;}
  .pagination a{padding:5px 8px;font-size:12px;border-radius:2px;margin:0px 1px;}
  .pagination span{padding:5px 8px;border-radius:2px;margin:0px 1px;font-size:12px;}

}


















}