.navbar{
	min-height:auto;
	margin:0
}
.navbar-inverse{
	border:none;
	background: none;
}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
	margin:0;
	border:none;
	
}

.navbar-inverse .navbar-nav>li>a:hover{
	color:#EDEDED;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{
	padding: 0 20px;
	text-align: center;
	height:50px;
	line-height:50px;
	background:none;
	color:#EDEDED;
}
.dropdown-menu {
	padding:0
}
.cem-box{
	width:100%;
	position: relative;
	text-align: center;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{
	padding: 0 20px;
	text-align: center;
	height:50px;
	line-height:50px;
	background: rgba(0,0,0,0.3);
	color:#EDEDED;
}
.navbar-inverse .navbar-nav>li>a{
	padding: 0 20px;
	text-align: center;
	height:50px;
	line-height:50px;
	color:#EDEDED;
}
.navbar-inverse .navbar-toggle{
	border:none;
	 background: none;
	margin:0;
	padding: 9px 0;
	margin-right: 15px;
}
.navbar-inverse .navbar-toggle:hover{
	 background: none;
}
.navbar-inverse .navbar-toggle .icon-bar{
	 background: #EDEDED;
}

.container{
	 padding: 15px 0;
	 margin:0;
}
.navigation{
  width: 100%;
  background-image: url(../images/juxing1.png);
  background-size: cover;
}
.map-main{
  width: 100%;
  position: relative;
  margin-top:100px;
}
.map-box1{
	position: absolute;
	bottom:30px;
	right:-10px;
	width:200px;
	box-shadow: #E1F0E9 5px 5px 15px 5px ;
	border-radius: 6px;
	padding: 20px 5px;
}
.map-img1{
	position: absolute;
	top:75%;
	left:12%
}
.map-img2{
	position: absolute;
	top:57%;
	left:32%
}
.map-img3{
	position: absolute;
	top:47%;
	left:51%
}
.map-img4{
	position: absolute;
	top:13%;
	right:22%
}
.map-img5{
	position: absolute;
	top:-2%;
	right:0
}

.cem-item{
  width: 25%;
  background-image: url(../images/juxing63.png);
  background-size: 100% 100%;
  position: absolute;
}
.img-top{
	width: 100%;
    background-image: url(../images/xing1.jpg);
    background-size: 100% 100%;
    margin-bottom:40px;
}
.img-bottom{
	width: 100%;
    background-image: url(../images/xing2.jpg);
    background-size: 100% 100%;
}
.img-box2{
	background: #F2FBF7;
	width:100%;
	height:48%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	color:#1ABE70;
	border:1px #1ABE70 dashed;
	border-radius:6px
}
.img-box3{
	width:100%;
	height:33.3%;
	display: flex;
	justify-content: center;
	align-items: center; 
	font-weight: 600;
	color:#1ABE70;
}
.img-box4{
	width:100%;
	height:20%;
	display: flex;
	justify-content: center;
	align-items: center; 
	font-weight: 600;
	color:#1ABE70;
	border-bottom:1px #1ABE70 solid;
}
.border-header{
	width:100%;
	padding:30px 0;
	border-radius: 6px;
	color:#fff;
	background: #1ABE70;
	text-align: center;
	font-size:18px;
	font-weight:600;
	margin-bottom:15px
}
.column-header{
	height:35px;
	line-height:35px;
	width:100%;
	text-align: center;
	background: #1ABE70;
	color:#fff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.column-boxs{
	display:inline-block;
	padding:5px 0;
	width:90%;
	text-align:center;
	border:1px #D8EDE5 solid;
	border-radius: 5px;
	font-size:12px;
}
.column-boxss{
	display:inline-block;
	padding:10px 0;
	width:17%;
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px #D8EDE5 solid;
	border-radius: 5px;
	font-size:12px;
}
.column-box-small{
	display:inline-block;
	padding:10px 0;
	width:7%;
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px #D8EDE5 solid;
	border-radius: 5px;
	font-size:12px;
}
.column-boxsss{
	display:inline-block;
	padding:10px 0;
	width:18%;
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px #D8EDE5 solid;
	border-radius: 5px;
	font-size:12px;
}

.integrate{
	box-shadow: #E1F0E9 5px 5px 15px 5px ;
	border-radius: 6px;
	display: flex;
	flex-direction:row;
}
.integrate-first{
	width:20%;
	padding:25px;
	
}
.integrate-two{
	width:55%;
	padding:25px;
	border-left:15px #F1FBF6 solid;
	border-right:15px #F1FBF6 solid;
	position: relative;
	display: flex;
	justify-content: space-between;
}
.two-box{
	width:48%;
	display: flex;
	align-items: center;
	background: rgba(26, 190, 112, 0.05);
	border-radius: 6px;
    color:#1ABE70;
    font-weight:600;
}
.three-box{
	width:100%;
	display: flex;
	align-items: center;
	border-radius: 6px;
    color:#1ABE70;
    font-weight:600;
}
.three-boxs{
	border-top:15px #F1FBF6 solid;
	border-bottom:15px #F1FBF6 solid;
}
.integrate-three{
	width:25%;
	display: flex;
	flex-direction:column;
}
.header{
  padding: 15px 13%;
  display: flex;
  flex-direction:row;
}
.item-img{
  width: 100%;
  padding: 20px 0;
  background-image: url(../images/juxing3.png);
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.center-div{
	height:100%;
	width:100%;
	position: absolute;
	top:0;
	left:0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.center-box{
	width:100%;
	display: flex;
	align-items:center;
	height:31%;
	margin-bottom:2.3%;
	box-shadow: #E1F0E9 5px 5px 15px 5px ;
}
.box-carry{
	display: flex;
	flex-wrap: wrap;
	align-items:center;
	width:100%;
	box-shadow: #E1F0E9 5px 5px 15px 5px ;
	border-radius: 7px;
	padding: 30px 2%;
	margin-top:20px
}
.box-green{
  width: 100%;
  display: flex;
   flex-wrap: wrap; 
   margin-top:20px;
  justify-content: space-between;
}
.item-green{
	width:24%;
	padding: 20px 0;
	color:#fff;
	background: #1ABE70;
	border-radius: 4px
}
.green-header{
	font-size:18px;
	text-align: center;
	font-weight:600;
	margin-bottom:15px;
}
.green-content{
	font-size:14px;
	text-align: center;
	padding: 0 15%;
}
.width-carry1{
	width:12%;
	display: flex;
	align-items: center;
	color:#1ABE70;
	font-size:16px;
	font-weight:600
}
.width-carry3{
	width:4%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.width-carry2{
	height:50px;
	width:14.4%;
	line-height:50px;
	text-align: center;
	color: #1ABE70;
	border:1px #1ABE70 solid;
	border-radius: 6px
}

.bottom-box{
	width:100%;
	display: flex;
	flex-direction:column; 
	padding: 20px;
	margin-bottom:2.3%;
	box-shadow: #E1F0E9 5px 5px 15px 5px ;
}
.layui-nav {
	width: 50%;
	padding: 0;
	background: none;
}
.layui-nav-item{
	width:20%;
	padding: 0;
	text-align: center;
	height:30px;
	line-height:30px;
	background: none;
}
.layui-nav .layui-nav-item a  {
	padding: 0;
	height:30px;
	line-height:30px;
	font-size:12px;
}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {
	height:2px;
	background: #5FB878
}
.demo{
  color: #27C279;
  border: 1px #27C279 solid;
  height: 30px;
  line-height: 30px;
  width: 90px;
  text-align: center;
  border-radius: 6px;
  margin: 0 10px;
  font-weight: 600;
  cursor: pointer;
}
.apply{
  color: #fff;
  background: #27C279;
  height: 30px;
  line-height: 30px;
  width: 90px;
  text-align: center;
  border-radius: 6px;
  cursor: pointer;
}
.apply-demo{
  color: #fff;
  background: #27C279;
  height: 30px;
  line-height: 30px;
  width: 90px;
  text-align: center;
  border-radius: 6px;
  cursor: pointer;
}
.bottom{
  background: #202D3D;
  padding: 7vh 13% 0 13%;
}
.bottoms{
  background: #202D3D;
  padding: 2vh 13% 0 13%;
}
.bottom-log{
  display: flex;
  justify-content : space-around;
  height: 10vh;
  align-items: center;
  width: 100%;
  background: #364250;
  border-radius: 0.5vh;
  margin: 3vh 0;
}
.border{
  width: 6%;
  margin-left: 47%;
  height: 5px;
  border-radius: 2px;
  background: #19BE71;
  margin-bottom: 5vh;
}
.borders{
  width: 16%;
  height: 4px;
  border-radius: 2px;
  background: #3CC885;
  margin-bottom: 3vh;
}
.box{
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.box1{
  width: 100%;
  display: flex;
  justify-content:center;
  flex-wrap: wrap;
}
.box-item{
  width: 30%;
  display: flex;
  border-radius: 1vh;
  box-shadow: #E1F0E9 5px 5px 15px 5px ;
  margin-bottom:30px;
}
.box-item1{
  width: 30%;
  display: flex;
  border-radius: 1vh;
  box-shadow: #E1F0E9 5px 5px 15px 5px ;
  margin-right:3.3%;
}
.box-img{
  min-height:150px;
  width:20%;
  background-image: url(../images/tuoyuan.png);
  background-size: 100% 100%;
  display: flex;
  font-size:45px;
  color:#fff;
  font-weight:600;
  justify-content: center;
  align-items: center;
}
.left{
  position: absolute;
  width: 70px;
  height: 70px;
  background: #E7F8F0;
  bottom: 0;
  left: 0;
}
.middle{
  position: absolute;
  top:35px;
  left: 35px;
  right: 35px;
  bottom: 35px;
  background: #fff;
  box-shadow: #E1F0E9 5px 5px 15px 5px ;
  z-index: 99;
  display: flex;
  flex-direction:column;
}
.middle-text{
	padding:40px 20%;
	border-left:10px #1ABE70 solid;
	font-size:15px;
	box-shadow: #E1F0E9 5px 5px 15px 5px ;
}
.right{
  position: absolute;
  width: 70px;
  height: 70px;
  background: #E7F8F0;
  top: 0;
  right: 0;
}
.title{
  height: 50px;
  line-height:50px;
  font-weight: 600;
  font-size: 18px;
  color:#1ABE70;
}
.carry-title{
  height: 80px;
  line-height:80px;
  font-weight: 600;
  font-size: 18px;
  color:#1ABE70;
  text-align: center;
}
.titles{
	height: 50px;
  line-height:50px;
  font-weight: 600;
  font-size: 18px;
  color:#1ABE70;
  text-align: center;
}
.border-borer{
  width: 14%;
  margin: 0 3%;
  height: 4vh;
  border-bottom: 2px #43C889 dashed;
}
.completed{
  background: #fff;
  box-shadow: #E1F0E9 5px 5px 15px 5px ;
  height: 30vh;
  width: 100%;
  text-align: center;
  line-height: 30vh;
  color: #8F969B;
}
.border-item{
  width: 50%;
  height: 2px;
  border-radius: 2px;
  background: #EBEBEB;
  margin: 2vh 0;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.weui-shares {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  display: none;cursor: pointer;
  background: rgba(0, 0, 0, 0.75); 
 }
 .dialog-input{
  width: 28%;
  height: 6vh;
  line-height: 6vh;
  border: none;
  outline: none;
  background: #EBF4F9;
  text-indent: 2vh;
  border-radius: 0.5vh;
}
.dialog-textarea{
  width: 80%;
  height: 13vh;
  border: none;
  outline: none;
  background: #EBF4F9;
  text-indent: 2vh;
  padding: 2vh;
  border-radius: 0.5vh;
}
.dialog-button{
  width: 20%;
  margin-left: 40%;
  text-align: center;
  height: 4vh;
  line-height: 4vh;
  cursor: pointer;
  background: #1ABE70;
  color:#fff;
  border-radius: 0.5vh;
  margin-top: 4vh;
}
[v-cloak] {
  display: none;
}
@media (min-width:0px) {
  .bottom{
     display:none;
  }
  .bottoms{
     display: block;
     padding: 2vh 2% 0 2%;
  }
  .width-cols{
     width:20%
  }
  .width-col{
     width:20%
  }
  .flex-col{
     flex-direction:column; 
  }
  .tryout-padding{
    padding:2vh
  }
  .layui-layer{
     width:90% !important;
     height: 52vh !important;
  }
  .layui-layer2-demo{
     width:90% !important;
     height: 99vh !important;
  }
  .padding-main{
     padding-left:5% !important;
     padding-right:5% !important;
  }
  .padding-mains{
    padding:14vh 5% 3vh 5%
  }
  .box-item{
    width:100%;
  }
  .carry-box{
    width:32%;
    box-shadow: #E1F0E9 5px 5px 15px 5px ;
    border-radius: 10px
  }
  .box-item1{
	  width: 100%;
	  margin-right:0;
	}
	.box-item2{
	  margin-bottom:30px
	}
  .demo{
	  width: 90px;
	  margin: 0 5px;
	}
	.apply{
	  width: 90px;
	}
	.navbar-inverse .navbar-nav>li>a{
	  padding: 0 5px;
	}
	.font-navbar {
	  font-size:18px
	}
	.middle-text{
		padding:40px 5%;
		font-size:12px;
	}
	.mideele-height{
	  height:435px
	}
	.font-center{
	  font-size:12px !important;
	}
	.width-center{
	  width:70%
	}
	.width-centers{
	  width:30%
	}
	.item-box{
    width:100%;
    margin-bottom:30px;
    display: flex;
    flex-direction:row;
     box-shadow: #E1F0E9 5px 5px 15px 5px ; 
  }
  .item-img{
	  width: 30%;
	}
	.item-width{
	  width:70%
	}
	.width-bottom{
	  width:100%
	}
	.carry-width{
	  width:100%
	}
	.width-carry1{
		width:50%;
	}
	.width-carry3{
		width:8%;
	}
	.width-carry2{
		width:42%;
	}
	.width-carry-margin1{
	  margin-bottom:20px
	}
	.width-carry-margin2{
	  margin-bottom: 20px
	}
	.width-carry-margin3{
	  margin-bottom: 20px
	}
	.width-img-carry1{
	  width:100%;
	}
	.width-img-carry2{
	  width:100%;
	}
	.width-img-carry3{
	  height:10px;
	}
	.item-green{
		width:48%;
	}
	.green-header{
		font-size:14px;
	}
	.green-content{
		font-size:12px;
	}
	.green-margin{
	  margin-bottom:20px
	}
	.integrate-first{
		width:20%;
		padding:3px;
	}
	.integrate-two{
		width:55%;
		padding:3px;
		border-left:2px #F1FBF6 solid;
		border-right:2px #F1FBF6 solid;
	}
	.integrate-three{
		width:25%;
	}
	.three-boxs{
		border-top:2px #F1FBF6 solid;
		border-bottom:2px #F1FBF6 solid;
	}
	.cem-img-width1{
	   width:99%;
	}
	.cem-img-width2{
	   width:66%;
	}
	.cem-text{
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 1;
	  -webkit-box-orient: vertical;
	}
	.img-lefts{
	  width:100%;
	  margin-bottom:15px
	}
	.img-rights{
	  width:100%
	}
	.width-box5{
	  width:35%
	}
	.width-box6{
	  width:15%
	}
	.column-boxss{
		width:33%;
		margin-bottom:10px;
	}
	.column-box-small{
		width:10%;
	}
	.column-boxsss{
		width:33%;
		margin-bottom:10px;
	}
	.column-height{
	  height:180px
	}
	.map-box1{
		width:50px;
	}
	.map-main{
	  margin-top:300px;
	}
	.padding-lefts{
	  padding:15px 3%
	}
	.rotates{
		display: block;
  }
	.rotate{
		display: none;
  }
}
@media (min-width:350px) {
  .bottom{
     display:none;
  }
  .bottoms{
     display: block;
     padding: 2vh 5% 0 5%;
  }
  .width-cols{
     width:21%
  }
  .width-col{
     width:16%
  }
  .flex-col{
     flex-direction:row; 
     justify-content: space-between;
  }
  .tryout-padding{
    padding:2vh
  }
  .layui-layer{
     width:90% !important;
     height: 52vh !important;
  }
  .layui-layer2-demo{
     width:90% !important;
     height: 99vh !important;
  }
  .padding-main{
     padding-left:5% !important;
     padding-right:5% !important;
  }
  .padding-mains{
    padding:18vh 8% 5vh 8%
  }
  .box-item{
    width:100%;
  }
   .box-item1{
	  width: 100%;
	  margin-right:0;
	}
	.box-item2{
	  margin-bottom:30px
	}
  .demo{
	  width: 90px;
	  margin: 0 10px;
	}
	.apply{
	  width: 90px;
	}
	.navbar-inverse .navbar-nav>li>a{
	  padding: 0 5px;
	}
	.font-navbar {
	  font-size:18px
	}
	.middle-text{
		padding:40px 5%;
		font-size:12px;
	}
	.mideele-height{
	  height:385px
	}
	.font-center{
	  font-size:12px !important;
	}
	.width-center{
	  width:70%
	}
	.width-centers{
	  width:30%
	}
	.width-bottom{
	  width:100%
	}
	.item-box{
    width:100%;
    margin-bottom:30px;
    display: flex;
    flex-direction:row;
     box-shadow: #E1F0E9 5px 5px 15px 5px ;
  }
  .item-img{
	  width: 30%;
	}
	.item-width{
	  width:70%
	}
	.carry-width{
	  width:100%
	}
	.width-carry1{
		width:50%;
	}
	.width-carry3{
		width:8%;
	}
	.width-carry2{
		width:42%;
	}
	.width-carry-margin1{
	  margin-bottom:20px
	}
	.width-carry-margin2{
	  margin-bottom: 20px
	}
	.width-carry-margin3{
	  margin-bottom: 20px
	}
	.width-img-carry1{
	  width:100%;
	}
	.width-img-carry2{
	  width:100%;
	}
	.width-img-carry3{
	  height:14px
	}
	.item-green{
		width:48%;
	}
	.green-header{
		font-size:14px;
	}
	.green-content{
		font-size:12px;
	}
	.green-margin{
	  margin-bottom:20px
	}
	.integrate-first{
		width:20%;
		padding:5px;
	}
	.integrate-two{
		width:55%;
		padding:5px;
		border-left:4px #F1FBF6 solid;
		border-right:4px #F1FBF6 solid;
	}
	.integrate-three{
		width:25%;
	}
	.three-boxs{
		border-top:4px #F1FBF6 solid;
		border-bottom:4px #F1FBF6 solid;
	}
	.cem-img-width1{
	   width:99%;
	}
	.cem-img-width2{
	   width:66%;
	}
	.cem-text{
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  -webkit-box-orient: vertical;
	}
	.img-lefts{
	  width:100%;
	  margin-bottom:15px
	}
	.img-rights{
	  width:100%
	}
	.width-box5{
	  width:35%
	}
	.width-box6{
	  width:15%
	}
	.column-boxss{
		width:33%;
		margin-bottom:10px;
	}
	.column-box-small{
		width:10%;
	}
	.column-boxsss{
		width:33%;
		margin-bottom:10px;
	}
	.column-height{
	  height:180px
	}
	.map-box1{
		width:50px;
	}
	.map-main{
	  margin-top:300px;
	}
	.padding-lefts{
	  padding:15px 5%
	}
	.rotates{
		display:block;
	}
	.rotate{
			display: none;
	}
}
@media (min-width:520px) {
  .bottom{
     display:none;
  }
  .bottoms{
     display: block;
     padding: 2vh 5% 0 5%;
  }
  .width-cols{
     width:21%
  }
  .width-col{
     width:16%
  }
  .flex-col{
     flex-direction:row; 
     justify-content: space-between;
  }
  .tryout-padding{
    padding:2vh
  }
  .layui-layer{
     width:90% !important;
     height: 52vh !important;
  }
  .layui-layer2-demo{
     width:90% !important;
     height: 99vh !important;
  }
  .padding-main{
     padding-left:8% !important;
     padding-right:8% !important;
  }
  .padding-mains{
    padding:18vh 8% 5vh 8%
  }
  .box-item{
    width:100%;
  }
   .box-item1{
	  width: 100%;
	  margin-right:0;
	}
	.box-item2{
	  margin-bottom:30px
	}
  .demo{
	  width: 90px;
	  margin: 0 10px;
	}
	.apply{
	  width: 90px;
	}
	.navbar-inverse .navbar-nav>li>a{
	  padding: 0 5px;
	}
	.font-navbar {
	  font-size:18px
	}
	.middle-text{
		padding:40px 5%;
		font-size:12px;
	}
	.mideele-height{
	  height:360px
	}
	.font-center{
	  font-size:12px !important;
	}
	.width-center{
	  width:35%
	}
	.width-centers{
	  width:15%
	}
	.width-bottom{
	  width:50%
	}
	.item-box{
    width:100%;
    margin-bottom:30px;
    display: flex;
    flex-direction:row;
     box-shadow: #E1F0E9 5px 5px 15px 5px ;
  }
  .item-img{
	  width: 30%;
	}
	.item-width{
	  width:70%
	}
	.carry-width{
	  width:100%
	}
	.width-carry1{
		width:50%;
	}
	.width-carry3{
		width:8%;
	}
	.width-carry2{
		width:42%;
	}
	.width-carry-margin1{
	  margin-bottom:20px
	}
	.width-carry-margin2{
	  margin-bottom: 20px
	}
	.width-carry-margin3{
	  margin-bottom: 20px
	}
	.width-img-carry1{
	  width:100%;
	}
	.width-img-carry2{
	  width:100%;
	}
	.width-img-carry3{
	  height:18px
	}
	.item-green{
		width:24%;
	}
	.green-header{
		font-size:14px;
	}
	.green-content{
		font-size:12px;
	}
	.green-margin{
	  margin-bottom:0
	}
	.integrate-first{
		width:20%;
		padding:10px;
	}
	.integrate-two{
		width:55%;
		padding:10px;
		border-left:8px #F1FBF6 solid;
		border-right:8px #F1FBF6 solid;
	}
	.integrate-three{
		width:25%;
	}
	.three-boxs{
		border-top:8px #F1FBF6 solid;
		border-bottom:8px #F1FBF6 solid;
	}
	.cem-img-width1{
	   width:90%;
	}
	.cem-img-width2{
	   width:60%;
	}
	.cem-text{
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 3;
	  -webkit-box-orient: vertical;
	}
	.img-lefts{
	  width:100%;
	  margin-bottom:15px
	}
	.img-rights{
	  width:100%
	}
	.width-box5{
	  width:20%
	}
	.width-box6{
	  width:6%
	}
	.column-boxss{
		width:33%;
		margin-bottom:10px;
	}
	.column-box-small{
		width:10%;
	}
	.column-boxsss{
		width:33%;
		margin-bottom:10px;
	}
	.column-height{
	  height:180px
	}
	.map-box1{
		width:80px;
	}
	.map-main{
	  margin-top:150px;
	}
	.padding-lefts{
	  padding:15px 3%
	}
	.rotates{
		display:none;
	}
	.rotate{
			display: flex;
	}
}
@media (min-width:768px) {
  .bottom{
     display:none;
  }
  .bottoms{
     display: block;
     padding: 2vh 13% 0 13%;
  }
  .width-cols{
     width:21%
  }
  .width-col{
     width:16%
  }
  .flex-col{
     flex-direction:row; 
     justify-content: space-between;
  }
  .tryout-padding{
    padding:2vh
  }
  .layui-layer{
     width:90% !important;
     height: 52vh !important;
  }
  .layui-layer2-demo{
     width:90% !important;
     height: 99vh !important;
  }
  .padding-main{
     padding-left:10% !important;
     padding-right:10% !important;
  }
  .padding-mains{
    padding:20vh 10% 10vh 10%
  }
  .box-item{
    width:100%;
  }
   .box-item1{
	  width: 100%;
	  margin-right:0;
	}
	.box-item2{
	  margin-bottom:30px
	}
  .demo{
	  width: 70px;
	  margin: 0 5px;
	}
	.apply{
	  width: 70px;
	}
	.navbar-inverse .navbar-nav>li>a{
	  padding: 0 5px;
	}
	.font-navbar {
	  font-size:12px
	}
	.middle-text{
		padding:40px 10%;
		font-size:16px;
	}
	.mideele-height{
	  height:360px
	}
	.font-center{
	  font-size:12px !important;
	}
	.width-center{
	  width:35%
	}
	.width-centers{
	  width:15%
	}
	.width-bottom{
	  width:50%
	}
	.item-box{
    width:100%;
    margin-bottom:30px;
    display: flex;
    flex-direction:row;
     box-shadow: #E1F0E9 5px 5px 15px 5px ;
  }
  .item-img{
	  width: 30%;
	}
	.item-width{
	  width:70%
	}
	.carry-width{
	  width:100%
	}
	.width-carry1{
		width:28%;
	}
	.width-carry3{
		width:6%;
	}
	.width-carry2{
		width:27%;
	}
	.width-carry-margin1{
	  margin-bottom:20px
	}
	.width-carry-margin2{
	  margin-bottom: 0px
	}
	.width-carry-margin3{
	  margin-bottom: 20px
	}
	.width-img-carry1{
	  width:100%;
	}
	.width-img-carry2{
	  width:100%;
	}
	.width-img-carry3{
	  height:22px
	}
	.item-green{
		width:24%;
	}
	.green-header{
		font-size:17px;
	}
	.green-content{
		font-size:14px;
	}
	.green-margin{
	  margin-bottom:0
	}
	.integrate-first{
		width:20%;
		padding:20px;
	}
	.integrate-two{
		width:55%;
		padding:20px;
		border-left:12px #F1FBF6 solid;
		border-right:12px #F1FBF6 solid;
	}
	.integrate-three{
		width:25%;
	}
	.three-boxs{
		border-top:12px #F1FBF6 solid;
		border-bottom:12px #F1FBF6 solid;
	}
	.cem-img-width1{
	   width:66%;
	}
	.cem-img-width2{
	   width:44%;
	}
	.cem-text{
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 3;
	  -webkit-box-orient: vertical;
	}
	.img-lefts{
	  width:48%;
	  margin-bottom:0px
	}
	.img-rights{
	  width:48%
	}
	.width-box5{
	  width:18%
	}
	.width-box6{
	  width:9%
	}
	.column-boxss{
		width:17%;
	}
	.column-box-small{
		width:7%;
	}
	.column-boxsss{
		width:18%;
	}
	.column-height{
	  height:92px
	}
	.map-box1{
		width:100px;
	}
	.map-main{
	  margin-top:130px;
	}
	.padding-lefts{
	  padding:15px 5%
	}
	.rotates{
		display:none;
	}
	.rotate{
			display: flex;
	}
}
@media (min-width:992px) {
  .bottom{
     display:none;
  }
  .bottoms{
     display: block;
     padding: 2vh 13% 0 13%;
  }
   .width-cols{
     width:21%
  }
  .width-col{
     width:16%
  }
  .flex-col{
     flex-direction:row; 
     justify-content: space-between;
  }
  .tryout-padding{
    padding:2vh
  }
  .layui-layer{
     width:70% !important;
     height: 52vh !important;
  }
  .layui-layer2-demo{
     width:70% !important;
     height: 99vh !important;
  }
  .padding-main{
     padding-left:12% !important;
     padding-right:12% !important;
  }
  .padding-mains{
    padding:20vh 12% 10vh 12%
  }
  .box-item{
    width:100%;
  }
  .item-box{
    width:100%;
    margin-bottom:30px;
    display: flex;
    flex-direction:row;
     box-shadow: #E1F0E9 5px 5px 15px 5px ;
  }
   .box-item1{
	  width: 100%;
	  margin-right:0;
	}
	.box-item2{
	  margin-bottom:30px
	}
  .demo{
	  width: 90px;
	  margin: 0 10px;
	}
	.apply{
	  width: 90px;
	}
	.navbar-inverse .navbar-nav>li>a{
	  padding: 0 20px;
	}
	.font-navbar {
	  font-size:12px;
	}
	.middle-text{
		padding:40px 20%;
		font-size:16px;
	}
	.mideele-height{
	  height:360px;
	}
	.font-center{
	  font-size:12px !important;
	}
	.width-center{
	  width:35%
	}
	.width-centers{
	  width:15%
	}
	.item-img{
	  width: 30%;
	}
	.item-width{
	  width:70%
	}
	.width-bottom{
	  width:50%
	}
	.carry-width{
	  width:100%
	}
	.width-carry1{
		width:18%;
	}
	.width-carry3{
		width:3%;
	}
	.width-carry2{
		width:14%;
	}
	.width-carry-margin1{
	  margin-bottom:0
	}
	.width-carry-margin2{
	  margin-bottom: 0
	}
	.width-carry-margin3{
	  margin-bottom: 0
	}
	.width-img-carry1{
	  width:18%;
	}
	.width-img-carry2{
	  width:82%;
	}
	.width-img-carry3{
	  height:25px
	}
	.item-green{
		width:24%;
	}
	.green-header{
		font-size:18px;
	}
	.green-content{
		font-size:14px;
	}
	.green-margin{
	  margin-bottom:0
	}
	.integrate-first{
		width:20%;
		padding:22px;
	}
	.integrate-two{
		width:55%;
		padding:22px;
		border-left:15px #F1FBF6 solid;
		border-right:15px #F1FBF6 solid;
	}
	.integrate-three{
		width:25%;
	}
	.three-boxs{
		border-top:15px #F1FBF6 solid;
		border-bottom:15px #F1FBF6 solid;
	}
	.cem-img-width1{
	   width:63%;
	}
	.cem-img-width2{
	   width:42%;
	}
	.cem-text{
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 3;
	  -webkit-box-orient: vertical;
	  text-align: left;
	}
	.img-lefts{
	  width:48%;
	  margin-bottom:0px
	}
	.img-rights{
	  width:48%
	}
	.width-box5{
	  width:14%
	}
	.width-box6{
	  width:15%
	}
	.column-boxss{
		width:17%;
	}
	.column-box-small{
		width:7%;
	}
	.column-boxsss{
		width:18%;
	}
	.column-height{
	  height:92px
	}
	.map-box1{
		width:130px;
	}
	.map-main{
	  margin-top:100px;
	}
	.padding-lefts{
	  padding:15px 10%
	}
	.rotates{
		display:none;
	}
	.rotate{
			display: flex;
	}
}
@media (min-width:1200px) {
  .bottom{
     display:block;
  }
  .bottoms{
     display: none;
     padding: 2vh 13% 0 13%;
  }
   .width-cols{
     width:21%
  }
  .width-col{
     width:16%
  }
  .flex-col{
     flex-direction:row; 
     justify-content: space-between;
  }
  .tryout-padding{
    padding:5vh
  }
  .layui-layer{
     width:60% !important;
     height: 62vh !important;
  }
  .layui-layer2-demo{
     width:60% !important;
     height: 99vh !important;
  }
  .padding-main{
     padding-left:13% !important;
     padding-right:13% !important;
  }
  .padding-mains{
    padding:20vh 13% 10vh 13%
  }
  .box-item{
    width:30%;
  }
  .item-box{
    width:30%;
    margin-bottom:0;
    display: flex;
    flex-direction:column;
    box-shadow: #E1F0E9 5px 5px 15px 5px ;
  }
  
   .box-item1{
	  width: 30%;
	  margin-right:3.3%;
	}
	.box-item2{
	  margin-bottom:0
	}
  .demo{
	  width: 90px;
	  margin: 0 10px;
	}
	.apply{
	  width: 90px;
	}
	.navbar-inverse .navbar-nav>li>a{
	  padding: 0 20px;
	}
	.font-navbar {
	  font-size:18px
	}
	.middle-text{
		padding:40px 20%;
		font-size:16px;
	}
	.mideele-height{
	  height:360px
	}
	.font-center{
	  font-size:15px !important;
	}
	.width-center{
	  width:35%
	}
	.width-centers{
	  width:15%
	}
	.item-img{
	  width: 100%;
	}
	.item-width{
	  width:100%
	}
	.width-bottom{
	  width:50%
	}
	.carry-width{
	  width:48%
	}
	.width-carry1{
		width:12%;
	}
	.width-carry3{
		width:4%;
	}
	.width-carry2{
		width:14.4%;
	}
	.width-carry-margin1{
	  margin-bottom:0px
	}
	.width-carry-margin2{
	  margin-bottom: 0
	}
	.width-carry-margin3{
	  margin-bottom: 0
	}
	.width-img-carry1{
	  width:12%;
	}
	.width-img-carry2{
	  width:88%;
	}
	.width-img-carry3{
	  height:30px
	}
	.item-green{
		width:24%;
	}
	.green-header{
		font-size:18px;
	}
	.green-content{
		font-size:14px;
	}
	.green-margin{
	  margin-bottom:0
	}
	.integrate-first{
		width:20%;
		padding:25px;
	}
	.integrate-two{
		width:55%;
		padding:25px;
		border-left:15px #F1FBF6 solid;
		border-right:15px #F1FBF6 solid;
	}
	.integrate-three{
		width:25%;
	}
	.three-boxs{
		border-top:15px #F1FBF6 solid;
		border-bottom:15px #F1FBF6 solid;
	}
	.cem-img-width1{
	   width:60%;
	}
	.cem-img-width2{
	   width:40%;
	}
	.cem-text{
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 3;
	  -webkit-box-orient: vertical;
	}
	.img-lefts{
	  width:48%;
	  margin-bottom:0px;
	}
	.img-rights{
	  width:48%
	}
	.width-box5{
	  width:10%
	}
	.width-box6{
	  width:21%
	}
	.column-boxss{
		width:17%;
	}
	.column-box-small{
		width:7%;
	}
	.column-boxsss{
		width:18%;
	}
	.column-height{
	  height:92px
	}
	.map-box1{
		width:200px;
	}
	.map-main{
	  margin-top:100px;
	}
	.padding-lefts{
	  padding:15px 8%
	}
	.rotates{
			display:none;
	}
	.rotate{
			display: flex;
	}
}