.slider{ overflow:hidden;width:100%; max-height:920px; position:relative;}
.slider .swiper-pagination {
	bottom:3% !important;
}
.slider .swiper-pagination-bullet {
	width:10px;
	height:10px;
    background-color: transparent;
    border: 1px solid #fff;
    opacity: 1;
}
.slider .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}
.slider>a {display:block;}

.slider .video,.slider .video img {width:100%;}

.slider .bottom{ position:absolute; bottom:5%; left:0; right:0; text-align:center; margin:0 auto;}

.slider .item{display:none;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;
}

.slider .item .p1{ font-size:60px; font-weight:500;line-height:90px;}

.slider .item .p2{ font-size:22px;}

.slider .item .p3{ margin:15px 0;}

.slider .item .p4{ font-size:25px;}

.slider .item .p5{ margin-top:50px;}

.home-about {
	padding:3% 0;
}
.home-about h2 {
	font-size:38px;
	color:#000;
	font-weight:500;
	text-align:center;
}
.home-about p {
	font-size:15px;
	color:#666;
	text-align:center;
	line-height:1.8;
	font-weight:200;
	padding:1% 10%;
}
.home-about .tab {
	padding:3% 0;
}
.home-about .tab ul {}
.home-about .tab ul li {
	float:left;
	width:33%;
	font-size:20px;
	color:#3a3a3a;
	text-align:center;
	padding:1% 0;
}
.home-about .tab ul li strong {
	font-size:40px;
	color:#182D57;
	padding:1% 5%;
}
/*以下代码是自适应样式*/
@media screen and (max-width:1320px){}
@media screen and (max-width:1178px){}
@media screen and (max-width:800px){
.home-about h2 {
	font-size:26px;
	padding:2% 0%;
}
.home-about p {
	font-size:12px;
	padding:1% 0.5%;
}
.home-about .tab ul li {
	width:50%;
	font-size:14px;
	color:#3a3a3a;
	text-align:center;
	padding:1% 0;
}
.home-about .tab ul li strong {
	display:block;
	font-size:22px;
	padding:1% 1%;
}
}





.home-video {
	width:100%;
}
.home-video .video {
	display:block;
	width:100%;
}


.home-product {
	padding:3% 0;
	background:#f6f6f6;
	*background:#f6f6f6 url(../images/home-product-bg.jpg) no-repeat center top;
}
.home-product h2 {
	font-size:38px;
	color:#000;
	font-weight:500;
	text-align:center;
}
.home-product .product-tab {
	padding:5% 0;
	text-align:center;}
.home-product .product-tab .item {
	float:left;
	width:20%;
	padding:5% 0;
	position:relative;
}
.home-product .product-tab .item:hover {
	box-shadow: 0px 3px 5px #ccc;
}
.home-product .product-tab .item i {
	display:block;
	width:100px;
	height:100px;
	margin:0 auto;
	-webkit-border-radius: 50%;
	overflow:hidden;
}
.home-product .product-tab .item:hover i{
	box-shadow: 0px 2px 8px #ccc;
}
.home-product .product-tab .item h3 {
	font-size:20px;
	color:#000;
	font-weight:500;
	padding:3% 0;
}
.home-product .product-tab .item ul {
	display:none;
	width: 100%;
	padding:3% 0;
	background:#fff;
}
.home-product .product-tab .item ul li {
	padding:6px;
	text-align:center;
}
.home-product .product-tab .item ul li a {
	font-size:16px;
	color:#333;
}
.home-product .product-tab .item:hover {
	background:#fff;
}
.home-product .product-tab .item:hover ul {
	display:block;
}
.home-product .product-tab .item ul li:hover a {
	color:#182D57;
}
/*以下代码是自适应样式*/



@media screen and (max-width:1320px){}



@media screen and (max-width:1178px){}



@media screen and (max-width:800px){
.home-product {
	padding:3% 0;
}
.home-product h2 {
	font-size: 26px;
    padding: 2% 0%;
}
.home-product .product-tab {
	padding:5% 0;
	text-align:center;}
.home-product .product-tab .item {
	float:left;
	width:33%;
	padding:5% 0;
	position:relative;
}
.home-product .product-tab .item i {
	display:block;
	width:50px;
	height:50px;
	margin:0 auto;
	-webkit-border-radius: 50%;
	overflow:hidden;
	}
.home-product .product-tab .item h3 {
	font-size:16px;
	height: 50px;
}
.home-product .product-tab .item ul {
	top:110px;
}
.home-product .product-tab .item ul li {
	padding:2px;
	text-align:center;
}
.home-product .product-tab .item ul li a {
}
}

