@charset "utf-8";

.banner{width:100%;overflow:hidden;position:relative;margin-top:50px;}
.banner img{display:block;width: 100%;}
/*.banner .banner-box{}*/
.banner   .banner-box-text1{    line-height: 1.8;font-size:16px;color:#fff;position:absolute;left:47%;top:44%;width:39%}
.banner   .banner-box-text2{    line-height: 1.5;font-size:16px;color:#fff;position:absolute;left:47%;top:68%;width:45%}
.banner   .banner-box-text2 ul{display:flex;}
.banner   .banner-box-text2 ul li{width:30%;text-align:center}
.banner   .banner-box-text2 ul li:nth-child(2){margin-left:2%;margin-right:2%;}

.pro-title{color:#FFFFFF;font-size: 38px;margin-bottom:30px;font-weight: bold;}
.pro-sub-title{color:#CCCCCC;font-size: 16px;line-height:1.5}
.center{text-align: center;}


.part00{background:#f6f7f8;padding: 6% 20px;}
.part00 .img-title{margin-bottom:30px; width:100%;max-width:919px;}
.part00 .pro-sub-title{font-size:18px;color:#828898;}
.part00 .part00-img{margin:4% auto 0;width: 100%;max-width:1206px;}

.part01{background:url(/images/GA3/part01-bg.jpg) center center no-repeat;overflow: hidden;background-size: cover;padding-top:6%;    padding-left: 20px;padding-right: 20px;
}
.part01-block{display:flex; align-items: flex-start; justify-content: center;}
.part01 .img-title{margin-bottom: 20px;}
.part01 .part01-box{width: 35%; margin-left: 30px; text-align:left;margin-top:5.5%}
.part01 .part01-box .part01-box-title {font-size:42px;color:#101010;font-weight:bold;margin-bottom: 30px;}
.part01 .part01-box .pro-sub-title{color:#333333;width: 80%;}
.part01 .part01-box .pro-sub-title em{color:#345aca;font-style:normal;}
.part01 .part01-img{width: 100%;}

.part0{background:url(/images/GA3/part0-bg.jpg) center center no-repeat;position:relative; overflow: hidden;background-size: cover;}
.part0 img{display: block; margin-right: auto;margin-left: 11%;max-width:89%;}
.part0 .part0-box{position:absolute;left:12%;top:20%;}
.part0 .part0-box h3{font-size: 64px;color: #000000;font-weight:bold;margin-bottom: 20px;}
.part0 .part0-box p{color: #303C54;font-size:34px;margin-bottom: 15px;}
.part0 .part0-box p span{color:#335CC7;font-weight: bold;}
.part0 .part0-box2{margin-top: 18%;   font-size: 27px;color: #335CC7;line-height:2}
.part1{background: #0C0F17; text-align:center;padding: 6% 20px;}
/*.part1 .pro-title img{margin:0 auto;}*/

/*.part1 .pro-sub-title{color:#fff;font-size: 38px;text-transform: uppercase;}*/
.part1 .part1-box{ display:flex;align-items: center;justify-content: center; margin-top: 6.5%;}
.part1 .part1-box .part1-box-left{width: 27%; text-align: left;margin-left: 10%;margin-bottom: 3%;}
.part1 .part1-box .part1-box-left p{color: #FFFFFF;font-size:16px;line-height:1.5}
.part1 .part1-box .part1-box-left p em{color:#1D85DE;}
.part1 .part1-box .part1-box-left .part1-p{padding-top:50px;}
.part1 .part1-box .part1-box-right img{width:100%;}

.part2{background: linear-gradient(90deg, #0C0F17, #282A2F);padding: 6% 20px;}
.part2 .part2-box{margin:3% auto 0;display:flex;justify-content: center;    align-items: center;}
.part2 .part2-box .part2-box-img{margin-right: 5%;position: relative;}
.part2 .part2-box .part2-box-img img{ display:block;width:100%;max-width:1041px;border-radius: 20px;}
.part2 .part2-box .part2-img-1{opacity:1;}
.part2 .part2-box .part2-img-2{position: absolute; left: 0; top: 0;opacity:0}
.part2 .sub-text{position:relative}
.part2 .sub-text-box1{opacity:1;width: 100%;}
.part2 .sub-text-box2{position: absolute; left: 0; top: 0;opacity:0;width: 100%;}

.part2 .part2-box .part2-box-tab ul{border-left:3px solid #999}
.part2 .part2-box .part2-box-tab ul li{color: #999999;font-size:21px;padding-left:30px;margin-left: -4px;padding-top: 8px;  padding-bottom: 8px; cursor:pointer;border-left: 5px solid transparent;}
.part2 .part2-box .part2-box-tab ul li:last-child{margin-top:35%}
.part2 .part2-box .part2-box-tab ul .active{ color:#fff;border-left: 5px solid #345ACA}
.part2 .pro-sub-title{width: 56%; margin: 0 auto;}

.show{opacity:1!important;transition: opacity 0.5s ease-in-out}
.hide-none{opacity:0!important;transition: opacity 0.5s ease-in-out}

.part3{ background:url(/images/GA3/part3-bg.jpg) center center no-repeat; background-size:cover;padding: 6% 20px 0;}
.part3 .part3-img{margin:0 auto;display: block;margin-top:-5.5%;width:100%;max-width:1439px; }
.part3  .part3-box{padding-left:3%}
.part3 .pro-sub-title{width: 50%;margin: 0 auto;color:#fff;}

.part4{background:#E6E7EA;padding: 6% 20px}
.part4 .pro-title {color:#101010}
.part4  .part4-box img{width:100%;max-width:1201px; display:block;margin:4% auto 0;border-radius: 20px;}
.part4 .pro-sub-title{width: 55%; margin: 0 auto;color:#333333;}

.part5{background:#000 url(/images/GA3/part5-bg.png) center center no-repeat; background-size:cover;padding: 6% 20px ;}
.part5  .part5-box img{width:100%;max-width:1295px; display:block;margin:4% auto 0;}
.part5 .pro-sub-title{width: 53%; margin: 0 auto;}
.part6{background:#000;padding: 6% 0 0;}
.part6 img{display:block;max-width:100%;}
.part6 .pro-title,.part6 .pro-sub-title{ position:relative;z-index:1}
.part6 .part6-box{margin-top:-9%;}


.part7{background: #F6F7F8;padding: 6% 20px}
.part7 .pro-title{color:#000;}
.part7 ul{display:flex;flex-wrap: wrap;justify-content: space-between;max-width:1120px;margin: 0 auto;}
.part7 ul li{background: #EEEEEE;border-radius: 10px;width: calc(50% - 15px); padding:8%  4%; text-align: center;  font-size: 21px;margin-top:30px;line-height:1.5}
.part7 ul li:nth-child(odd){margin-right:30px;}
.part7 ul li img{margin:0 auto 8%;}

.part8 {padding: 6% 20px}
.part8 .pro-title{color:#000;}
.part8 table{width:100%; margin:30px auto; text-align:center;max-width:1200px;}
.part8 table tr td{border:1px solid #ddd;font-size:20px; color:#000;    padding: 15px 0;}
.part8 table>thead:first-child>tr:first-child>td{ background:#000;color:#fff}

@media (max-width: 1680px){
    .banner   .banner-box-text1{width:50%}
}
@media (max-width: 1440px){
    .banner   .banner-box-text1{width:50%;top: 43%;line-height: 1.5;width:52%}
}
@media (max-width: 1400px){
     .part0 .part0-box h3 { font-size: calc(64px * 0.8);}
     .part0 .part0-box p {font-size: calc(34px * 0.8);}
     .part0 .part0-box2{font-size: calc(27px * 0.8);}
     .part01 .img-title{width:calc(172px * 0.8)}
     .part01 .part01-box .part01-box-title{font-size: calc(42px * 0.8);}
     .part01 .part01-box .pro-sub-title{width:100%;}
}
@media (max-width: 1366px){
    .banner  .banner-box-text1,  .banner  .banner-box-text2{font-size:14px;}
}
@media (max-width: 1200px){
    .part0 .part0-box h3 { font-size: calc(64px * 0.6);}
    .part0 .part0-box p {font-size: calc(34px * 0.6);}
     .part0 .part0-box2{font-size: calc(27px * 0.6);}
	.part1 .part1-box{flex-direction: column;}	
	.part1 .part1-box .part1-box-left{width:100%;text-align: center;margin-left:0;}
	
	.part1 .pro-title img{width:calc(171px * 0.8)}
	
	.part2 .pro-sub-title,.part4 .pro-sub-title,.part5 .pro-sub-title,.part3 .pro-sub-title{width:100%}
	.part01 .img-title{width:calc(172px * 0.6)}
     .part01 .part01-box .part01-box-title{font-size: calc(42px * 0.6);}
     .part01 .part01-box{width:60%;}
}

@media (max-width: 750px){
	.part0 .part0-box {position: relative;margin-top:7%;}
	.part0 .part0-box h3 { font-size: calc(64px * 0.5);}
    .part0 .part0-box p {font-size: calc(34px * 0.5);}
     .part0 .part0-box2{font-size: calc(27px * 0.5);margin-top:0;}
    .part0 img{margin-top:-7%;}
	.pro-title{font-size:24px;margin-bottom: 20px;}
	.part00 .img-title{margin-bottom: 20px;}
	.part1,.part4,.part5,.part7{padding:10% 20px;}
	.part1 .pro-title img{width:calc(171px * 0.5)}
	.part1 .pro-sub-title{font-size:calc(38px * 0.5)}
	.part1 .part1-box .part1-box-left{margin-bottom:6%;}
	.part1  .img-title{width:100%;}
     .part1 .part1-box .part1-box-left .part1-p { padding-top: 3%;}

	.part2 .part2-box{align-items: flex-start;}
	.part2 .part2-box{flex-direction: column-reverse;}
	.part2 .part2-box .part2-box-tab ul li:last-child{margin-top:0;}
	.part2 .part2-box .part2-box-tab ul li{font-size:18px;}
	.part2 .part2-box .part2-box-img{margin-right:0;}
	
	.part3,.part6{padding-top:10%;}
	.part4 .part4-box img{margin-top:6%;}
	.part7 ul li{font-size:16px!important;width:100%;padding-top:10%;padding-bottom:10%;}
	.part7 ul li:nth-child(odd){margin-right:0}
	.part7 ul li img { margin-bottom: 4%;}
	/*.part6 img{max-width:120%;margin-left:-10%;}*/
	
	.part01-block{flex-direction: column-reverse;}
	.part01 .img-title{width:calc(172px * 0.5)}
	.part01 .part01-box{margin-left:0;width:100%;text-align:center;}
	
    .part01 .part01-box .part01-box-title{font-size: calc(42px * 0.5);}
    .banner  .banner-box-text1,  .banner  .banner-box-text2{display:none;}
	

}