.homebanner {
	overflow: hidden;
    width: 100%;
    max-height: 1024px;
    position: relative;
}
.homebanner ul {}
.homebanner ul li {
    width: 100%;
	height:100%;
    max-height: 1024px;
	overflow: hidden;
    position: relative;
}
.homebanner ul li.slider>a {display:block;}
.homebanner ul li.slider .video,.slider .video img {width:100%;}
.homebanner ul li.slider .bottom{ position:absolute; bottom:5%; left:0; right:0; text-align:center; margin:0 auto;}
.homebanner ul li.slider .item{position:absolute;left:0;right:0;z-index:1;top:50%;margin:-130px auto;*display:none;padding-left:15px;padding-right:15px;text-align:center;color:#fff;}
.homebanner ul li.slider .item .p1{ font-size:60px; font-weight:bold;line-height:90px;}
.homebanner ul li.slider .item .p2{ font-size:22px;}
.homebanner ul li.slider .item .p3{ margin:15px 0;}
.homebanner ul li.slider .item .p4{ font-size:25px;}
.homebanner ul li.slider .item .p5{ margin-top:50px;}


.homebanner .page{ }
.homebanner .page a{ 
	display:block;
	position:absolute;
	top:50%;
	width:40px;
	height:40px;
	background:#000;
	z-index:99999;
}
.homebanner .page a.prev {
	left:5%;
	background: url(../images/banner/next.png) no-repeat left center;;
	transform: rotate(-180deg);
}
.homebanner .page a.next {
	right:5%;
	background: url(../images/banner/next.png) no-repeat left center;;
}
.homebanner .page a:hover {
	background: url(../images/banner/next.png) no-repeat right center;;
}
@media screen and (max-width:800px){
.homebanner .page{ 
	display:none;
}
}


.home-series{width: 100%;margin:5% 0;}
.home-series .container{position:relative;}
.home-series .container-series{ position:relative; height:100%;}
.home-series .item-txt { max-width:400px; position:absolute; top:0; left:15px; z-index:50; width:40%;}
.home-series .item-txt .p1{ font-size:35px; text-transform:uppercase; line-height:35px;font-family: 'Futura';}
.home-series .item-txt .p2{ height: 50px;font-size: 32px;color: #3a3a3a;font-family: 'RuiZiChaoPaiHaoHengHeiJian'; margin-top:25%;position: relative;}

.home-series .item-txt .p3{ font-size:18px;color:#252525; margin:15px 0;}
.home-series .item-txt .p4{ font-size:15px; color:#666666;}
.home-series .item-txt .p5{ font-size:18px; margin-top:25%;}
.home-series .item-pic{ max-width:900px; position:relative; width:60%; height:100%;max-height:798px;overflow: hidden;}

.home-series .page{ position:absolute; left:0%;bottom:20%;width:auto; height:auto;z-index: 2;}
.home-series .page a{ display:inline-block;width:70px;text-align:center;}
.home-series .page a.next{ border-left:solid 1px #c3c3c3;}

@media screen and (max-width:800px){
.home-series {width: 100%;margin:5% 0;}

}

.title{ margin:7% 0 5% 0; overflow:hidden;}
.title font{ font-size:30px; line-height:34px; text-transform:uppercase;}
.title em{ font-size:18px; border:solid 2px #cfcfcf; margin-top:10px;margin-left: 10px;text-align:center; width:100%; font-style:normal;max-width:170px; line-height:46px;}
.title em a{ color:#464646;}


.products{width:100%; position:relative; background:#f5f5f5;}
.products .title { position:relative; color:#fff; z-index:1;}
.products .title em{ border: solid 2px #fff;}
.products .title em a{ color:#fff;}
.products .products-bg{ background:#252525; width:100%; height:50%; position:absolute; top:0; left:0;}
.products ul{ position:relative; z-index:1; float:left; width:100%;padding-bottom:8%;}
.products ul li{ float:left; width:24.5%;position:relative;background:#fff; margin-right:0.5%;}
.products ul li.clear{ margin-right:0;}
.products ul li img{max-width: 100%;}
.products ul li .item{color:#fff;position:absolute; width:100%; height:100%;left:0;top:0;padding:17% 2.5%;background-image: linear-gradient(to top,rgba(0,0,0,0.01) 0,rgba(0,0,0,.5) 100%);transition: all 0.5s;}
.products ul li .item span{ display:block; font-size:24px;font-family: 'RuiZiChaoPaiHaoHengHeiJian'; padding:0 0 0 25px;}
.products ul li .item font{ display:block; font-size:18px; text-transform:uppercase; padding:5px 0 70px 25px;font-family: 'Futura';}
.products ul li .item em{ position:absolute; bottom:10%; left:10%; font-style:normal; font-weight:bold; font-size:18px;}
.products ul li:hover .item{background: rgba(0,0,0,0.6); height:20%;min-height:150px;top:70%;}

/*以下代码是自适应样式*/
@media screen and (max-width:1320px){}
@media screen and (max-width:1178px){}
@media screen and (max-width:800px){
.products .products-bg{ height:100%;}    
.products ul li { width:46%; margin-bottom:4%;margin-right: 4%;}
.products ul li.l{ margin-right:0.5% !important;}
.products ul li.r{ margin-left:0.5% !important;}
.products ul li .item{}
.products ul li .item span{font-size:18px;}
.products ul li .item font{font-size:14px;padding-bottom:15%;}
.products ul li .item em{font-size:18px;}
}
.video {width:100%}
.video .video-left,.video .video-right{ width:49%;}

.video .video-item{ color:#fff; position:relative; overflow:hidden;}
.video .video-item .pic-scale{-webkit-transition:opacity 0.55s, -webkit-transform 0.55s;transition: opacity 0.55s, transform 0.55s;-webkit-transform: scale(1);transform: scale(1);}
.video .video-item:hover .pic-scale{-webkit-transform: scale(1.1);transform: scale(1.04);}

.video .video-item .item{ position:absolute; left:0; top:0; width:100%; padding:10%;height:100%; color:#fff;}

.video .video-item .item .p1{ font-size:24px; line-height:35px;text-transform:uppercase;font-family: 'RuiZiChaoPaiHaoHengHeiJian'; }

.video .video-item .item .p2{ margin:20px 0;text-align:center;font-size:22px;}

.video .video-item .item .p3{display: none; text-align:center;}
.video .video-item .item:hover .p3{display:block;}

.video .video-item .item .p3 img{ margin:0 auto; display:block;}

.video .video-left .item .p2{ margin-top:25%;}

.video .video-right .item .p2{ text-align:left; font-size:18px;}

.video .video-right .item .p3{display: none;position:absolute; right:2.5%; bottom:5%; width:40px;}
.video .video-right .item:hover .p3{display:block;}
.video .video-right .item .p3 img{max-width: 100%;}
.video .video-right .clear{ margin-top:1%;}


.content{width:100%; background:#f5f5f5; padding:5% 0;}

.content .content-left,.content .content-right{width:100%;}

.content .content-left { position:relative; color:#fff; overflow:hidden;height:500px;}

.content .content-left a{ color:#fff;}

.content .content-left .dep {width:50%;padding:5% 10%;height:500px;background:url(../images/home-case.jpg) no-repeat center;background-size:cover;}
.content .content-left .dep .top {margin-bottom: 20%;}
.content .content-left .dep .top .p1 {font-size: 30px;margin-top: 5px;font-family: 'RuiZiChaoPaiHaoHengHeiJian';}
.content .content-left .dep .bottom {}
.content .content-left .dep .bottom .p1{font-size: 20px;text-transform: uppercase;}
.content .content-left .dep .bottom .p2{font-size: 30px;font-weight: bold;margin-left: -5px;line-height: 50px;}
.content .content-left .dep .bottom .p3{font-size: 15px;margin-top: 50px;line-height: 26px;}

.content .content-left .vr {width:50%;padding:5% 10%;height:500px;background:url(../images/home-vr.png) no-repeat center;background-size:cover;}
.content .content-left .vr .p1 {font-size: 30px;color: #333;font-family: 'RuiZiChaoPaiHaoHengHeiJian';}
.content .content-left .vr .p2 {font-size: 24px;color: #333;margin-top: 10%;}
.content .content-left .vr .p3 {font-size: 14px;color: #797979;max-width: 380px;margin: 30px 0 10% 0;}
.content .content-left .vr .p4 {font-size: 14px;
    border: solid 2px #d30000;
    text-align: center;
    width: 130px;
    line-height: 36px;
    background: #d30000;
}

.content .content-right div{width:50%; position:relative; padding:5% 10%;height:500px;}
.content .content-right div .p1{ font-size:25px;font-family: 'Futura';}
.content .content-right div .p2{ font-size:24px;color:#333;line-height: 1.5;font-family: 'RuiZiChaoPaiHaoHengHeiJian';  margin-top:10%;}
.content .content-right div .p3{ font-size:14px; color:#797979; max-width:380px; margin:30px 0 10% 0;}
.content .content-right div .p4{ font-size: 14px;
    border: solid 2px #dcdcdc;
    text-align: center;
    width: 130px;
    line-height: 36px;}
.content .content-right div.join{ background:#fff;}
.content .content-right div.download{color:#fff;background:url(../images/home-download.jpg) no-repeat center;background-size:cover;}
.content .content-right div.download .p1,.content .content-right div.download .p2,.content .content-right div.download .p3,.content .content-right div.download .p4{ color:#fff;}


/*以下代码是自适应样式*/
@media screen and (max-width:1320px){}
@media screen and (max-width:1178px){}
@media screen and (max-width:800px){
.content{ padding:10% 0;float: left;}
.content .content-left,.content .content-right{ width:100%;height: auto;}

.content .content-left .dep {width:100%;padding:20% 10%;}
.content .content-left .dep .top {margin-bottom: 20%;}
.content .content-left .dep .top .p1 {font-size:24px;margin-top: 5px;}
.content .content-left .dep .bottom {}
.content .content-left .dep .bottom .p1{font-size: 16px;text-transform: uppercase;}
.content .content-left .dep .bottom .p2{font-size: 20px;font-weight: bold;margin-left: -5px;line-height: 50px;}
.content .content-left .dep .bottom .p3{font-size: 14px;margin-top: 50px;line-height: 26px;}

.content .content-left .vr {width:100%;padding:20% 10%;}
.content .content-left .vr .p1 {font-size: 24px;}
.content .content-left .vr .p2 {font-size: 20px;margin-top: 10%;}
.content .content-left .vr .p3 {font-size: 14px;color: #797979;max-width: 380px;margin: 10px 0 10% 0;}
.content .content-left .vr .p4 {font-size: 14px;border: solid 2px #d30000;width: 150px;}

.content .content-right div {width:100%;height: auto;}
.content .content-right div .p1{ font-size:20px;}
.content .content-right div .p2{ font-size:24px;line-height:40px;}
.content .content-right div .p3{ font-size:14px;margin:10px 0 10% 0;}
.content .content-right div .p4{ font-size:14px; border:solid 1px #dcdcdc; width:150px;}

}


.content .design{width:100%;background:#e8e8e8;height:420px;margin-top:10%; position:relative;padding:0%;}
.content .design .tit { margin:5% 0 0 5%; float:left;}
.content .design .tit .p1{ position:relative;}
.content .design .tit .p1 span{ font-size:28px;line-height:30px;font-family: 'Futura'; text-transform:uppercase; }
.content .design .tit .p2{ font-size:30px;color:#333;font-family: 'RuiZiChaoPaiHaoHengHeiJian'; margin:20px 0 30px 0;}
.content .design .tit .p3{ font-size:15px; color:#797979;}

.content .design .advantage {float:right;width: 70%;}
.content .design .advantage ul {overflow: hidden;}
.content .design .advantage ul  li{float:left;width: 33.3%;height: 420px;padding:5% 2%;}
.content .design .advantage ul  li:nth-of-type(1){background:url(../images/home-advantage-01.png) no-repeat bottom #d2d0d0;background-size: 200px;}
.content .design .advantage ul  li:nth-of-type(2){background:url(../images/home-advantage-02.png) no-repeat bottom #e8e8e8;background-size: 200px;}
.content .design .advantage ul  li:nth-of-type(3){background:url(../images/home-advantage-03.png) no-repeat bottom #fff;background-size: 200px;}
.content .design .advantage ul  li .p1{font-size: 24px;color: #3a3a3a;font-family: 'RuiZiChaoPaiHaoHengHeiJian'; margin-top: 10%;}
.content .design .advantage ul  li .p2{font-size: 20px;margin: 20% 0 5% 0;}
.content .design .advantage ul  li .p3{font-size: 14px;color: #797979;margin: 10px 0 10% 0;}
/*以下代码是自适应样式*/
@media screen and (max-width:1320px){}
@media screen and (max-width:1178px){}
@media screen and (max-width:800px){
.content .design .tit {width: 100%;min-height: 240px;}
.content .design .tit .p1{ }
.content .design .tit .p1 span{ font-size:25px;}
.content .design .tit .p1 i{ font-size:20px;}
.content .design .tit .p2{ font-size:24px;}
.content .design .tit .p3{ font-size:16px;}
.content .design .tit .p1 font {display:none;}
.content .design .advantage {width: 100%;}
.content .design .advantage ul  li{width:100%;height:230px;padding:5% 5%}
.content .design .advantage ul  li .p1{font-size: 20px;margin-top:5%;}
.content .design .advantage ul  li .p2{font-size: 18px;margin: 10% 0 5% 0;}
.content .design .advantage ul  li .p3{font-size: 14px;}
}



.news li { float:left; width:32%;border:solid 1px #fff; box-shadow: 0 10px 40px rgb(0 0 0 / 5%); padding:2.5%; margin:0.5%; max-height:480px; overflow:hidden; min-height:288px;}
.news li .item{ width:100%;}
.news li .item h3{ font-size:18px;color: #252525;text-overflow:ellipsis;white-space: nowrap;overflow: hidden; margin:7.5% 0 5% 0;}
.news li .item p{ font-size:13px; color:#797979;height:80px; overflow:hidden;}
.news li .item em{ font-size:13px;color:#333333;font-family: 'Futura';line-height:30px; margin-top:5px;font-style:normal; }
.news li .item em font{ display:inline-block; font-size:40px;}
.news li .thumb{ width:100%;}
.news li .thumb img{ width:100%;min-height:200px;max-height:200px;}
.news li.l{ margin-right:0.5%;}
.news li.r{ margin-left:0.5%;}
.news li:hover{ border:solid 1px #f6f6f6;}
.news li:hover .item em{ color:#d22633;}

/*以下代码是自适应样式*/
@media screen and (max-width:1320px){
.news li {width:49%;}
}

@media screen and (max-width:1178px){
.news li {width:49%;}
}
@media screen and (max-width:800px){
.news li{ width:100%;max-height: 488px;padding:5%; margin:2.5% 0 !important;} 
.news li .item{ width:100%;}
.news li .thumb{ width:100%; margin-top:5%;}
.news li .item span{ margin:5% 0;text-overflow:unset;white-space: inherit;}
.news li .item p{ max-height:inherit;}
.news-title h1 {line-height: 24px;font-size: 20px;margin-bottom: 3%;}
}


/*以下代码是自适应样式*/

@media screen and (max-width:1320px){
@media screen and (max-width:1178px){}
@media screen and (max-width:800px){
.homebanner ul li.slider {
    background: url(../images/slider.jpg) no-repeat center;
    padding: 80% 0;
    background-size: cover;
}
.homebanner ul li.slider .video{display:none;}

.homebanner ul li.slider .bottom{ position:absolute; bottom:5%; left:0; right:0; text-align:center; margin:0 auto;}
.homebanner ul li.slider .item{left:0;right:0;z-index:1;top:50%;margin:-130px auto;padding-left:15px;padding-right:15px;}
.homebanner ul li.slider .item .p1{ font-size:36px; font-weight:bold;line-height:90px;}
.homebanner ul li.slider .item .p2{ font-size:14px;}
.homebanner ul li.slider .item .p3{ margin:15px 0;}
.homebanner ul li.slider .item .p3 img {max-width: 100%;}
.homebanner ul li.slider .item .p4{ font-size:18px;}
.homebanner ul li.slider .item .p5{ margin-top:10px;}
.homebanner ul li.slider .item .p5 img {width:40px;}



.home-series .item-txt {position: static;left:0px;width:100%;}
.home-series .item-txt .p1{ font-size: 24px;line-height: 30px;}
.home-series .item-txt .p2{ font-size: 28px; margin-top:10%;}
.home-series .item-txt .p3{ font-size:13px; margin:8px 0;}
.home-series .item-txt .p4{ font-size:15px; color:#666666;}
.home-series .item-txt .p5{ font-size:16px;margin-top:10%;}
.home-series .item-pic{ float:none;max-width:900px; position:relative; width:100%; height:100%;max-height:798px;overflow: hidden;margin-top: 10%;}
.home-series .page{display:none;}

.title{ margin:15% 0 10% 0;}
.title font{ font-size:17px; line-height:25px;}
.title em{ font-size:13px; margin-top:5px;line-height:35px; max-width:120px;}



.video {float:left;}
.video .video-left{ margin-bottom:1%;}  
.video .video-left, .video .video-right {width: 100%;}
.video .video-item .item .p1{ font-size:20px;line-height:24px;}
.video .video-left .item .p2{ font-size:16px;}
.video .video-left .item .p3 img{ width:45px;}
.video .video-right .item .p2{ font-size:14px;}
.video .video-right .item .p3{ width:30px; right:3%;}
.video .video-right .video-item img{ width:120%; margin-left:-10%; max-width:120%;}
.video .p{ font-size:14px;}






.news li{ width:100%;max-height: 488px;padding:5%; margin:2.5% 0 !important;} 
.news li .item{ width:100%;}
.news li .thumb{ width:100%; margin-top:5%;}
.news li .item span{ margin:5% 0;text-overflow:unset;white-space: inherit;}
.news li .item p{ max-height:inherit;}
}}


.mobile {display:none;}
/*以下代码是自适应样式*/
@media screen and (max-width:1320px){}
@media screen and (max-width:1178px){}
@media screen and (max-width:800px){
.mobile {float: none !important;display:block;width: 96%;padding:15px 2%;}
.search-product .test {
    float: left;
    width:82%;
    height: 42px;
    line-height: 42px;
    color: #252525;
    border:1px solid #ccc;
    padding: 0 12px;
    font-size: 14px;
}
.search-product .button {
    width: 18%;
    height: 42px;
    line-height: 38px;
    background:#d22633 url(../images/search.png) no-repeat center;
}
.shop-map {
	margin-top:10%;
}
.shop-map a {
	display: block;
    width: 98%;
    height: 50px;
    margin: 0 auto;
    line-height: 50px;
    color: #fff;
    text-align: center;
    background: #d22633;
}
}