.hot-product {}]
.hot-product ul {}
.hot-product ul {}
.hot-product ul li {
	float: left;
    width: 25%;
    padding: 0.5%;
}
.hot-product ul li .thumb {
	transition: all 0.2s;
}
.hot-product ul li:hover .thumb {
	transform: translate(0px,5px);
    -webkit-transform:translate(0px,5px);
    -moz-transform:translate(0px,5px);
    -ms-transform:translate(0px,5px);
    -o-transform:translate(0px,5px);
}
.hot-product ul li h3 {
	font-size:16px;
	color:#3a3a3a;
	text-align:center;
	padding:5px 0;
	background:#fff;
}
.hot-product ul li:hover h3 {
	color: #182D57;
}
/*以下代码是自适应样式*/



@media screen and (max-width:1320px){}
@media screen and (max-width:1178px){}
@media screen and (max-width:800px){
.hot-product ul li {
    width: 50%;
    padding: 0.5%;
}
}

.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;}


.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:30px; line-height:35px;text-transform:uppercase;}



.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%;}



.home-item {}
.home-item  .item {
	padding:0 5%;
}
.home-item  .item h3 {
	font-size: 34px;
	color:#000 ;
	font-weight:500;
    line-height: 40px;
    margin: 60px 0 20px;
}
.home-item  .item p {
	font-size: 18px;
    line-height: 1.5;
}
/*以下代码是自适应样式*/

@media screen and (max-width:1320px){}

@media screen and (max-width:1178px){}

@media screen and (max-width:800px){
.home-item  .item h3 {
	font-size: 26px;
    line-height:30px;
    margin: 40px 0 10px;
}
.home-item  .item p {
	font-size: 14px;
    line-height: 1.5;
}
}



.home-aboutus {}
.home-aboutus ul {}
.home-aboutus ul li {
	float:left;
	width:46%;
	padding:10% 5%;
	margin:2%;
}
.home-aboutus ul li:nth-of-type(1) {
	background: url(../images/home-case.jpg) no-repeat center;
}
.home-aboutus ul li:nth-of-type(2) {
	background: url(../images/home-download.jpg) no-repeat center;
}
.home-aboutus ul li p {
	font-size: 18px;
    line-height: 28px;
	color: #fff;
}
.home-aboutus ul li h3 {
	font-size: 48px;
	font-weight:500;
    line-height: 58px;
	color: #fff;
}
.home-aboutus ul li a {
	display:block;
	min-width:100px;
	max-width:200px;
	padding:5px 10px;
	margin-top:20px;
	font-size:18px;
	color: #333;
	font-weight: 500;
	text-align:center;
    background: #fff;
}
/*以下代码是自适应样式*/

@media screen and (max-width:1320px){}

@media screen and (max-width:1178px){}

@media screen and (max-width:800px){
.home-aboutus ul li {
	width:100%;
	padding:20% 5%;
	margin:1% 0%;
}
.home-aboutus ul li p {
	font-size: 14px;
    line-height: 20px;
}
.home-aboutus ul li h3 {
	font-size: 28px;
    line-height: 38px;
}
.home-aboutus ul li a {
	font-size:16px;
}
}

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

