@CHARSET "UTF-8";
/*lb*/
.swiper{
	/*position: relative;*/
}
body{
	background-color:rgb(240,245,248);
}
.width{
	width:100%;
}
.background-swiper{
	background-color:rgb(37,28,21);
	padding-top:10px;
	padding-left:9px;
	width:40px!important;
}
.swiper-pagination-bullet{
	background-color:white;
}
.swiper-pagination-bullet-active{
	background-color:rgb(152,204,70);
}
.margin-l{
	margin-left:2%;
}
.fall-father{
	text-align:center;
	
}
#it_style{
	
	margin-left:23%!important;
}
.fall-son{
	padding-bottom:15px;
	border-radius:5px;
	cursor: pointer;
}
.po{
	position:relative;
	padding-bottom:0;
	
}
.fall-son h3{
	
}
.fall-son h5{
	margin-left:8%;
}
.fall-son p{
	margin-left:8%;
}
.right{
	right:11px;
}
.left{
	left:8%;
}
.font-weight{
	font-weight:800;
}
.orange-color{
	color:rgb(255,188,101);
}
.gray-color{
	color:gray;
}
.position-r{
	position:relative;
}
.background-color{
	background-color:rgb(152,204,70);
}
.text-box{
	text-align:left;
}

.border{
	border:1px solid red;
}
.margin-c{
	margin:0 auto;
}
.clear{
	margin-left:0;
	margin-right:0;
}
.text-c{
	text-align:center;
}
.filx{
	display: flex;
	 flex-flow: row wrap;
	  justify-content:space-around;
	   align-items: center;
}
.video-img{
	height:220px;
	margin-top:120px;
	margin-bottom:50px;
	background:url(../img/yh_video.jpg)0 0 no-repeat;
	background-size: 100% 100%;
}
.video-img .margin-t{margin-top: 40px;}
.contacts{
	text-align:center;
	margin-top:60px;
}
.ren img{
    width:60px;
    height: 60px;
    padding: 10px;
	background-color: #ddd;
    border-radius:50%;
    margin:0 auto;
}
.aside{
	width: 43px;
	height: 200px;
    /*padding: 2px 24px;*/
    color: white;
    font-size: 12px;
    font-weight: 800;
    text-align: center;
    text-align: left;
    position: absolute;
    top: 920px; 
    right:0px;
    border-top-left-radius: 7px; 
    border-bottom-left-radius: 7px;
    z-index: 999;
}
.aside li{
    width: 44px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    display: inline-block;
    margin-bottom:40px;
    margin-left:-1px;
    text-align: center;
    }
.Inter{
	margin-top:50px;
	text-align:center;
	margin:0 auto;
}
.icon-box{
	padding-right:4%;
}
.info{
	margin-top:100px;
}
.icon-box{
	padding-right:5%;
	text-align:right;
}
.backTop{
	background-color: rgb(255,159,0);
    width: 36px;
    height: 36px;
    border-radius: 100%;
    padding-top:6px;
    padding-left:8px;
    position:fixed;
    bottom:60px;
    right:9%;
    z-index:100;
}
.img-box{
	width:100%;
}
.img-box img{
	width:100%;
}
.slide-bg{
	position:absolute;
	top:35%;
	left:36%;
}
.info-son{
	position:absolute;
	top:5%;
	left:8%;
	color: white;
}
.info-son h2{
	font-weight:800;
}
/*意大利文适配*/
@media screen and (max-width:1920px){
	
	#it_style{
	
	margin-left:29%!important;
}
}
@media screen and (max-width:1680px){
	
	#it_style{
	
	margin-left:21%!important;
}
}
@media screen and (max-width:1640px){
	
	#it_style{
	
	margin-left:19%!important;
}
}
@media screen and (max-width:1600px){
	
	#it_style{
	
	margin-left:18%!important;
}
}
@media screen and (max-width:1560px){
	
	#it_style{
	
	margin-left:16%!important;
}
}
@media screen and (max-width:1530px){
	
	#it_style{
	
	margin-left:15%!important;
}
}

@media screen and (max-width:1500px){
	
	#it_style{
	
	margin-left:14%!important;
}
}
@media screen and (max-width:1440px){
	
	#it_style{
	
	margin-left:11%!important;
}
}
@media screen and (max-width:1400px){
	
	#it_style{
	
	margin-left:9%!important;
}
}
@media screen and (max-width:1360px){
	
	#it_style{
	
	margin-left:7%!important;
}
}
@media screen and (max-width:1300px){
	
	#it_style{
	
	margin-left:4%!important;
}
}
@media screen and (max-width:1240px){
	
	#it_style{
	
	margin-left:2%!important;
}
}
@media screen and (max-width:1200px){
	.over_one{
		font-size:1.8rem!important;
	}
	#it_style{
	
	margin-left:4%!important;
}
}

