﻿/* CSS Document   Version: 1.0.0
   Date: 2022/02/10
   Author: Tian Guang
   Copyright: www.east.net
*/
html{background: #fafafa;}
.wrap{/* margin-top: 14vw; */background: #fafafa;overflow: hidden;}
a, a:link{color: #969696;cursor: pointer}
img{max-width: 100%}
.content{width: 70.8vw;margin:0 auto}
.header{line-height: 240px;line-height: 12.5vw;line-height:6.5vw;position:fixed;top:3.12vw;margin-bottom:3.12vw;position:fixed;width:100%;z-index: 1;/* background: #fff; */transition: all 1s ease;}
.header div{height:100%}
.header .content{display: flex;justify-content: space-between;}
.header .logo img{vertical-align: middle;display: inline-block;max-height:90%}
/* .header .logo2{display: none} */
.header.slide{position: fixed;top:0;left:0}
.header.slide .content{line-height: 80px}
.header.slide .logo1{display: block}
.header.slide .logo2{display: none}
.header .nav{margin-right: 30px;margin-right:1.56vw;margin-right: 0;}
.header .nav ul{display: flex}
.header .nav ul li{/* margin: 0 30px; *//* margin: 0 1.56vw */}
.header .nav ul li a{display:inline-block;vertical-align:middle;height:30px;overflow:hidden;}
.header .nav ul li p{line-height:2;}
.header .nav ul li .p1{margin-right:3.2vw}
.header .nav ul li:hover p,.header .nav ul li.active p{font-weight:bold;color:#333}
.header .menu,.header .mb{display:none}
.header2{line-height:4.16vw;top:-100%;background:#fff;transition: all .5s ease;z-index: 3;}
.header2 .logo img{height:2.5vw}
.turnTop{display:none;bottom:10vw;width:2.3vw;height:2.3vw;background:url(../images/returnTop.png) center top no-repeat;background-size:100%;position:fixed;right:4vw;cursor: pointer;z-index: 3;}
.turnTop:hover{background-position-y:bottom}

.main{overflow:hidden;position:relative;z-index:2;background: #fafafa;padding-top: 4vw;margin-top: 10vw;}
.box1{position: relative;height: 2063px;height: 107.45vw;margin-top:84px;margin-top:4.375vw;}
.box1 li{width: 34.375vw;margin-right:2vw;position: absolute}
.box1 li:nth-child(2n){margin-right: 0}
.box1 li .Img{height: 25vw;overflow: hidden;background: #f0f0f0;position: relative;}
.box1 li .Img img{/* width:100%; *//* height:100%; */opacity: 1;transition: 1s all ease;vertical-align: middle;position: absolute;left: 0px;top: 0;}
.box1 li .words{padding: 5px 0 15px;height: 5.625vw;box-sizing: border-box}
.box1 li .words p{font-size: 14px;color: #000;/* line-height: 1.5; */overflow:hidden;height:26px;}
.box1 li .words p span{display:block;height:26px;color: #999;line-height: 26px;transition:all .3s ease-in-out}
.box1 li .words em{font-size: 14px;color: #646464;line-height: 1.5;font-style: normal}
.box1 li:nth-child(2){right:0}
.box1 li:nth-child(2) .Img{height:37.5vw;line-height: 37.5vw;}
.box1 li:nth-child(3){top:30.625vw}
.box1 li:nth-child(3) .Img{height:34.375vw;line-height: 34.375vw;}
.box1 li:nth-child(4){top:43.125vw;right:0}
.box1 li:nth-child(4) .Img{height:21.875vw;}
.box1 li:nth-child(5){bottom: 0}
.box1 li:nth-child(5) .Img{height:31.25vw;line-height: 31.25vw;}
.box1 li:nth-child(6){bottom: 0;right:0}
.box1 li:nth-child(6) .Img{height:31.25vw;line-height: 31.25vw;}
.box1 li:hover .Img,.box1 li.active .Img{background:#fff}
/* .box1 li:hover img,.box1 li.active img{opacity:0.6;} */
.box1 li:hover p span,.box1 li.active p span{color:#333;font-weight:bold}
.box1 li:hover p span.span1,.box1 li.active p span.span1{margin-top:-26px}

.box1 li .Img .img2{position:absolute;top:0px;left:0px;height: 100%;width: 100%;opacity: 0;}
.box1 li:hover .Img .img2{opacity:1;}
.box1 li:hover .Img .img1{opacity:0;}










.banner{height:34.32vw;}
.banner .swiper-container{height: 100%;}
.banner video{width:100%;height:100%;background: #000;}
.banner audio::-webkit-media-controls-play-button,.banner video::-webkit-media-controls-play-button{position: fixed;top: 50%;left: 50%;margin-left: -32px;margin-top: -32px;}
.banner .mb1{width:20%;/* background:red; */height:100%;top:0;right:0;position:absolute;z-index: 8;height: calc(100% - 60px);}
.banner .mb2{width:20%;/* background:red; */height:100%;top:0;position:absolute;z-index: 1;height: calc(100% - 60px);}
.banner .swiper-button-next{width:3.12vw;height:3.12vw;/* right:-3.12vw; */transition:all .3s ease-in-out;opacity:0;top:calc(50% - 1.56vw);margin-top:0;background: url(../images/bannerBtn.png) bottom right no-repeat;background-size: 200%;right: 0;display: none;}
.banner .swiper-button-prev{width:3.12vw;height:3.12vw;/* left:-3.12vw; */transition:all .3s ease-in-out;opacity:0;top:calc(50% - 1.56vw);margin-top:0;background: url(../images/bannerBtn.png) bottom left no-repeat;background-size: 200%;left: 0;display: none;}
/* .banner:hover .swiper-button-next,.banner.active .swiper-button-next{right:0;opacity:1}
.banner:hover .swiper-button-prev,.banner.active .swiper-button-prev{left:0;opacity:1} */
.banner .swiper-button-next:hover{background-position:top right}
.banner .swiper-button-prev:hover{background-position:top left}
.banner .btn{position: absolute;/* width:64px; *//* height:64px; *//* top: 50%; *//* left: 50%; *//* margin-left: -32px; *//* margin-top: -32px; */cursor: pointer;/* background: red; */width: 100%;height: calc(100% - 60px);top: 0;z-index: 9999999;}

.footer .link{display: flex;margin-top: 5.625vw}
.footer .link li{position:relative;margin-bottom: 4.69vw;padding-bottom: 20px;}
.footer .link a{/* margin-bottom:4.69vw; */background-size: auto 100%;background-position: left center;background-repeat: no-repeat;display:inline-block;height: 2.08vw;line-height: 2.08vw;padding-left: 3.12vw;font-size: 14px;color: #969696;padding-right: 4.16vw;position: relative;}
.footer .link .linkBox{position:absolute;width:auto;left:0;/* opacity:0; */transition:all .3s ease-in-out;padding:5px;background:#fff;border: 1px solid #eee;top: 100%;display: none;z-index: 1;}
.footer .link .linkBox:after{content:"";border-width:10px;border-style:solid;border-color: transparent transparent #eee transparent;position:absolute;top:-20px;left:calc(50% - 5px)}
.footer .link li:hover .linkBox{display:block}
.footer .link textarea{opacity:0;position:absolute;top:0;left:0;z-index:-10}
.footer .footMsg{font-size: 14px;line-height: 1.5;margin-bottom: 4.16vw;margin-bottom: 30px;}
.footer .footMsg p{color: #969696;margin-bottom:1.04vw}
.footer .footMsg em{color: #000;font-style: normal;margin-bottom:1.04vw;display: block}
.footer .footMsg .email{color: #969696;margin-bottom:1.04vw}
.footer .logos{display: flex;justify-content: flex-end;margin-bottom: 5.2vw;flex-wrap: wrap;}
.footer .logos a{margin-left: 4.16vw;}
.footer .localLogo{justify-content:flex-start;margin: 30px 0 0;}
.footer .localLogo a{margin-left:0}
.copyright{display: flex;margin-bottom: 2.08vw}
.copyright .footLogo{margin-right: 10.4vw;line-height: 2.6vw;margin-right: 5.2vw;}
.copyright>p{line-height: 1.56vw;color: #969696;font-size:12px}
.success{position:fixed;top: 40%;left: calc(50% - 270px);z-index: 11;display: none}

@media only screen and (max-width: 880px) {
   .success{width: 80%;left: 10%;top: 30%;display:none}
   .header{top:0;height:14.67vw;line-height:14.67vw;box-shadow: 0 0 10px 2px rgba(0,0,0,.2);background: #fff;}
   /* .content{width:80vw} */
   .header .logo img{height: 70%;}
   .header .content{width:80vw;position: relative;}
   .header .nav{position:absolute;background:#fff;width:100%;text-align:center;left: 0;display: none;z-index: 11;padding: 0;}
   .header .nav ul{display:flex;justify-content: space-around;width: 80vw;margin: 0 auto;}
   .header .nav ul li .p1{margin-right:0}
   .header .nav ul li .p2{/* display:none */}
   .header .nav ul li a{color:#000}
   .header .menu{display:block;width: 8vw;height: 8vw;background: url(../images/menu.png) center center no-repeat;background-size: 8vw;position:absolute;right:0;top: calc(50% - 4vw);}
   .header .mb{display:block;width:100vw;height:100vh;top:14.67vw;position:fixed;left:0;display: none;}
   .header2{top: -16.67vw;/* display:none; */z-index:4;}
   .header2 .nav{display:block;top:0}
   .turnTop{width: 6vw;height: 6vw;}
   .main{background:none;}
   .box1{height:auto;margin-top: 67vw;}
   .box1 li{position:static;width:100%}
   .box1 li .Img{height:auto!important}
   .box1 li .Img img{position:relative;}
   .box1 li .words{height:auto}
   .box1 li:hover .Img,.box1 li.active .Img{background:#f0f0f0}
   .box1 li:hover img,.box1 li.active img{opacity:1;}
   .box1 li:hover p span,.box1 li.active p span{color:#999;font-weight:normal}
   .box1 li:hover p span.span1,.box1 li.active p span.span1{margin-top:0}
   .banner .swiper-button-next{width:6vw;height:6vw;right:-6vw;top:calc(50% - 3vw);}
   .banner .swiper-button-prev{width:6vw;height:6vw;left:-6vw;top:calc(50% - 3vw);}

   .banner{position:absolute;top: 24vw;width:100%;height: 48.5vw;z-index: 3;top: 18vw;padding-top: 6vw;background: #fafafa;}
   .footer .link{flex-wrap: wrap;margin-top: 15vw;}
   .footer .link a{padding-left: 36px;background-size:auto 100%;height: auto;line-height: 25px;min-width: 21vw;}
   .footer .footMsg{margin-top: 10vw;}
   .footer .logos{position:relative;margin-top: 18vw;justify-content: space-between;margin-bottom: 10vw;}
   .footer .logos:before{content:"";width:80vw;height:1px;background:#969696;position:absolute;left: -5vw;top:0}
   .footer .logos:after{content:"PARTER";top: -7vw;position:absolute;left:calc(50% - 10vw);left: 0;color: #969696;}
   .footer .logos a{margin-left:0;display: block;width: 30%;line-height:10vw}
   .footer .logos a img{vertical-align:middle;display:inline-block;}
   .footer .localLogo{margin:10px 0}
   .footer .localLogo:before{display:none}
   .footer .localLogo:after{display:none}
   .footer .localLogo a{line-height:0}

   
   .copyright{display:block;width: 100%;margin-bottom: 0;}
   .copyright .footLogo{text-align:center}
   .copyright .footLogo img{width: 34vw;}
   .copyright>p{line-height:1.5;background:#969696;text-align:center;margin-top:5vw;color:#fff;padding: 10px 9vw;font-size: 12px;}

}

