@charset "utf-8";
/*通用样式*/
*,a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;}
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body{ background:#fff; font:normal 12px/22px "微软雅黑";  }
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
div { box-sizing:border-box;}
.clearfix::after { content: ''; clear: both; display: block; height: 0;}
/* CSS Document */
.logo img { display: block;}
.contPage { overflow: hidden; position: relative; width: 100%; height: 100vh;}
.bg { object-fit: cover; position: absolute; width:100%; height: 100%; position: absolute; left: 0; top: 0; transform: scale(1.2); animation: scaleAni 10s linear forwards;}
.contBox { position: relative; height: 100vh; z-index: 2;}
.header { display: flex; align-items: center; justify-content: space-between; padding: 5.27vh 8.125vw 0 3.54vw;}
.header a.phone { line-height: 60px; background: url(../images/icon.png) left center no-repeat; padding-left: 70px; color: #ffffff; font-weight: bold; font-size: 30px;}
.footer { text-align: center; position: fixed; bottom: 8vh; width: 100%; text-align: center; color: #ffffff; font-size: 16px; line-height: 26px;}
@keyframes scaleAni{
	from{ transform: scale(1.2);}
	to{transform: scale(1);}
}
.contTitle { margin-bottom: 4.58vw; text-align: center;}
.contTitle h2 { font-size: 3.25vw; line-height: 1.444; color: #ffffff;}
.contTitle p { font-size: 24px; line-height: 35px; color: #ffffff;}
.contInfor { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%);}
.swiper-wrapper { display: flex; align-items:  center;}
.swiper .swiper-slide { padding: 15px; height: auto; display: flex; align-items: center; position: relative;}
.productSwiper { position: relative; width: 1380px; padding: 0 40px; margin: 0 auto; max-width: 92%;}
.swiper { width: 100%; height: 100%;}
.swiper a {  background: rgba(216,216,216,.6); border-radius: 12px; box-shadow: 0 0 10px rgba(0,0,0,0.2); justify-content:  center; text-align: center; display: flex; width: 100%; height: 357px; align-items:  center; position: relative;}
.proTxt { position: absolute; bottom: 25px; color: #ffffff; text-align: center; width: 80%; font-size: 24px; line-height: 35px;}
.swiper a img {max-width: 90%;}
.productSwiper .swiper-button-prev,.productSwiper .swiper-button-next{ color: #ffffff;}
@media screen and  (max-width:1440px){
	.contTitle h2 { font-size: 26px;}
	.contTitle p { font-size: 18px; line-height: 28px;}
	.logo img{ display: block; height: 60px;}
	.header a.phone { line-height: 60px; background-size: auto 60px; font-size:24px; padding-left:70px;}
	.contTitle { margin-bottom:2vw;}
	.proTxt { bottom: 15px; font-size: 18px; line-height: 28px;}
	.swiper a { height: 300px;}
	.footer { font-size: 16px;}
	.header { padding: 4vh 4% 0;}
}

@media screen and  (max-width:1080px){
	.footer { bottom: 10px; font-size: 12px; line-height: 1.5;}
	.logo img{ display: block; height: 30px;}
	.header a.phone { line-height: 30px; background-size: auto 30px; font-size:16px; padding-left:40px;}
	.header { padding: 10px 4% 0;}
	.contTitle h2 { font-size: 24px;}
	.contTitle p { font-size: 14px;}
	.proTxt { font-size: 14px; line-height: 20px;}
}