/*banner*/
.banner{height: 10.09rem;}
.home-banner{/*background-image: url('../img/home-banner_1x.jpg');*/}
.banner .banner-info{padding-top: 3.54rem;}
/*other*/
.item-title{margin-bottom: 16px;font-size: 28px;line-height: 39px;font-weight: 400;text-align: center;}
.item-subtitle{font-size: 16px;line-height: 24px;color: #666666;font-weight: 400;text-align: center;margin-bottom: 70px;}

/*about*/
.about{background-image:url('../img/home-about.jpg');}
.FullBannerA {
    min-height: 960px !important;
    background-position: top;
}
.coverWarp {
    display: flex;
    position: relative;
    width: 100%;
    min-height: 720px;
    min-width: 320px;
    margin: 0 auto;
    box-sizing: border-box;
    overflow-x: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.coverBannerInner {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
.conRright {
    display: flex;
    justify-content: flex-end;
}
.coverContent {
    width: 50%;
    align-self: center;
}
.coverContent-tit {
    font-size: 52px;
    color: #333333;
}

.font-thin {
    font-weight: 400;
}
.brands-textcolor {
    color: #007bbe;
}
.coverContent-desc {
    color: rgba(0,0,0,.75);
    line-height: 1.8;
    font-size: 16px;
}
.mt-4 {
    margin-top: 32px;
}
.FocusItem__Link span{font-size:16px;}

.propagate .main-wrap>h2,.project .main-wrap>h2,.benefit .main-wrap>h2{margin-bottom:16px;}
.propagate .main-wrap .item-subtitle{margin-bottom:30px;}

.propagate ul{display:grid;grid-template-columns: repeat(6, 1fr);grid-column-gap: 18px;}
.propagate ul li{text-align: center;padding: 37px 0 33px 0;background: #FFFFFF;box-shadow: 0px 9px 20px 5px rgba(0, 0, 0, 0.05);
border-radius: 6px;font-size: 16px;}
#lan_en .propagate ul li{padding: 37px 15px 33px 15px;}
.propagate ul li h3{font-size: 16px;font-weight: 400;/*color: #666666;*/color:#000;}
.propagate ul li img{height:auto;max-height: 54px;margin-bottom: 23px;}


.project .main-wrap{overflow: hidden;}
.project .project-content{display: flex;height: 50vw;overflow: hidden;width:107vw;}
.project .project-content .project-content-item{position: relative;flex: 1 1 100px;transition: all 1s;will-change: auto;}
.project .project-content .project-content-item .project-wrapper{position: relative;z-index: 1;width: 100%;height: 100%;
    box-sizing: border-box;transform: skew(-8deg);transform-origin: left top;overflow: hidden;}
.project .project-content .project-content-item:nth-child(1) .project-wrapper{position: relative;}
.project .project-content .project-content-item:nth-child(2) .project-wrapper{overflow: hidden;z-index: 0;}
.project .project-content .project-content-item:nth-child(3) .project-wrapper{position: relative;}

.project .project-content .project-content-item:nth-child(1) .project-wrapper::before{content: "";position: absolute;top: 0;right: 0;
    z-index: 10;width: 2px;height: 100%;background-color: #fff;opacity: .3;}
.project .project-content .project-content-item:nth-child(3) .project-wrapper::before{content: "";position: absolute;top: 0;left: 0;
    z-index: 10;width: 2px;height: 100%;background-color: #fff;opacity: .3;}
	
.project .project-content .project-content-item .project-wrapper::after{content: "";position: absolute;top: 0;left: 0;width: 100%;
height: 100%;background: linear-gradient(107deg,#0a2349 20%,rgba(10,35,73,0) 100%);opacity: 0;visibility: hidden;transition: all .6s;}
.project .project-content .project-content-item .project-wrapper .project-wrapper-bg{position: absolute;top: 0;left: 50%;margin-left: 0;
    width: 100%;height: 100%;transform: translate(-50%,0) skew(8deg);transform-origin: left top;}
.project .project-content .project-content-item .project-wrapper .project-wrapper-bg>img{height: 100%;transition: transform .5s;}
.project .project-content .project-content-item:nth-child(1) .project-wrapper .project-wrapper-bg>img{transform: translate(-130px,0);}
.project .project-content .project-content-item:nth-child(1):hover .project-wrapper .project-wrapper-bg>img{transform: translate(-65px,0);}
.project .project-content .project-content-item:nth-child(2) .project-wrapper .project-wrapper-bg>img{transform: translate(-337px,0);}
.project .project-content .project-content-item:nth-child(2):hover .project-wrapper .project-wrapper-bg>img{transform: translate(-233px,0);}
.project .project-content .project-content-item:nth-child(3) .project-wrapper .project-wrapper-bg>img{transform: translate(-190px,0);}
.project .project-content .project-content-item:nth-child(3):hover .project-wrapper .project-wrapper-bg>img{transform: translate(-90px,0);}

.project .project-content .project-content-item .project-wrapper .project-wrapper-bg .project-modal{background-color:#005EB2;width: 130%;
    height: 100%;opacity: 0.5;position: absolute;top: 0;left: -24%;z-index: 100;transition: all .6s;}
.project .project-content .project-content-item .project-wrapper .project-wrapper-bg .project-title{font-size: 22px;font-weight: 400;
    line-height: 36px;color: #fff;position: absolute;top: 50%;margin-left: -140px;margin-top: -15px;left: 50%;z-index: 120;transition: all .6s;}	
.project .project-content .project-content-item .project-wrapper .project-wrapper-bg ul{position: absolute;left:29%;
top:60%;z-index: 120;height: 0;overflow: hidden;transition: all .6s;opacity: 0;}
#lan_en .project .project-content .project-content-item .project-wrapper .project-wrapper-bg ul{left:73px;}
.project .project-content .project-content-item .project-wrapper .project-wrapper-bg ul li a{display: block;color:#fff;
width: 263px;height: 37px;margin-bottom: 19.5px;border:0.5px solid #FFFFFF;font-size:18px;font-weight: 400;padding:0 20px 0 16px;line-height: 37px;}
#lan_en .project .project-content .project-content-item .project-wrapper .project-wrapper-bg ul li a{width:400px;}
.project .project-content .project-content-item .project-wrapper .project-wrapper-bg .gt-icon{float: right;position: relative;top:12px;background-image: url('../img/gt-icon.svg');display: block;width: 8px;height: 13px;}
.project .project-content .project-content-item .project-wrapper .project-wrapper-bg .gt-icon:nth-child(1){animation:mygticon-a 1s infinite;}
.project .project-content .project-content-item .project-wrapper .project-wrapper-bg .gt-icon:nth-child(2){animation:mygticon-b 1s infinite;}
.project .project-content .project-content-item .project-wrapper .project-wrapper-bg .gt-icon:nth-child(3){animation:mygticon-c 1s infinite;}

.project .project-content .project-content-item:hover{flex: 1 0 420px;}
.project .project-content .project-content-item:hover .project-wrapper .project-wrapper-bg .project-modal{opacity: 0.8;}
.project .project-content .project-content-item:hover .project-wrapper .project-wrapper-bg .project-title{left:34%;top:25%;margin:0;}
#lan_en .project .project-content .project-content-item:hover .project-wrapper .project-wrapper-bg .project-title{left:73px;}
#lan_en .project .project-content .project-content-item:nth-child(3) .project-title{left:137px;}
.project .project-content .project-content-item:hover .project-wrapper .project-wrapper-bg ul{height: 265px;top:35%;opacity: 1;}
.project .project-content .project-content-item .project-wrapper .project-wrapper-bg ul li a:hover{color: #005EB2;background-color: #fff;}

.project .project-content-m{display: none;}
.project-content-m .gt-icon{float: right;position: relative;top:12px;background-image: url('../img/gt-icon.svg');display: block;width: 8px;height: 13px;}
.project-content-m .gt-icon:nth-child(1){animation:mygticon-a 1s infinite;}
.project-content-m .gt-icon:nth-child(2){animation:mygticon-b 1s infinite;}
.project-content-m .gt-icon:nth-child(3){animation:mygticon-c 1s infinite;}
.project-content-m .project-content-item{width: 100%;height:auto;background-repeat: no-repeat;background-size: cover;margin-bottom: 10px;background-position: center;}
.project-content-m .project-content-item .project-cover{position: relative;width: 100%;height: auto;background-color: #005eb285;padding: 1rem 0;}
.project-content-m .project-content-item .project-cover img{width: 100%;}
.project-content-m .project-content-item .project-cover h3{text-align: center;font-size: 22px;font-weight: 400;color: #fff;margin-bottom: 10px;}
.project-content-m .project-content-item .project-cover a{display: block;color: #fff;width: 263px;height: 37px;border: 1px solid #FFFFFF;font-size: 18px;font-weight: 400;padding: 0 20px 0 16px;line-height: 37px;
    margin: 0 auto 10px;}
#lan_en .project-content-m .project-content-item .project-cover a{width:90%;font-size:16px;}
.project-content-m .project-content-item .project-cover a:hover{background-color: #fff;color:#005EB2;}
.project-item01{background-image: url('../img/home-project01_1x.jpg');}
.project-item02{background-image: url('../img/home-project02_1x.jpg');}
.project-item03{background-image: url('../img/home-project03_1x.jpg');}

.case{background: #E7F5FD;margin-top: 72px;}
.case .article-content{padding: 40px 0 100px 0;overflow: visible;}
.case .view-title {text-align: center}

.case .content {text-align: right;position: relative;/*display: none;transition: opacity .5s;*/}
.case .content::after{content: '';display: block;clear: both;}
.case .content.content-active {/*display: block*/}

.case .content>img {display: inline-block;width: 60%;position: relative;left: -480px;}

.case .content>div {text-align: left;background: #fff;position: absolute;z-index: 10;top: 45px;right: 0;box-shadow: 0px 3px 20px rgba(0,0,0,0.1);
    width: 50%;height: calc(100% - 170px);padding: 50px;color: #828282;font-size: 18px;line-height: 34px}
#lan_en .case .content>div{padding:40px 50px;}
.case .content>div .title {font-size: 24px;color: #222;font-weight: 500;padding-bottom: 40px}
#lan_en .case .content>div .title{padding-bottom: 25px;}
.case .content>div .com-info {position: absolute;width: 100%;bottom: 50px;left: 0;padding: 0 50px}

.case .content>div .com-info>img {width: 200px}

.case .content>div .com-info>a {display: inline-block;padding: 5px 31px;background-color: #005EB2;color: #fff;font-size: 14px;position: absolute;right: 50px;bottom: 0;border-radius:6px;}
.case .content>div .com-info>a:hover{box-shadow: -1px 1px 8px 3px rgba(0, 135, 255, 0.15);}
.case .content>div::before {content: '';display: block;width: 100%;height: 3px;background: #004BA6;position: absolute;top: 0;left: 0;}
.case .content>div .logo-box{position: absolute;width: 100%;bottom: 50px;left: 0;padding: 0 50px;}


.case .logo-li {display: flex;text-align: center;background: #fff;border-radius: 6px;margin-top: 20px;}

.case .logo-li>li {flex: 1;padding: 40px 0;position: relative;transition: all .5s;cursor: pointer;display: flex;align-items: center;justify-content: center;transform: scale(1);}

.case .logo-li>li>img {display: inline-block;max-height:40px;}

.case .logo-li>li.active {background: #fff;box-shadow: 0px 3px 30px rgba(0,0,0,0.1);border-radius: 6px;transform: scale(1.1);}

.case .logo-li>li.active::before {content: '';display: block;width: 50px;height: 3px;border-radius: 2px;background: #005ABB;position: absolute;bottom: 1px;
    left: 50%;margin-left: -25px;}
/*
.case .logo-li>li:hover{background: #fff;box-shadow: 0px 3px 30px rgba(0,0,0,0.1);border-radius: 6px;transform: scale(1.1);}
.case .logo-li>li:hover::before {content: '';display: block;width: 50px;height: 3px;border-radius: 2px;background: #005ABB;position: absolute;bottom: 1px;
    left: 50%;margin-left: -25px;}
*/
.benefit{}
.benefit ul li{width:24%;margin-right: 1.3%;display: inline-block;float: left;background: #FFFFFF;
border: 0.6px solid rgba(0, 0, 0, 0.1);padding: 44px;box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.05);}
#lan_en .benefit ul li{padding: 44px 38px;}
.benefit ul li:last-child{margin: 0;}
.benefit ul li h3{font-size: 45px;font-weight: 300;line-height: 64px;color: #0A4399;text-align: center;}
#lan_en .benefit ul li h3{font-size:30px;}
.benefit ul li p{font-size: 16px;font-weight: 400;line-height: 17px;color: #000;text-align: center;}

.news{background-image:url('../img/home-news.jpg');    padding: 1.5rem 0 2rem 0;}
.news .item-title{margin-bottom: 70px;}
.news ul{display: flex;justify-content: space-between;flex-wrap:wrap;}
.news ul li{flex: 1;margin-right: 57px;padding-bottom: 20px;transition: all 0.6s;background-color:#ffffff;}
.news ul li img{width: 100%;transition: all 0.6s;}
.news ul li:last-child{margin-right: 0;}
.news ul li h3{font-size: 14px;font-weight: 400;line-height: 20px;color: #000000;display: block;height: 40px;padding:0 10px;}
.news ul li p{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;word-wrap: break-word;padding:0 10px;
word-break: break-all;font-size: 12px;font-weight: 400;line-height: 17px;color: #999999;margin-top: 14px;transition: all 0.6s;}
.news ul li:hover{box-shadow: 0 5px 15px rgb(100 100 100 / 10%);padding-bottom: 20px;}
.news ul li h3:hover{color:#005EB2;}
.news ul li div{height: 216px;overflow: hidden;margin-bottom: 20px;}
.news ul li:hover div img{transform: scale(1.1);}
.news .main-wrap h2{margin-bottom:36px ;color:#fff;font-weight:bold;}
.news .main-wrap>p{margin-bottom:50px;text-align:center;}
.news .main-wrap>p a{font-size: 14px;font-weight: 400;color:#fff;display: inline-block;
    padding: 0px 30px;
    border: 1px solid #fff;margin-right: 30px;
}
.news .main-wrap>p a:last-child{margin-right:0;}
.news .main-wrap>p a:hover{
    background-color: #297ab8;
    border: 1px solid #297ab8;
}

#lan_en .news ul li p{margin-top:35px;}
/*大于1200*/
@media only screen and (min-width: 1200px){
	
}
/*750-1199*/
@media only screen and (min-width: 750px) and (max-width: 1199px){
	.banner .banner-info{padding-left: 0.8rem;}
	.banner .banner-info h2{font-size: 0.8rem;}
	.banner .banner-info a{margin: 20px auto 0 auto;}
	.case .content>img{width: 55%;}
	.case .content > div{/* top: 60px; */font-size: 15px;line-height: 30px;padding: 35px;height: calc(100% - 140px);}
	.case .content > div .title{font-size: 20px;padding-bottom: 10px;}
	.case .content>div .com-info{bottom: 60px;}
	.news ul li div{height: 3.7rem;}
}
@media only screen and (max-width: 860px){
	.case .content > div{height: calc(100% - 1px);top: 0;}
	.propagate ul{grid-template-columns: repeat(3, 1fr);grid-row-gap: 20px;}
	.project-content{display: none!important;}
	.project-content-m{display: block!important;}
	.benefit ul{width: 90%;margin: 0 auto;}
	#lan_en .benefit ul{display:grid;grid-template-columns: repeat(2, 1fr);grid-row-gap: 10px;
  grid-column-gap: 10px;}
	.benefit ul li{width: 48%;margin-right:4%;margin-bottom:5px;}
	#lan_en .benefit ul li{width:100%;margin:0 auto;padding: 44px 10px;}
	.benefit ul li:nth-child(even){margin-right:0;}
	.news ul li div{height: 3.7rem;}
}
/*小于750*/
@media only screen and (max-width: 749px){
	.banner .banner-info{text-align: center;padding-top: 2.7rem;}
	.banner .banner-info h2{font-size: 0.8rem;}
	.banner .banner-info p{font-size: 0.6rem;line-height: 0.8rem;}
	.banner .banner-info a{margin: 20px auto 0 auto;}
	
	
	.case .main-wrap{padding: 10px 0 20px 0 !important;width: 90%;}
	.case {background: #ffffff;padding: 0 0 0 0;}
	.case .article-content {padding: 10px 0 20px 0 !important;}
	.case .view-title:nth-child(2) {font-size: 16px;font-weight: initial;color: #4c4c4e;}
	.case .logo-content {padding:0;}
	.case .logo-content .content {margin: 0;}
	.case .logo-content .content > img {width: 100%;left:0;}
	.case .logo-content .content > div {padding: 17px 13px 21px 16px;top: 0;height: auto;max-height: 100%;}
	.case .logo-content li p {font-size: 11px;line-height: 24px;}
	.case .logo-content li .title {font-size: 16px;padding-bottom: 20px;}
	.case .logo-content li .com-info {display: none;}
	.case .logo-li {height: 20%;}
	.case .logo-li li {padding: 15px 5px;box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.05);float: left;width: 30%;margin: 5px;}
	.case .logo-li li.active {transform: scale(1);}
	.case .logo-li li.active::before {bottom: -1px;}
	.case .logo-li li img {width: auto;height: auto;top:0;padding: 8px;max-width: 90%;}
	
	.news .main-wrap{width:90vw;margin: 0 auto;}
	.news ul{margin: 0 auto;}
	.news ul li{width: 100%!important;margin-bottom: 30px;}
	.news ul li div{height: 3.7rem;}
	.news ul li h3{height: auto;}
	.case .content>div .logo-box{display: none;}
	
	#lan_en .case .content>div{position:relative;width:100%;padding: 30px 20px;}
}
/*小于520*/
@media only screen and (max-width: 520px){
	.banner .banner-info a{width: 120px;height: 32px;line-height: 32px;}
	.item-subtitle{padding:0 20px;}
	.propagate ul{grid-template-columns: repeat(2, 1fr);grid-row-gap: 20px;}
	.case .logo-li{flex-flow: wrap;}
	.case .logo-li li{min-width: 20vw;}
	.case .content>div{width: 60%;}
	.news ul li{width: 100%!important;}
	.news ul li div{min-width: 90vw;height: 8.7rem!important;}
	.news ul li h3{height: auto;}
	.benefit ul li h3{font-size: 30px;}
	.coverContent-tit{font-size:20px;}
	.coverContent-desc{font-size:14px;}
}

@keyframes mygticon-a {
    0% { opacity: 1; }
	25% { opacity: 0.6; }
    50% { opacity: 0.2; }
	75% { opacity: 0.6; }
	100% { opacity: 1; }
}
@keyframes mygticon-b {
    0% { opacity: 0.6; }
	25% { opacity: 0.2; }
    50% { opacity: 0.6; }
	75% { opacity: 1; }
	100% { opacity: 0.6; }
}
@keyframes mygticon-c {
    0% { opacity: 0.2; }
	25% { opacity: 0.6; }
    50% { opacity: 1; }
	75% { opacity: 0.6; }
	100% { opacity: 0.2; }
}