@charset "utf-8";
@media (max-width:1200px){
  .header{width:100%;height:50px;padding:0px 0;position:absolute;top:0px;left:0px;background:rgba(255,255,255,1);}
  .header .logo{float:left;margin:5px 0px;height:40px;line-height:40px;}
  .header .logo a{display:inline-block;width:100%;height:40px;line-height:40px;}
  .header .logo img{height:100%;max-height:auto;}
  .header .navbar-toggle{margin-left:18px;z-index:1000;width:35px;height:24px;float:right;background-color:transparent;border:0;display:block;margin-top:15px;cursor:pointer;position:absolute;top:0px;right:0px;z-index:99999;}
  .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:#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:#fff;}
  .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 .nav-arrow{display:block;} */
  .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:0px;padding-top:50px;z-index:9999;}
  .header .nav li{color:#fff;float: none;width:100%;border: 0;padding:5px 7%;text-align: left;margin-left:0px;height:40px;line-height:30px;}
  .header .nav li.cnen { margin-left:0px;margin-top:30px;}
  .header .nav li.cnen b{color:#fff;}
  .header .nav li a{color: #fff;font-size: 16px;}
  .header .nav li:hover, .header .nav li.active{background:none;}
  .header .nav li.active>a,.header .nav li:hover>a{color:#fff;font-weight:normal;}
  .header .nav li.active>a::after,.header .nav li:hover>a::after{content:'';position:absolute;bottom:-5px;left:0px;width:100%;height:1px;background:rgba(255,255,255,0.6);}
  .header .nav li .drop-down{padding:10px 5px 0px;width:80%;background:none;top:0px;left:0px;position:relative;margin-left:0px;text-align:left;}
  .header .nav li:hover .drop-down{display:none;}
  .header .nav li .drop-down dd a {color: #bbb;font-size: 14px;}
  .header .nav li .drop-down dd:hover{background:none;}

  .banner-swiper{width:100%;overflow:hidden;margin-top:50px;}
  .banner-swiper .swiper-slide img.ani{position:absolute;top:45%;left:20%;margin:0px;width:60%;}
  .banner-swiper .swiper-button-next, .banner-swiper .swiper-button-prev{width:20px;height:20px;margin-top:-14px;background-size:20px 20px;}
  .banner-swiper .swiper-button-prev,.banner-swiper .swiper-container-rtl .swiper-button-next{left:10px;}
  .banner-swiper .swiper-button-next,.banner-swiper .swiper-container-rtl .swiper-button-prev{right:10px;}
  .banner-swiper .banner-pagination{bottom:5%;}
  .banner-swiper .banner-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px;}
  .banner-swiper .swiper-slide img.img{width:100%;height:auto;}/*width:100%;*/
  .banner-swiper .swiper-slide video{display:none;}
  .banner-swiper .swiper-slide img.wimg{display:block;width:100%;height:auto;}
  .banner-swiper .swiper-slide .text{top:11%;left:12.5%;width:75%;}
  .banner-swiper .swiper-slide .text b{font-size:14px;line-height:22px;}
  .banner-swiper .swiper-slide .text p{margin-top:5px;font-size:12px;line-height:18px;color:#fff;}
  .banner-swiper .tiaodong{display:none;}
  .m_product{padding:25px 0px;}
  .m_tit b{font-size: 22px;line-height: 22px;}
  .m_tit i{width: 150px;height: 1px;margin-top: 15px;}
  .m_tit i::after{width:30px;height:2px;bottom:0px;margin-left:-15px;}
  .m_product_con{margin-top:20px;}
  .m_product_con .item{margin-left:0%;margin-top:-10px;}
  .m_product_con .item01{width:100%;margin-left:0%;background: #fff;margin-top:10px;}
  .m_product_con .item01 .text{padding: 10px 10px;}
  .m_product_con .item01 .text b{font-size:18px;line-height:20px;}
  .m_product_con .item01 .text p{margin-top: 10px;font-size: 14px;line-height: 20px;height:42px;}
  .m_product_con .item01 .text a{margin-top:5px;}
  .m_more{margin-top: 20px;}
  .m_more a{width:50%;height:40px;line-height:40px;border-radius:3px;font-size:16px;}
  .m_jjfa{padding:25px 0px;background: url('../images/mbeijing_02.jpg')no-repeat center center;background-size:100% 100%;}
  .m_jjfa_con {margin-top:20px;padding-bottom:34px;}
  .m_jjfa_con .swiper-button-prev, .m_jjfa_con .swiper-container-rtl .swiper-button-next{left:10px;}
  .m_jjfa_con .swiper-button-next, .m_jjfa_con .swiper-container-rtl .swiper-button-prev{right:10px;}
  .m_jjfa_con .swiper-button-next, .m_jjfa_con .swiper-button-prev{width:22px;height:22px;margin-top:-11px;opacity:1;}
  .gallery-thumbs{height:35px;line-height:35px;}
  .gallery-thumbs .swiper-slide{font-size:14px;}
  .gallery-top .swiper-slide .text {padding:13px 13% 0px 13%;width:100%;background-image: linear-gradient(90deg,rgba(0,0,0,0.8) 7%,rgba(0,0,0,0.3) 100%);}
  .gallery-top .swiper-slide .text span{display:inline-block;width:100%;font-size:14px;padding-bottom:8px;}
  .gallery-top .swiper-slide .text span::after{width:30px;}
  .gallery-top .swiper-slide .text p{width:100%;margin-top:5px;font-size:12px;line-height:18px;}

  .m_case{padding:25px 0px;}
  .m_case_con{margin-top:20px;}
  .m_case_con ul{margin-left:0%;margin-top:-10px;}
  .m_case_con ul li{margin-top:10px;margin-left:0%;width:100%;}
  .m_case_con ul li a p {padding:0px 5px;line-height:35px;font-size:14px;}

  .m_news{padding:25px 0px 5px;background: url('../images/mbeijing_02.jpg')no-repeat center center;background-size:100% 100%;}
  .m_news_con{margin-top:20px;}
  .m_news_con .m_news_con_l{width:100%;}
  .m_news_con .m_news_con_r{width:100%;}
  .m_news_con .m_news_con_r .item {margin-top:0px;}
  .m_news_con .m_news_con_r .item .item01{margin-top:10px;}
  .m_news_con .m_news_con_r .item .item01 .img{width:100%;}
  .m_news_con .m_news_con_r .item .item01 .text{width:100%;padding:10px 0px;}
  .m_news_con .m_news_con_l .text {width: 100%;padding: 15px 10px;}
  .m_news_con .m_news_con_l .text b {font-size:16px;line-height:17px;}
  .m_news_con .m_news_con_l .text p {margin-top: 12px;line-height: 14px;}
  .m_news_con .m_news_con_r .item .item01 .text > a {font-size:16px;line-height:17px;}
  .m_news_con .m_news_con_r .item .item01 .text p:nth-child(2){margin-top:5px;height:45px;font-size:14px;line-height:22px;}
  .m_news_con .m_news_con_r .item .item01 .text p:nth-child(3){margin-top:5px;}


  .m_about{padding: 25px 0px 25px;}
  .m_about_desc{width:95%;margin-top:20px;font-size:14px;line-height:24px;}
  .m_about_con {margin-top:20px;height:auto;}
  .m_about_con a{width:100%;height:60px;padding:0px 10%;border-top:1px solid rgba(255,255,255,0.2);}
  .m_about_con a:nth-child(1){border-top:0px;}
  .m_about_con a .img{width:20%;}
  .m_about_con a .img img{width:70%;}
  .m_about_con a .text{margin-left:5%;width:75%;}
  .m_about_con a .text span{font-size:16px;line-height:16px;}
  .m_about_con a .text p{font-size:12px;margin-top:5px;line-height:12px;}

  .footer .foot_up {padding:25px 0px 15px;}
  .footer .foot_up .foot_up_l{float:left;width:100%;}
  .footer .foot_up .foot_up_l .f_logo{width:100%;}
  .footer .foot_up .foot_up_l .f_logo{width:100%;}
  .footer .foot_up .foot_up_l .f_logo a{width:100%;}
  .footer .foot_up .foot_up_l .f_logo a img{width:30%;max-width:168px;}
  .footer .foot_up .foot_up_l .f_logo span{margin-top:15px;font-size: 18px;line-height: 18px;}
  .footer .foot_up .foot_up_l .f_logo p{font-size:12px;margin-top:10px;}
  .footer .foot_up .foot_up_l .slgion{margin-top: 15px;font-size: 16px;line-height: 26px;}
  .footer .foot_up .foot_up_c{margin-left:0%;width:35%;margin-top:15px;}
  .footer .foot_up .foot_up_c img{max-width:100%;}
  .footer .foot_up .foot_up_r{width:100%;float:right;text-align:left;margin-top:15px;}
  .footer .foot_up .foot_up_r span{width:100%;font-size:16px;line-height:19px;background:url('../images/mphone.png')no-repeat left top 3px;padding-left:25px;background-size:auto 16px;}
  .footer .foot_up .foot_up_r b{margin-top:10px;font-size:22px;}
  .footer .foot_up .foot_up_r p{margin-top:10px;font-size:16px;}
  .footer .foot_up .foot_up_r p:nth-child(3){margin-top:10px;}
  .footer .foot_down{padding:10px 0px;}
  .footer .foot_down .powerby{font-size:12px;line-height:20px;text-align:center;}
  .footer .foot_down .foot_down_r{float:left;font-size: 12px;}


  .banner{margin-top:50px;height:150px;}
  .banner img{width:100%;height:100%;}
  .banner .text span {font-size:16px;line-height:16px;}
  .banner .text p {font-size:14px;line-height:14px;margin-top:10px;}
  .banner .text{margin-top:-20px;text-align:center;}
  .nav_son {width:100%;padding:10px 0px;}
  .nav_son li a{padding:5px 10px;height:30px;line-height:18px;font-size:14px;border-right:0px;}


  .about{padding:0px 0px 0px;}
  .page_tit span {font-size: 22px;line-height: 22px;}
  .page_tit span::before{top:14px;left:-63px;width:50px;}
  .page_tit span::after{top:14px;right:-63px;width:50px;}
  .about1{padding-top:25px;}
  .about1_con{margin-top:20px;}
  .about1_con .img{width:100%;}
  .about1_con .text{width:100%;margin-top:10px;font-size:14px;line-height:26px;}
  .about2{margin-top:25px;background: url('../images/about_back.jpg')no-repeat center center;height:auto;background-size:100% 100%;}
  .about2 .text {padding:10px 0px 15px;}
  .about2 .text .container .item{position:relative;width:100%;margin-top:10px;text-align:left;padding-bottom:10px;border-bottom:1px dashed rgba(255,255,255,0.2);}
  .about2 .text .container .item:nth-child(1){left:auto;top:auto;}
  .about2 .text .container .item:nth-child(2){right:auto;top:auto;text-align:right;}
  .about2 .text .container .item:nth-child(3){left:auto;bottom:auto;}
  .about2 .text .container .item:nth-child(4){right:auto;bottom:auto;text-align:right;}
  .about2 .text .container .item:nth-child(5){left:auto;top:auto;margin-top:10px;}
  .about2 .text .container img{max-width:50%;-webkit-animation:changeright 100s linear infinite;margin-top:20px;}
  .about2 .text .container .item span{width:100%;font-size:16px;line-height:16px;padding-bottom:10px;}
  .about2 .text .container .item span::after{width:20px;height:2px;left:0%;margin-left:0px;}
  .about2 .text .container .item:nth-child(2) span::after,.about2 .text .container .item:nth-child(4) span::after{width:20px;height:2px;left:auto;right:0%;margin-left:0px;}
  .about2 .text .container .item p{margin-top:10px;font-size: 14px;line-height: 14px;}
  .about3{padding:25px 0px;}
  .about3_con{margin-top:20px;}
  .about4{padding:25px 0px;}
  .about4_con{width:88.6%;margin:20px auto 0px;}
  .about4-top {font-size: 16px;padding: 0px 0px;}
  .about4-top .swiper-slide{display:block;}
  .about4-top .swiper-slide .text_l{width:100%;border-right:0px solid #ccc;padding:10px 0px;margin-left:0px;font-size:18px;line-height:18px;color:#333;}
  .about4-top .swiper-slide .text_r{width:100%;margin-left:0px;}
  .about4-top .swiper-slide .text_r span{width:100%;margin:3px 0.5%;font-size:14px;padding-left:10px;position: relative;}
  .about4-top .swiper-slide .text_r span::after{top:4.5px;width:4px;height:4px;border-radius:2px;}
  .about4_con .swiper-button-next, .about4_con .swiper-button-prev {width:20px;height:20px;}
  .about4_con .swiper-button-prev, .about4_con .swiper-container-rtl .swiper-button-next{bottom:20px;left:-20px;}
  .about4_con .swiper-button-next, .about4_con .swiper-container-rtl .swiper-button-prev{bottom:20px;right:-20px;}
  .about4-thumbs {margin-top: 20px;}
  .about4-thumbs .swiper-slide a{padding-top: 15px;font-size: 14px;}
  .about5 {padding: 25px 0px 25px;background: url('../images/about-beijing1.jpg')no-repeat center center;background-size:auto 100%;}
  .about5_con{margin-top:20px;}
  .about5_con span{padding: 5px 15px;border: solid 1px #fff;font-size:14px;line-height:28px;}
  .about6{padding:25px 0px 45px;}
  .about6_con{margin-top:20px;}
  .about6_con .swiper-slide ul {margin-left:-2%;}
  .about6_con .swiper-slide ul li{margin-left:2%;width:48%;}
  .about6_con .swiper-pagination{bottom:15px;}
  .about6_con .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;margin:0px 5px;}


  .product .item{margin-left:-0%;}
  .product .item .item01{margin-top:10px;width:100%;margin-left:0%;border: solid 1px #ccc;}
  .product .item .item01 .text{padding: 10px 10px;}
  .product .item .item01 .text b{font-size:16px;}
  .product .item .item01 .text p{margin-top:10px;font-size:14px;line-height:24px;height:48px;}
  .product .item .item01 .text a{margin-top:5px;}


  .pro_view {padding-bottom:25px;}
  .pro_view_up{padding:25px 0px 15px;}
  .pro_view_up .img{width:100%;}
  .pro_view_up .text{width:100%;margin-top:15px;}
  .pro_view_up .text .tit{width:100%;padding:0px 0px 10px;font-size:18px;}
  .pro_view_up .text .con{margin-top: 15px;font-size: 14px;line-height:26px;}
  .pro_view_down .tit{height:40px;line-height:40px;padding:0px 15px;font-size:16px;}
  .pro_view_down .con {margin-top:10px;font-size:14px;line-height:24px;}
  .pro_view_xg {margin-top:20px;}
  .pro_view_xg .tit {height:40px;line-height:40px;padding: 0px 10px;font-size:16px;}
  .pro_view_xg .con {margin-top:20px;}
  .pro_view_xg .con .item{margin-left:-0%;}
  .pro_view_xg .con .item .item01{margin-top:10px;width:100%;margin-left:0%;border: solid 1px #ccc;}
  .pro_view_xg .con .item .item01 .text{padding: 10px 10px;}
  .pro_view_xg .con .item .item01 .text b{font-size:16px;}
  .pro_view_xg .con .item .item01 .text p{margin-top:10px;font-size:14px;line-height:24px;height:48px;}
  .pro_view_xg .con .item .item01 .text a{margin-top:5px;}


  .jjfa .item01{padding:25px 0px;}
  .jjfa .item01 .img{width:100%;}
  .jjfa .item01 .img img{width:100%;}
  .jjfa .item01 .text{width:100%;margin-top:10px;}
  .jjfa .item01 .text .tit{font-size: 18px;line-height: 18px;}
  .jjfa .item01 .text .con{width:100%;margin-top:10px;font-size:14px;line-height:24px;height:120px;}
  .jjfa .item01 .text .more{margin-top:15px;}
  .jjfa .item01 .text .more a{width:50%;border-radius:4px;padding:8px 25px;font-size:16px;line-height:16px;text-align:center;}
  .jjfa .item01:nth-child(2n) .img{float:right;width:100%;}
  .jjfa .item01:nth-child(2n) .text{float:left;width:100%;}


  .case {padding:5px 0px 25px;}
  .case .item{margin-left:0%;}
  .case .item .item01{width:100%;margin-top:15px;margin-left:0%;}
  .case .item .item01 .text{padding: 10px 0px 0px;}
  .case .item .item01 .text b{font-size:16px;line-height:16px;}
  .case .item .item01 .text p{margin-top:8px;font-size:14px;line-height:14px;}


  .case_view{padding:25px 0px 25px;}
  .case_view .tit span{font-size:18px;line-height:18px;}
  .case_view .tit p{margin-top:5px;font-size:14px;line-height:24px;}
  .case_view .con{margin-top:20px;}


  .article{padding-bottom:25px;}
  .article .item01{width:100%;padding:15px 0px 15px;}
  .article .item01 .img{width:100%;}
  .article .item01 .text{width:100%;margin-top:0px;}
  .article .item01 .text .text_l{width:100%;display:none;}
  .article .item01 .text .text_l b{font-size:18px;line-height:18px;width:auto;}
  .article .item01 .text .text_l b::after{top:9px;right:-30px;}
  .article .item01 .text .text_l p{margin-top:5px;font-size:14px;}
  .article .item01 .text .text_r {margin-top:10px;width:100%;}
  .article .item01 .text .text_r a:nth-child(1){font-size:16px;}
  .article .item01 .text .text_r p{margin-top:5px;font-size:14px;line-height:24px;height:45px;}
  .article .item01 .text .text_r a:nth-child(3){margin-top:10px;}


  .view {padding:25px 0px 25px;}
  .view .view_tit{padding-bottom: 10px; }
  .view .view_tit span{width:100%;font-size:18px;line-height:26px;color: #333;}
  .view .view_tit p {margin-top:10px;}
  .view .view_con{width:100%;margin-top:15px;padding-bottom:15px;font-size:14px;line-height:24px;}
  .view .view_prevnext {margin-top:10px;}
  .view .view_prevnext p{width:100%;font-size:14px;}
  .view .view_prevnext p:nth-last-child(1){width:100%;text-align:left;margin-top:5px;}


  .contact{padding-bottom:25px;}
  .contact_up{margin-top:25px;}
  .contact_upcon{margin-top:20px;}
  .contact_upcon .map{width:100%;height:200px;}
  .contact_upcon .text{width:100%;padding:15px 10px 10px;}
  .contact_upcon .text h3 {font-size: 20px;line-height: 20px;padding-bottom: 15px;margin-bottom: 0px;}
  .contact_upcon .text p{width:100%;margin-top:10px; font-size:14px;line-height:20px;}
  .contact_mess {margin-top:25px;}
  .page_tit p{width:100%;margin:10px auto 0px;font-size:14px;line-height:24px;}
  .contact_messcon{width:100%;margin-top:20px;padding:10px 15px 20px;}
  .contact_messcon .form .form_l{width:100%;}
  .contact_messcon .form li{margin-top: 10px;height:40px;}
  .contact_messcon .form li .li_l{width:40px;}
  .contact_messcon .form li .li_r{width:78%;margin-left:10px;height:40px;line-height:40px;}
  .contact_messcon .form li .li_r span{font-size:14px;}
  .contact_messcon .form li .li_r input{margin-left:10px;height:40px;width:79%;font-size:14px;}
  .contact_messcon .form .form_r {width:100%;}
  .contact_messcon .form .form_r li:nth-last-child(1) p{height:40px;line-height:40px;}
  .contact_messcon .form .form_r li:nth-last-child(1) p img{width:40px;}
  .contact_messcon .form .form_r li:nth-last-child(1){height:150px;}
  .contact_messcon .form .form_r li:nth-last-child(1) p span{font-size: 14px;margin-left:10px;}
  .contact_messcon .form .form_r li:nth-last-child(1) textarea{height:110px;border: 0px;padding: 0px 10px 10px;font-size: 14px;line-height:24px;}
  .contact_messcon .btn{margin-top:15px;}
  .contact_messcon .btn button{width:55%;height:40px;line-height:40px;font-size:16px;}


  .medio .item {margin-left:0%;}
  .medio .item .item01{margin-top:15px;width:100%;margin-left:0%;}
  .medio .item .item01 .text{margin-top:10px;font-size:16px;line-height:16px;}


  .alertvideo .con{width:95%;height:auto;margin:40% 2.5%;padding:10% 0px;}
  .alertvideo .con video{height:auto;width:100%;}
  .alertvideo .con a{display:inline-block;width:30px;height:30px;background:#fff;font-size:28px;line-height:27px;position:absolute;top:0px;right:0px;z-index:9999;}



  .join{padding:25px 0px;}
  .join_tit{height:40px;margin-top:20px;  }
  .join_tit span:nth-child(2),.join_tit span:nth-child(3),.join_tit span:nth-child(4){display:none;}
  .join_tit span:nth-child(1) {width:75%;}
  .join_tit span {font-size: 16px;padding: 0px 10px;line-height: 40px;}
  .join_tit span i {width:30px;background: url('../images/join_ico.png')no-repeat left center;margin-top: 10px;background-size: auto 18px;}
  .join_con .item01 .tit{height:40px;}
  .join_con .item01 .tit span{padding:0px 10px;line-height:40px;font-size:14px;}
  .join_con .item01 .tit span:nth-child(1){width:75%;}
  .join_con .item01 .tit span:nth-child(2),.join_con .item01 .tit span:nth-child(3),.join_con .item01 .tit span:nth-child(4){display:none;}
  .join_con .item01 .tit a {float:right;width:12%;font-size:30px;line-height:38px;opacity:0.3;}
  .join_con .item01 .con{width:100%;padding:10px 10px;font-size:14px;line-height:24px;}
  .join_con .item01 .con .down{margin-top:10px;font-size:14px;}














  /* 分页 */
  .page{width:100%;display:inline-block;font-size: 0;text-align: center;margin:25px 0px 0px;height:25px;font-family:'宋体';}
  .page div{height:40px;}
  .page a,.page span{display:inline-block;width:25px;line-height:25px;line-height:25px;text-align:center;border:1px solid #ccc;color:#666;font-size:12px;margin:0px 1px;border-radius:2px;}
  .page a:hover,.page span.current{background:#0068b7;color:#FFF;}
  .page a.prev,.page a.next{width:50px;}



}

@media (min-width:1366px) and (max-width:1600px) {
.about2 .text .container .item:nth-child(1) {left: 0px;top: 0px;}
.about2 .text .container .item:nth-child(2) {right: 0px;top: 0px;}
.about2 .text .container .item:nth-child(3) {left: 0px;bottom: 0px;}
.about2 .text .container .item:nth-child(4) {right: 0px;bottom: 0px;}
.about2 .text .container .item:nth-child(5) {left: 35.7%;top: 50%;margin-top: -53px;}
.contact_messcon .form li .li_r input {
    float: left;
    margin-left: 10px;
    border: 0px;
    background: none;
    height: 50px;
    width: 84%;
    font-size: 16px;
    color: #999;
}





}