@charset "utf-8";

.banner{width:100%;overflow:hidden;position:relative;}
.banner img{display:block;width: 100%;}
/*.banner .banner-box{}*/
.banner   .banner-box-text1{    line-height: 1.8;font-size:14px;color:#fff;position:absolute;left:47%;top:40%;width:39%}
.banner   .banner-box-text2{    line-height: 1.5;font-size:14px;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: 29px;margin-bottom:30px;font-weight: bold;}
.pro-sub-title{color:#CCCCCC;font-size: 16px;line-height:1.5}
.center{text-align: center;}
.img-title{
    margin: 0 auto;
}

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

.part01{background:url(/static/images/product/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(/static/images/product/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(/static/images/product/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(/static/images/product/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-bottom: 8%;}

.part8 {padding: 6% 20px 0}
.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}


.canshu{
    padding-bottom:40px;
    margin-top:100px;
}
.canshu h3{
      font-weight: bold;
    font-size: 29px;
    color: #101213; 
}
.cs-table2{
    width: 100%;
    max-width:1400px;
    margin:50px auto 0;
}
.cs-table2 td{
    font-size:20px;
    text-align: center;
    color: #221815;
    padding:20px ;
    line-height: 1;
}
.cs-table2 th{
    font-size: 24px;
    text-align: center;
    font-weight: bold;
}
.cs-table2  .more{
    font-size: 18px;
   color: #5580EE!important;
  
}
.more span{
    width: 40%;
    display: block;
    height: 1px;
    background: #5580EE;
    margin:30px auto 0;
}
.f21 {
    font-size:14px;
    margin-top: 10px;
    display: block;
}
.bg-blue{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f8fafe+17,d8e2fb+35,c7d5f9+51,d8e2fb+69,d8e2fb+69,f8fafe+84,ffffff+100 */
        background: linear-gradient(to right,  #ffffff 0%,#f8fafe 17%,#d8e2fb 35%,#c7d5f9 51%,#d8e2fb 69%,#d8e2fb 69%,#f8fafe 84%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
@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%;}
     .cs-table2 td {
            font-size: 16px!important;
            padding: 10px;
            word-break: break-all;
        }
}

@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:20px;margin-bottom: 20px;}
	.pro-sub-title {
       
        font-size: 14px;
	}
	.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:16px;}
	.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;}
	 .f21 {
      font-size: 14px;
    }
    .more span{
        margin-top:15px;
    }
    .canshu h3{
        font-size: 20px;
    }
    .cs-table2 {
        margin-top: 30px;
    }
     .cs-table2 th {
       font-size: 18px;
    }
    .cs-table2 td {
      font-size: 16px!important;
      padding:10px;
      word-break: break-all;
    }
    .m-gundong{
       overflow-x: scroll;
       padding-bottom: 10px;
    }
    .canshu {
        padding-bottom: 0;
        margin-top: 50px;
    }
}