:root {
    --swiper-theme-color: unset !important;
}

@media (max-width: 1680px) {
    .contact_page {
        padding: 8rem 0;
    }
    .c_page1 .left {
        padding-right: 0;
        flex-shrink: 0;
        width: 36%;
    }
    .w1780 {
        max-width: 92%;
    }
    .header .w1780 {
        max-width: 100%;
        padding: 0 4%;
    }
    .c_page2 .right {
        flex-shrink: 0;
        min-width: 40%;
    }
    .c_page2 .right .box {
        max-width: 75%;
    }
}
@media (max-width: 1440px) {
    .header .nav_tool .pnum {
        display: none;
    }
    .w1540 {
        max-width: 92%;
    }
    .footer .footer_top .f_nav ul {
        width: 85rem;
    }
    .c_page1 .left {
        width: 40%;
    }
    .inside_tit p.en {
        font-size: 4.2rem;
    }
    .inside_tit p.zn {
        font-size: 2.8rem;
    }
	/* .c_page1 .left{width:50%;}
	.c_page1 .right{width:50%;} */
    .c_page1 .left .cont_ul {
        margin-top: 6rem;
    }
    .c_page1 .left .cont_ul li img {
        width: 4.2rem;
    }
    .c_page1 .left .cont_ul li .r h3 {
        font-size: 1.9rem;
    }
    .c_page1 .left .cont_ul li .r p {
        font-size: 1.4rem;
    }
    .news_page {
        padding: 8rem 0;
    }
    .news_title .inside_nav a {
        width: 18rem;
        line-height: 6.5rem;
        font-size: 2rem;
    }
    .news_list ul li {
        padding-bottom: 40.5%;
    }
    .news_list ul li .picture {
        width: 100%;
    }
    .news_list ul li .logo {
       position:absolute;
	   left:0;
	   top:0;
    }

    .news_list ul li .mask p.info {
        margin-top: 9.5rem;
    }
    .w1340 {
        max-width: 92%;
    }
    .inside_banner figcaption h3 {
        font-size: 4.8rem;
    }
    .inside_banner figcaption p {
        font-size: 1.6rem;
    }
    .inside_banner figcaption img {
        max-width: 36rem !important;
    }
    .tec_page .mod p.tit {
        top: 8rem;
        font-size: 2.8rem;
    }
    .tec_page .mod ul.mask li p:last-child {
        font-size: 1.4rem;
    }
    .tec_nav .w1540 a {
        font-size: 2.4rem;
    }
    .tec_page2 .flex2 .r p {
        font-size: 1.6rem;
    }
    .tec_page2 .flex2 .l p {
        font-size: 1.6rem;
    }
    .tec_page2 .flex2 img {
        flex-shrink: 0;
        margin: 0 5rem;
        max-width: 45rem;
    }
    .down_list {
        padding: 8rem 0;
    }
    .w1360 {
        max-width: 90%;
    }
    .solu_page1 .flex figcaption .item {
        width: 100%;
    }
    .solu_page1 .flex figure {
        width: 40%;
    }
    .solu_page3 {
        padding: 8rem 0;
    }
    .solu_page2 {
        padding: 8rem 0;
    }
    .solu_page1 {
        padding: 8rem 0;
    }
    .product {
        /* height: calc(100vh - 10rem); */
        background-size: cover;
    }
	.product .pro_mask{
		padding-bottom:8rem;
	}
    .product .backg {
        height: 100%;
        width: 100%;
    }
    .product .backg img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .product .pro_mask .flex2 .l h3 {
        font-size: 4rem;
    }
    .product .pro_mask .flex2 .l > p {
        font-size: 1.6rem;
        margin-top: 2rem;
    }
    /* .product .pro_mask .flex2 .r ul {
        width: 85rem;
    } */
    .product_dea .product2 .mySwiper2 {
        margin-left: 12%;
    }
    .product_dea .product2 .mySwiper2 .swiper-slide {
        padding: 0 10%;
    }
    .product_tuijian .flex2 .fl h3 {
        font-size: 4rem;
    }
    .product_tuijian .flex2 .fl p {
        font-size: 2.8rem;
        margin-top: 3rem;
    }
    .about_page1 li figure {
        flex-shrink: 1;
        min-width: 50%;
    }
    .about_page1 li figcaption {
        height: 54rem;
        padding: 0 4%;
    }
	
	.control ul li.act a{
		font-size:2.1rem;
	}
	.control span a{
		font-size:2rem;
	}
	.control ul li a{
		font-size:2rem;
	}
	.product_dea .product2 .left{
		margin-top:0;
	}
    .about_page1 li figcaption aside p.info {
        max-height: 31rem;
        overflow-y: scroll;
    }
    .about_page1 li {
        margin-bottom: 10rem;
    }
    .about_page5 .flex figure {
        min-width: 60%;
        flex-shrink: 1;
    }

    .brand_page ul li .picture aside p.en {
        font-size: 3.2rem;
    }
    .brand_page ul li .picture aside p.zn {
        font-size: 2.4rem;
    }
    .brand_page ul li .info {
        font-size: 1.5rem;
    }
    .index_page .page1 .pro_right .picture {
        flex-shrink: 1;
    }
    .index_page .page1 .pro_right .navlist {
        width: 32%;
        height: 52rem;
    }
    .index_page .page1 .pro_right .navlist ul li a {
        padding-left: 5rem;
    }
	.index_page .page1 .pro_left{
		width: 23.974026%;
	}
	.index_page .top{
		margin-bottom:40px;
	}
	.index_page .page1 .pro_right .navlist ul li a{
		height:8rem;
	}
	.index_page .page1 .pro_right .navlist ul li a::after{height:7.9rem}
	.index_page .control > div{width:4.5rem;height:4.5rem;margin-left:0;margin:0 2rem;}
	.index_page .control .swiper-button-next{margin-left:0;}
	.index_page .control{margin-top:5rem;}
	.index_page .page1 .pro_left .mod img{max-width:20rem;}
} /*# sourceMappingURL=responsive.css.map */

