/* 适配 */
 /* Small devices (landscape phones, 576px and up) */
 @media screen and (min-width: 360px) and (max-width:374px) {
    .puzzle{
        display: none;
    }
    .puzzle_mobile{
        display: block;
    }
    .puzzle_mobile_box{
        display: flex;
        align-items: center;
    }
    .puzzle_mobile_box_info{
        position: relative;
    }
    .box_info{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(0,0,0,.5);
        color: #fff;
        text-align: center;
        font-size: 24px;
        display: none;
    }
    .box_info .info_puzzle{
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #mobileBox1:hover .box_info,#mobileBox2:hover .box_info,#mobileBox3:hover .box_info,#mobileBox4:hover .box_info,#mobileBox5:hover .box_info,#mobileBox6:hover{
        display: block;
    }
    .course_box img{
        display: none;
    }
    .course_info{
        width: 345px;
        margin: 20px auto;
    }
    .course_info h3{
        font-size: 20px;
        text-align: center;
		color: #fff;
    }
    .newsBox .row p{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin: 5px 0;
    }
    .cov_box .row{
        margin: 0;
    }
    .newsBox .row img{
        width: 88px;
    }
    .logo_img{
        width: 60%;
    }
    .icongengduo{
        font-size: 16px;
        line-height: 22px;
    }
    .slide{
        margin-top: 72px;
    }
    .product{
        margin-top: 20px;
        position: relative;
    }
    .productCard{
        width: 90%;
        z-index: 999;
        position: absolute;
        top: 0;
        left: 22%;
        margin-left: -50px;
    }
    .productCard .card-title{
        font-size: 20px;
        margin-bottom: 5px !important;
    }
    .productCard .card-text{
        font-size: 12px;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .products_card{
        margin-top: 20px;
        position: relative;
    }
    .productsCard{
        z-index: 999;
        position: absolute;
        top: 0px;
        left: 20%;
        margin-left: -50px;
    }
    .swiperProDetail{
        width: 100%;
        padding-left: 12px;
        ;
    }
    .btn-buy{
        font-size: 12px;
        height: 22px;
        line-height: 11px;
    }
    .more a{
        font-size: 12px;
    }
    .swiper-slide .card-body{
        padding-top: 10px !important;
    }
    .swiper-slide .card-title{
        font-size: 18px;
    }
    .swiper-slide .card-text{
        margin-bottom: 0 !important;
    }
    .title{
        font-size: 21px;
        color: #000000;
        text-align: center;
        padding: 30px 0;
    }
    .aboutBox{
        margin-top: 20px;
        position: relative;
    }
    .aboutCard{
        width: 75%;
        z-index: 999;
        position: absolute;
        top: 20px;
        left: 28%;
        margin-left: -50px;
        color: #ffffff;
    }
    .aboutCard .card-text{
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .productCenter{
        position: absolute;
        top: 50%;
        margin-top: -30px;
        left: 20%;
    }
    .whyBox p{
        font-size: 14px;
        padding: 33px 0;
    }
    .whyBox{
        background-color: #F7F9FA;
        margin-top: 30px;
        padding-bottom: 25px;
    }
    .whyBox .title{
        padding-top: 28px;
    }
    .contentTitle{
        font-size: 20px;
    }
    .flex-column{
        flex-direction: row !important;
        font-size: 14px;
        margin-bottom: 20px;
    }
    .flex-column .active{
        color: #916A48;
    }
    .videoBox,.searchBox,.productsBox,.proDetail_text,.news_herf,.contact_box,.activityBox{
        width: 345px;
        margin: 0 auto;
    }
    .contentTitle{
        padding: 20px 0;
    }
    .submit_box .row{
        margin: 0;
        background-color: #fff;
    }
    .video-col{
        margin-bottom: 20px;
    }
    .video-text,.video-text p{
        width: 91%;
        height: 60px;
        background: #000000;
        opacity: 0.8;
    }
    .video-text p{
        color: #ffffff;
        font-size: 16px;
        line-height: 60px;
        padding: 0 5%;
    }
    .pageBox{
        margin: 30px 0;
    }
    .searchTitle{
        margin: 60rpx 0 12px 0;
        font-size: 16px;
        color: #000000;
    }
    .productCenter p:nth-child(1){
        font-size: 18px;
        font-weight: bold;
    }
    .productCenter p:nth-child(2){
        font-size: 14px;
    }
    .proDetail_text_title{
        margin-top: 10px;
        margin-bottom: 12px;
    }
    .proDetail_text_title p{
        width: 72px;
        padding: 10px 0;
        font-size: 18px;
        color: #010104;
    }
    .proDetail_text .footer-title{
        font-size: 16px;
    }
    .proDetail_text .footer-menu li{
        font-size: 10px;
    }
    .proDetail_text .footer-menu li p{
        width: 100px;
        margin: 0;
        padding: 5px 0;
    }
    .proDetail_text .footer-menu ul{
        margin: 0 !important;
        padding: 0;
    }
    .down{
        font-size: 10px;
        display: inline;
    }

    .down div{
        margin: 20px 0;
        display: flex;
        align-items: center;
    }
    .company_info{
        position: 	static;
        width: 345px;
        margin: 20px auto;
        color: #333333;
    }
    .process{
        display: flex;
        justify-content: space-around;
    }
    .issue_box li p{
        padding: 18px;
        margin: 0;
        font-size: 12px;
        color: #999999;
    }
    .issue_box .card-header{
        padding: 0 !important;
    }
    .issue_box .card-header h2 button{
        font-size: 14px;
    }
    .issue_box .card-body{
        font-size: 12px;
    }
    .down img{
        margin-right: 8px;
    }
    .contact{
        margin-bottom: 90px;
    }
    .media-body{
        font-size: 12px;
        margin: 0 auto;
        width: 295px;
    }
    .media{
        padding-bottom: 30px;
    }
    .media-body h6{
        font-size: 14px;
    }
    .media span{
        margin-top: -20px;
        font-size: 12px;
    }
    .example_box{
        position: initial;
    }
    .contact_box .row{
        padding: 20px 0;
    }
    .contact_box .row div{
        margin-bottom: 20px;
    }
    .contact_box .row p{
        padding: 0;
        margin-top: 10px;
    }
    .contact_box .row .contact_ct{
        color: #333333;
    }
    .contact_title{
        margin: 20px 0;
        font-size: 22px;
    }
    .activityBox .container p{
        font-size: 18px;
    }
    .activity_time{
        font-size: 12px;
    }
    .article_ct div{
        margin: 20px 0;
        font-size: 14px;
    }
    .activity_time p{
        font-size: 14px !important;
    }
    .headerNavBar .navbar-light .navbar-nav .nav-link{
        font-size: 18px;
    }
    .pro-container{
        margin: 0 20px;
    }
    .pro_card .card-title{
        font-size: 18px;
    }
    .pro_card .card-text{
        font-size: 12px;
    }
    .pro_card .btn-dark,.pro_card .card-link{
        font-size: 14px;
    }
    .pro_card .card-link{
        margin-left: 15px;
        word-wrap:break-word;
    }
    .pro-box-row{
        margin-bottom: 10px;
    }
    .pro-box-row .card-text{
        text-align: left;
    }
    .proNav_box .buy-item{
        margin: 0 !important;
    }
    .service_p{
        width: 90%;
        margin: 0 auto;
    }
    .navberMenu{
        justify-content: start;
        font-size: 14px;
        padding: 10px 0;
    }
    .newsDetail-ct .card-title,.newsDetail-ct p{
        font-size: 14px !important;
    }
    .newsDetail-ct .card-text{
        font-size: 12px;
    }
    .newsDetail_hint .col-12{
        margin: 20px auto;
    }
    .service_box p{
        font-size: 16px;
    }
    .service_box{
        margin: 30px 0;
    }
    .service_box .row .col-12{
        margin: 20px 0;
    }
    .service_box_row .card .card-text{
        font-size: 16px;
    }
    .service_box_row .card .service_tel{
        font-size: 12px;
        padding: 54px 0 41px 0;
        border-bottom: 1px solid #e5e5e5;
    }
    .service_box_row .card .service_tel span{
        font-size: 14px;
    }
    .service_box_row .card .service_time{
        font-size: 12px;
       padding-bottom: 20px;
    }
    .service_box_row .card a{
        width: 129px;
        height: 37px;
        font-size: 16px;
        padding: 10px;
        cursor: pointer;
    }
    .service_text p{
        font-size: 16px;
        padding: 25px 0;
    }

    .service_text .footer-title{
        font-size: 14px !important;
    }
    .service_text li{
        font-size: 12px;
    }
    .service_text .footer-title{
        margin-bottom: 20px;
    }

    .service_text div{
        margin-bottom: 42px;
    }
    .submit_box input,.submit_box textarea{
        margin-top: 10px;
        font-size: 14px;
    }
    .submit_box label{
        margin-top: 32px;
        font-size: 16px;
    }
    .upload p{
        margin-top: 16px !important;
        font-size: 12px;
    }
    .code input{
        width: 80px;
    }
    .code span{
        margin: 0 19px;
    }
    .code a{
        font-size: 12px;
    }
    .code span,.code a{
        margin-top: 16px;
    }
    .form-group button{
        width: 258px;
        margin: 76px auto;
    }
    .success_submit{
        margin: 275px 0 300px 0;
    }
    .success_submit p{
        font-size: 18px;
        margin-top: 16px;
    }
    .submit_box h5{
        font-size: 18px;
        margin: 20px auto;
    }
    .process{
        margin-top: 22px;
    }
    .process p{
        font-size: 14px;
        margin: 32px 0;
    }
    .process div{
        text-align: center;
        /* margin: 0 172px; */
    }
    .company_info p{
        font-size: 22px;
    }
    .line{
        width: 86px;
        height: 2px;
        margin: 15px auto;
        background: #333333;
    }
    .company_info .info{
        font-size: 14px;
        margin: 20px auto;
    }
    .about_box h2{
       margin-top: 40px;
       font-size: 20px;
       margin-bottom: 20px;
    }
    .puzzle_mobile_box_info:hover .box_info{
        display: block;
    }
    .about_box .row{
        margin: 48px auto;
    }
    .about_box .img-hj .row div{
        margin-bottom: 20px;
    }
    .infos {
        display: inline;
    }
    .infos .infos_text{
        /* width: 200px; */
        margin-top: 20px;
    }
    .infos .year{
        font-size: 26px;
    }
    .infos .month{
        font-size: 16px;
    }
    .infos .text{
        width: 240px;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .infos_text div{
        /* width: 180px; */
        margin-bottom: 30px;
        display: flex;
        align-items: center;
        justify-content: space-around;

    }
    .contact_row p{
        font-size: 16px;
        margin: 25px auto;
    }
    .coo_title{
       font-size: 22px;
       margin: 0 auto;
       text-align: center;
    }
    .coo_title span{
        font-size: 24px;
    }
    .cooperation_box .mt-0{
        text-align: left;
       margin: 20px 0;
    }
    .cooperation_box .mt-0 .line{
        width: 7px;
        height: 26px;
    }
    .example_box .row div{
        margin-top: 20px;
    }
    .cooperation_box select{
        width: 345px;
        margin: 20px auto;
        font-size: 16px;
    }
    .example_box .row{
        margin: 0;
    }
    .coo_choose .row{
        margin: 0;
    }
    .coo_choose p{
       font-size: 20px;
    }
    .cooperation_box button{
        width: 258px;
        margin: 30px auto;
    }
    .cooperation_box .media .row{
        margin: 0;
    }
    .cooperation_box .media .row .coo-img{
        margin-right: 0 !important;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .proNav_box .buy {
        height: 34px;
        background-color: #ffffff;
        border-radius: 16px;
        color: #000000;
        line-height: 17px;
    }
    .code{
        display: flex;
        align-items: center;
    }
    .example .lazy-img{
        display: none;
    }
    .example_box{
        /* width: 68%;
        position: absolute;
        top: 10%;
        margin-top: -50px;
        left: 16%;
        margin-left: -50px; */
    }
    .cooperation_box .media{
        border-bottom: 1px solid #fff;
    }
    .activity{
        margin: 0 auto;
        margin-top: 60px;
    }
    .activity_time p{
        margin: 0;
        text-align: left !important;
    }
 }
@media screen and (min-width: 900px) {
	.colseImg_video{
		position: absolute;
		right: -13px;
		top: -13px;
		width: 26px;
		height:26px;
		z-index: 100;
		cursor: pointer;
	}
	 .black-phone{
		display: none !important;
	 }

	 .topBanner .card{
	 		 top: 6%;
	 }
	 .poDetail_images .videoImg{
		 position: relative;
		 cursor: pointer;
	 }

	 .newItem:hover .dropdown-menu{
	 	opacity: 1;
	 	display: block;
	 }

	 .pro_items:hover .dropdown-box{
	     display: block!important;
	  }
	  .lang-box .lang span{
		  color: #333;
	  }
	  .videoModal{
	  		 width: 850px!important;
	  		 height: 480px!important;
	  }
	  .videoModal video{
		  width: 850px;
		  height: 480px;
	  }
}
@media screen and (max-width: 900px) {
	.colseImg_video{
		position: absolute;
		width: 22px;
		height: 22px;
		right: -11px;
		top: -11px;
		z-index: 100;
		cursor: pointer;
	}
	 .black-pc{
		display: none !important;
	 }
	 .navbar-expand-lg{
	 	background-color: #000 !important;
	 }
	 .whyBox p{
		 padding: 10px 0 !important;
	 }
	 .whyBox{
		 margin-top: 10px !important;
		 padding-bottom: 5px !important;
	 }
	 .whyBox .row .col-12{
		 flex: 0 0 50% !important;
	 }
	 .whyBox .row .col-12 img{
		 width: 35px !important;
		 height: 35px !important;
	 }
	 .about_box .img-hj .col-12{
		 flex: 0 0 48.5% !important;
		 padding-left: 0;
		 padding-right: 0;
	 }
	 .about_box .container.img-hj .col-12:nth-of-type(even){
		 margin-left: 10px;
	 }
	 .about_box .row{
		 margin: 15px auto !important;
	 }
	 .about_box .container{
		 padding-left: 10px;
		 padding-right: 10px;
	 }
	 .navbar{
		 padding: 0.5rem 0rem !important;
	 }
	 .navbar .nav-item{
	 	padding: 0rem 0rem !important;
	 }
	 .topBanner .card{
		 top: 30px;
		 left: 0;
		 right: 0;
		 margin: auto;
		 /* zoom: calc(0.9); */
	 }
	 .poDetail_images .palyerBtn{
		 width: 30px;
		 height: 30px;
	 }
	 .aboutLu .aboutBox .imgBox {
		 height: 200px;
	 }
	 .videoModal{
		 width: 90%!important;
		 height: 210px!important;
	 }
	 .videoModal video{
	 		  width: 100%;
	 		  height: 210px;
	 }
}

@media screen and (min-width: 375px) and (max-width:767px) {
	.backTop{
			 height: 30px!important;
			 width: 30px!important;
			 right: 20px!important;
			 bottom: 40px!important;
	}
	.headerNav{
		display: flex !important;
	}

    .puzzle{
        display: none;
    }
    .puzzle_mobile{
        display: block;
    }
    .puzzle_mobile_box{
        display: flex;
        align-items: center;
    }
    .puzzle_mobile_box_info{
        position: relative;
    }
	.products .col-12{
		padding: 0!important;
	}
    .box_info{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(0,0,0,.5);
        color: #fff;
        text-align: center;
        font-size: 24px;
        display: none;
    }
    .box_info .info_puzzle{
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #mobileBox1:hover .box_info,#mobileBox2:hover .box_info,#mobileBox3:hover .box_info,#mobileBox4:hover .box_info,#mobileBox5:hover .box_info,#mobileBox6:hover{
        display: block;
    }
    .course_box img{
        display: none;
    }
    .course_info{
        width: 345px;
        margin: 20px auto;
    }
    .course_info h3{
        font-size: 20px;
        text-align: center;
		color: #fff;
    }
    .newsBox .row p{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin: 5px 0;
    }
    .cov_box .row{
        margin: 0;
    }
    .newsBox .row img{
        width: 88px;
    }
	.footer-widget{
		margin-bottom: 10px!important;
	}
	.navbar-brand{
		position: absolute;
		left: 0;
		right: 0;
		top: 10px;
		/*bottom: 0;*/
		margin: auto!important;
		width: 90px;
		height: 30px;
		padding: 0;
	}
	.find-show .find-box input{
		width: 80px;
	}
    .logo_img{
        /* width: 60%; */
		width: 100%;
		height: 100%;
		margin-top: -4px;
		margin-right: auto;
    }

    .icongengduo{
        font-size: 16px;
        line-height: 22px;
    }
	.navbar-toggler{
		padding: 0;
	}
	.menuIcon{
		width: 30px;
		height: 30px;
	}
    .slide{
        margin-top: 64px;
    }
    .product{
        /* margin-top: 20px; */
        position: relative;
    }
    .productCard{
        width: 90%;
        z-index: 999;
        position: absolute;
        top: 42px;
        left: 22%;
        margin-left: -50px;
    }
    .productCard .card-title{
        font-size: 20px;
        margin-bottom: 5px !important;
    }
    .productCard .card-text{
        font-size: 12px;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .products_card{
        /* margin-top: 20px; */
        position: relative;
    }
    .productsCard{
        z-index: 999;
        position: absolute;
        top: 42px;
        left: 20%;
        margin-left: -50px;
    }
    .swiperProDetail{
            width: 100%;
            padding-left: 12px;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 999;
            margin: auto;
    }
    .btn-buy{
        font-size: 12px;
        height: 22px;
        line-height: 11px;
    }
    .more a{
        font-size: 12px;
    }
    .swiper-slide .card-body{
        padding-top: 10px !important;
    }
    .swiper-slide .card-title{
        font-size: 18px;
    }
    .swiper-slide .card-text{
        margin-bottom: 0 !important;
    }
    .title{
        font-size: 21px;
        color: #000000;
        text-align: center;
        padding: 30px 0;
    }
    .aboutBox{
        margin-top: 10px;
        position: relative;
    }
    .aboutCard{
        width: 75%;
        z-index: 999;
        position: absolute;
        top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
        color: #ffffff;
		height: fit-content;
    }
    .aboutCard .card-text{
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .productCenter{
        position: absolute;
        top: 4rem;
        /* margin-top: -30px; */
        left: 20%;
    }
    .whyBox p{
        font-size: 14px;
        padding: 33px 0;
    }
    .whyBox{
        background-color: #F7F9FA;
        margin-top: 30px;
        padding-bottom: 25px;
    }
    .whyBox .title{
        padding-top: 28px;
    }
    .contentTitle{
        font-size: 20px;
    }
    .flex-column{
        flex-direction: row !important;
        font-size: 14px;
        margin-bottom: 20px;
    }
    .flex-column .active{
        color: #916A48;
    }
    .videoBox,.searchBox,.productsBox,.proDetail_text,.news_herf,.contact_box,.activityBox{
        width: 345px;
        margin: 0 auto;
    }
    .contentTitle{
        padding: 20px 0;
    }
    .submit_box .row{
        margin: 0;
        background-color: #fff;
    }
    .video-col{
        margin-bottom: 20px;
    }
    .video-text,.video-text p{
		left: 10px;
		right: 10px;
        height: 60px;
        background: #000000;
        opacity: 0.8;
    }
    .video-text p{
        color: #ffffff;
        font-size: 16px;
        line-height: 60px;
        padding: 0 5%;
    }
    .pageBox{
        margin: 30px 0;
    }
    .searchTitle{
        margin: 60rpx 0 12px 0;
        font-size: 16px;
        color: #000000;
    }
    .productCenter p:nth-child(1){
        font-size: 18px;
        font-weight: bold;
    }
    .productCenter p:nth-child(2){
        font-size: 14px;
    }
    .proDetail_text_title{
        margin-top: 10px;
        margin-bottom: 12px;
    }
    .proDetail_text_title p{
        width: fit-content;
        padding: 10px 0;
        font-size: 18px;
        color: #010104;
    }
    .proDetail_text .footer-title{
        font-size: 16px;
    }
    .proDetail_text .footer-menu li{
        font-size: 10px;
    }
    .proDetail_text .footer-menu li p{
        width: 100px;
        margin: 0;
        padding: 5px 0;
    }
    .proDetail_text .footer-menu ul{
        margin: 0 !important;
        padding: 0;
    }
    .down{
        font-size: 10px;
        display: inline;
    }

    .down div{
        margin: 20px 0;
        display: flex;
        align-items: center;
    }
    .company_info{
        position: 	static;
        width: 345px;
        margin: 20px auto;
        color: #333333;
    }
    .process{
        display: flex;
        justify-content: space-around;
    }
	.issue_box li{
		width: 33.3%;
	}
    .issue_box li p{
        padding: 18px 0;
        margin: 0;
        font-size: 12px;
        color: #999999;
    }
    .issue_box .card-header{
        padding: 0 !important;
    }
    .issue_box .card-header h2 button{
        font-size: 14px;
    }
    .issue_box .card-body{
        font-size: 12px;
    }
    .down img{
        margin-right: 8px;
    }
    .contact{
        margin-bottom: 90px;
    }
    .media-body{
        font-size: 12px;
        margin: 0 auto;
        width: 295px;
    }
    .media{
        padding-bottom: 30px;
    }
    .media-body h6{
        font-size: 14px;
    }
    .media span{
        margin-top: -20px;
        font-size: 12px;
    }
    .example_box{
        position: initial;
    }
    .contact_box .row{
        padding: 20px 0;
    }
    .contact_box .row div{
        margin-bottom: 20px;
    }
    .contact_box .row p{
        padding: 0;
        margin-top: 10px;
    }
    .contact_box .row .contact_ct{
        color: #333333;
    }
    .contact_title{
        margin: 20px 0;
        font-size: 22px;
    }
    .activityBox .container p{
        font-size: 18px;
    }
    .activity_time{
        font-size: 12px;
    }
    .article_ct div{
        margin: 20px 0;
        font-size: 14px;
    }
    .activity_time p{
        font-size: 14px !important;
    }
    .headerNavBar .navbar-light .navbar-nav .nav-link{
        font-size: 14px;
    }
    .pro-container{
        /* margin: 0 20px; */
		padding: 0 15px;
    }
    .pro_card .card-title{
        font-size: 18px;
    }
    .pro_card .card-text{
        font-size: 12px;
    }
    .pro_card .btn-dark,.pro_card .card-link{
        font-size: 14px;
    }
    .pro_card .card-link{
        margin-left: 15px;
        word-wrap:break-word;
    }
    .pro-box-row{
        margin-bottom: 10px;
    }
    .pro-box-row .card-text{
        text-align: left;
    }
    .proNav_box .buy-item{
        margin: 0 !important;
    }
    .service_p{
        width: 90%;
        margin: 0 auto;
    }
    .navberMenu{
        justify-content: start;
        font-size: 14px;
        padding: 10px 0;
    }
    .newsDetail-ct .card-title,.newsDetail-ct p{
        font-size: 14px !important;
    }
    .newsDetail-ct .card-text{
        font-size: 12px;
    }
    .newsDetail_hint .col-12{
        margin: 20px auto;
    }
    .service_box p{
        font-size: 16px;
    }
    .service_box{
        margin: 30px 0;
    }
    .service_box .row .col-12{
        margin: 20px 0;
    }
    .service_box_row .card .card-text{
        font-size: 16px;
    }
    .service_box_row .card .service_tel{
        font-size: 12px;
        padding: 54px 0 41px 0;
        border-bottom: 1px solid #e5e5e5;
    }
    .service_box_row .card .service_tel span{
        font-size: 14px;
    }
    .service_box_row .card .service_time{
        font-size: 12px;
       padding-bottom: 20px;
    }
    .service_box_row .card a{
        width: 129px;
        height: 37px;
        font-size: 16px;
        padding: 10px;
        cursor: pointer;
    }
    .service_text p{
        font-size: 16px;
        padding: 25px 0;
    }

    .service_text .footer-title{
        font-size: 14px !important;
    }
    .service_text li{
        font-size: 12px;
    }
    .service_text .footer-title{
        margin-bottom: 20px;
    }

    .service_text div{
        margin-bottom: 42px;
    }
    .submit_box input,.submit_box textarea{
        margin-top: 10px;
        font-size: 14px;
    }
    .submit_box label{
        margin-top: 32px;
        font-size: 16px;
    }
    .upload p{
        margin-top: 16px !important;
        font-size: 12px;
    }
    .code input{
        width: 80px;
    }
    .code span{
        margin: 0 19px;
    }
    .code a{
        font-size: 12px;
    }
    .code span,.code a{
        margin-top: 16px;
    }
    .form-group button{
        width: 258px;
        margin: 76px auto;
    }
    .success_submit{
        margin: 275px 0 300px 0;
    }
    .success_submit p{
        font-size: 18px;
        margin-top: 16px;
    }
    .submit_box h5{
        font-size: 18px;
        margin: 20px auto;
    }
    .process{
        margin-top: 22px;
    }
    .process p{
        font-size: 14px;
        margin: 32px 0;
    }
    .process div{
        text-align: center;
        /* margin: 0 172px; */
    }
    .company_info p{
        font-size: 22px;
    }
    .line{
        width: 86px;
        height: 2px;
        margin: 15px auto;
        background: #333333;
    }
    .company_info .info{
        font-size: 14px;
        margin: 20px auto;
		line-height: 20px;
		text-align: justify;
		text-indent: 20px;
    }
    .about_box h2{
       margin-top: 40px;
       font-size: 20px;
       margin-bottom: 20px;
    }
    .puzzle_mobile_box_info:hover .box_info{
        display: block;
    }
    .about_box .row{
        margin: 48px auto;
    }
    .about_box .img-hj .row div{
        margin-bottom: 10px;
    }
    .infos {
        display: inline;
    }
    .infos .infos_text{
        /* width: 200px; */
        margin-top: 20px;
    }
    .infos .year{
        font-size: 26px;
    }
    .infos .month{
        font-size: 16px;
    }
    .infos .text{
        width: 240px;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .infos_text div{
        /* width: 180px; */
        margin-bottom: 30px;
        display: flex;
        align-items: center;
        justify-content: space-around;

    }
    .contact_row p{
        font-size: 16px;
        margin: 25px auto;
    }
    .coo_title{
       font-size: 22px;
       margin: 0 auto;
       text-align: center;
    }
    .coo_title span{
        font-size: 24px;
    }
    .cooperation_box .mt-0{
        text-align: left;
       margin: 20px 0;
    }
    .cooperation_box .mt-0 .line{
        width: 7px;
        height: 26px;
    }
    .example_box .row div{
        margin-top: 20px;
    }
    .cooperation_box select{
        width: 345px;
        margin: 20px auto;
        font-size: 16px;
    }
    .example_box .row{
        margin: 0;
    }
    .coo_choose .row{
        margin: 0;
    }
    .coo_choose p{
       font-size: 16px;
    }
    .cooperation_box button{
        width: 258px;
        margin: 30px auto;
    }
    .cooperation_box .media .row{
        margin: 0;
    }
    .cooperation_box .media .row .coo-img{
        margin-right: 0 !important;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .proNav_box .buy {
        height: 34px;
        background-color: #ffffff;
        border-radius: 16px;
        color: #000000;
        line-height: 17px;
    }
    .code{
        display: flex;
        align-items: center;
    }
    .example .lazy-img{
        display: none;
    }
    .example_box{
        /* width: 68%;
        position: absolute;
        top: 10%;
        margin-top: -50px;
        left: 16%;
        margin-left: -50px; */
    }
    .cooperation_box .media{
        border-bottom: 1px solid #fff;
    }
    .activity{
        margin: 0 auto;
        margin-top: 60px;
    }
    .activity_time p{
        margin: 0;
        text-align: left !important;
    }

	.producets .card-link{
		display: block;
		margin-top: 6px;
	}

	.coo_choose .row{
		width: 100%!important;
	}
	.proDetail_box .poDetail_images .palyerBtn{
		width: 40px !important;
		height: 40px;
	}

	.productBanner{
		display: flex;
		justify-content: center;
		padding: 20px 0;
		background: url(../images/pc/ing-guwm-bj.png) no-repeat;
		background-size: 100% 100%;
	}
	.mobile-banner > img{
		height: 120px;
	}
	.company_info {
	    width: 90%;
	    /* position: absolute; */
	    /* left: 28%;
	    top: 20%; */
	    /* margin-left: -50px;
	    margin-top: -50px; */
	    color: #fff;
	    text-align: center;
		display: flex;
		flex-direction: column;
		align-items:  center;
		justify-content: center;
	}
 }

 /* Medium devices (tablets, 768px and up) */
@media screen and (min-width: 768px) and (max-width:991px) {
	.lang-box{
	    margin-bottom: 5px;
	}
    .course_info h3{
        font-size: 36px;
        text-align: center;
    }
    .course_box img{
        display: block;
    }
    .puzzle_mobile{
        display: none;
    }
    .puzzle{
        display: block;
    }
    .puzzle .puzzleBox{
        margin-bottom: 20px;
        position: relative;
    }
    .box_info{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(0,0,0,.5);
        color: #fff;
        text-align: center;
        font-size: 24px;
        display: none;
    }
    .box_info .info_puzzle{
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #puzzleBox1:hover .box_info,#puzzleBox2:hover .box_info,#puzzleBox3:hover .box_info,#puzzleBox4:hover .box_info,#puzzleBox5:hover .box_info,#puzzleBox6:hover .box_info,#puzzleBox7:hover .box_info,#puzzleBox8:hover .box_info,#puzzleBox9:hover .box_info{
        display: block;
    }
    .activity_time{
        display: flex;
        align-items: center;
    }
    .activity_time p{
        margin: 0;
        text-align: center !important;
    }
    .activity{
        margin: 0 auto;
        margin-top: 100px;
    }
    .media-body h6{
        font-size: 18px;
    }
    .newsBox .row img{
        width: 120px;
    }
    .example .lazy-img {
        display: block;
    }
    .cooperation_box .media{
        width: 70% !important;
        margin: 110px auto;
        border-bottom: 1px solid #fff;
    }
    .example_box{
        width: 68%;
        position: absolute;
        top: 10%;
        margin-top: -50px;
        left: 16%;
        margin-left: -50px;
    }
    .code{
        display: flex;
        align-items: center;
    }
    .process{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .company_info {
        width: 45%;
        position: absolute;
        left: 28%;
        top: 20%;
        margin-left: -50px;
        margin-top: -50px;
        color: #fff;
        text-align: center;
    }
    .proNav_box .buy {
        height: 34px;
        background-color: #ffffff;
        border-radius: 16px;
        color: #000000;
        line-height: 17px;
    }
    .productCenter{
        position: absolute;
        top: 50%;
        margin-top: -50px;
        left: 20%;
    }
    .icongengduo{
        font-size: 18px;
    }
    .product{
        margin-top: 20px;
        position: relative;
    }
    .productCard{
        z-index: 999;
        position: absolute;
        top: 20px;
        left: 40%;
        margin-left: -50px;
    }
    .productCard .card-title{
        font-size: 26px;
    }
    .productCard .card-text{
        font-size: 12px;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .products_card{
        margin-top: 20px;
        position: relative;
    }
    .productsCard{
        z-index: 999;
        position: absolute;
        top: 0px;
        left: 30%;
        margin-left: -50px;
    }
    .swiperProDetail{
        width: 100%;
        padding-left: 12px;
    }
    .btn-buy{
        font-size: 12px;
    }
    .more a{
        font-size: 12px;
    }
    .title{
        font-size: 28px;
        color: #000000;
        text-align: center;
        padding: 85px 0;
    }
    .aboutBox{
        margin-top: 20px;
        position: relative;
    }
    .aboutCard{
        width: 100%;
        z-index: 999;
        position: absolute;
        top: 20px;
        left: 28%;
        margin-left: -50px;
        color: #ffffff;
    }
    .aboutCard .card-text{
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .whyBox p{
        font-size: 18px;
        padding: 33px 0;
    }
    .whyBox{
        background-color: #F7F9FA;
        margin-top: 60px;
        padding-bottom: 88px;
    }
    .whyBox .title{
        padding-top: 48px;
    }
    .contentTitle{
        font-size: 36px;
    }
    .videoBox,.searchBox,.productsBox,.proDetail_text,.news_herf,.contact_box,.activityBox,.submit_href{
        width: 80%;
        margin: 0 auto;
    }
    .contentTitle{
        padding: 45px 0;
    }
    .video-col{
        margin-bottom: 20px;
    }
    .video-text,.video-text p{
        width: 92%;
        height: 60px;
        background: #000000;
        opacity: 0.8;
    }
    .video-text p{
        color: #ffffff;
        font-size: 22px;
        line-height: 60px;
        padding: 0 5%;
    }
    .pageBox{
        margin: 84px 0;
    }
    .searchTitle{
        margin: 60rpx 0 12px 0;
        font-size: 24px;
        color: #000000;
    }
    .productCenter p:nth-child(1){
        font-size: 30px;
        font-weight: bold;
    }
    .productCenter p:nth-child(2){
        font-size: 18px;
    }
    .proDetail_text_title{
        margin-top: 90px;
        margin-bottom: 32px;
    }
    .proDetail_text_title p{
        width: 102px;
        padding: 18px 0;
        font-size: 24px;
        color: #010104;
    }
    .proDetail_text .footer-title{
        font-size: 22px;
    }
    .proDetail_text .footer-menu li{
        font-size: 16px;
        display: flex;
        align-items: center;
    }
    .proDetail_text .footer-menu li p{
        width: 130px;
        margin: 0;
    }
    .down{
        font-size: 16px;
    }

    .down div{
        margin-right: 67px;
    }
    .issue_box li p{
        padding: 18px;
        margin: 0;
        font-size: 16px;
        color: #999999;
    }
    .down img{
        margin-right: 8px;
    }
    .contact{
        margin-bottom: 90px;
    }
    .media-body{
        font-size: 14px;
        width: 400px;
    }
    .media{
        padding-bottom: 30px;
    }
    .media span{
        margin-top: -10px;
        font-size: 12px;
    }
    .contact_box .row{
        padding: 108px 0 86px 0;
    }
    .contact_box .row p{
        padding: 0;
        margin-top: 23px;
    }
    .contact_box .row .contact_ct{
        color: #333333;
    }
    .contact_title{
        margin: 40px 0;
        font-size: 30px;
    }
    .activityBox .container p{
        font-size: 24px;
    }
    .activity_time{
        font-size: 12px;
    }
    .article_ct div{
        margin: 27px 0;
        font-size: 18px;
    }
    .activity_time p{
        font-size: 14px !important;
    }
    .headerNavBar .navbar-light .navbar-nav .nav-link{
        font-size: 18px;
    }
    .pro-container{
        margin: 0 20px;
    }
    .pro_card .card-title{
        font-size: 30px;
    }
    .pro_card .card-text{
        font-size: 16px;
    }
    .pro_card .btn-dark,.pro_card .card-link{
        font-size: 18px;
    }
    .pro_card .card-link{
        margin-left: 30px;
    }
    .newsDetail-ct .card-title,.newsDetail-ct p{
        font-size: 18px !important;
    }
    .newsDetail-ct .card-text{
        font-size: 14px;
    }

    .newsDetail_hint{
        margin-top: 260px;
    }
    .service_box p{
        font-size: 24px;
    }
    .service_box{
        margin: 50px 0 60px 0;
    }
    .service_box_row .card .card-text{
        font-size: 18px;
    }
    .service_box_row .card .service_tel{
        font-size: 12px;
        padding: 54px 0 41px 0;
        border-bottom: 1px solid #e5e5e5;
    }
    .service_box_row .card .service_tel span{
        font-size: 14px;
    }
    .service_box_row .card .service_time{
        font-size: 12px;
       padding-bottom: 20px;
    }
    .service_box_row .card a{
        width: 129px;
        height: 37px;
        font-size: 16px;
        padding: 10px;
        cursor: pointer;
    }
    .service_text p{
        font-size: 30px;
        padding: 75px 0;
    }

    .service_text .footer-title{
        font-size: 18px !important;
    }
    .service_text li{
        font-size: 14px;
    }
    .service_text .footer-title{
        margin-bottom: 37px;
    }

    .service_text div{
        margin-bottom: 42px;
    }
    .submit_box input,.submit_box textarea{
        width: 660px;
        margin-top: 16px;
        font-size: 14px;
    }
    .submit_box label{
        margin-top: 32px;
        font-size: 16px;
    }
    .upload p{
        margin-top: 16px !important;
        font-size: 12px;
    }
    .code input{
        width: 130px;
    }
    .code span{
        margin: 0 19px;
    }
    .code a{
        font-size: 12px;
    }
    .code span,.code a{
        margin-top: 16px;
    }
    .form-group button{
        width: 258px;
        margin: 76px auto;
    }
    .success_submit{
        margin: 275px 0 300px 0;
    }
    .success_submit p{
        font-size: 18px;
        margin-top: 16px;
    }
    .submit_box h5{
        font-size: 36px;
        margin: 75px auto;
    }
    .process{
        margin-top: 100px;
    }
    .process p{
        font-size: 20px;
        margin: 32px 0;
    }
    .process div:nth-child(2){
        margin: 0 172px;
    }
    .company_info p{
        font-size: 36px;
    }
    .line{
        width: 86px;
        height: 4px;
        margin: 30px auto;
    }
    .company_info .info{
        font-size: 18px;
        margin: 76px auto;
    }
    .about_box h2{
       margin-top: 54px;
    }
    .about_box .row{
        margin: 48px auto;
    }
    .about_box .img-hj .row div{
        margin-bottom: 20px;
    }
    .infos .infos_text{
        width: 200px;
        margin-top: 50px;
    }
    .infos .year{
        font-size: 26px;
    }
    .infos .month{
        font-size: 16px;
    }
    .infos .text{
        width: 180px;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    .infos_text div{
        width: 180px;
        margin-bottom: 30px;
        display: inline;
    }
    .contact_row p{
        font-size: 20px;
        margin: 25px auto;
    }
    .coo_title{
       font-size: 36px;
       margin: 50px auto;
       text-align: center;
    }
    .coo_title span{
        font-size: 24px;
    }
    .cooperation_box .mt-0{
        text-align: left;
        margin-bottom: 44px;
    }
    .cooperation_box .mt-0 .line{
        width: 7px;
        height: 26px;
    }
    .example_box .row div{
        margin-top: 20px;
    }
    .cooperation_box select{
        width: 470px;
        margin: 67px auto;
        font-size: 24px;
    }
    .coo_choose p{
       font-size: 20px;
    }
    .cooperation_box button{
        width: 258px;
        margin: 96px auto;
    }
    .course_info{
        width: 60%;
        position: absolute;
        top: 15%;
        margin-top: -50px;
        color: #fff;
        text-align: center;
        left: 20%;
        margin-left: -50px;
    }
    .cul-content div:nth-child(1){
        flex:0 0 22.5%;
     }
     .cul-content div:nth-child(2){
        flex:0 0 23%;
     }
     .cul-content div:nth-child(3){
        flex:0 0 27.8%;
     }
     .cul-content div:nth-child(4){
        flex: 0 0 22.5%;
     }


 }

 /* Large devices (desktops, 992px and up) */
@media screen and (min-width: 992px) and (max-width:1199px) {
    .cul-content div:nth-child(1){
        flex:0 0 22.5%;
     }
     .cul-content div:nth-child(2){
        flex:0 0 23.3%;
     }
     .cul-content div:nth-child(3){
        flex:0 0 28%;
     }
     .cul-content div:nth-child(4){
        flex: 0 0 22.5%;
     }

    .headerNavBar .navbar-light .navbar-nav .nav-item{
        margin-right: 10px;
    }
    .course_info h3{
        font-size: 36px;
        text-align: center;
    }
    .course_info h3{
        font-size: 36px;
        text-align: center;
    }
    .course_box img{
        display: block;
    }
    .puzzle{
        display: block;
    }
    .course_info{
        width: 60%;
        position: absolute;
        top: 15%;
        margin-top: -50px;
        color: #fff;
        text-align: center;
        left: 20%;
        margin-left: -50px;
    }
    .productCenter{
        position: absolute;
        top: 50%;
        margin-top: -50px;
        left: 20%;
    }
    .icongengduo{
        font-size: 28px;
    }
    .product{
        margin-top: 20px;
        position: relative;
    }
    .productCard{
        z-index: 999;
        position: absolute;
        top: 40px!important;
        left: 40%;
        margin-left: -50px;
    }
    .productCard .card-title{
        font-size: 30px;
    }
    .productCard .card-text{
        font-size: 14px;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .products_card{
        margin-top: 20px;
        position: relative;
    }
    .productsCard{
        z-index: 999;
        position: absolute;
        top: 0px;
        left: 30%;
        margin-left: -50px;
    }
    .swiperProDetail{
        width: 100%;
        padding-left: 12px;
    }
    .btn-buy{
        font-size: 12px;
    }
    .more a{
        font-size: 14px;
    }
    .title{
        font-size: 28px;
        color: #000000;
        text-align: center;
        padding: 85px 0;
    }
    .aboutBox{
        margin-top: 20px;
        position: relative;
    }
    .aboutCard{
        width: 100%;
        z-index: 999;
        position: absolute;
        top: 20px;
        left: 28%;
        margin-left: -50px;
        color: #ffffff;
    }
    .aboutCard .card-text{
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .whyBox p{
        font-size: 18px;
        padding: 33px 0;
    }
    .whyBox{
        background-color: #F7F9FA;
        margin-top: 60px;
        padding-bottom: 88px;
    }
    .whyBox .title{
        padding-top: 48px;
    }
    .contentTitle{
        font-size: 36px;
    }
    .videoBox,.searchBox,.productsBox,.proDetail_text,.news_herf,.contact_box,.activityBox,.submit_href{
        width: 80%;
        margin: 0 auto;
    }
    .contentTitle{
        padding: 45px 0;
    }
    .video-col{
        margin-bottom: 20px;
    }
    .video-text,.video-text p{
        width: 92%;
        height: 60px;
        background: #000000;
        opacity: 0.8;
    }
    .video-text p{
        color: #ffffff;
        font-size: 22px;
        line-height: 60px;
        padding: 0 5%;
    }
    .pageBox{
        margin: 84px 0;
    }
    .searchTitle{
        margin: 60rpx 0 12px 0;
        font-size: 24px;
        color: #000000;
    }
    .productCenter p:nth-child(1){
        font-size: 30px;
        font-weight: bold;

    }
    .productCenter p:nth-child(2){
        font-size: 18px;
    }
    .proDetail_text_title{
        margin-top: 90px;
        margin-bottom: 32px;
    }
    .proDetail_text_title p{
        width: 102px;
        padding: 18px 0;
        font-size: 24px;
        color: #010104;
    }
    .proDetail_text .footer-title{
        font-size: 22px;
    }
    .proDetail_text .footer-menu li{
        font-size: 16px;
        display: flex;
        align-items: center;
    }
    .proDetail_text .footer-menu li p{
        width: 130px;
        margin: 0;
    }
    .down{
        font-size: 16px;
    }

    .down div{
        margin-right: 67px;
    }
    .issue_box li p{
        padding: 18px;
        margin: 0;
        font-size: 16px;
        color: #999999;
    }
    .down img{
        margin-right: 8px;
    }
    .contact{
        margin-bottom: 90px;
    }
    .media-body{
        font-size: 14px;
        width: 600px;
    }
    .media{
        padding-bottom: 30px;
    }
    .media span{
        margin-top: -10px;
        font-size: 12px;
    }
    .contact_box .row{
        padding: 108px 0 86px 0;
    }
    .contact_box .row p{
        padding: 0;
        margin-top: 23px;
    }
    .contact_box .row .contact_ct{
        color: #333333;
    }
    .contact_title{
        margin: 40px 0;
        font-size: 30px;
    }
    .activityBox .container p{
        font-size: 24px;
    }
    .activity_time{
        font-size: 12px;
    }
    .article_ct div{
        margin: 27px 0;
        font-size: 18px;
    }
    .activity_time p{
        font-size: 14px !important;
    }
    .headerNavBar .navbar-light .navbar-nav .nav-link{
        font-size: 16px;
    }
    .pro-container{
        margin: 0 20px;
    }
    .pro_card .card-title{
        font-size: 30px;
    }
    .pro_card .card-text{
        font-size: 16px;
    }
    .pro_card .btn-dark,.pro_card .card-link{
        font-size: 18px;
    }
    .pro_card .card-link{
        margin-left: 30px;
    }
    .newsDetail-ct .card-title,.newsDetail-ct p{
        font-size: 18px !important;
    }
    .newsDetail-ct .card-text{
        font-size: 14px;
    }

    .newsDetail_hint{
        margin-top: 260px;
    }
    .service_box p{
        font-size: 24px;
    }
    .service_box{
        margin: 50px 0 60px 0;
    }
    .service_box_row .card .card-text{
        font-size: 18px;
    }
    .service_box_row .card .service_tel{
        font-size: 12px;
        padding: 54px 0 41px 0;
        border-bottom: 1px solid #e5e5e5;
    }
    .service_box_row .card .service_tel span{
        font-size: 14px;
    }
    .service_box_row .card .service_time{
        font-size: 12px;
       padding-bottom: 20px;
    }
    .service_box_row .card a{
        width: 129px;
        height: 37px;
        font-size: 16px;
        padding: 10px;
        cursor: pointer;
    }
    .service_text p{
        font-size: 30px;
        padding: 75px 0;
    }

    .service_text .footer-title{
        font-size: 18px !important;
    }
    .service_text li{
        font-size: 14px;
    }
    .service_text .footer-title{
        margin-bottom: 37px;
    }

    .service_text div{
        margin-bottom: 42px;
    }
    .submit_box input,.submit_box textarea{
        width: 660px;
        margin-top: 16px;
        font-size: 14px;
    }
    .submit_box label{
        margin-top: 32px;
        font-size: 16px;
    }
    .upload p{
        margin-top: 16px !important;
        font-size: 12px;
    }
    .code input{
        width: 130px;
    }
    .code span{
        margin: 0 19px;
    }
    .code a{
        font-size: 12px;
    }
    .code span,.code a{
        margin-top: 16px;
    }
    .form-group button{
        width: 258px;
        margin: 76px auto;
    }
    .success_submit{
        margin: 275px 0 300px 0;
    }
    .success_submit p{
        font-size: 18px;
        margin-top: 16px;
    }
    .submit_box h5{
        font-size: 36px;
        margin: 75px auto;
    }
    .process{
        margin-top: 100px;
    }
    .process p{
        font-size: 20px;
        margin: 32px 0;
    }
    .process div:nth-child(2){
        margin: 0 172px;
    }
    .company_info p{
        font-size: 36px;
    }
    .line{
        width: 86px;
        height: 4px;
        margin: 30px auto;
    }
    .company_info .info{
        font-size: 18px;
        margin: 76px auto;
    }
    .about_box h2{
       margin-top: 54px;
    }
    .about_box .row{
        margin: 48px auto;
    }
    .about_box .img-hj .row div{
        margin-bottom: 20px;
    }
    .infos .infos_text{
        width: 200px;
        margin-top: 50px;
    }
    .infos .year{
        font-size: 26px;
    }
    .infos .month{
        font-size: 16px;
    }
    .infos .text{
        width: 180px;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    .infos_text div{
        width: 180px;
        margin-bottom: 30px;
        display: inline;
    }
    .contact_row p{
        font-size: 20px;
        margin: 25px auto;
    }
    .coo_title{
       font-size: 36px;
       margin: 50px auto;
       text-align: center;
    }
    .coo_title span{
        font-size: 24px;
    }
    .cooperation_box .mt-0{
        text-align: left;
        margin-bottom: 44px;
    }
    .cooperation_box .mt-0 .line{
        width: 7px;
        height: 26px;
    }
    .example_box .row div{
        margin-top: 20px;
    }
    .cooperation_box select{
        width: 470px;
        margin: 67px auto;
        font-size: 24px;
    }
    .coo_choose p{
       font-size: 20px;
    }
    .cooperation_box button{
        width: 258px;
        margin: 96px auto;
    }
    .dropdown-box h5{
        font-size: 14px;
    }
    .dropdown-box .hint-text{
        font-size: 12px;
        margin: 14px 0;
    }
    .dropdown-box .hint-span{
        border-radius: 10px;
        padding: 2px 10px;
        margin-top: 10px;
    }
    .dropdown-box .span-box{
        margin-top: 10px;
    }
    .dropdown-box{
        height: 475px;
    }
    .pro_items:hover .dropdown-box{
        display: block!important;
     }
     .dropdown-box h5{
        font-size: 14px;
    }
    .dropdown-box .hint-text{
        font-size: 12px;
        margin: 14px 0;
    }
    .dropdown-box .hint-span{
        border-radius: 10px;
        padding: 2px 10px;
        margin-top: 10px;
    }
    .dropdown-box .span-box{
        margin-top: 10px;
    }
    .dropdown-box{
        height: 475px;
    }
     .proNav_box .buy {
        height: 34px;
        background-color: #ffffff;
        border-radius: 16px;
        color: #000000;
        line-height: 17px;
    }
    .company_info {
        width: 45%;
        position: absolute;
        left: 28%;
        top: 20%;
        margin-left: -50px;
        margin-top: -50px;
        color: #fff;
        text-align: center;
    }
    .process{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .code{
        display: flex;
        align-items: center;
    }
    .example_box{
        width: 68%;
        position: absolute;
        top: 10%;
        margin-top: -50px;
        left: 16%;
        margin-left: -50px;
    }
    .cooperation_box .media{
        width: 70% !important;
        margin: 110px auto;
        border-bottom: 1px solid #fff;
    }
    .example .lazy-img {
        display: block;
    }
    .newsBox .row img{
        width: 120px;
    }
    .media-body h6{
        font-size: 18px;
    }
    .activity{
        margin: 0 auto;
        margin-top: 120px;
    }
    .activity_time{
        display: flex;
        align-items: center;
    }
    .activity_time p{
        margin: 0;
        text-align: center !important;
    }
    .puzzle .puzzleBox{
        margin-bottom: 20px;
        position: relative;
    }
    .box_info{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(0,0,0,.5);
        color: #fff;
        text-align: center;
        font-size: 24px;
        display: none;
    }
    .box_info .info_puzzle{
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #puzzleBox1:hover .box_info,#puzzleBox2:hover .box_info,#puzzleBox3:hover .box_info,#puzzleBox4:hover .box_info,#puzzleBox5:hover .box_info,#puzzleBox6:hover .box_info,#puzzleBox7:hover .box_info,#puzzleBox8:hover .box_info,#puzzleBox9:hover .box_info{
        display: block;
    }
    .puzzle_mobile{
        display: none;
    }
 }
@media screen and (min-width:1100px) and (max-width:1400px){

    .service_box_row .col-md-3:nth-child(1){
        margin-right: 50px;
    }
}
 /* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .headerNavBar .navbar-light .navbar-nav .nav-item{
        margin-right: 25px;
    }
    .course_box img{
        display: block;
    }
    .puzzle{
        display: block;
    }
    .puzzle_mobile{
        display: none;
    }
    .puzzle .puzzleBox{
        margin-bottom: 20px;
        position: relative;
    }
    .box_info{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(0,0,0,.5);
        color: #fff;
        text-align: center;
        font-size: 24px;
        display: none;
    }
    .box_info .info_puzzle{
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #puzzleBox1:hover .box_info,#puzzleBox2:hover .box_info,#puzzleBox3:hover .box_info,#puzzleBox4:hover .box_info,#puzzleBox5:hover .box_info,#puzzleBox6:hover .box_info,#puzzleBox7:hover .box_info,#puzzleBox8:hover .box_info,#puzzleBox9:hover .box_info{
        display: block;
    }
    .infos{
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .activity_time{
        display: flex;
        align-items: center;
    }
    .activity_time p{
        margin: 0;
        text-align: center !important;
        margin-left: 20%;
    }
    .activity{
        margin: 0 auto;
        margin-top: 140px;
    }
    .media-body h6{
        font-size: 18px;
    }
    .newsBox .row img{
        width: 210px;
    }
    .example .lazy-img {
        display: block;
    }
    .cooperation_box .media{
        width: 70% !important;
        margin: 110px auto;
        border-bottom: 1px solid #fff;
    }
    .example_box{
        /*width: 68%;*/
        /*position: absolute;*/
        /*top: 10%;*/
        /*margin-top: -50px;*/
        /*left: 16%;*/
        /*margin-left: -50px;*/
        width: 68%;
        position: absolute;
        top: 10%;
        margin-top: -50px;
        left: 50%;
        transform: translateX(-50%);
    }
    .code{
        display: flex;
        align-items: center;
    }
    .process div{
        text-align: center;
    }
    .process{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .issue_box .card-body {
        font-size: 14px;
    }
    .issue_box .card-header h2 button{
        font-size: 18px;
    }
	.productBanner{
		display: flex;
		justify-content: center;
		padding: 20px 0;
		background: url(../images/pc/ing-guwm-bj.png) no-repeat;
		background-size: 100% 100%;
	}
    .company_info {
        width: 50%;
        /* position: absolute; */
        /* left: 28%;
        top: 20%; */
        /* margin-left: -50px;
        margin-top: -50px; */
        color: #fff;
        text-align: center;
		display: flex;
		flex-direction: column;
		align-items:  center;
		justify-content: center;
    }
    .proNav_box ul{
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-right: 20%;
    }
    .proNav_box .buy {
        height: 34px;
        background-color: #ffffff;
        border-radius: 16px;
        color: #000000;
        line-height: 17px;
    }
    .icongengduo{
        font-size: 30px;
    }
    .product{
        margin-top: 20px;
        position: relative;
    }
    .slide{
        /* margin-top: 20px; */
    }
    .productCard{
        /* width: 27%; */
        z-index: 999;
        position: absolute;
        top: 0;
		bottom:0;
		left: 0;
		right: 0;
		margin: auto;
        /* left: 40%;
        margin-left: -50px; */
    }
    .productCard .card-title{
        font-size: 40px;
    }
    .productCard .card-text{
        font-size: 16px;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .products_card{
        margin-top: 20px;
        position: relative;
    }
    .productsCard{
        width: 90%;
        z-index: 999;
        position: absolute;
        top: 0px;
        /* left: 30%;
        margin-left: -50px; */
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;

    }
    .swiperProDetail{
            width: 100%;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 999;
            margin: auto;
    }
    .btn-buy{
        font-size: 14px;
    }
    .more a{
        font-size: 16px;
    }
    .title{
        font-size: 36px;
        color: #000000;
        text-align: center;
        padding: 85px 0;
    }
    .aboutBox{
        margin-top: 20px;
        position: relative;
    }
    .aboutCard{
        width: 75%;
        z-index: 999;
        position: absolute;
        top: 20px;
        left: 28%;
        margin-left: -50px;
        color: #ffffff;
    }
    .aboutCard .card-text{
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .productCenter{
        position: absolute;
        top: 50%;
        margin-top: -50px;
        left: 20%;
    }
    .whyBox p{
        font-size: 18px;
        padding: 33px 0;
    }
    .whyBox{
        background-color: #F7F9FA;
        margin-top: 60px;
        padding-bottom: 88px;
    }
    .whyBox .title{
        padding-top: 48px;
    }
    .contentTitle{
        font-size: 36px;
    }
    .videoBox,.searchBox,.productsBox,.proDetail_text,.news_herf,.contact_box,.activityBox,.submit_href{
        width: 1200px;
        margin: 0 auto;
    }
    .contentTitle{
        padding: 45px 0;
    }
    .video-col{
        margin-bottom: 20px;
    }
    .video-text,.video-text p{
        left: 10px;
		right: 10px;
        height: 60px;
        background: #000000;
        opacity: 0.8;
    }
    .video-text p{
        color: #ffffff;
        font-size: 22px;
        line-height: 60px;
        padding: 0 5%;
    }
    .pageBox{
        margin: 84px auto;
    }
    .searchTitle{
        margin: 60rpx 0 12px 0;
        font-size: 24px;
        color: #000000;
    }
    .productCenter p:nth-child(1){
        font-size: 30px;
        font-weight: bold;
    }
    .productCenter p:nth-child(2){
        font-size: 18px;
    }
    .proDetail_text_title{
        margin-top: 90px;
        margin-bottom: 32px;
    }
    .proDetail_text_title p{
        width: fit-content;
        padding: 18px 0;
        font-size: 24px;
        color: #010104;
    }
    .proDetail_text .footer-title{
        font-size: 22px;
    }
    .proDetail_text .footer-menu li{
        font-size: 16px;
        display: flex;
        align-items: center;
    }
    .proDetail_text .footer-menu li p{
        width: 130px;
        margin: 0;
    }
    .down{
        font-size: 16px;
        display: flex;
		flex-wrap: wrap;
    }

    .down div{
        margin-right: 67px;
		margin-bottom: 10px;
    }
    .issue_box li p{
        padding: 18px;
        margin: 0;
        font-size: 16px;
        color: #999999;
    }
    .down img{
        margin-right: 8px;
    }
    .contact{
        margin-bottom: 90px;
    }
    .media-body{
        font-size: 18px;
    }
    .media{
        padding-bottom: 10px;
    }
    .media span{
        margin-top: -10px;
        font-size: 12px;
    }
    .contact_box .row{
        padding: 15px 0 15px 0;
    }
    .contact_box .row p{
        padding: 0;
        margin-top: 23px;
		margin-bottom: 40px;
    }
    .contact_box .row .contact_ct{
        color: #333333;
    }
    .contact_title{
        /* margin: 40px 0; */
		margin-top: 39px;
		margin-bottom: 29px;
        font-size: 30px;
    }
    .activityBox .container p{
        font-size: 24px;
    }
    .activity_time{
        font-size: 12px;
    }
    .article_ct div{
        margin: 27px 0;
        font-size: 18px;
    }
    .activity_time p{
        font-size: 14px !important;
    }
    .headerNav{
        width: 1200px;
    }
    .headerNavBar .navbar-light .navbar-nav .nav-link{
        font-size: 16px;
    }
    .pro-container{
        margin: 0 20px;
    }
    .pro_card .card-title{
        font-size: 25px;
    }
    .pro_card .card-text{
        font-size: 16px;
    }
    .pro_card .btn-dark,.pro_card .card-link{
        font-size: 14px;
    }
    .pro_card .card-link{
        margin-left: 30px;
    }
    .newsDetail-ct .card-title,.newsDetail-ct p{
        font-size: 18px !important;
    }
    .newsDetail-ct .card-text{
        font-size: 14px;
    }

    .newsDetail_hint{
        margin-top: 260px;
    }
    .service_box p{
        font-size: 24px;
    }
    .service_box{
        margin: 50px 0 60px 0;
    }
    .service_box_row .card .card-text{
        font-size: 18px;
    }
    .service_box_row .card .service_tel{
        font-size: 12px;
        padding: 54px 0 41px 0;
        border-bottom: 1px solid #e5e5e5;
    }
    .service_box_row .card .service_tel span{
        font-size: 14px;
    }
    .service_box_row .card .service_time{
        font-size: 12px;
       padding-bottom: 20px;
    }
    .service_box_row .card a{
        width: 129px;
        height: 37px;
        font-size: 16px;
        padding: 10px;
        cursor: pointer;
    }
    .service_text p{
        font-size: 30px;
        padding: 75px 0;
    }

    .service_text .footer-title{
        font-size: 18px !important;
    }
    .service_text li{
        font-size: 14px;
    }
    .service_text .footer-title{
        margin-bottom: 37px;
    }

    .service_text div{
        margin-bottom: 42px;
    }
    .submit_box input,.submit_box textarea{
        width: 660px;
        margin-top: 16px;
        font-size: 14px;
    }
    .submit_box label{
        margin-top: 32px;
        font-size: 16px;
    }
    .upload p{
        margin-top: 16px !important;
        font-size: 12px;
    }
    .code input{
        width: 130px;
    }
    .code span{
        margin: 0 19px;
    }
    .code a{
        font-size: 12px;
    }
    .code span,.code a{
        margin-top: 16px;
    }
    .form-group button{
        width: 258px;
        margin: 76px auto;
    }
    .success_submit{
        margin: 275px 0 300px 0;
    }
    .success_submit p{
        font-size: 18px;
        margin-top: 16px;
    }
    .submit_box h5{
        font-size: 36px;
        margin: 75px auto;
    }
    .process{
        margin-top: 100px;
    }
    .process p{
        font-size: 20px;
        margin: 32px 0;
    }
    .process div:nth-child(2){
        margin: 0 172px;
    }
    .company_info p{
        font-size: 36px;
    }
    .line{
        width: 86px;
        height: 4px;
        margin: 30px auto;
    }
    .company_info .info{
        font-size: 18px;
        margin: 70px auto;
		line-height: 34px;
		text-align: justify;
		text-indent: 20px;

font-family: Microsoft YaHei;
    }
    .about_box h2{
       margin-top: 54px;
       font-size: 36px;
       margin-bottom: 38px;
    }
    .about_box .row{
        margin: 48px auto;
    }
    .about_box .img-hj .row div{
        margin-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px;
    }
    .infos .infos_text{
        width: 200px;
        margin-top: 2%;
    }
    .course_info{
        /* width: 70%; */
		max-width: 1120px;
        /* position: absolute;
        top: 15%; */
        margin-top: -50px;
        color: #fff;
        text-align: center;
        /* left: 20%; */
		margin: 0 auto;
    }
    .infos .year{
        font-size: 26px;
    }
    .infos .month{
        font-size: 16px;
    }
    .infos .text{
        width: 180px;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    .infos_text div{
        width: 180px;
        margin-bottom: 30px;
        display: inline;
    }
    .contact_row p{
        font-size: 20px;
        margin: 25px auto;
    }
    .coo_title{
       font-size: 36px;
       /*margin: 50px auto;*/
       margin: 30px auto;
       text-align: center;
    }
    .coo_title span{
        font-size: 24px;
    }
    .cooperation_box .mt-0{
        text-align: left;
        margin-bottom: 20px;
    }
    .cooperation_box .mt-0 .line{
        width: 7px;
        height: 26px;
    }
    .example_box .row div{
        margin-top: 20px;
    }
    .cooperation_box select{
        width: 470px;
        margin: 67px auto;
        font-size: 24px;
    }
    .coo_choose p{
       font-size: 20px;
    }
    .cooperation_box button{
        width: 258px;
        margin: 96px auto;
    }
    .dropdown-box h5{
        font-size: 14px;
    }
    .dropdown-box .hint-text{
        font-size: 12px;
        margin: 14px 0;
    }
    .dropdown-box .hint-span{
        border-radius: 10px;
        padding: 2px 10px;
        margin-top: 10px;
    }
    .dropdown-box .span-box{
        margin-top: 5px;
    }
    .dropdown-box{
        /* height: 490px; */
		transition: all 0.3s;
		height: 0;
    }
    .pro_items:hover .dropdown-box{
        /* height: 550px; */
		/*height: fit-content;*/
        height: auto;
		padding: 15px 2%;
     }
     .cul-content div:nth-child(1){
        flex:0 0 22.5%;
     }
     .cul-content div:nth-child(2){
        flex:0 0 23%;
     }
     .cul-content div:nth-child(3){
        flex:0 0 27.8%;
     }
     .cul-content div:nth-child(4){
        flex: 0 0 22.5%;
     }
	 .cooperation_box .media .row .coo-img{
		 height: 335px;
	 }
 }
 @media (min-width:1400px){
     .cul-content div:nth-child(1){
        flex:0 0 22.9%;
     }
     .cul-content div:nth-child(2){
        flex:0 0 23%;
     }
     .cul-content div:nth-child(3){
        flex:0 0 28%;
     }
     .cul-content div:nth-child(4){
        flex: 0 0 22.9%;
     }
 }