﻿.swiper {
	width: 100%;
	height: 100%;
  }
  
  .innerSwiper{height: 50%; margin-top: 70px;}

  .part1_text span .p1{font-size:2rem}
  .part1_text span .p2{font-size:1.6rem}

  .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
  }

  /* 汉堡菜单按钮 */
  .menu-btn {
            position: fixed;
            top: 23px;
            left: 20px;
            z-index: 100;
            width: 30px;
            height: 24px;
            cursor: pointer;
			z-index: 9999999999;
            display: none;
        }

        .menu-btn span {
            position: absolute;
            width: 30px;
            height: 3px;
            background: #0084C6;
            transition: 0.3s;
        }

        .menu-btn span:nth-child(1) { top: 0; }
        .menu-btn span:nth-child(2) { top: 10px; }
        .menu-btn span:nth-child(3) { top: 20px; }

        /* 侧边栏 */
        .sidebar {
            position: fixed;
            left: -250px;
            top: 0;
            width: 250px;
            height: 100%;
            background: #fff;
            transition: 0.3s;
            z-index: 9999999;
            box-shadow: 2px 0 10px rgba(0,0,0,0.1);

        }

        /* 遮罩层 */
        .overlay {
            width: 100%;
            transition: 0.3s;
            z-index: 98;
        }

        /* 激活状态 */
        .active .menu-btn span:nth-child(1) {
            -webkit-transform: translateY(6px) rotate(-45deg);
			-ms-transform: translateY(6px) rotate(-45deg);
			transform: translateY(6px) rotate(-45deg);
        }
        .active .menu-btn span:nth-child(2) {
            opacity: 0;
        }
        .active .menu-btn span:nth-child(3) {
            -webkit-transform: translateY(-15px) rotate(45deg);
			-ms-transform: translateY(-15px) rotate(45deg);
			transform: translateY(-15px) rotate(45deg);
        }
        .active .sidebar {
            left: 0;
        }
        .active .overlay {
            opacity: 1;
            visibility: visible;
        }

        /* 菜单项 */
        .menu-item {
            padding: 15px;
            border-bottom: 1px solid #eee;
        }

      .m_top{width:100%; height: 70px; display: flex; align-items: center; justify-content: center; position :fixed; top:0; left:0; background: #fff; z-index: 99999; display: none;}

      .m_about{width:90%; margin: 0 auto; margin-top: 30px;}
	  .m_about .title{width:100%;}
	  .m_about .title .t1{display: block; width:100%; text-align: center; font-size:1.8rem; color:#000}
	  .m_about .title .t2{display: block; width:100%; text-align: center; font-size:1.4rem; color:#999}
	  .m_about .img{width:100%; height:300px; overflow: hidden; margin-top: 30px;}
	  .m_about .img img{width:100%}
	  .m_about .content{width:100%; text-align: left; color: #585858; font-size:1.2rem; line-height: 2rem; margin-top: 30px;}
	  .m_about .number{width:100%; display: flex; justify-content: space-between; margin-top: 30px;}
	  .m_about .number .n1_1{font-size:2.8rem; color:#0084c6; font-weight: 800; text-align: center;}
	  .m_about .number .n1_2{font-size:1.3rem;}
	  .m_about .more{width:50%;  margin:0 auto; margin-top: 30px;}
	  .m_about .more a{display: block; width:100%; color:#fff; background: #0084C6; line-height:4rem; font-size:1.4rem; text-align: center;}

	  .m_product{width:100%; margin: 0 auto; padding-top: 30px; padding-bottom: 30px; }
	  .m_product .title{width:100%;}
	  .m_product .title .t1{display: block; width:100%; text-align: center; font-size:1.8rem; color:#000}
	  .m_product .title .t2{display: block; width:100%; text-align: center; font-size:1.4rem; color:#999}
	  .m_product .content_wc{width:100%; }
	  .m_product .content_wc .content_nc{width:90%; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
	  .m_product .content_wc a{display:block; width:48%; margin-top: 30px;}
	  .m_product .content_wc .c1{width:100%; padding-top:65.054%; position: relative; overflow: hidden;}
	  .m_product .content_wc .c1 img{width:100%; height: auto; max-height: 370px; position: absolute; top:0; left: 0;}
	  .m_product .content_wc .c2{width:100%; line-height: 3rem; font-size:1.2rem; color:#666; text-align: center;}
	  .m_product .more{width:50%;  margin:0 auto; margin-top: 30px;}
	  .m_product .more a{display: block; width:100%; color:#fff; background: #0084C6; line-height:4rem; font-size:1.4rem; text-align: center;}


	  .m_lc{width:100%; margin: 0 auto;  margin-top: 30px; background: #F8F8F8; padding-top: 30px; padding-bottom: 30px;}
	  .m_lc .title{width:100%;}
	  .m_lc .title .t1{display: block; width:100%; text-align: center; font-size:1.8rem; color:#000}
	  .m_lc .title .t2{display: block; width:100%; text-align: center; font-size:1.4rem; color:#999}
	  .m_lc .lc_list_wc{width:90%; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px;}
	  .m_lc .lc_list{width:47%}
	  .m_lc .lc_list .l1{ display: flex; justify-content: center;}
	  .m_lc .lc_list .l1 span{display: flex; align-items: center; justify-content: center; width:120px; height: 120px; border:1px solid #43A8F7; border-radius: 60px;}
	  .m_lc .lc_list .l1 span img{width:60%}
	  .m_lc .lc_list .l2{color:#666; font-size:1.6rem; margin-top: 30px; text-align: center;}
	  .m_lc .lc_list .l3{color:#666; font-size:1.0rem; margin-top: 25px; height: 50px; text-align: center;}

	  .m_case{width:100%; margin: 0 auto; padding-top: 30px; padding-bottom: 30px; margin-top: 30px; background: #F8F8F8;}
	  .m_case .title{width:100%;}
	  .m_case .title .t1{display: block; width:100%; text-align: center; font-size:1.8rem; color:#000}
	  .m_case .title .t2{display: block; width:100%; text-align: center; font-size:1.4rem; color:#999}
	  .m_case .content_wc{width:100%; }
	  .m_case .content_wc .content_nc{width:90%; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
	  .m_case .content_wc a{display:block; width:48%; margin-top: 30px;}
	  .m_case .content_wc .c1{width:100%; padding-top:65.054%; position: relative; overflow: hidden;}
	  .m_case .content_wc .c1 img{width:100%; height: auto; max-height: 370px; position: absolute; top:0; left: 0;}
	  .m_case .content_wc .c2{width:100%; line-height: 3rem; font-size:1.2rem; color:#666; text-align: center;}
	  .m_case .more{width:50%;  margin:0 auto; margin-top: 30px;}
	  .m_case .more a{display: block; width:100%; color:#fff; background: #0084C6; line-height:4rem; font-size:1.4rem; text-align: center;}

	  .m_partner{width:100%; margin: 0 auto; padding-top: 30px; padding-bottom: 30px; margin-top: 30px; }
	  .m_partner .title{width:100%;}
	  .m_partner .title .t1{display: block; width:100%; text-align: center; font-size:1.8rem; color:#000}
	  .m_partner .title .t2{display: block; width:100%; text-align: center; font-size:1.4rem; color:#999}
	  .m_partner .content_wc{width:100%; }
	  .m_partner .content_wc .content_nc{width:90%; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
	  .m_partner .content_wc .content_nc .c1{width:47%; margin-top: 15px;}
	  .m_partner .content_wc .content_nc .c1 img{width:100%}

	  .m_contact{width:100%; margin: 0 auto; padding-top: 30px; padding-bottom: 30px; margin-top: 30px; }
	  .m_contact .title{width:100%;}
	  .m_contact .title .t1{display: block; width:100%; text-align: center; font-size:1.8rem; color:#000}
	  .m_contact .title .t2{display: block; width:100%; text-align: center; font-size:1.4rem; color:#999}
	  .m_contact .content_wc{width:100%; }
	  .m_contact .content_wc .content_nc{width:90%; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
	  .m_contact .content_wc .content_nc .c1{width:100%; margin-top: 15px;}
	  .m_contact .content_wc .content_nc .c2{width:100%; margin-top: 15px;}
	  .m_contact .content_wc .content_nc .c2 .list_form{margin-top: 10px;}
	  .m_contact .content_wc .content_nc .c3{width:100%; margin: 0 auto; margin-top: 15px; font-size:1.2rem; line-height: 2.4rem;}
	  .m_contact .content_wc .content_nc .c3 .list{position: relative;}
	  .m_contact .content_wc .content_nc .c3 .list img{position: absolute; right: 0; bottom:0; width:25%}

	  .m_foot{width:100%; text-align: center; font-size:1.2rem}

      @media screen and (max-width: 1400px) {
        .common_top_wc{display: none;}
        .menu-btn{display: block;}
        .sidebar{display: block;}
        .m_top{display: flex;}
        .ny_banner{margin-top: 70px;}
        .fl_class{flex-wrap: wrap;}
        .fl_class a{width:23%; margin: 0 0.5%; height: auto; line-height: 40px;}
        .pro_wc .list{width:45%; margin: 2% 0 0 2.5%;}
        .ser_wc .ser_title .a1{font-size:2.2rem}
        .ser_wc .ser_title .a2{font-size:1.6rem}
        .ser_wc{width:100%}
        .ser_wc .ser_list{width:90%; margin: 30px auto; display: flex; justify-content: space-between;}
        .ser_wc .ser_list .list{width:45%}
        .ny_bread_wc .ny_about{width:94%; margin: 0 auto;}
        .about_wc{width:100%}
        .about_wc .about_title .a1{font-size:2.2rem}
        .about_wc .about_title .a2{font-size:1.6rem}
        .about_wc .about_one{flex-wrap: wrap;}
        .about_wc .about_one .left{width:100%; height: 50%; overflow: hidden;}
        .about_wc .about_one .left img{width:100%}
        .about_wc .about_one .right{width:96%; margin: 0 auto; margin-top: 30px;}
        .about_wc .about_two{width:98%; margin: 30px auto;}
        .case_wc .list{width:45%; margin: 2% 0 0 2.5%; }
        .case_wc .list .wz{font-size:1.2rem}
        .contact_wc{width:100%}
        .contact_wc .con_center{flex-wrap: wrap;}
        .contact_wc .con_center .left{width:100%}
        .contact_wc .con_center .left img{width:100%}
        .contact_wc .con_center .right{width:100%}
        .pro_wc .pro_text{width:100%}
        .pro_wc .pro_content{width:100%}

      }

      @media screen and (max-width: 786px) {
        .fl_class a{width:43%; margin: 0.5% 0.5%;}
        .pro_wc .pro_text{flex-wrap: wrap;}
        .pro_wc .pro_text .t1{width:100%}
        .pro_wc .pro_text .t2{width:100%; margin-top: 15px;}
        .contact_wc .con_top .c1 .c1_1{height: 40px;}
        .contact_wc .con_top .c1 .c1_2{font-size:2rem}
        .contact_wc .con_top .c1 .c1_3{font-size:1.4rem}
        .contact_wc .con_top .c2{width:32%}
        .contact_wc .con_center .right .r1{background-size:contain; font-size:2rem}
        .contact_wc .con_center .right .r2{height:auto; padding:30px 0 ;}
        .contact_wc .con_center .right .r2 .r2_gps{width:90%}
      }