@media screen and (max-width:1024px){
	#it_style{
	margin-left:-3%!important;
}
}
@media screen and (min-width:993px) and (max-width:1200px){
	.margin-t{
		margin-top:1.5%;
	}
	.info-son{
		top:0;
	}
	.info-son h1{
		font-size:18px;
	}
	.info-son h4{
		font-size:14px;
	}
	.slide-bg{
		left:32%;
	}
	.slide-bg p{
		margin-left:0!important;
	}
}
@media screen and (min-width:768px) and (max-width:993px){
	.video-img h4 {
		font-size:12px;
	}
	.info-son h1{
		font-size:16px;
	}
	.info-son h4{
	     font-size:12px;	
	}
	.over_one{
		font-size:1.6rem!important;
	}
	.info-son{
		top:-5%;
	}
	.slide-bg{
		left:31%;
	}
	.slide-bg p{
		margin-left:4%!important;
		width:78%!important;
	}
	.fall-son:nth-child(1){
		margin-left:0%!important;
	}
	.fall-son:nth-child(2){
		margin-left:0%!important;
	}
	.fall-son:nth-child(3){
		margin-left:0%!important;
	}
}
@media screen and (max-width:768px){
	.video-img h4 {
		font-size:12px;
		font-weight:lighter;
	}
	.margin-l{
	margin-left:0;
	}
	.ren h4{
		font-size:12px;
	}
	.ren h5{
		font-size:12px;
	}
	.info-son h1{
		font-size:12px;
	}
	.info-son h4{
	     font-size:12px;	
	}
	.info-son{
		top:-5%;
	}
	.swiper-slide{
		height:360px;
	}
	.slide-bg{
		position: absolute;
       top: 13%;
       left: 12%;
	}
	.slide-bg h1{
		font-size:26px!important;
	}
	.slide-bg p{
		width:89%!important;
		margin-left:2%!important;
	}
	.iphonebtn{
       margin-top: 30%!important;
       font-size:18px!important;
       background-color:rgb(152,204,70);
	}
	.swiper-container{
		height:360px!important;
	}
	.fall-father{
		margin-top:10px!important;
	}
	.row{
		margin-left:0;
		margin-right:0;
	}
	.iphoneFall{
		margin-top:8px;
	}
	#button{
		margin-top:30px!important;
	}
	.video-img{
		margin-top:25px;
		margin-bottom:20px;
	}
	.phoneImg{
		width:100%!important;
	}
	.zhjian{
		font-size:26px;
	}
	.ren{
		border-bottom:1px solid rgb(220,220,220);
		border-top:1px solid rgb(220,220,220);
		padding:15px 5px;
	}
	.ren img{
		float:left;
	}
	.ren h4{
		font-size: 18px;
    float: left;
    margin-left: 15%;
	}
	.ren h5{
		font-size: 16px!important;
    float: left!important;
    position: relative;
    top: 30px;
	}
	.ren h5 .span1{
		position:relative!important;
		left:17%!important;
	}
	.ren h5 .span2{
		position:relative!important;
		left:12%!important;
		top:-10px!important;
	}
	.ren h4{
		position: absolute;
		left:10%;
	}
	.info{
		margin-top:0;
	}
	.info-son{
		top:-15%!important;
		left:0%;
	}
	.swiper{
		margin-bottom:-45px!important;
	}
	.margin_content{
		margin:0px!important;
	}
	.fall-son{
		margin-top:20px!important;
		margin-left:0!important;
	}
	#it_style{
	margin-left:0%!important;
    }
}
	.swiperContainer{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		display: table;
	}
	.swiperTableCell{
		display: table-cell;
		vertical-align: middle;
		margin: 0 auto;
		text-align: center;
	}
	.swiperTableCellItem{position: relative;}
	.swiperTableCellItem h1{
		color:white;font-size:38px;font-weight:800;
	}
	.swiperTableCellItem P{
		width:50%;
		position: absolute;
		left: 50%;
		margin-left: -25%;
		top:60px;
		font-size:16px;
	}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media screen and (min-width:993px) and (max-width:1200px) {
	.video-img{
	height:221px;
	margin-top:120px;
	margin-bottom:50px;
	background:url(../img/yh_video.jpg)0 0 no-repeat;
	background-size: 100% 100%;
}
.video-img .margin-t{margin-top:50px;}
.info-son{position: absolute;top: 50%;margin-top: -87px;}
}
/* 小屏幕（平板，大于等于 768px） */
@media screen and (min-width:768px) and (max-width:993px) {
	.video-img{
	height:193px;
	margin-top:120px;
	margin-bottom:50px;
	background:url(../img/yh_video.jpg)0 0 no-repeat;
	background-size: 100% 100%;
}
.video-img .margin-t{margin-top: 50px;}
.info-son{position: absolute;top: 50%;margin-top: -81px;}	
}
@media (max-width:768px) {
	.video-img{
	height:112px;
	margin-top:120px;
	margin-bottom:50px;
	background:url(../img/yh_video.jpg)0 0 no-repeat;
	background-size: 100% 100%;
}
.video-img .margin-t{margin-top:28px;}
.swiperTableCellItem h1{font-size: 20px;}
.swiperTableCellItem p{width:90%;margin-left: -45%;font-size:12px;top: 30px;}
}
/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width:1200px) {
	.video-img{
	height:220px;
	margin-top:120px;
	margin-bottom:50px;
	background:url(../img/yh_video.jpg)0 0 no-repeat;
	background-size: 100% 100%;
}
.video-img .margin-t{margin-top: 40px;}
.info-son{position: absolute;top: 50%;margin-top: -107px;}
}

.btn-index:hover{
	background-color: #84b831;
}
.lianmeng:hover{opcity:0.5;color: red}