@media (max-width:1199px) and (min-width:770px){
    .box-top .header{
        width: 100%;
    }
    .main{
        width: 100%;
    }
	
}

@media (max-width:769px){
    .box-top .header{
        width: 100%;
        text-align: center;
    }
    .box-top .header>ul{
        position: absolute;
        top: 10rem;
        left: 0rem;
        width: 30% !important;
        height: 100vh;
        margin-left: 0;
        z-index: 999;
        background-color: #015d59;
        opacity: .9;
    }
    .box-top .header ul li{
        width: 100%;
		/* height: 2rem; */
        text-align: center;
        color: #FFFFFF;
		z-index: 999;
		line-height: none;
    }
   .box-top .header ul a{
        color: #ffffff;
    }
    .box-top .header ul a:hover{
		color: #FFFEFE;
        /* background-color: #FFFEFE; */
    }
    .box-top .header ul li:hover{
		color: #FFFEFE;
        /* background-color: #FFFEFE; */
    }
     .regard{
        /*display: inline-block !important;*/
        width: 100% !important;
        height: auto !important;
        
    }
    .box-top .header .pc{
    display: none;
}
.box-top .header .h5{
    display: inline-block;
}
    .box-top .header ul li + li{
        margin-left: 0;
    }
    .box-top .header .btn{
		width: 5rem;
		height: 5rem;
		margin-top: 1rem;
        display: block;
        color: #ffffff;
        font-size: 5rem;
        padding: 0;
    }
	.box-top .header .btn img{
		width: 4.5rem;
		height: 4.5rem;
	}
	
	
	.box-top .langue{
		display: none;
	}

   
   .banner{
	   width: 100%;
	   height: 45rem;
   }
  
  .carousel-inner img {
    width: 100%;
    height: 45rem;
       
}
   
   
   /* 公司简介 */
   .intro{
   	width: 100%;
   	height: auto;
   	margin: 0 auto;
   	overflow: hidden;
   }
   .intro-top{
   	width: 38rem;
   	height: 4rem;
   	margin: 5rem auto;
   	display: flex;
   	align-items: center;
   	justify-content: space-between;
   	font-size: 3rem;
   	font-family: Microsoft YaHei;
   	font-weight: bold;
   	color: #015D59;
   }
    .intro-top img{
		width: 10rem;
	}
   .intro-top .you{
   	transform: rotateZ(180deg)
   }
   .intro-bottom{
   	width: 100%;
   	height: auto;
   	display: flex;
	flex-direction: column;
   	align-items: center;
   	margin: 0 auto;
   }
   .intro-bottom .img{
   	width: 60rem;
   	height: 34.5rem;
   	border: none !important;
   }
   .intro-bottom .img img{
   	width: 60rem;
   	height: 34.5rem;
   	border: none !important;
   	margin: 0 !important;
   }
   .intro-bottom .text{
   	width: 60rem;
   	height: auto;
   	 margin:0 auto; 
   }
   .intro-bottom .text p{
	text-indent:2em;
   	width: 60rem;
   	height: auto;
   	font-size: 1.6rem;
   	font-family: Microsoft YaHei;
   	font-weight: 400;
   	color: #333333;
    margin-top: 2rem;
   
   }
   .intro-bottom .text div{
	/* display: none; */
   	width: 18rem;
   	height: 5rem; 
   	border: none;
   	border-radius: 0.5rem; 
   	font-size: 1.8rem;
   	font-family: Adobe Heiti Std;
   	font-weight: normal;
   	color: #015D59;
   	text-align: center;
   	line-height: 5rem;
   	margin: 0 auto;
	/* float: right; */
   }
   
   /* 营业范围 */
   .scope{
   	width: 100%;
   	height: 113rem;
   	margin: 0 auto;
   	overflow: hidden;
   	background-color: #F0F0F0;
	position: relative;
   }
   .scope-top{
   	width: 38rem;
   	height: 4rem;
   	margin: 5rem auto;
   	display: flex;
   	align-items: center;
   	justify-content: space-between;
   	font-size: 3rem;
   	font-family: Microsoft YaHei;
   	font-weight: bold;
   	color: #015D59;
   }
   .scope-top img{
   	width: 10rem;
   }
   .scope-top .you{
   	transform: rotateZ(180deg)
   }
   .scope-bottom{
   	width: 80%;
   	height: 45rem;
   	margin: 0 auto;
   	display: flex;
   	flex-wrap: wrap;
   	justify-content: center;
   }
   .scope-bottom .box{
   	width: 28rem;
   	height: 21rem;
   	margin: 0.5rem 1rem;
   	position: relative;
   }
   .scope-bottom .boxnone{
   	display: none;
   }
   .scope-bottom .box img{
   	width: 28rem;
   	height: 20.9rem;
   }
   .scope-bottom .box .titles{
   	width: 100%;
   	height: 4.5rem;
   	position: absolute;bottom: 0;
   	background: #015D59;
   	color: #FFFFFF;
   	font-size: 1.8rem;
   	font-weight: bold;
   	text-align: center;
   	line-height: 4.5rem;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
   }
    .scope .more{
		position: absolute; bottom: 3rem;left: 40%;
		width: 18rem;
		height: 5rem; 
		display: inline-block;
		border-radius: 0.5rem; 
		font-size: 1.8rem;
		font-family: Adobe Heiti Std;
		font-weight: normal;
		color: #015D59;
		text-align: center;
		line-height: 5rem;
		
	}
	
	.more a{
	    color: #015D59;
	}
   
   
   
   
   /* 企业文化 */
   .culture{
   	width: 100%;
   	height: 85rem;
   	background-image: url(../static/img/63.png); 
   	background-size: 100%;
   	background-repeat: repeat;
   	padding-top: 3rem;
   	margin: 3rem auto;
   }
   /* .culture .box{
   	width: 192rem;
   	height: 40rem;
   	background-color: #000000;
   	opacity: 0.4;
   	padding-top: 3rem;
   } */
   .culture-top{
   	width: 38rem;
   	height: 3rem;
   	margin: 0 auto;
   	display: flex;
   	align-items: center;
   	justify-content: space-between;
   	font-size: 3rem;
   	font-family: Microsoft YaHei;
   	font-weight: bold;
   	color: #fff;
   }
   .culture-top img{
   	width: 10rem;
   }
   .culture-top .you{
   	transform: rotateZ(180deg)
   }
   .culture-bottom{
   	width: 100%;
   	height: 70rem;
   	margin: 6rem auto;
   }
   .culture-bottom ul{
   	width: 80%;
   	height: 70rem;
	margin: 0 auto;
   	display: flex;
	flex-wrap: wrap;
   	justify-content: space-between;
   	align-items: center;
   }
   .culture-bottom ul li{
   	width: 30rem;
   	height: 35rem;
   	font-size: 1.6rem;
   	font-family: Microsoft YaHei;
   	font-weight: bold;
   	color: #FFFFFF;
   	display: flex;
   	flex-direction: column;
   	align-items: center;
   }
   
   .culture-bottom ul li img{
   	width: 9rem;
   	height: 9rem;
   }
   .culture-bottom ul li p:nth-child(3){
   	display: inline-block;
   	width: 15rem;
   	height: 5.5rem;
   	margin: 0;
   }
   /* 产品展示 */
   .products{
   	width: 100%;
   	height: auto;
   	margin: 0 auto;
   }
   .product{
   	width: 100%;
   	height: auto;
   	margin: 0 auto;
   }
   .product-top{
   	width: 38rem;
   	height: 4rem;
   	margin: 5rem auto;
   	display: flex;
   	align-items: center;
   	justify-content: space-between;
   	font-size: 3rem;
   	font-family: Microsoft YaHei;
   	font-weight: bold;
   	color: #015D59;
   }
   .product-top img{
	 width:10rem ;  
   }
   .product-top .you{
   	transform: rotateZ(180deg)
   }
   .products .show{
   	width: 100%;
   	height: auto;
   	display: flex;
   	justify-content: space-between;
	flex-direction: column;
	align-items: center;
   }
   .products .show .box1{
   	width: 59rem;
   	height: auto;
   	background-image: url(../static/img/tc3.png);
   	background-size: 100%;
   	background-repeat: no-repeat;
   }
   .products .show .box1 div{
   	width: 59rem;
   	height: auto;
   	/*background-color: #000000;*/
   	/*opacity: 0.4;*/
   	font-size: 3rem;
   	text-align: center;
   	line-height: 44rem;
   	margin: 1rem 0;
   	font-family: Microsoft YaHei;
   	font-weight: bold;
   	color: #FFFEFE;
   }
   .products .show .box1 .bottom{
       display: block;
   }
   .products .show .box2{
   	width: 59rem;
   	height: auto;
   	background-image: url(../static/img/tc4.png);
   	background-size: 100%;
   	background-repeat: no-repeat;
   	position: relative;
   }
   .products .show .box2 div{
   	width: 59rem;
   	height: 8rem;
   	/*background-color: #000000;*/
   	/*opacity: 0.7;*/
   	font-size: 3rem;
   	text-align: center;
   	line-height: 8rem;
   	font-family: Microsoft YaHei;
   	font-weight: bold;
   	color: #FFFEFE;
   	position: absolute;bottom: 0;
   }
   .products .more{
	   /* display: none; */
   	width: 18rem;
   	height: 5rem;
   	border: none;
   	border-radius: 0.5rem;
   	/* margin: 2rem 0; */
	
   	text-align: center;
   	line-height: 5rem;
   }
   
   
   /* 企业风采 */
   .mien{
   	width: 100%;
   	height: 60rem;
   	background: #E6E6E6;
   	margin: 2rem auto;
	overflow: hidden;
   }
   .mien-top{
   	width: 38rem;
   	height: 4rem;
   	margin: 0 auto;
   	display: flex;
   	align-items: center;
   	justify-content: space-between;
   	font-size: 3rem;
   	font-family: Microsoft YaHei;
   	font-weight: bold;
   	color: #015D59;
   	padding-top: 5rem;
   }
   .mien-top img{
   	width: 10rem;
   }
   .mien-top .you{
   	transform: rotateZ(180deg)
   }
   .mien-choose{
   	width: 63rem;
   	height: 5rem;
   	margin: 2rem auto;
   	display: flex;
   	align-items: center;
   	justify-content: space-between;
   }
   .mien-choose div{
   	width: 20rem;
   	height: 4rem;
   	background: #EEEEEE;
   	border: 1px solid #015D59;
   	text-align: center;
   	line-height: 4rem;
   	font-size: 1.8rem;
   }
   .mien-choose .pitch{
   	color: #FFFFFF;
   	background: #015D59;
   }
   .mein-show{
	 /*display: none;*/
   	width: 100%;
   	height: 24rem;
   	margin: 4rem auto;
   	/* display: flex; */
   	align-items: center;
   	justify-content: space-between;
   }
   .mein-show .img{
    width: 24rem;
    height: 24rem;
   }
   .mein-show div:nth-child(1){
   	background-image: url(../static/img/5c2741d6e19f2.png);
   	background-repeat: no-repeat;
   	background-size: 100%;
   }
   .mein-show div:nth-child(2){
   	background-image: url(../static/img/5c36d1214507d.png);
   	background-repeat: no-repeat;
   	background-size: 100%;
   }
   .mein-show div:nth-child(3){
   	background-image: url(../static/img/5cb41e5ae0259.png);
   	background-repeat: no-repeat;
   	background-size: 100%;
   }
   .mien .more{
   	width: 18rem;
   	height: 5rem;
   	border: none;
   	border-radius: 0.5rem;
   	/* margin: 0; */
	/* float: right; */
   	text-align: center;
   	line-height: 5rem;
   }

   .swipers-container{
       display: none;
	   /* width: 100%; */
	   margin-top: 3rem;
		display: inline-block;
   }
   .swipers-container .swiper-wrapper{
	   /* width: 100%; */
	   height: 24rem;
	   display: flex;
   }
   
   .swipers-container .swiper-wrapper .swiper-slide{
   	   width: 130px !important;
   	   height: 100px;
	   /* Center slide text vertically */
	
   }
   
   .swipers-container .swiper-wrapper .swiper-slide img{
	   width: 130px;
   	   height: 100px;
	   margin:0 3rem;
   }
   
   
   
   /* 发展历程 */
   
   .course{
   	width: 100%;
   	height: 120rem;
   	margin: 3rem auto;
   	background-image: url(../static/img/63.png);
   	background-repeat: repeat;
   	background-size: 100%;
   	padding-top: 3rem;
   }
   .course-top{
   	width: 38rem;
   	height: 4rem;
   	margin: 0 auto;
   	display: flex;
   	align-items: center;
   	justify-content: space-between;
   	font-size: 3rem;
   	font-family: Microsoft YaHei;
   	font-weight: bold;
   	color: #fff;
   }
   .course-top img{
	 width: 10rem;
	 }
   .course-top .you{
   	transform: rotateZ(180deg)
   }
   .course-con{
   	width: 100%;
   	height: 110rem;
   	margin: 3rem auto;
   	display: flex;
	flex-direction: row;
   	justify-content: center;
   	align-items: center;
   
   }
   .across{
   	width: 0.4rem;
   	height: 110rem;
   	background: #FFFFFF;
	margin: 0 10rem;
   	display: flex;
   	align-items: center;
	flex-direction: column;
   	justify-content: space-around;
   }
   .across div{
   	width: 9rem;
   	height: 9rem;
   	background: #FFFFFF;
   	border-radius: 50%;
   	font-size: 1.3rem;
   	font-family: Microsoft YaHei;
   	font-weight: bold;
   	color: #015D59;
   	text-align: center;
	/* transform: rotateZ(-90deg); */
   	/* line-height: 7rem; */
   	
   }
   .case-top{
   	width: 20rem;
   	height:110rem;
   	display: flex;
	flex-direction: column;
   	align-items: center;
   	justify-content: space-around;
   }
   .case-top div{
   	width: 13rem;
   	height: 20rem;
   }
   .case-top .top{
	 width: 14rem;
	 height: 32rem;
   	background-image: url(../static/img/zuo.png);
   	background-size: 100%;
   	background-repeat: no-repeat;
   	display: flex;
	/* transform: none; */
   	align-items: center;
   	justify-content: center;
   	flex-direction: column;
	padding-left: 1rem;
   }
   
   .case-top .top p{
   	/* transform: none; */
   }
   .case-top .top p:nth-child(1){
   	display: inline-block;
   	width: 11rem;
   	height: 18rem;
   	font-size: 1rem;
   	font-family: Microsoft YaHei;
   	font-weight: 400;
   	color: #4D4D4D;
   }
   .case-top .top p:nth-child(2){
   font-size: 1.6rem;
   font-family: Microsoft YaHei;
   font-weight: bold;
   color: #000000;
   margin: 0;
   }
   
   .case-bottom{
   	width: 20rem;
   	height: 110rem;
   	display: flex;
	flex-direction: column;
   	align-items: center;
   	justify-content: space-around;
   }
   .case-bottom div{
   	width: 13rem;
   	height: 20rem;
   }
   .case-bottom .bottom{
	   width: 14rem;
	   height: 32rem;
   	background-image: url(../static/img/zuo.png);
   	background-size: 100%;
   	background-repeat: no-repeat;
   	display: flex;
   	align-items: center;
   	justify-content: center;
   	flex-direction: column;
	padding-left: 1rem;
   }
   .case-bottom .bottom p:nth-child(1){
   	font-size: 1.6rem;
   	font-family: Microsoft YaHei;
   	font-weight: bold;
   	color: #000000;
   	margin: 0;
	
   }
   .case-bottom .bottom p:nth-child(2){
   	display: inline-block;
   	width: 11rem;
   	height: 18rem;
   	font-size: 1rem;
   	font-family: Microsoft YaHei;
   	font-weight: 400;
   	color: #4D4D4D;
   	margin: 0;
   	margin-top: 1rem;
	/* padding-left: 1rem; */
   }
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   /* 新闻中心 */
   .news{
   	width: 100%;
   	height: 75rem;
   	margin: 2rem auto;
   	
   }
   .news-top{
   	width: 38rem;
   	height: 4rem;
   	margin: 0 auto;
   	display: flex;
   	align-items: center;
   	justify-content: space-between;
   	font-size: 3rem;
   	font-family: Microsoft YaHei;
   	font-weight: bold;
   	color: #1D6F6C;
   }
   .news-top img{
	   width: 10rem;
   }
   .news-top .you{
   	transform: rotateZ(180deg)
   }
   .news-cont{
   	width: 100%;
   	height: 60rem;
   	margin-top: 4rem;
   }
   .news-left{
   	width: 100%;
   	height: 60rem;
	display: flex;
	align-items: center;
	flex-direction: column;
   }
   .news-left .img img{
   	width: 60rem;
   	height: 35rem;
   }
   .news-cont .word{
   	width: 60rem;
   	height: 30rem;
   	display: flex;
   }
   .news-cont .word .left{
   	width: 7rem;
   	height: 10rem;
   	display: flex;
   	align-items: center;
   	justify-content: center;
   	flex-direction: column;
   }
   .news-cont .word .left p:nth-child(1){
   	font-size: 2.4rem;
   	font-family: Microsoft YaHei;
   	font-weight: 400;
   	color: #333333;
   	margin: 0;
   }
   .news-cont .word .left p:nth-child(2){
   	font-size: 1.4rem;
   	font-family: Microsoft YaHei;
   	font-weight: 400;
   	color: #333333;
   	margin: 0;
   }
   .news-cont .word .right{
   	width: 60rem;
   	height: 20rem;
   	margin-left: 3rem;
   }
   .news-cont .word .right .head{
   	display: flex;
   	align-items: center;
   }
   .news-cont .word .right .head p{
   	width: 45rem;
   	white-space: nowrap;  
   	overflow: hidden;  
   	text-overflow: ellipsis;  
   	font-size: 1.6rem;
   	/* margin-top: 0; */
   }
   .news-cont .word .right .head img{
   	width: 6rem;
   	height: 2.5rem;
   	margin-left: 1rem;
   }
   .news-cont .word .right .content{
   	width: 50rem;
   	height: 10rem;
   	font-size: 1.4rem;
   	font-family: Microsoft YaHei;
   	font-weight: 400;
   	color: #666666;
   }
   .news-cont .middle{
	   display: none;
   	width: 0.1rem;
   	height: 35.8rem;
   	background: #000000;
   	opacity: 0.1;
   	margin: 0 9rem;
   }
   .news-cont .news-right{
	   display: none;
   	width: 60rem;
   	height: 36rem;
   }
   .news-title{
   	width: 17rem;
   	height: 5rem;
   	font-size: 1.6rem;
   	display: flex;
   	justify-content: space-between;
   }
   .news-title p{
   	margin: 0;
   }
 
   .news .more{
   	width: 18rem;
   	height: 5rem;
   	border: none;
   	border-radius: 0.5rem;
   	margin: 0 auto;
   	text-align: center;
   	line-height: none;
	/* float: right; */
   }
   
   
   
   /* 合作伙伴 */
   .partner{
   	width: 100%;
   	height: 90rem;
   	background: #F0F0F0;
   	margin: 3rem auto;
   	padding-top: 3rem;
   }
   .partner-top{
   	width: 38rem;
   	height: 4rem;
   	margin: 0 auto;
   	display: flex;
   	align-items: center;
   	justify-content: space-between;
   	font-size: 3rem;
   	font-family: Microsoft YaHei;
   	font-weight: bold;
   	color: #1D6F6C;
   }
   .partner-top img{
	   width: 10rem;
   }
   .partner-top .you{
   	transform: rotateZ(180deg)
   }
   .partner-content{
   	width: 80%;
   	height: 70rem;
   	margin: 2rem auto;
   	display: flex;
   	justify-content: space-between;
   	flex-wrap: wrap;
   	align-items: center;
   }
   
   .partner-content img{
   	width: 17rem;
   	height: 7rem;
   	margin: 0 5rem;
   }
   .partner-content img:nth-child(6){
   	width: 12rem;
   	height: 12rem;
   }
   
   
   .bottom{
	   display: none;
   }
   
}