@charset 'utf-8';.animated{animation-duration:1s;animation-delay:.3s;}
.swiper{width:100%;height:100%;}
.comBox, .comBox .main{width:100%;}

.comTit1{width:100%;text-align:center;}
.comTit1 h1{font-size:50px;width:100%;line-height:60px;}
.comTit1 h1 span{color:#003a97;}
.comTit1 .cn{position:relative;z-index:10;}
.comTit1 .en{ font-size:60px;position:absolute;text-transform:uppercase; color:rgba(0,0,0,.05);top:20px;left:0;}
.comTit1 p{line-height:2em;padding-top:20px;color:#5a5a5a;}
/*----------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------*/
.banBox{height:calc(100vh - 110px);overflow:hidden;min-height:500px;max-height:900px;color:#fff;font-size:0;}
.banBox .word{padding-bottom: 43px;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
.banBox .word h1{font-size:80px;line-height:1em;}
.banBox .word h2, .banBox .word p{font-size:30px;line-height:50px;}
.banBox .word h2{opacity:.8;}
.banBox .word p{padding:30px 0 60px;}
.banBox .word a{font-size:20px;line-height: 50px;display: block;position: relative;width:180px;border:1px #fff solid;text-align: center;font-family:'Light';}
.banBox .word a:hover{ background:#003a97;border-color:#003a97;}

.banBox .video, .banBox .video:before{position:absolute;top:0;bottom:0;left:0;right:0;}
.banBox .video:before{content:'';background:rgba(0,0,0,.4); z-index:20;}
.banBox .video video{width: 100%;height: auto;min-height: min-content;}

.banBox .page{display:flex;position:absolute;bottom:20px;width:100%;justify-content:center;align-items:center;}
.banBox .page span{width:70px;height:3px;background:#fff;margin:0 10px;cursor:pointer;opacity:.5;border-radius:0;}
.banBox .page span.on{opacity:1;}
/*----------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------*/
.proBox{padding:100px 0;}
.proBox .swiper-slide{width:600px;padding:20px 0;}
.proBox .main{overflow:visible;font-size:0; padding:30px 0;}
.proBox .item{width:100%;background:url(/imgs/index/bg1.png) repeat-y top center/100% auto;box-shadow:0 0 20px rgb(0,0,0,.2);padding:60px 50px;}
.proBox .item dd, .proBox .item dt{display:inline-block;width:50%;vertical-align:middle}
.proBox .item dt{padding-left:30px;}
.proBox .item dt img{max-width:100%;max-height:100%;}
.proBox .item h2{font-size:18px;line-height:1em;color:#ccc;}
.proBox .item h1{font-size:30px;line-height:2em;border-bottom:1px solid #ddd;height:2em;overflow:hidden;}
.proBox .item p{color:#5a5a5a;font-size:14px;line-height:2em;height:8em;overflow:hidden;margin-top:10px;}
.proBox .item a{font-size:14px;display:inline-block;width:8em;line-height:34px;text-align:center;color:#666;border:1px #555 solid;margin-top:20px;}

.proBox .page{width:100%; font-size:0; text-align:center;}
.proBox .nums,
.proBox .but{ display:inline-block; vertical-align:middle;}
.proBox .nums{width: auto;font-size:20px; line-height:20px;padding:0 20px; bottom:0; color:#5a5a5a;}
.proBox .but{width:120px;height:20px;overflow:hidden;cursor:pointer;}
.proBox .but i{display:block;position:absolute;top:50%;height:1px;background:#999;}
.proBox .but.next i{left:0;right:20px;}
.proBox .but.prev i{left:20px;right:0;}

.proBox .page .but i:before{content:'';position:absolute;width:16px;height:16px;border-style:solid;border-color:#999;top:calc(50% - 8px);}
.proBox .page .but.prev i:before{border-width:1px 0 0 1px;transform:rotate(-45deg);left:0;}
.proBox .page .but.next i:before{border-width:1px 1px 0 0;transform:rotate(45deg);right:0;}

.proBox .page .but:hover i{background:#003a97;}
.proBox .page .but:hover i:before{border-color:#003a97;}
/*----------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------*/
.aBox{background:#f2f2f2;padding:100px 0;}
.aBox .comTit1{text-align:left;}

.aBox .left{width:50%; padding-right:60px;}
.aBox .desc{ margin-top:14px;}
.aBox .desc p{line-height:2em;padding-top:16px;}
.aBox .desc .more{display:block;line-height:2em;border:1px #434343 solid;margin-top:30px;width:150px;text-align:center;}
.aBox .desc .more:hover{background:#003a97;color:#fff;border-color:#003a97;}

.aBox .right{position:absolute; width:50%;height:100%;right:0;top:0;background:#000;overflow:hidden;}
.aBox .right video{ width: auto;height: auto;min-height: min-content;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
/*----------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------*/
.keyBox{ padding:100px 0;}
.keyBox .main{ margin-top:30px;}
.keyBox .main dd{display:block;width:17.5%;float:left;}
.keyBox .main dd i{width:100%;height:80px;}
.keyBox .main dt{width:10%;float:left;height:120px;}
.keyBox .main dd i,
.keyBox .main dt{display:flex;position:relative;justify-content:center;align-items:center;}
.keyBox .main dd i img,
.keyBox .main dt img{display:block;max-width:100%;max-height:100%;}
.keyBox .main dd h1{font-size:20px;text-align:center;line-height:2em;}
.keyBox .main dd p{font-size:14px;line-height:24px;}

.keyBox .box{display:block;position:relative;overflow:hidden;}
.keyBox .bottom dt{width:17.5%;margin:20px 0;float:right;}/*----------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------*/
.caseBox{ padding:100px 0;overflow:hidden;background:url(/imgs/index/album.jpg) no-repeat center/cover;background-attachment:fixed;}
.caseBox:after{content:'';position:absolute;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,.5);}
.caseBox .comTit1 h1, .caseBox .comTit1 h1 span, .caseBox .comTit1 p{color:#fff;}
.caseBox .comTit1 .en{ color:rgba(255,255,255,.15);}
.caseBox .comTit1 p{color:rgba(255,255,255,.8);}

.caseBox .main{ margin-top:30px;}
.caseBox .item{display:block;width:100%;padding:30px;background:#fff;border-radius:10px;text-align:center;}
.caseBox .item i{display:block;position:relative;overflow:hidden;margin-bottom:15px;}
.caseBox .item i img{display:block;position:relative;width:100%;}
.caseBox .item h1{font-size:20px;line-height:30px;height:30px;overflow:hidden;}
.caseBox .item h2{font-size:14px;line-height:2em;opacity:.6;}
.caseBox .swiper-slide{padding-bottom:10px;}

.caseBox .item:hover{box-shadow:10px 10px 0 #003a97;}
.caseBox .item:hover i img{transform:scale(1.2) rotate(5deg);-webkit-transform:scale(1.2) rotate(5deg);}
.caseBox .item,
.caseBox .item:hover,
.caseBox .item i img,
.caseBox .item:hover i img{transition:all .5s ease;-webkit-transition:all .5s ease;}
.caseBox .item:hover h1{color:#003a97;}

.caseBox .page{display:block;font-size:0;position:relative;width:100%;margin-top:30px;text-align:center;}
.caseBox .page span{display:inline-block;width:12px;height:12px;background:#fff;opacity:1;margin:0 5px;cursor:pointer;border:2px #fff solid;}
.caseBox .page span.on{background:#003a97;}
/*----------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------*/
.newsBox{ padding:100px 0;}
.newsBox .main{overflow:hidden; margin-top:30px;}
.newsBox .left{width:35%; height:100%;position:absolute;top:0;left:0;background: no-repeat center/cover;}
.newsBox .right{width:65%;padding-left:30px; margin-left:auto;}
.newsBox .item{display:block;width:100%;position:relative;border-top:1px rgba(0,0,0,.1) dashed;margin-top:20px; padding-top:20px;}
.newsBox .item:first-child{border-top:none;margin-top:0; padding-top:0;}

.newsBox .date{background:#f2f2f2;display:flex;align-items:center;flex-direction:column;position:absolute;top:0;left:0;width:100px; height:100%;justify-content:center;}
.newsBox .date h1{font-size: 30px;line-height: 1em;}
.newsBox .date h2{font-size: 14px;line-height: 1em; margin-top:5px;}

.newsBox .word{width:calc(100% - 100px);padding-left:15px; margin-left:auto;}
.newsBox .word h1{font-size:20px;line-height:30px;height:30px; overflow:hidden;font-family:'SemiBold';}
.newsBox .word p{font-size:14px;line-height:24px;height:48px;overflow:hidden;margin-top:10px;font-family:'Light';}

.newsBox .item:hover .date{background:#003a97; color:#fff;}