@media (max-width: 1023px) {
    .m_nav {
        display: block;
        position: fixed;
        top: 10rem;
        padding-top: 30px;
        padding: 20px 32px 0 32px;
        /*box-shadow: 0 15px 27px 0 rgba(167, 165, 165, .38);
        */
        width: 100%;
        height: calc(100% - 60px);
        /*background: rgba(0, 0, 0, .85);
        */
        background: #fff;
        transition: all ease 0.5s;
        -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
        z-index: 9999;
        opacity: 1;
        visibility: visible;
        margin-top: 0;
        overflow-y: auto;
        transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
        transform: translateX(100%);
        -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
        -ms-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
        -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
    }
    .m_nav.open {
        transform: translateX(0);
    }
    .m_nav .top {
        height: 60px;
        padding: 20px;
        box-sizing: border-box;
    }
    .m_nav .top .closed {
        width: 30px;
        height: 30px;
        vertical-align: middle;
        float: right;
        cursor: pointer;
    }
    .m_nav .logo {
        width: 100%;
        margin: 0 auto;
    }
    .m_nav .logo img {
        height: 50px;
        display: block;
        margin: 30px auto;
    }
    .m_nav .ul li {
        /* border-bottom: 1px solid #f5f5f5; */
        transform: translateY(0);
        transform: translateY(100%);
        transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
        opacity: 0;
    }
    .m_nav.open .ul li {
        opacity: 1;
        transform: translateY(0);
    }
    .m_nav .ul li:nth-child(1) {
        transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
    }
    .m_nav .ul li:nth-child(2) {
        transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
    }
    .m_nav .ul li:nth-child(3) {
        transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
    }
    .m_nav .ul li:nth-child(4) {
        transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
    }
    .m_nav .ul li:nth-child(5) {
        transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
    }
    .m_nav .ul li:nth-child(6) {
        transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
    }
    .m_nav .ul li:nth-child(7) {
        transition: all 1.4s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
    }
    .m_nav .ul li:nth-child(8) {
        transition: all 1.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
    }
    .m_nav .ul li:nth-child(9) {
        transition: all 1.8s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
    }
    .m_nav .ul li a {
        text-align: center;
        display: block;
        text-decoration: none;
        color: #000;
        font-size: 18px;
        height: 72px;
        line-height: 72px;
        width: 100%;
        border-bottom: 1px solid #e5e5e5;
    }
    .menu.m {
        display: block;
        margin-left: 20px;
    }
    .header .nav > ul {
        display: none;
    }
    .header .w1780.flex {
        justify-content: space-between;
    }
    .left_nav {
        display: none;
    }
    .bot {
        display: block;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 8%;
        text-align: center;
    }
    .bot p:first-child {
        font-size: 14px;
        color: #767676;
        font-weight: 500;
    }
    .bot p:nth-child(2) {
        font-size: 24px;
        color: #282828;
        font-weight: 500;
    }
    .bot .input {
        width: 90%;
        height: 46px;
        background: #000;
        margin: 0 auto;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
        display: flex;
        align-items: center;
        padding: 0 6%;
        margin-top: 4%;
    }
    .bot .input input {
        background: transparent;
        flex-shrink: 1;
        width: 100%;
        height: 100%;
        color: #fff;
        font-size: 16px;
    }
    .bot .input img {
        width: 22px;
        flex-shrink: 0;
    }
    .header .nav_tool {
        display: none;
    }
	
}

