.swiper-container{width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.swiper-slide{/* text-align: center;*/ font-size: 14px; background: #0d1c61; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow: hidden;}


.banner-video{width: 100%; height: auto; position: absolute; left: 0; top: 50%; transform: translateY(-50%) scale(1.2); z-index: 0;}

/*.banner-video{z-index: 9; position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);  background-size: cover;}
*/
.home-layer{width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
.normal-layout{}
.darkmenu{background: #0f1925;}
.stock{color: #ff0202; font-size: 12px; line-height: 44px; margin-left: 50px;}
.lang{opacity: .5; font-size: 14px; line-height: 40px; float: right; color: #fff;}
.home-first-content{margin: 0 auto; margin-top: 15%; text-align:center;}
.home-first-content .p1{margin-top: 40px; font-size:5.3vw; letter-spacing:14px; font-weight:bold; color: rgba(255,255,255,0);  -webkit-text-stroke: 2px #fff; /* text-shadow: 1px 1px 3px rgba(0,0,0,.3); */font-family:"Microsoft YaHei", "New York", serif}
.home-first-content .p2{font-size:1.9vw; margin: 10px auto 0;/* -webkit-text-stroke:1px #fff;*/ letter-spacing:10px;}

.text-line{height: 5px; margin:25px auto 30px;}
text-line .f{height:3px;}
.text-line .o{height:3px; display: inline-block; vertical-align: top; overflow: hidden;}
.text-line span{display: block; width:60px; height:2px; background:#fff; overflow: hidden; transition: all 1s ease; -webkit-transform: translate(0px, 10px); transform: translate(0px, 10px);}
.text-line span{-webkit-transform: translate(0px, 0px); -webkit-transition-delay:.5s; transform: translate(0px, 0px); transition-delay:.5s;}
/* title 整行文字动画 */
.font-line-to-top{display: block; text-align: center; font-size: 28px; color: #fff; width: 100%; height: 30px; margin: 40px auto 0;}
.font-line-to-top .f{height:100%;}
.font-line-to-top .o{height:100%; display: inline-block; vertical-align: top; /* overflow: hidden; */}


.page1{background-color: rgba(0, 104, 183, 0.3); z-index: 10;}
.page2{background: #042254; z-index: 10;}
.page3-bg{background-image: url(../images/homepage3.jpg); background-size: cover; height: 100%; width: 100%; position: absolute;}
.page4-bg{background-image: url(../images/homepage4.jpg); background-size: cover; height: 100%; width: 100%; position: absolute;}
.page5-bg{background-image: url(../images/homepage5.jpg); background-size: cover; height: 100%; width: 100%; position: absolute;}
.page6-bg{background-image: url(../images/homepage6.jpg); height:100%; width: 100%; left: 0; top: 0; position: absolute; background-position: top right; cursor: pointer;background-size:cover}
.col33,
.col34{float: left; height: 50%; text-align:center; background-size: cover;}
.col33 span,
.col34 span{font-family: "DIN";}
.col33{width: 33%;}
.col34{width: 34%;}
.col33 span,
.col34 span{font-size: 100px;}
.col33 p:nth-child(1),
.col34 p:nth-child(1){font-size: 24px; margin-top: 25%;}
.col33 p:nth-child(2),
.col34 p:nth-child(2){font-size: 22px; font-weight:lighter;}
.col33 p:nth-child(3),
.col34 p:nth-child(3){font-family:"Arial"; font-weight:lighter; opacity: 0.5; font-size:20px; letter-spacing:0.8px;}
.data1{background-image: url(../images/data3.jpg);}
.data2{background-image: url(../images/data6.jpg);}
.data3{background-image: url(../images/data4.jpg);}
.data4{background-image: url(../images/data5.jpg);}
.data5{background-image: url(../images/data2.jpg);}
.data6{background-image: url(../images/data1.jpg);}
.page3-content{position: absolute; left:13.8%; text-align: left; margin-top: 15%;}
.page4-content{position: absolute; left:54.4%; text-align: right; margin-top: 15%;}
.page4learnm{transform: rotate(180deg); float:right; line-height:65px; margin-top:30px;}
.page5-content{position: absolute; left:13.8%; text-align: left; margin-top: 15%;}
.page6-content{position: absolute; text-align:center;}
.page6-content .ani{font-size:74px;}
.page6-content .enni{font-size:34px; font-weight:lighter; font-family: Arial;}
.hr-full{width: 100%; border-top: 1px solid #ffffff; margin: 30px 0;}
.hr{width: 320px; border-top: 1px solid #ffffff; margin: 40px 0;}
.hr2{width: 320px; border-top: 1px solid #ffffff; margin: 20px 0;}
.learnmore{/* display: block;*/ height: 30px; width: 80px; color: #fff; font-size: 12px; line-height:66px; text-align: center; opacity: .5; margin-top: 35px;}



@media(max-width:1600px){
	.page3-content{left:3%;}
	.page5-content{left:3%;}
	.page4-content{left:66%;}
}
@media(max-width:1440px){
	.page3-content{left:3%;}
	.page5-content{left:3%;}
	.page4-content{left:66%;}
}


/* 普通排版 */
.normal-layout{}
.normal-layout-head{height: 900px;}
.normal-layout-white{background: #fff; color: #0f1925;}
.normal-layout-blue{background: #0e132d; color: #fff;}
.normal-layout-lightblue{background: #0e1237; color: #fff; padding: 50px 0 150px;}
.normal-layout-grey{background: #f2f2f1; color: #0f1925; box-shadow: 0 5px 10px #ccc inset;}
.img-title{text-align: center; padding: 100px 0 60px;}
.img-title2{width: 1200px; margin: 0 auto; padding: 150px 0 60px;}
.img-title2 img{}
.video-head{position: relative; height: 100vh; overflow: hidden;}
.video-layer{width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 104, 183, 0.3); z-index: 10;}
.video-head-content{width: 1200px; margin: 0 auto; margin-top: 10%; text-align: center;}
.video-head-content .p1{margin-top: 40px; font-size: 30px; letter-spacing: 5px;}
.video-head-content .p2{font-size: 20px; margin: 10px auto 0;}
.csr-head{background-image: url(../images/csr.jpg); background-size: cover; background-position: center;}
.csr-head-text{width: 1200px; margin: 0 auto; margin-top: 100px;}
.partner-list2{width: 1000px; margin: 0 auto;}
.partner-list2 li{float: left; width: 190px; height: 190px; line-height: 190px; vertical-align: middle; text-align: center; background: #fff; margin: 0 0 10px 10px;}
.partner-list2 li img{width: 62%;}
.partner-list{width: 1200px; margin: 0 auto; padding-bottom: 100px;}
.partner-list li{float: left; width: 280px; height: 280px; line-height: 280px; vertical-align: middle; text-align: center; background: #f8f8f8; margin: 0 0 20px 20px;}
/* 业务介绍 */
.intro{width: 1200px; margin: 0 auto; padding: 150px 0;}
.intro-left{float: left;}
.intro-right{margin-left: 500px;}
p.eng{font-size: 12px; line-height: 22px; color: #b1b1b1;}
p.chn{font-size: 14px; line-height: 28px;}
.page6-footer{width: 100%; bottom: 0; left: 0; position: absolute; background:url(../images/footerbg.jpg)#0d1c61 bottom no-repeat;}
.fixed-swiper{width: 100%; height: 700px; position: absolute;}
.fixed-swiper img{height: 100%;}
.news-head{height: 760px;}
.news-list-content{width: 1200px; margin: 0 auto; padding-bottom: 100px;}
.news-list{margin-left: -26px;}
.news-list li{float: left; margin-left: 26px; width: 280px; height: 420px; overflow:hidden; margin-bottom: 30px;}
.news-title{font-size: 20px; margin-top: 25px; line-height: 28px;min-height:84px;}
.news-source{font-size: 12px; margin: 10px 0; color: #5f5f5f;}
.news-desc{font-size: 14px; color: #5f5f5f; line-height: 24px;}
.readmore{display: block; font-size: 18px; color: #5f5f5f; width: 300px; height: 40px; border: 1px solid #5f5f5f; border-radius: 20px; text-align: center; line-height: 40px; margin: 10px auto 0;}
.swiper-slide-active .page3-bg{animation: slowScale 6s forwards; -webkit-animation: slowScale 6s forwards;}
.swiper-slide-active .page4-bg{animation: slowScale 6s forwards; -webkit-animation: slowScale 6s forwards;}
.swiper-slide-active .page5-bg{animation: slowScale 6s forwards; -webkit-animation: slowScale 6s forwards;}
.swiper-slide-active .page6-bg{animation: slowScale 6s forwards; -webkit-animation: slowScale 6s forwards;}
@keyframes slowScale{0%{transform: scale(1)} 100%{transform: scale(1.2)}}
@-webkit-keyframes slowScale{0%{-webkit-transform: scale(1)} 100%{-webkit-transform: scale(1.2)}}
.numlist{margin-left: -33px; margin-top: 80px;}
.numlist li{float: left; width: 170px; height: 170px; margin-left: 33px; position: relative;}
.numlist li p{text-align: center; font-size: 12px; color: #b1b1b1;}
.numlist span{font-size: 60px;}
.numlist li p:nth-child(2){color: #fff; margin-top: 36px;}
.numlist li .circle{position: absolute; width: 100%; height: 100%; border: 1px solid #b1b1b1; border-radius: 50%; animation: circleScale 3s forwards; -webkit-animation: circleScale 3s forwards; opacity: 0;}
@keyframes circleScale{0%{transform: scale(3)} 100%{opacity: 1; transform: scale(1)}}
@-webkit-keyframes circleScale{0%{-webkit-transform: scale(3)} 100%{opacity: 1; -webkit-transform: scale(1)}}
.rank-list{width: 1200px; margin: 0 auto;}
.rank-list>div{width: 50%; float: left;}
.rank-list h3{font-size: 22px; text-align: center;}
ul.rank{width: 90%; margin: 30px auto 0;}
ul.rank li{width: 100%; border-bottom: 1px solid #fff; text-align: center; line-height: 48px;}
ul.rank li:first{font-size: 14px;}
ul.rank li{font-size: 18px;}
ul.rank li span{display: inline-block; width: 50%;}
ul.rank li span:first-child,
ul.rank li span:last-child{width: 22%;}
ul.rank .grey{background: #bdbdbe; color: #000; font-weight: bold;}
.honor{position: relative;}
.swiper-container-honor{width: 1000px; height: auto; margin: 0 auto; position: relative; overflow: hidden;}
.swiper-container-honor .swiper-slide{text-align: center; font-size: 18px; background: #f8f8f8; height: 240px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.innerText{box-sizing: border-box; position: absolute; background: #000; padding: 22px; color: #fff; width: 100%; height: 100%;left:0;top:0}
.putmiddle{position: absolute; top: 50%; left: 50%; width: 80%; transform: translate(-50%, -50%);}
.innerText p:nth-child(1){font-size: 16px; margin-bottom: 10px;}
.innerText p:nth-child(2){font-size: 14px; line-height: 24px;}
.swiper-container-honor .swiper-slide img{display: block;}
.swiper-container-honor .swiper-slide:hover img{display: none;}
.swiper-container-honor .swiper-slide .innerText{display: none;}
.swiper-container-honor .swiper-slide:hover .innerText{display: block;}
.pt50pb150{padding-top: 50px; padding-bottom: 150px;}
.customer{position: relative; margin-bottom: 100px;}
.swiper-container-customer{width: 1000px; height: auto; margin: 0 auto; position: relative; overflow: hidden;}
.swiper-container-customer .swiper-slide{text-align: center; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.swiper-container-customer .swiper-slide img{max-width: 100%;}
.link-control{text-align: center; font-size: 18px;}
.link-control a{color: #b4b5b5; text-decoration: none;}
.link-control a.active{color: #000;}
.arrowdown{position: absolute; bottom: 5%; left: 50%; margin-left: -15px; z-index: 11; cursor: pointer;}
.borad{width: 1000px; margin: 0 auto;}
.borad-list{margin-left: -20px;}
.borad-list li{float: left; margin-left: 20px; margin-bottom: 20px; width: 230px;}
.borad-list img{max-width: 100%;}
.borad-list .name{font-size: 20px; font-weight: bold; margin-top: 15px;}
.borad-list .desc{font-size: 14px; margin-top: 8px; line-height: 24px; height: 48px;}
.pagenation{text-align: center;}
.pagenation-ct{display: inline;}
.pagenation span{display: inline-block; height: 30px; line-height: 30px; font-size: 18px; color: #cdcdcd; border: 1px solid #cdcdcd; border-radius: 15px; min-width: 30px; padding: 0 5px; text-align: center; box-sizing: border-box; cursor: pointer;}
.first,
.last,
.prev,
.next{background-repeat: no-repeat; background-position: center; text-indent: -99999px;}
.first{background-image: url(../images/first.png);}
.last{background-image: url(../images/last.png);}
.prev{background-image: url(../images/prev.png);}
.next{background-image: url(../images/next.png);}
.category{padding: 70px 0 30px 0; text-align: center;}
.category a{display: inline-block; height: 50px; width: 200px; border: 1px solid #cdcdcd; color: #5f5f5f; font-size: 20px; line-height: 50px; text-align: center; text-decoration: none; border-radius: 25px; margin-left: 20px;}
.category a.active{background: #ebebeb;}
.news-detail-head{height: 300px; background-image: url(../images/newsdetail.jpg)}
.main-content{background: #fff; color: #000;}
.news-detail{width: 1200px; margin: 0 auto; padding-bottom: 100px;}
.breadcumb{padding: 40px 0;}
.breadcumb a{color: #00a0e8;}
.news-detail-left{width: 890px; float: left;}
.news-detail-left p.title{font-size: 30px;}
.news-detail-left p.source{font-size: 16px; margin: 20px 0;}
.news-detail-left p.shortdesc{background: #e7f6fd; padding: 30px; line-height: 32px; font-size: 18px; margin-bottom: 30px;}
.article{font-size: 18px; line-height: 32px;}
.article img{max-width: 100%;}
.article p{margin-bottom: 28px;}
.news-detail-right{margin-left: 920px;}
.news-detail-right h3{font-size: 20px;}
.news-detail-right h3 span{font-size: 16px; color: #00a0e8; float: right;}
.news-list-new{margin-top: 20px;}
.news-list-new li{padding-bottom: 20px; border-bottom: 1px solid #9b9b9b;}
.news-list-new p.title{font-size: 20px; margin-top: 20px;}
.news-list-new p.source{margin: 18px 0; font-size: 12px; color: #5f5f5f;}
.news-list-new p.desc{font-size: 14px; line-height: 24px; color: #5f5f5f;}
.blue{background: #48ace6;}
.gold{background: #bda34f;}
.black{background: #000;}
.red{background: #ca0f22;}
.scalet{background: #dd0000;}
.yellow{background: #e67600;}
.pink{background: #c91f24;}
.timeline{width: 1000px; margin: 0 auto; position: relative;}
.swiper-container-timeline{height: auto; margin: 0 auto; position: relative; overflow: hidden;}
.swiper-container-timeline .swiper-slide{text-align: center; background: none; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; min-height: 650px; overflow: inherit;}
.csr{width: 1000px; margin: 0 auto; position: relative;}
.swiper-container-csr{height: auto; margin: 0 auto; position: relative; overflow: hidden;}
.swiper-container-csr .swiper-slide{text-align: center; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background: none;}
.csr p{margin-top: 20px; font-size: 20px;}
.pdf{display: block; float: right; line-height: 20px; height: 20px; text-align: center; border-radius: 10px; border: 1px solid #9b9b9b; font-size: 12px; padding: 0 5px; margin-top: 2px;}
.ycircle{width: 60px; height: 60px; background: #969696; border-radius: 50%; border: 10px solid #fff; line-height: 60px; text-align: center; font-size: 20px; color: #fff; position: relative;}
.swiper-slide-active .ycircle{width: 80px; height: 80px; background: #143599; font-size: 26px; line-height: 80px;}
.aline{border: 1px solid #969696; top: 50%; position: absolute; width: 100%;}
.ycircle .updotline{background-image: url(../images/updotline.png); background-position: center; height: 80px; width: 5px; position: absolute; left: 50%; margin-left: -2px; top: -90px;}
.ycircle .downdotline{background-image: url(../images/downdotline.png); background-position: center; height: 80px; width: 5px; position: absolute; left: 50%; margin-left: -2px; top: 70px;}
.swiper-slide-active .ycircle .updotline{top: -80px;}
.swiper-slide-active .ycircle .downdotline{top: 80px;}
.ycircle .textup{width: 260px; position: absolute; bottom: 155px; font-size: 16px; line-height: 24px; color: #000; left: 50%; margin-left: -135px}
.swiper-slide-active .ycircle .textup{bottom: 165px;}
.swiper-slide-active .ycircle .textdown{top: 170px;}
.ycircle .textdown{width: 230px; position: absolute; top: 160px; font-size: 16px; line-height: 24px; color: #000; left: 50%; margin-left: -115px}
.ycircle .textup p.bb,
.ycircle .textdown p.bb{font-size: 20px; font-weight: bold; margin-bottom: 10px;}
.about-head-content{width: 1200px; margin: 0 auto; margin-top: 15%; text-align: center;}
.about-head-content .p1{margin-top: 40px; font-size: 18px; letter-spacing: 5px;}
.about-head-content .p2{font-size: 16px; margin: 10px auto 0;}
.location{background-image: url(../images/location.png); background-repeat: no-repeat; padding-left: 25px; background-position-y: 5px;}
.phone{display: inline-block; background-image: url(../images/phone.png); background-repeat: no-repeat; padding-left: 25px; background-position-y: 5px;}
.fax{margin-left: 10px; display: inline-block; background-image: url(../images/fax.png); background-repeat: no-repeat; padding-left: 25px; background-position-y: 5px;}

/*视频*/
.in_company{width: 39%; float: left; height:200px; background: url(../images/in_company_bg.png) no-repeat center / cover; box-sizing: border-box; padding: 30px 30px;}
.in_solu{width: 22%; float: left; height:200px; background: #0c7bef; position: relative; cursor: pointer; transition:0.3s all ease-in-out;}
.in_solu *{transition:0.3s all ease-in-out;}
.in_video{width: 39%; height:200px; cursor: pointer; transition:0.3s all ease-in-out; position: relative; overflow:hidden; margin:auto;}
.in_video > .in_video_bg{background: url(../images/in_video_bg.png) no-repeat center / cover; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: 0.5s all ease-in-out;}
.in_video:hover > .in_video_bg{transform: scale(1.1);}
.in_video .lightbox{display: block; width: 100%; height: 100%; position:relative; z-index: 3;}
.in_video .lightbox .img{display: block; width:32px; height:50px; padding: 28px 33px 28px 39px; /*! border: 2px solid #fff; */border-radius: 50%; overflow: hidden; position: absolute; top: 50%; left: 50%; z-index: 3; margin-left: -50px; margin-top: -50px;}
.in_video .lightbox .img img{width: 100%; height: 100%; display: block}
.in_video:hover{-webkit-filter: brightness(1.3); filter: brightness(1.3);}
.pulse{position:absolute; top:50%; left:50%; z-index:1; margin-top:-100px; margin-left:-100px; width:200px; height:200px; -webkit-border-radius:12%; -moz-border-radius:12%; border-radius:12%; background:#0c7bef; box-shadow:1px 1px 20px #0c7bef; opacity:0; -webkit-animation:warn 2s ease-out 1s; -moz-animation:warn 12 ease-out 1s; animation:warn 2s ease-out 1s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-iteration-count:infinite; transform:scale(0);}
.pulse1{position:absolute; top:50%; left:50%; z-index:1; margin-top:-100px; margin-left:-100px; width:200px; height:200px; -webkit-border-radius:12%; -moz-border-radius:12%; border-radius:12%; background:#0c7bef; box-shadow:1px 1px 20px #0c7bef; opacity:0; -webkit-animation:warn 2s ease-out; -moz-animation:warn 2s ease-out; animation:warn 2s ease-out; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-iteration-count:infinite; transform:scale(0);}
.in_video:hover .pulse{transform:scale(1);}
.in_video:hover .pulse1{transform:scale(1);}

/*标题*/
.text-1{font-weight: 500; height:70px; line-height: 70px; margin-bottom:10px; /* overflow: hidden; */ font-size:3.3vw; letter-spacing:4px;}
.text-1 span{display: block; opacity: 0; -webkit-transform:translateY(80px); transform:translateY(80px);}
.text-1 span{opacity: 1; -webkit-animation: slideUp .5s 0s both ease; animation: slideUp .5s 0s both ease; -webkit-animation-delay: .4s; animation-delay: .4s;}
.text-2{height:40px; text-transform: uppercase; line-height: 40px; margin-bottom:30px; font-family: Arial; font-weight:lighter; font-size: 1.9vw;}
.text-2 span{display: block; opacity: 0; -webkit-transform:translateY(80px); transform:translateY(80px);}
.text-2 span{opacity: 1; -webkit-animation: slideUp .5s 0s both ease; animation: slideUp .5s 0s both ease; -webkit-animation-delay: .4s; animation-delay: .4s;}


.ctent{font-size:1vw; line-height:40px; font-weight:lighter; margin-top:30px; margin-bottom:1.2%;}