.content .design{width:100%;background:#e8e8e8;height:420px;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:35px; text-transform:uppercase; font-weight:500; line-height:40px;}

.content .design .tit .p2{ font-size:40px; margin:10px 0 20px 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: 25%;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 #e1e1e1;background-size: 200px;}

.content .design .advantage ul  li:nth-of-type(3){background:url(../images/home-advantage-03.png) no-repeat bottom #e8e8e8;background-size: 200px;}

.content .design .advantage ul  li:nth-of-type(4){background:url(../images/home-advantage-04.png) no-repeat bottom #f9f9f9;background-size: 200px;}

.content .design .advantage ul  li .p1{font-size: 24px;color:#3a3a3a;font-weight:500;margin-top: 10%;}

.content .design .advantage ul  li .p2{font-size: 14px;margin: 20% 0 5% 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:30px;}

.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: 14px;margin: 10% 0 5% 0;}

}







.news li { float:left; width:32%; border:solid 1px #cdcdcd; 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;font-weight:500;text-overflow:ellipsis;white-space: nowrap;overflow: hidden; margin:7.5% 0 5% 0;}

.news li .item p{ font-size:16px; color:#000;overflow:hidden;}

.news li .item em{ font-size:13px; line-height:30px; margin-top:5px;font-style:normal; color:#333333;}

.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 #182D57;}

.news li:hover .item em{ color:#182D57;}



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

@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){

.slider {

    *background: url(../images/slider.jpg) no-repeat center;

    *padding: 80% 0;

    background-size: cover;

}
.slider .video{display:none;}
.slider .item{display:none;}
.slider .swiper-container{display:block;}



.slider .bottom{ position:absolute; bottom:5%; left:0; right:0; text-align:center; margin:0 auto;}

.slider .item{left:0;right:0;z-index:1;top:50%;margin:-130px auto;padding-left:15px;padding-right:15px;}

.slider .item .p1{ font-size:36px; font-weight:500;line-height:90px;}

.slider .item .p2{ font-size:14px;}

.slider .item .p3{ margin:15px 0;}

.slider .item .p3 img {max-width: 100%;}

.slider .item .p4{ font-size:18px;}

.slider .item .p5{ margin-top:10px;}

.slider .item .p5 img {width:40px;}




.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;}

}
}

.home-mgs {
	padding:3% 0 6% 5%;
}
.home-mgs h2 {
	font-size: 18px;
    line-height: 1.5;
	margin: 25px 0 30px;
}
.home-mgs .p1 {
	font-size: 48px;
	color:#000;
	font-weight:500;
    line-height: 58px;
}
.home-mgs .p1 span {
	display:inline-block;
	border: 1px solid #333;
    font-weight: 400;
	margin:0 20px;
	padding:0px 20px;
}
.home-mgs .p2 {
	font-size: 18px;
    line-height: 1.5;
	margin: 25px 0 30px;
}
.home-mgs .p3 {
	min-width:100px;
	max-width:200px;
	font-size:18px;
	color: #fff;
	font-weight:500;
	text-align:center;
	padding:5px 0;
    background: #332c2b;
    border: 1px solid #332c2b;
}
.home-mgs .p3:hover {
	 background: #182D57;
	 border: 1px solid #182D57;
}
/*以下代码是自适应样式*/

@media screen and (max-width:1320px){

@media screen and (max-width:1178px){}

@media screen and (max-width:800px){
.home-mgs {
}
.home-mgs h2 {
	font-size: 18px;
}
.home-mgs .p1 {
	font-size: 28px;
}
.home-mgs .p1 span {
	padding:0px 10px;
}
.home-mgs .p2 {
	font-size: 16px;
	margin: 25px 0 30px;
}
.home-mgs .p3 {
}

}
}

.newsletter{
	padding:2% 0;
}
.newsletter .item-box {
	padding:0.5% 0;
	background: #f6f6f6 url(../images/email.svg) no-repeat 10% center;
	background-size:100px;
}
.newsletter .container .item {
	width:60%;
	margin:5% auto;
}
.newsletter .container .item h2 {}
.newsletter .container .item .p1 {
	font-size: 48px;
	color:#3a3a3a;
	font-weight:500;
    line-height: 58px;
    margin: 25px 0 30px;
}
.newsletter .container .item .p2 {
	min-width:100px;
	max-width:200px;
	font-size:18px;
    color: #555;
	text-align:center;
	padding:5px 0;
	border: 1px solid #555;
}
.newsletter .container .item .p3 {
	margin-top:30px;
}
/*以下代码是自适应样式*/

@media screen and (max-width:1320px){

@media screen and (max-width:1178px){}

@media screen and (max-width:800px){
.newsletter{
	padding:2% 0;
}
.newsletter .item-box {
	padding:3% 0;
	background: #f6f6f6 url(../images/email.svg) no-repeat 10% center;
	background-size:0px;
}
.newsletter .container .item {
	width:90%;
	margin:2% auto;
}
.newsletter .container .item h2 {}
.newsletter .container .item .p1 {
	font-size:24px;
    line-height: 38px;
}
.newsletter .container .item .p2 {
}
.newsletter .container .item .p3 {
}
}