/*Main-Tittle*/
body{background: #001245;}
/*首页banner*/
#banner{margin-bottom: 80px;width: 100%;height: 45.833vw;}
#banner img{width: 100%;display: block;}
.swiper-pagination-custom{
    left: 50%;
    border-top: 1px solid #fff;
    display: block;
    width: 123px;
    transform: translateX(-50%);
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 2.5vw;white-space: nowrap;}
.swiper-pagination-customs{position: relative;color: #fff;display: inline-block;line-height: 32px;width: 30px;height: 32px;}
.swiper-pagination-customs::before{position: absolute;top: 0;left: 50%;transform: translate(-50%,-100%);content: '';height: 20px;width: 1px;background: #fff;}
.swiper-pagination-customs.active::before{height: 36px;}
.swiper-pagination-customs:first-child{}
.swiper-pagination-customs a{position: absolute;bottom: 0;width: 100%;display: block;height: 52px;}
.em-none em{opacity: 0;}
/*产   品*/
.product{padding: 100px 0 50px 0;background: url(../images/bg1.jpg) fixed center center;background-size: 100% 100%;}
.product h2{margin-bottom: 50px;text-align: center;color: #fff;font-weight: 400;font-size: 48px;}
#load_more_button{display: none;}
#page{display: none;}
.product ul{margin: 0 auto;}
.product li {float: left;margin-bottom: 50px;margin-right: 3.6%;width: 22.3%;height: 255.27px;background: #fff;overflow: hidden;}
.product li:nth-of-type(4n){margin-right: 0;}
.product li img{width: 100%;}
.product a{position: relative;width: 100%;height: 100%;display: block;}
.product .picimg{position: relative;width: 100%;height: 100%;background: #fff;}
.product .picimg::after{position: absolute;width: 100%;height: 100%;top: 0;opacity: 0;content: '';display: block;background: #000;}
.product a:after{position: absolute;top: 50%;left: 50%;width: 80%;height: 80%;content: '';display: block;border: 1px solid #fff;transform: translate(-50%, -50%);opacity: 0;/*transition: 1s;*/}
.product .picimg img{/*transition: 1s;*/position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.product span{display: none;}
.product h3{width: 75%;position: absolute;top: 50%;left: 50%;color: #fff;text-align: center;display: block;transform: translate(-50%, -50%);font-style: normal;font-weight: 400;opacity: 0;/*transition: 1s;*/white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.product li:hover h3,.product li:hover a::after{opacity: 1;}
.product li:hover .picimg::after{opacity: .6;}

/*关于我们*/
.about{position: relative;margin: 0 auto;color: #fff;}
.about .pit{position: absolute;left: 0;/*top: 50%;transform: translateY(-50%);*/display: inline-block;width: 46.875%;border:1px solid #fff;}
.about .pit img{width: 100%;}
.about .text{display: inline-block;width: 50%;padding-left: 3.125%;margin-left: 46.875%;}
.about .text h2{margin-bottom: 36px;font-weight: normal;font-size: 48px;}
.about .text p{margin-bottom: 30px;text-indent: 2em;line-height: 2;-webkit-line-clamp:9;-webkit-box-orient:vertical;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;}
.about .text h3{font-size: 36px;font-weight: normal;}
.about .text span{display: block;font-size: 14px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 100%;}
.about .text li{position: relative;float: left;margin-bottom: 30px;margin-right: 8.13%;width: 18.9%;height: 118.95px;text-align: center;border-radius: 50%;/*border: 1px solid #fff*/}
.border{width: 100%;height: 100%;border: 1px solid #fff;border-radius: 50%;}
.about .text li .wrapper{position: absolute;top: 50%;left: 50%;width: 100%;transform: translate(-50%,-50%);}
.about .text li:last-child{margin-right: 0;}
/*联系我们*/
.contact{margin: 80px auto 80px auto;color: #fff;}
#map{margin-right: 6.25%;/*height: 430px;*/width: 600px;}
#map img{width: 100%;}
.contact h2{margin-bottom: 30px;font-size: 48px;font-weight: 400;}
.contact p{float: left;margin-bottom: 10px;width: calc(100% - 92px);}
.contact span{float: left;}
.csssprite{display: none;}
.smnoprint{display: none;}
.contact .content{margin-top: 36px;width: 46.875%}
.qr-code{position: relative;margin-top: 30px;}
.qr-code .qr{display: inline-block;}
.qr-code .info{position: absolute;top: 50%;left:144px;transform: translateY(-50%);}
.qr-code .info img{margin-bottom: 10px;}
/*更多选项*/
.more{position: relative;margin: 80px auto 80px auto;width: 100px;padding: 10px 20px;color: #fff;border:1px solid #fff;display: block;}
.more::after{content: "";display: block;position: absolute;top: 50%;left: 92px;transform: translateY(-50%);width: 58px;height: 1px;background: #fff;}
.more span{position: relative;left: 0;}
.more:hover{color: #ffba00;border-color: #ffba00;}
.more:hover::after{background: #ffba00;}
@media screen and (max-width: 1391px) {
	.about .text li{height: 8.55vw;}
	.about .text h3{font-size: 2.58vw;}
    .about .text h2{font-size: 3.45vw;margin-bottom: 2.59vw;}
    .about .text p{margin-bottom: 2.156vw;font-size: 1.15vw;}
    .about .text span{font-size: 1vw;}
    .more{margin: 5.75vw auto 5.75vw auto;}
	/**/
		.product h2{font-size: 3.45vw;}
    .product li{height: 18.35vw;}
    /**/
    .contact .content{margin-top: 2.58vw;}
    #map{width: 46.13%;}
    .contact {font-size:1.15vw;}
    .contact h2{margin-bottom: 2.15vw;font-size: 3.45vw;}
	.contact p{margin-bottom: 0.72vw;}
	.qr-code{margin-top: 2.15vw;}
    .qr-code img.floatLeft{width: 9.13vw;}
    .qr-code .info{left: 10.35vw;}
    .qr-code .info img{width: 2.87vw;margin-bottom: 0.7vw;}
}

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

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

}
@media screen and (max-width: 750px){
	#banner{margin-bottom: 30px;}
/*	.swiper-pagination-customs em{display: none}
	.swiper-pagination-customs a{height: 40px;}
	.swiper-pagination-custom{bottom: -2vw;}*/
	.swiper-pagination-customs{margin: 0 2vw;width: 2vw;height: 2vw;background: #fff;border-radius: 50%;opacity: .6;}
	.swiper-pagination-customs.active{opacity: 1;}
	.swiper-pagination-custom{border: none;}
	.swiper-pagination-customs::before{display: none;}
	.swiper-pagination-customs.active em,.em-none em{display: none;}
	/*关于我们*/
	.about .pit{position: relative;
    width: 100%;
    height: 40vw;
    border: none;
    overflow: hidden;}
    .about .pit img {
    width: 100%;
    position: absolute;
    top: -16vw;
	}
	.about .text{padding-left: 0;margin-left: 0;margin: 20px auto;width: 100%;display: block;}
	.about .text h2{margin-bottom: 6vw;font-size: 6.4vw;text-align: center;}
	.about .text h3{font-size: 6vw;}
	.about .text p{font-size: 	4vw;margin-bottom: 	6vw;display: none;-webkit-line-clamp:7;}
	.about .text p:nth-of-type(1){display: block;display: -webkit-box;}
	.about .text span{font-size: 3.6vw;width: 90%;display: block;margin: 0 auto;}
	.about .text li{display: none;}
	.about .text li{margin-bottom: 3vw;width: 22%;height: 19.78vw;margin-right: 4%;}
/*	.about .text li:nth-of-type(2n){margin-right: 0;}*/
	/*产品中心*/
	.product{padding: 40px 0 40px 0;background-size: auto;}
	.product h2{margin-bottom: 6vw;font-size: 6vw;}
	/*.product ul{width: 92%;}*/
	.product ul li{margin-right: 2%;margin-bottom: 	2vw;width: 49%;height: 40.392vw;}
	.product ul li:nth-of-type(2n){margin-right: 0;}
	.product h3{line-height: 40.392vw;}
	/*联系我们*/
	.contact{margin: 20px auto 20px auto;width: 92%;}
	#map{width: 100%;/*height: 60vw;*/}
	.contact .content{margin-top: 30px;width: 100%;}
	.contact h2{margin-bottom: 	6vw;font-size: 6vw;text-align: center;}
	.contact p,.contact span{white-space: pre-wrap;font-size: 4vw;margin-bottom: 3vw;}
	.contact span{display: block;float: left;}
	.contact p{float: left;width: calc(100% - 23vw);}
/*	.contact p::after{content: 	"";display: block;clear: both;}*/
	.qr-code img.floatLeft{width: /*33.86vw*/22vw;}
	.qr-code .info{left: 27.4vw;}
	.qr-code{margin-top: 2vw;}
	.qr-code .info{font-size: 4vw}
	.qr-code .info img{width:7.66vw;margin-bottom: 2.66vw;}
	/*更多选项*/
	.more{margin: 30px auto 30px auto;}
}