.clearfix:after,.cl:after{content:'\20';display:block;height:0;clear:both;}.clearfix{*zoom:1;}.clear{clear:both;}
.p5{padding:5px;}.p10{padding:10px;}.p15{padding:15px;}.p20{padding:20px;}.p25{padding:25px;}.p30{padding:30px;}.p40{padding:40px;}.p50{padding:50px;}
.pl5{padding-left:5px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl30{padding-left:30px;}.pl40{padding-left:40px;}.pl50{padding-left:50px;}
.pt5{padding-top:5px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt30{padding-top:30px;}.pt40{padding-top:40px;}.pt50{padding-top:50px;}
.pb5{padding-bottom:5px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb30{padding-bottom:30px;}.pb40{padding-bottom:40px;}.pb50{padding-bottom:50px;}
.pr5{padding-right:5px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr30{padding-right:30px;}.pr40{padding-right:40px;}.pr50{padding-right:50px;}

.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml30{margin-left:30px;}.ml40{margin-left:40px;}.ml50{margin-left:50px;}
.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr30{margin-right:30px;}.mr40{margin-right:40px;}.mr50{margin-right:50px;}
.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt30{margin-top:30px;}.mt40{margin-top:40px;}.mt50{margin-top:50px;}
.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb30{margin-bottom:30px;}.mb40{margin-bottom:40px;}.mb50{margin-bottom:50px;}

.mt60{margin-top:60px;}.mt70{margin-top:70px;}.mt80{margin-top:80px;}.mt90{margin-top:90px;}.mt100{margin-top:100px;}
.mb60{margin-bottom:60px;}.mb70{margin-bottom:70px;}.mb80{margin-bottom:80px;}.mb90{margin-bottom:90px;}.mb100{margin-bottom:100px;}
.pt60{padding-top:60px;}.pt70{padding-top:70px;}.pt80{padding-top:80px;}.pt90{padding-top:90px;}.pt100{padding-top:100px;}
.pb60{padding-bottom:60px;}.pb70{padding-bottom:70px;}.pb80{padding-bottom:80px;}.pb90{padding-bottom:90px;}.pb100{padding-bottom:100px;}

.f12{font-size:12px;}.f14{font-size:14px;}.f16{font-size:16px;}.f18{font-size:18px;}.f20{font-size:20px;}.f22{font-size:22px;}.f24{font-size:24px;}.f26{font-size:26px;}.f28{font-size:28px;}.f30{font-size:30px;}.f32{font-size:32px;}.f34{font-size:34px;}.f36{font-size:36px;}

.cf00{color:#f00;}a.cf00:link,a.cf00:visited{color:#f00;}a.cf00:hover,a.cf00:active{color:#f00;}
.cf30{color:#f30;}a.cf30:link,a.cf30:visited{color:#f30;}a.cf30:hover,a.cf30:active{color:#f30;}
.cf60{color:#f60;}a.cf60:link,a.cf60:visited{color:#f60;}a.cf60:hover,a.cf60:active{color:#f60;}
.cf90{color:#f90;}a.cf90:link,a.cf90:visited{color:#f90;}a.cf90:hover,a.cf90:active{color:#f90;}
.cfc0{color:#fc0;}a.cfc0:link,a.cfc0:visited{color:#fc0;}a.cfc0:hover,a.cfc0:active{color:#fc0;}

.c000{color:#000;}a.c000:link,a.c000:visited{color:#000;}a.c000:hover,a.c000:active{color:#000;}
.c333{color:#333;}a.c333:link,a.c333:visited{color:#333;}a.c333:hover,a.c333:active{color:#333;}
.c666{color:#666;}a.c666:link,a.c666:visited{color:#666;}a.c666:hover,a.c666:active{color:#666;}
.c999{color:#999;}a.c999:link,a.c999:visited{color:#999;}a.c999:hover,a.c999:active{color:#999;}
.cccc{color:#ccc;}a.cccc:link,a.cccc:visited{color:#ccc;}a.cccc:hover,a.cccc:active{color:#ccc;}
.cfff{color:#fff;}a.cfff:link,a.cfff:visited{color:#fff;}a.cfff:hover,a.cfff:active{color:#fff;}

.relative{position:relative;}.absolute{position:absolute;}.fixed{position:fixed;}

a:link,a:visited{ text-decoration:none;}a:hover,a:active{ text-decoration:none;}

.bold{font-weight:bold;}.normal{font-weight:normal;}

.left{text-align:left;}.center{text-align:center;}.right{text-align:right;}
.hide{display:none;}.block{display:block;}.inline-block{display:inline-block;}
.fl{float:left;}.fr{float:right;}

.ofhidden{overflow:hidden;}
.vm > *{display:inline-block;vertical-align:middle;}
.op0{opacity: 0;}.op1{opacity: 0.1;}.op2{opacity: 0.2;}.op3{opacity: 0.3;}.op4{opacity: 0.4;}.op5{opacity: 0.5;}.op6{opacity: 0.6;}.op7{opacity: 0.7;}.op8{opacity: 0.8;}.op9{opacity: 0.9;}.op10{opacity: 1;}
img{line-height: 0;padding: 0;margin: 0;}

body,html{height:auto;overflow-x:hidden;}
@font-face { 
font-family: 'din'; 
src: local('fontName Regular'), 
local('fontName'), 
url('DIN-Regular.otf') format('truetype')
} 
@font-face { 
font-family: 'HYQiHei'; 
src: local('fontName Regular'), 
local('fontName'), 
url('HYQiHei-50S.otf') format('truetype')
} 
/*****************start  ea4335****************/

.mainBox{padding-bottom:0px;color: #000;font-family: 'HYQiHei'; }
.bannerWrapper{height:auto;line-height:0;font-size:0;}
.bannerWrapper img{width:100%;}


.wpbox{background: #fff;width:1100px;margin-left:auto;margin-right: auto;min-height:200px;}


.discripBox{padding-left: 35px;font-family: 'HYQiHei';line-height: 30px;}
.navBox{position: fixed;z-index:222;right:5px;top:50%;margin:-195px 0 0 0px;
	width:110px;height:390px;background: rgba(255,255,255,1);border:1px solid #999;
}
.navBox ul{}
.navBox li{padding:0px 9px 0;height:30px;margin-bottom:0px;}
.navBox li:first-child a{border-top:0;}
.navBox li a{display:block;color:#333; width:100%;border-top:1px solid #999;height:29px;line-height:29px; text-align: center;font-size:14px;}
.navBox li.active,.navBox li:hover{background: #fff;}
.navBox li.active a,.navBox li:hover a{color:#f30;}
.navBox li.active{position: relative;}
/* .navBox li.active:before{content: "";position: absolute;width: 4px;height: 4px;background: #d81919;border-radius: 4px;top: 15px;left: 17px;} */




.section{width:1200px;margin-left:auto;margin-right:auto;margin-top:200px;position: relative; }
.section.mt100{margin-top:100px;}








.pTitle{transition: ease all 0.3s; transition-delay: 0s; transform:translateX(-140px); opacity: 0; }
.pImg{transition: ease all 0.3s; transition-delay: 0.2s; transform:translateX(140px); opacity: 0; }
.pm{transition: ease all 0.3s; transition-delay: 0.4s; transform:translateY(140px); opacity: 0;}
.discripBox{transition: ease all 0.3s; transition-delay: 0.4s; transform:translateY(140px); opacity: 0;}

.active .pTitle{transform:translateX(0); opacity: 1;}
.active .pImg{transform:translateX(0); opacity: 1;}
.active .pm{transform:translateY(0); opacity: 1;}
.active .discripBox{transform:translateY(0); opacity: 1;}








.imglist{display: flex;flex-wrap:wrap;}
.imglist a{display: block;line-height: 0; position: relative; overflow: hidden;}
.imglist img{transition: ease all 0.3s;}

.imglist a:hover .tips{background:rgba(0,0,0,0.4);}
.imglist a:hover .tips span{left:46px; opacity: 1;}
.imglist a:hover .tips p{bottom:30px;opacity: 1;}
.imglist a:hover img{transform: scale(1.1) ;}
.imglist a:hover{box-shadow: 5px 5px 5px rgba(51,51,51,0.3);}

.swiper-slide a:hover .tips{background:rgba(0,0,0,0.4);}
.swiper-slide a:hover .tips span{left:46px; opacity: 1;}
.swiper-slide a:hover .tips p{bottom:30px;opacity: 1;}
.swiper-slide .tips p{text-align: left;}



.imglist.five{position: relative;height: 715px;}
.imglist.five a{/*height:390px;width:590px;*/}
.imglist.five li{position: absolute;}
.imglist.five li:nth-child(1){left: 0;top: 0;}
.imglist.five li:nth-child(2){left: 419px;top: 0;}
.imglist.five li:nth-child(3){right: 0;}
.imglist.five li:nth-child(4){left: 0;top: 354px;}
.imglist.five li:nth-child(5){left: 419px;top: 354px;}

.imglist.four{position: relative;height: 715px;}
.imglist.four a{/*height:390px;width:590px;*/}
.imglist.four li{position: absolute;}
.imglist.four li:nth-child(1){left: 0;top: 0;}
.imglist.four li:nth-child(2){left: 419px;top: 0;}
.imglist.four li:nth-child(3){right: 0;}
.imglist.four li:nth-child(4){left: 0;top: 312px;}







.imglist.fiveFlex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.imglist.fiveFlex li{margin-bottom: 15px;}









.imglist.two a{height:590px;width:590px;}
.imglist.two li{width:590px;padding:0 20px 20px 0px;height:590px;}
.imglist.two li:nth-child(2n){padding-right:0;}

.tips{background:rgba(0,0,0,0);line-height:150%;position: absolute;left:0;top:0;right:0;bottom:0;z-index:2;color:#fff;font-size:16px;transition:ease all 0.3s; overflow: hidden;}
.tips span{position: absolute;left:0px;opacity: 0; top:30px;transform:rotate(90deg);transform-origin: left top;line-height:100%;transition:ease all 0.3s; transition-delay: 0.2s; }
.tips b{font-size:32px;font-weight:normal;}
.tips p{position: absolute;left:30px;bottom:0px; opacity: 0;
	line-height:32px;transition:ease all 0.3s; transition-delay: 0.2s; }



.mySwiper{position: relative;}


/*.swiper-slide{width:600px;}
.swiper-slide img{width:100%;}*/

.swiper-container .swiper-slide{}
.swiper-container .swiper-slide a{ line-height:0; display: block;}
.swiper-container .swiper-slide-active a{opacity: 1;transform: scale(1);}

/*.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right{background: none !important;}*/
.swiper-pagination{transform:translateY(30px); width:100%; text-align: center;  }
.swiper-pagination .swiper-pagination-bullet{margin:0 10px; width:15px;height:15px; background:none;border:1px solid #141414;   }
.swiper-pagination .swiper-pagination-bullet-active{ background: #141414;border:1px solid #141414;  }
.mySwiper3{margin-top: 120px;}






.vTitle{font-size: 50px;font-family: 'HYQiHei';text-align: center;}
.vTitle p{padding: 30px 0 60px 0;font-size: 16px;}
.videoBox{width: 1200px;height: 590px;margin: 0 auto;background: #000;}
a.lookMore{width: 118px;height: 36px;display: inline-block;border-radius: 3px;border:1px solid #fff;line-height: 36px;text-align: center;font-size:18px;color: #fff;font-family: 'HYQiHei';margin-top: 30px;transition: ease 0.3s;}
a.lookMore:hover{background: #fff;border: 1px solid #fff;color: #000;transition: ease 0.3s;}
.onDesign{display: flex;justify-content: space-between;flex-wrap: wrap;}



/*.onDesign li img{transition: ease all 0.5s;}
.onDesign li:hover img{transform: scale(1.1) ;transition: ease all 0.5s;}*/
.designB{margin-top: 130px;}
/*.onDesign li:hover .hotPop{}*/
/*.hotPop{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.8);display: none;transform:rotateY(180deg);display: flex;justify-content: center;box-sizing: border-box;height: 224px;transform-style:preserve-3d;transition:transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);backface-visibility:hidden;backface-visibility:hidden;}*/
.hotPop a{text-align: center;color: #fff;font-size: 14px;}
.hotPop a img{text-align: center;}
.hotPop>div{margin-top: 30px;height: 224px;box-sizing: border-box;}


/*.onDesign li{transform-style:preserve-3d;perspective:1000px;}*/
/*.hotImg{transform:rotateY(0deg);transform-style:preserve-3d;transition:transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);backface-visibility:hidden;}*/
.onDesign li{
	width: 224px;height: 224px;background: #fff;color: #fff;font-family: 'HYQiHei';position: relative;box-sizing: border-box;text-align: center;margin-bottom: 20px;
}
.contanter{
		width: 224px;
	height: 224px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	        perspective: 1000px;
}
.hotPop,
.hotImg{
  background-size: cover;
	background-position: center;
	-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	text-align: center;
	height: 224px;
	height: auto;
	color: #fff;
	font-size: 1.5rem;
}

.hotPop{
  background: #cedce7;
  background:rgba(0,0,0,0.9);
  font-size: 14px;
}

.hotImg:after{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	content: '';
	display: block;
	opacity: 0;
	background-color: #000;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-radius: 10px;
}
.contanter:hover .hotImg,
.contanter:hover .hotPop{
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.hotPop{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
}

.inner{
    -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
            transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 50%;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 2rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
            perspective: inherit;
    z-index: 2;
}

.contanter .hotPop{
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.contanter .hotImg{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.contanter:hover .hotPop{
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.contanter:hover .hotImg{
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.hotImg .inner p{
  font-size: 2rem;
  margin-bottom: 2rem;
  position: relative;
}

.hotImg .inner p:after{
  content: '';
  width: 4rem;
  height: 2px;
  position: absolute;
  background: #C6D4DF;
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -.75rem;
}

.hotImg .inner span{
  color: rgba(255,255,255,0.7);
  font-family: 'Montserrat';
  font-weight: 300;
}

.partBox{display: flex;justify-content: space-between;align-items:flex-start;}
.part1bg{background: url(../img/line1.png) no-repeat center center;height: 554px;}
.part2bg{background: url(../img/line2.png) no-repeat center center;height: 554px;}
.part3bg{background: url(../img/line3.png) no-repeat center center;height: 554px;}
.part4bg{background: url(../img/line4.png) no-repeat center center;height: 554px;}
.part5bg{background: url(../img/line5.png) no-repeat center center;height: 560px;}
.part6bg{background: url(../img/line6.png) no-repeat center center;height: 554px;}
/*.part7bg{background: url(../img/line7.png) no-repeat center center;height: 554px;}*/
.part8bg{background: url(../img/line8.png) no-repeat center center;height: 554px;}

/*.part9bg{background: url(../img/line9.png) no-repeat center center;height: 554px;}*/
.part10bg{background: url(../img/line10.png) no-repeat center center;height: 554px;}

.part7Flex{display: flex;justify-content: space-between;}





.stitle{position: relative;}
.stitle span{position: absolute;font-size:18px;line-height:40px;}
.stitleOdd span{ left:30px; }
.stitleEven span{right:30px;}

.part1bg .discripBox{width: 630px;}
.part2bg .discripBox{width: 650px;margin-right: 40px;}
.part3bg .discripBox{width: 630px;}
.part4bg .discripBox{width: 630px;margin-right: 40px;}
.part5bg .discripBox{width: 630px;}
.part6bg .discripBox{width: 630px;margin-right: 40px;}
.part7bg .discripBox{width: 560px;padding-left: 0;}
.part8bg .discripBox{width: 630px;margin-right: 40px;}
.part9bg .discripBox{width: 560px;padding-left: 0;}
.part10bg .discripBox{width: 630px;margin-right: 40px;}
.part4{margin-top: 260px;}


.part1bg .pImg{margin: -75px -40px 0 0;}
.part2bg .pImg{margin: -80px -40px 0 30px;}
.part3bg .pImg{margin: -80px -40px 0 0;}
.part4bg .pImg{margin: -20px 0px 0 30px;}
.part5bg .pImg{margin: -150px 10px 0 0;}
.part6bg .pImg{margin: -65px 0px 0 30px;}

/*.part1bg .pImg{margin: -76px -40px 0 0;}
.part2bg .pImg{margin: -82px -40px 0 30px;}
.part3bg .pImg{margin: -82px -40px 0 0;}
.part4bg .pImg{margin: -30px 0px 0 30px;}
.part5bg .pImg{margin: -155px 10px 0 0;}
.part6bg .pImg{margin: -70px 0px 0 30px;}*/

.part7bg .pImg{margin: -80px -40px 0 0;}
.part8bg .pImg{margin: -130px 0px 0 -90px;}
.part9bg .pImg{margin: -80px -40px 0 0;}
.part10bg .pImg{margin: -50px -40px 0 -5px;}
.mySwiper1{margin-top: 80px;}


.pbTopTle{font-size: 130px;line-height: 80px;}
.part1bg .pbTopTle{color: #c90000;padding-top: 90px; }
.part2bg .pbTopTle{color: #65a74a;padding-top: 90px;text-align: right; letter-spacing:-10px;}
.part3bg .pbTopTle{color: #5296d5;padding-top: 90px; }
.part4bg .pbTopTle{color: #f386e3;padding-top: 90px;text-align: right; }
.part5bg .pbTopTle{color: #ff3a89;padding-top: 90px; }
.part6bg .pbTopTle{color: #ff9579;padding-top: 90px;text-align: right; }
.part7bg .pbTopTle{color: #0a0a0a;padding-top: 20px;}
.part8bg .pbTopTle{color: #4f7bb1;padding-top: 90px;text-align: right; }
.part9bg .pbTopTle{color: #0815be;padding-top: 50px;}
.part10bg .pbTopTle{color: #9d8f87;padding-top: 90px;text-align: right; }
.pbTopTle p{letter-spacing:0px;}



.part1bg .discripTxt{font-size: 18px;color: #c90000;}
.part2bg .discripTxt{font-size: 18px;color: #65a74a;}
.part3bg .discripTxt{font-size: 18px;color: #5296d5;}
.part4bg .discripTxt{font-size: 18px;color: #f386e3;}
.part5bg .discripTxt{font-size: 18px;color: #ff3a89;}
.part6bg .discripTxt{font-size: 18px;color: #ff9579;}
.part7bg .discripTxt{font-size: 18px;color: #0a0a0a;padding-top: 10px;}
.part8bg .discripTxt{font-size: 18px;color: #4f7bb1;}
.part9bg .discripTxt{font-size: 18px;color: #0815be;width:520px;}
.part10bg .discripTxt{font-size: 18px;color: #9d8f87;}



.part1bg .plKey p{color: #c90000;padding-bottom: 20px;}
.part2bg .plKey p{color: #65a74a;padding-bottom: 20px;}
.part3bg .plKey p{color: #5296d5;padding-bottom: 20px;}
.part4bg .plKey p{color: #f386e3;padding-bottom: 20px;}
.part5bg .plKey p{color: #ff3a89;padding-bottom: 20px;}
.part6bg .plKey p{color: #ff9579;padding-bottom: 20px;}
.part7bg .plKey p{color: #0a0a0a;padding-bottom: 20px;}
.part8bg .plKey p{color: #4f7bb1;padding-bottom: 20px;}
.part9bg .plKey p{color: #0815be;padding-bottom: 20px;}
.part10bg .plKey p{color: #9d8f87;padding-bottom: 20px;}

.part1bg .discripBox{}
.pbTopBox{font-size: 42px;text-transform:uppercase;font-weight: bold;}


.plKey{font-size: 16px;padding-left: 50px;}
.plKey span{font-size: 25px;font-weight: bold;}
.pt180{padding-top: 180px;}
.tright{text-align: right;}
.pbTopTle p{font-size: 41px;}



.part1bg .plKey{margin:50px 0 0 15px;}
.part2bg .plKey{margin:50px 0 0 -15px;}
.part3bg .plKey{margin:50px 0 0 15px;}
.part4bg .plKey{margin:50px 0 0 -15px;}
.part5bg .plKey{margin:50px 0 0 15px;}
.part6bg .plKey{margin:50px 0 0 -10px;}
.part7bg .plKey{margin:50px 0 0 15px;}
.part8bg .plKey{margin:50px 0 0 15px;}
.part9bg .plKey{margin:50px 0 0 15px;}
.part10bg .plKey{margin:50px 0 0 15px;}

.part1 .stitle span{color: #c90000;}
.part2 .stitle span{color: #65a74a;}
.part3 .stitle span{color: #5296d5;}
.part4 .stitle span{color: #f386e3;}
.part5 .stitle span{color: #ff3a89;}
.part6 .stitle span{color: #ff9579;}
.part7 .stitle span{color: #0a0a0a;}
.part8 .stitle span{color: #4f7bb1;}
.part9 .stitle span{color: #0815be;}
.part10 .stitle span{color: #9d8f87;}

.mySwiper .swiper-slide{width:1200px; text-align: center;}
.mySwiper  .swiper-slide  > a{line-height:0;display: block;position: relative;}
/*.slideimg{height:490px;max-width:870px;}*/
.mySwiper  .swiper-slide .slideDown{margin:0 auto;display: flex;justify-content: space-between;align-items: center;width:100%; text-align: right;color:#fff;padding-top:20px;}

.swiper-slide-prev > a:before,.swiper-slide-next > a:before{content:"";background: rgba(0,0,0,0.0);position: absolute;left:0;right:0;z-index:2;top:0;bottom:0;}
.mySwiper  .swiper-slide-prev .slideDown,#indexSwiper .swiper-slide-next .slideDown{display: none;}

.mySwiper  .swiper-button-next,#indexSwiper .swiper-button-prev{outline:none;}

.mySwiper .swiper-button-prev{left:50%;margin:-60px 0 0 -500px;}
.mySwiper .swiper-button-next{right:50%;margin:-60px -500px 0 0;}


.swiper-container{
    --swiper-theme-color: #000;/* 设置Swiper风格 */
    --swiper-navigation-color: #fff;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 60px;/* 设置按钮大小 */
  }


.part7 .imglist{width: 640px;}
.part9 .imglist{width: 640px;}
.part7 .imglist li{margin-bottom: 20px;}
.part9 .imglist li{margin-bottom: 20px;}
a.moreVideo{width: 152px;height: 42px;line-height: 42px;text-align: center;color: #fff;background: #ea4335;font-size: 18px;display: inline-block;transition: ease 0.4s;border:1px solid #ea4335;}
a.moreVideo:hover{border:1px solid #000;color: #000;background: #fff;transition: ease 0.4s;}
.fontbox{background: url(../img/t3bg.jpg) no-repeat center center;height: 1145px;padding:125px 0;box-sizing: border-box;margin-top: 140px;}
.fontbox ul{display: flex;justify-content: center;align-items:center;flex-wrap: wrap;width: 1200px;margin-left: auto;margin-right: auto;margin-top: 55px;}
.fontbox ul li{margin:0 20px 20px 0;}
.fontbox ul li:nth-child(3n){margin-right: 0;}
.fontbox ul li img{transition: ease 0.3s;}
.fontbox ul li img:hover{box-shadow: 5px 5px 5px rgba(51,51,51,0.4);transition: ease 0.3s;}






.mySwiper .swiper-button-prev{background: url(../img/left.png) no-repeat center center;width: 49px;height: 49px;top: 50%;margin-top: -5px;}

.mySwiper .swiper-button-next{background: url(../img/right.png) no-repeat center center;width: 49px;height: 49px;top: 50%;margin-top: -5px;}
.swiper-button-prev:after,.swiper-button-next:after{display: none;}
.part7bg .sevenLine{background: url(../img/line7.png) no-repeat center center;height: 465px;width: 564px;position: relative;margin-top: 173px;}
.part7bg .sImg{position: absolute;right: -76px;top: -78px;}
.seven{position: absolute;top: 220px;left: 170px;}
.part7bg .inspImg{position: absolute;bottom: -10px;left: 40px;}
.part7bg .insp{left: 30px;top: -40px;color: #0a0a0a;font-size: 18px;position: absolute;}
.part7bg .pbTopTle p{line-height: 34px;}

.part9bg .inspImg{position: absolute;bottom: 0px;left: 40px;}
.part9bg .insp{left: 30px;top: -40px;color: #0a0a0a;font-size: 18px;position: absolute;}
.part9bg .pbTopTle p{line-height: 60px;}

.part9bg .sevenLine{margin-top: 143px;background: url(../img/line9.png) no-repeat center center;height: 465px;width: 564px;position: relative;}
.part9bg .sImg{position: absolute;right: -42px;top: -135px;}
.part7bg .seven{position: absolute;top: 220px;left: 170px;}
.part9bg .seven{position: absolute;top: 240px;left: 170px;}

.headerWrapper{position: relative;}
.headerBanner{background: url(../img/banner.jpg) no-repeat center center;width: 100%;background-size: auto 100%; height: calc(100vh - 56px);position: relative;overflow: hidden;transform-origin: left top;}

#mySwiper3{margin-top: 115px;}


.navBox li.active{position: relative;}
.navBox li.active:before{content: "";position: absolute;width: 4px;height: 4px;background: #d81919;border-radius: 4px;top: 13px;left: 11px;}