@media (max-width: 960px) {
    .header {
        height: 7.2rem;
    }
    .header .w1780 {
        height: 100%;
    }
    .header .logo {
        width: 60%;
    }
    .banner_swiper {
        margin-top: 7.2rem;
    }
    .banner_swiper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .search {
        top: -32rem;
        display: none;
    }
    .index_page {
        padding: 8% 0;
    }
    .inside_title2 img {
        max-width: 200px;
    }
    .inside_title2 h3 {
        font-size: 2.4rem;
    }
    .index_page .top .more {
        display: none;
    }
    .inside_title2 p {
        font-size: 1.2rem;
        margin-top: 1rem;
    }

    .index_page .page1 {
        margin-top: 8%;
        flex-wrap: wrap;
        margin-bottom: 12%;
    }
    .index_page .page1 .pro_left {
        width: 100%;
        margin-bottom: 5%;
        border-radius: 1rem;
        -webkit-border-radius: 1rem;
        -moz-border-radius: 1rem;
        -ms-border-radius: 1rem;
        -o-border-radius: 1rem;
    }
    .index_page .page1 .pro_right .navlist ul li a {
        padding-left: 0;
    }
    .index_page .page1 .pro_right .navlist ul li a img {
        display: none;
    }
    .index_page .page1 .pro_right {
        flex-wrap: wrap;
    }
    .index_page .page1 .pro_right .navlist {
        display: none;
    }
    .index_page .page1 .pro_right .picture {
        border-radius: 1rem;
        -webkit-border-radius: 1rem;
        -moz-border-radius: 1rem;
        -ms-border-radius: 1rem;
        -o-border-radius: 1rem;
    }
    .footer .footer_top .f_nav {
        display: none;
    }
    .footer .footer_top .f_logo > img {
        max-width: 40%;
    }
    .footer_top {
        display: none;
    }
    .footer .footer_bottom {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        padding: 4% 8%;
        height: auto;
    }
    .footer .footer_bottom p {
        padding: 1% 0;
        font-size: 1.2rem;
    }
    .m_nav {
        top: 7.2rem;
    }
    .inside_banner {
        margin-top: 7.2rem;
    }
    .tec_nav {
        height: 7.2rem;
    }
    .tec_nav .w1540 a:first-child {
        margin-right: auto;
    }
    .tec_nav .w1540 a {
        margin: 0 5rem;
        font-size: 2rem;
    }
    .tec_nav .w1540 {
        justify-content: center;
    }
    .inside_banner figcaption h3 {
        font-size: 2.8rem;
    }
    .inside_banner figcaption p {
        font-size: 1.2rem;
        margin-top: 1rem;
    }
    .about_page1 {
        padding: 8% 0 0;
    }
    .about_page1 li {
        flex-wrap: wrap;
        margin-bottom: 10%;
    }
    .about_page1 li figcaption {
        height: inherit;
        padding: 10% 5%;
    }
    .about_page1 li figcaption aside p.info {
        margin-top: 4rem;
        font-size: 1.4rem;
    }
    .inside_tit p.en {
        font-size: 2.8rem;
    }
    .inside_tit p.zn {
        font-size: 2.4rem;
    }
    .about_page1 li figcaption aside p.info {
        max-height: inherit;
    }
	.solu_page2 ul li .mask{
		opacity:1;
	}
	.solu_page2 ul li .mask h3{
		opacity:1;
		margin-bottom: 1.5rem;
		transform: translate(0, 0rem);
		-webkit-transform: translate(0, 0rem);
		-moz-transform: translate(0, 0rem);
		-ms-transform: translate(0, 0rem);
		-o-transform: translate(0, 0rem);
	}
	.solu_page2 ul li .mask p{
		opacity:1;
		transform: translate(0, 0rem);
		-webkit-transform: translate(0, 0rem);
		-moz-transform: translate(0, 0rem);
		-ms-transform: translate(0, 0rem);
		-o-transform: translate(0, 0rem);
	}
	.about_page4{width:100vw;overflow-x: clip;padding-bottom:none;}
	.about_page4 .honor_swiper{overflow:hidden;padding-bottom:4rem;}
	.about_page4 .honor_swiper .honorswiper .swiper-pagination-progressbar{bottom:-4rem;}
    /* .hls-history {
        background: url(../images/history_pagemb.jpg) center no-repeat;
    } */
    .histor-main li {
        margin: 0 4%;
    }
    .histor {
        padding: 8% 0 0;
    }
    .hls-history {
        padding: 20% 0;
    }
    .histor-time h3 {
        padding: 20px 0;
        font-size: 20px;
    }
    .histor-time-line {
        background: url(../images/hline.svg) center bottom no-repeat;
        background-size: 400%;
    }
    .histor-main {
        width: 100%;
        margin: 50px auto auto;
    }
    .histor-main li {
        font-size: 14px;
        line-height: 26px;
    }
    .hls-interpretation {
        padding: 20% 0;
    }
    .about_page3 {
        padding: 8% 0;
    }
    .about_page3 .w1360 {
        flex-wrap: wrap;
    }
    .about_page3 .w1360 figcaption p.inf {
        font-size: 1.4rem;
        margin-top: 4rem;
    }
    .about_page3 .w1360 figure {
        flex-shrink: 1;
        margin-left: 0;
        width: 80%;
        margin: 12% auto 0 auto;
    }
    .about_page4 {
        padding: 10% 0 8% 0;
    }
    .about_page4 .honor_swiper {
        margin-top: 12%;
    }
    .about_page5 .flex {
        flex-wrap: wrap;
    }
    .about_page5 .flex .list {
        width: 100% !important;
        margin-top: 8% !important;
        margin-bottom: 8% !important;
    }
    .about_page5 .flex .list ul li {
        width: 100%;
    }
    .about_page5 .logo_list ul {
        flex-wrap: wrap;
    }
    .about_page5 .logo_list ul li {
        margin: 4%;
    }
    .about_page5 {
        padding: 20% 0 8% 0;
    }
    .brand_page {
        padding-top: 10%;
    }
    .brand_page ul li .picture {
        height: 25rem;
    }
    .brand_page ul li .picture img {
        height: 100%;
        object-fit: cover;
    }
    .brand_page ul li .picture aside p.en {
        font-size: 2.4rem;
        text-align: center;
    }
    .brand_page ul li .info {
        padding: 6rem 5%;
        font-size: 1.4rem;
    }
    .brand_page ul li .picture aside p.zn {
        font-size: 1.8rem;
    }
    .product {
        margin-top: 7.2rem;
        height: inherit;
    }
    .product .backg {
        display: none;
    }
    .product .pro_mask {
        position: inherit;
        padding: 10% 0;
    }
    .product .pro_mask .flex2 .l h3 {
        font-size: 2.8rem;
        color: #333;
    }
    .product .pro_mask .flex2 .l p {
        font-size: 1.6rem;
        color: #999;
    }
    .product .pro_mask .flex2 .l .pro_nav {
        margin-top: 6%;
    }
    .product .pro_mask .flex2 .l .pro_nav li.act p {
        color: #000;
    }
    .product .pro_mask .flex2 .l .pro_nav p::after {
        background: #d2d2d2;
    }
    .product .pro_mask .flex2 .l .pro_nav li.act p span:after {
        color: #333;
    }
    .product .pro_mask .flex2 .l .pro_nav a {
        color: #666;
    }
	.product .pro_mask .flex2 .r{
		width:100%;
	}
    .product .pro_mask .flex2 .r > ul {
        width: 100%;
        margin-top: 10%;
    }
    .product .pro_mask .flex2 .r > ul li {
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
        width: calc((100% - 2rem) / 2);
        margin-bottom: 3rem;
        height: 20rem;
    }
	.product .pro_mask .flex2 .r > ul li a figure{
		width:75%;
	}
	.product .pro_mask .flex2 .control{
		
	}
	.product .pro_mask .flex2 .r > ul li a figcaption p.in{
		color:#999;
	}
    .product .pro_mask .flex2 .r > ul li a figcaption p.tit {
        font-size: 2.1rem;
        color: #333;
    }
    .product .pro_mask .flex2 .r > ul li a figcaption {
        margin-top: 10%;
    }
    .product_dea .product2 {
        flex-wrap: wrap;
    }
    .product_dea .product2 .right {
        flex-wrap: wrap;
    }
    .product_dea {
        height: inherit;
    }
    .product_dea .product2 {
        position: inherit;
    }
    .solu_page1 {
        padding: 8% 0;
    }
    .solu_page1 .flex {
        flex-wrap: wrap;
    }
    .solu_page1 .flex figure {
        width: 80%;
        margin: 0 auto;
    }
    .solu_page1 .flex figcaption {
        margin-left: 0;
        width: 100%;
        margin-top: 7rem;
    }
    .solu_page1 .w1360 {
        width: 100%;
    }
    .solu_page1 .flex figcaption .item {
        padding: 0 8%;
    }
    .solu_page1 .flex figcaption .item img {
        width: 80px;
    }
    .solu_page1 .flex figcaption > p {
        margin-bottom: 10%;
    }
    .solu_page1 .flex figcaption .item .r p {
        font-size: 1.4rem !important;
    }
    .solu_page1 .flex figcaption .item p:first-child {
        font-size: 2rem !important;
    }
    .solu_page2 {
        padding: 10% 0;
    }
    .solu_page2 ul {
        flex-wrap: wrap;
    }
    .solu_page2 ul li {
        width: 100%;
        margin-bottom: 10%;
    }
    .solu_page2 ul li:last-child {
        margin-bottom: 0;
    }
    .solu_page2 ul li:hover .mask h3 {
        font-size: 2.1rem;
        text-align: center;
    }
    .solu_page2 ul li:hover .mask p {
        font-size: 1.2rem;
        line-height: 1.2;
    }
	.solu_page2 ul li .mask p {
        font-size: 1.2rem;
        line-height: 1.2;
    }
    .solu_page3 {
        padding: 8% 0;
    }
    .news_title {
        flex-wrap: wrap;
        margin-bottom: 10%;
    }
    .news_title .inside_tit {
        margin-bottom: 8%;
    }
    .news_title .inside_nav a {
        width: 14rem;
        line-height: 4.8rem;
        font-size: 1.6rem;
    }
    /* .solu_page3 .solu_list .solu_mod ul li{
      width: 48%;
      margin-right: 4%;
      margin-bottom: 4%;
    }
    .solu_page3 .solu_list .solu_mod ul li:nth-child(3n){
      margin-right: 4%;
    }
    .solu_page3 .solu_list .solu_mod ul li:nth-child(2n){
      margin-right: 0;
    } */
    .solu_page3 .solu_list .solu_mod ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 3rem;
    }
    .inside_banner figcaption img {
        margin-top: 8%;
        width: 20rem;
    }
    .tec_page {
        padding: 10% 0;
    }
    .tec_page .flex {
        flex-wrap: wrap;
    }
    .tec_page .flex .mod {
        width: 100%;
        margin-bottom: 8%;
    }
    .tec_page .flex .mod:nth-child(2) {
        margin-bottom: 0;
    }
    .tec_page .mod p.tit {
        top: 6rem;
        font-size: 2rem;
    }
	.tec_page .mod i.icon{
		bottom:8rem;
	}
    .tec_page .mod ul.mask li p:last-child {
        font-size: 1.2rem;
    }
	.tec_page .mod ul.mask li p:nth-child(2){
		font-size:2rem;
	}
	.tec_page .mod ul.mask li img{
		width:3rem;
	}
    .tec_page2 .flex2 {
        flex-wrap: wrap;
        margin-top: 8%;
    }
    .tec_page2 .flex2 img {
        margin-left: 0;
        max-width: 100%;
        margin: 10% 0;
    }
    .tec_page2 .flex2 .r p {
        font-size: 1.4rem;
    }
    .tec_page2 .flex2 .r p span {
        font-size: 1.8rem;
    }
    .news_list ul li {
        width: 90%;
        margin: 0 auto;
        margin-bottom: 8%;
        padding-bottom: 100%;
    }
    .news_list ul li:nth-child(3n) {
        margin-right: auto;
    }
    .news_list ul li .mask {
        padding: 0 8%;
    }
    .news_list ul li .mask p.num {
        font-size: 3.6rem;
    }
    .news_list ul li .mask p.tit {
        font-size: 2.4rem;
        margin-top: 0;
    }
    .news_list ul li .mask p.info {
        margin-top: 5rem;
    }
    .news_page {
        margin-top: 7.2rem;
        padding: 10% 0;
    }
    .news_title {
        flex-wrap: wrap;
    }
    .news_title .inside_tit {
        width: 100%;
    }
    .news_enitor {
        padding: 10% 0 8% 0;
        font-size: 1.4rem;
    }
    .contact_page {
        margin-top: 7.2rem;
        padding: 10% 0;
    }
    .c_page1 {
        margin-bottom: 12%;
        flex-wrap: wrap;
    }
    .c_page1 .left {
        width: 100%;
        margin-bottom: 10%;
    }
    .c_page1 .left .cont_ul {
        margin-top: 4rem;
    }
    .c_page1 .right .map_dh {
        width: 80%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
    .c_page1 .right .map_dh a {
        padding: 0 4%;
    }
    .c_page1 .right .map_dh a > img {
        width: 6rem;
        flex-shrink: 0;
        margin-right: 5%;
    }
    .c_page1 .right .map_dh .next {
        width: 4rem;
        height: 4rem;
        flex-shrink: 0;
        border-radius: 4rem;
        -webkit-border-radius: 4rem;
        -moz-border-radius: 4rem;
        -ms-border-radius: 4rem;
        -o-border-radius: 4rem;
    }
    .c_page1 .right {
        width: 100%;
    }
    .c_page1 .left .cont_ul li {
        margin-top: 6%;
    }
    .c_page1 .right .map_dh p span:first-child {
        font-size: 1.4rem;
    }
    .c_page1 .right .map_dh p span:last-child {
        font-size: 1.2rem;
    }
    .c_page2 {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .c_page2 .right {
        width: 100%;
        margin-bottom: 10%;
    }
    .c_page2 .right .box {
        max-width: 92%;
    }
    .contact_page {
        padding-bottom: 0;
    }
    .product_dea {
        margin-top: 7.2rem;
        padding: 10% 0;
    }
    .product_dea .product2 {
        left: 0;
        top: 0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        flex-direction: column-reverse;
    }
    .product_dea .product2 .right {
        flex-direction: column-reverse;
    }
    .product_dea .product2 .lr {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        height: 85px;
    }
    .product_dea .product2 .mySwiper2 {
        margin-left: 0;
        height: 32rem;
    }
    .product_dea .product2 .mySwiper .swiper-slide {
        padding: 0 8%;
        height: 85px;
    }
    .product_dea .product2 .lr .mySwiper {
        margin-top: 0;
        width: 84%;
    }
    .product_dea .product2 .swiper-button-prev {
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        left: -35px;
        top: 35px;
    }
    .product_dea .product2 .swiper-button-next {
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        left: auto;
        right: -35px;
        top: 35px;
    }
    .product_dea .product2 .left {
        width: 100%;
    }
    .product_dea .product2 .left .Title {
        margin: 0 0 4rem 0;
    }
    .product_dea .product2 .left .Title p {
        font-size: 3.6rem;
        text-align: left;
    }
    .product_dea .product2 .left .Title h3 {
        font-size: 1.4rem;
        text-align: left;
        margin-top: 1rem;
    }
    .product_cotact .con_page .p_info {
        padding: 6%;
    }
    .product_cotact .con_page {
        margin-bottom: 8%;
    }
    .product_tuijian {
        padding: 8% 0;
    }
    .product_tuijian .flex2 {
        flex-wrap: wrap;
    }
    .product_tuijian .flex2 .fl h3 {
        font-size: 2.8rem;
    }
    .product_tuijian .flex2 .fl p {
        font-size: 2rem;
        margin-top: 2rem;
    }
    .product_tuijian .flex2 .fr {
        margin-left: 0;
        width: 100%;
        margin-top: 8%;
    }
    .product_tuijian .flex2 .fr ul li {
        height: 24rem;
        padding-top: 2%;
		width: calc((100% - 2rem) / 2);
		margin-right:2rem;
    }
    .product_tuijian .flex2 .fr ul li figure {
        width: 75%;
        margin: 0 auto;
    }
    .product_tuijian .flex2 .fr ul li a figcaption p.tit {
        font-size: 2.1rem;
    }
    .product_tuijian .flex2 .fr ul li a figcaption p.in {
        font-size: 1.2rem;
        margin-right: 0;
    }
    .product_tuijian .flex2 .fr ul li a figcaption {
        margin-top: 3rem;
    }
	.index_page .page2 .down .four_img .three .f_fp{
		padding:6% 12%;
	}
	.index_page .page2 .down .four_img .three .f_fp h3{
		font-size:1.4rem;
	}
	.index_page .page2 .down .four_img .three .f_fp p{
		font-size:1.2rem;
		margin-bottom:2rem;
		margin-top:0.5rem;
	}
	.index_page .page2 .down .four_img .three .f_fp i.icon{
		width:2rem;
		height:2rem;
		background-size:contain;
	}
	.index_page .page2 .down .four_img .three .f_fp p.in{
		display:none;
	}
	.index_page .page2 .down .four_img .three .f_fp .b{
		margin-bottom:1.5rem;
		width:2rem;
	}
	.c_page1 .right{
		height:405px;
	}
	.solu_page2 ul li .mask aside{
		max-width:75%;
	}
	.solu_page2 ul li .mask h3{
		font-size:1.8rem;
	}
	.solu_page2 ul li:hover .mask h3{
		font-size:1.8rem;
	}
	.about_page5 .logo_list ul li{
		width:50%;
		text-align:center;
		margin:4% 0;
		padding:0 8%;
		display:flex;
		align-items:center;
	}
	.product_dea .product2 .left .Title{
		margin-bottom:0;
	}
	.banner_swiper .rpagination{display:none;}
	.banner_swiper .swiper-button-prev,
	.banner_swiper .swiper-button-next{display:none;}
	.pro_nav{display:none;}
	.menu2.m {
        display: block;
        margin-left: 20px;
    }
	.control ul li.act a{color:#1e358e;}
	.index_page .page1 .pro_right{
		display:none;
	}
	.index_page .page1 .pro_left{position:relative;}
	.index_page .page1 .pro_left{margin-bottom:0;}
	.left_con{
		display:flex;
		position:absolute;
		left:0;
		top:50%;
		width:100%;
		justify-content:space-between;
		margin-top:0;
		transform:translateY(-50%);
	}
	.index_page .control{margin-top:0;}
	.down_list ul li{width:100%;margin:0 0 8%;padding:2% 4%;}
	.down_list ul{flex-wrap:wrap;}
	.down_list{padding:10% 0 6% 0;}
	.down_list ul li figure{width:40%;margin-right:5%;}
	.down_list ul li figcaption p.tit{font-size:1.6rem;line-height:1.4;}
	.down_list ul li figcaption p.inf{font-size:1.2rem;}
	.down_list ul li figcaption .btn_a a{font-size:1.2rem;}
	.inside_banner figure{height:30rem;}
	.inside_banner figure img{width:100%;height:100%;object-fit:cover;}
	.inside_banner figcaption h3{font-size:2.1rem;}
	.pc{display:none}
	.mob{display:block}
	.tec_page .mod p.tit{display:none;}
	.tec_page .mod i.icon{display:none;}
	.tec_page .mod ul.mask{opacity:1;top:50%;}
	.tec_page .mod ul.mask li p:last-child{line-height:1.4}
	.tec_page p.mob{color:#393939;text-align:center;font-size:2rem;font-weight:bold;margin:6% auto 8% auto}
}