@charset "utf-8";
/* CSS Document */

.ibanner{ width:100vw; height:100vh; position:relative;}
.ibanner .swiper-slide{ display:block; height:100%; background/:#000; overflow:hidden; position:relative;}
.ibanner .swiper-slide .box{ height:100%; overflow:hidden; position:relative;}
.ibanner .swiper-slide .box::before{ content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;}
.ibanner .swiper-slide .box video{ display:block; width:100%; height:100%; background/:#000; object-fit:cover; opacity/:0.7;}
.ibanner .swiper-slide .box video.pc{ display:block;}
.ibanner .swiper-slide .box video.wap{ display:none;}
.ibanner .swiper-slide .box em.play{ display:none; width:42px; height:42px; position:absolute; left:50%; top:50%; z-index:9; transform:translate(-50%,-50%); cursor:pointer;}
.ibanner .swiper-slide .box em::before,
.ibanner .swiper-slide .box em::after{ content:''; display:block; width:100%; height:100%; background:rgba(255,255,255,0.21); border-radius:50%; position:absolute; top:0; left:0; z-index:1; animation:playBtnM 2s linear infinite; opacity:0;}
.ibanner .swiper-slide .box em::after{ animation-delay:1s;}
.ibanner .swiper-slide .box em i{ display:block; width:100%; height:100%; background:#fff url(../images/icons/video.png) center no-repeat; background-size:contain; border-radius:50%; position:relative; z-index:9; cursor:pointer;}
@keyframes playBtnM{
	0%{ opacity:0; transform:scale(1);}
	20%{ opacity:1;}
	80%{ opacity:1;}
	100%{ opacity:0; transform:scale(2.25);}
}

.ibanner .swiper-slide .bg{ width:100vw; height:100%; background-size:cover !important; position:absolute; left:0; top:0; z-index:2; transition:1s linear 2s; transform:scale(1.1,1.1);}
.ibanner .swiper-slide .txt{ width:1290px; color:#fff; font-size:16px; position:absolute; left:50%; top:52%; z-index:3; opacity:0; transform:translate(-50%,5%);}
.ibanner .swiper-slide .txt h4{ line-height:1; font-size:3em;}
.ibanner .swiper-slide .txt p{ line-height:1; font-size:0.875em; font-family:Arial; padding:1.5em 0 6em;}
.ibanner .swiper-slide .txt a.view{ display:block; width:3em; line-height:3; color:#fff; font-size:1.375em; text-align:center; border:1px solid #fff; transition:all ease 0.4s;}
.ibanner .swiper-slide .txt a.view:hover{ color:#275993; background:#fff;}
.ibanner .swiper-slide-active .box .bg,
.ibanner .swiper-slide-duplicate-active .box .bg{ transition:6s linear; transform:scale(1,1);}
.ibanner .swiper-slide-active .box .txt,
.ibanner .swiper-slide-duplicate-active .box .txt{ transition:all ease 0.8s; transition-delay:0.5s; opacity:1; transform:translate(-50%,-50%);}
.ibanner .swiper-pagination{ height:26px; bottom:5%;}
.ibanner .swiper-pagination-bullet{ width:12px; height:12px; background:#fff; background-clip:content-box; padding:6px; border:1px solid rgba(255,255,255,0); border-radius:50%; opacity:1; margin:0 12px !important; vertical-align:top; transition:all ease 0.4s;}
.ibanner .swiper-pagination-bullet-active{ border-color:rgba(255,255,255,1); opacity:1;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ display:none; width:36px; height:124px; margin-top:-62px; background-size:contain !important;}
.ibanner .swiper-button-prev{ background:url(../images/icons/prev.png) center no-repeat; left:2.8%;}
.ibanner .swiper-button-next{ background:url(../images/icons/next.png) center no-repeat; right:2.8%;}

.main{ display:block;}

.ibox{ position:relative; z-index:2;}
.ibox::before,
.ibox::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox .con{ width:1290px; margin:0 auto;}
.ibox .con::before,
.ibox .con::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox h2.title{ display:block; line-height:1; font-size:16px;}
.ibox h2.title em{ display:block; color:#dedede; font-size:3.75em; text-transform:uppercase;}
.ibox h2.title span{ display:block; line-height:1; color:#275993; font-size:1.75em; padding:0.5em 0 0;}
.ibox a.more{ display:block; width:3em; line-height:3; color:#275993; font-size:22px; text-align:center; border:1px solid #275993; margin:2em 0 0; transition:all ease 0.4s;}
.ibox a.more:hover{ color:#fff; background:#275993;}

.box1{ padding:60px 0;}
.box1 .bg{ width:50vw; height:100%; background:url(../images/icons/about.jpg) center no-repeat; background-size:cover; position:absolute; right:0; top:0; z-index:1;}
.box1 .con{ display:flex; align-items:center; width:92vw;}
.box1 .con::before,
.box1 .con::after{ display:none;}

.box1 .center{ flex:1; overflow:hidden; font-size:16px;}
.box1 .txt{ line-height:2.25; color:#535353; text-align:justify; overflow:hidden; margin:2em 0 0;}
.box1 a.more{ color:#fff; background:#275993;}

.box1 ul.data{ display:block; font-size:15px; overflow:hidden; flex-shrink:0; margin:0 calc(54% - 0vw) 0 5%; padding:0 0 20px;}
.box1 ul.data li{ display:block; padding:4vh 0;}
.box1 ul.data li p b{ display:inline-block; vertical-align:sub; color:#333; font-size:2.75em; font-family:HarmonyOSSansCNRegular; overflow:hidden; margin:0 0.1em 0 0;}
.box1 ul.data li p b::after{ content:attr(data-txt); display:block; height:1px; overflow:hidden; opacity:0; margin:-1px 0 0;}
.box1 ul.data li span{ display:block; line-height:1.875; color:#434343; background-size:auto 100% !important; padding-left:2.5em; margin:0.75em 0 0;}
.box1 ul.data li:nth-child(1) span{ background:url(../images/icons/ico11.png) left center no-repeat;}
.box1 ul.data li:nth-child(2) span{ background:url(../images/icons/ico12.png) left center no-repeat;}
.box1 ul.data li:nth-child(3) span{ background:url(../images/icons/ico13.png) left center no-repeat;}
.box1 ul.data li:nth-child(4) span{ background:url(../images/icons/ico14.png) left center no-repeat;}
.box1 ul.data li p{ display:block; height:3em; line-height:3em; color:#999; overflow:hidden;}

.box2{ background:url(../images/icons/bg2.jpg) center no-repeat; background-size:cover; padding:180px 0 0;}
.box2 h2.title span{ color:#fff;}
.box2 .txt{ line-height:2; color:#fff; font-size:16px; overflow:hidden; margin:2em 0 0;}
.box2 a.more{ color:#fff; border-color:#fff;}
.box2 a.more:hover{ color:#275993; background:#fff; border-color:#fff;}

.box2 ul{ display:flex; font-size:16px; overflow:hidden; padding:80px 0 0;}
.box2 ul li{ display:block; flex:1; overflow:hidden; position:relative; transition:all ease 0.4s;}
.box2 ul li::after{ content:''; display:block; width:100%; height:100%; background:#000; position:absolute; left:0; bottom:0; z-index:1; transition:all ease 0.4s; transform:scale(0.6); opacity:0;}
.box2 ul li a{ display:block; box-sizing:border-box; height:14em; height:12em; padding:2.25em; overflow:hidden; position:relative; z-index:2;}
.box2 ul li:nth-child(4n-1) a{ background:rgba(46,105,173,0.8);}
.box2 ul li:nth-child(2n) a{ background:rgba(39,89,147,0.8);}
.box2 ul li:nth-child(4n-3) a{ background:rgba(33,76,125,0.8);}
.box2 ul li:nth-child(n+5){ display:none;}
.box2 ul li.more{ display:block;}
.box2 ul li a img{ display:block; height:2.25em; position:absolute; right:0; bottom:0; margin:2.25em; transition:all ease 0.4s;}
.box2 ul li a em{ display:block; line-height:1.67; color:#fff; font-size:1.125em;}
.box2 ul li a span{ display:block; line-height:1.25; color:#b0d6e1; font-size:0.875em; text-transform:uppercase; padding:0.3em 0 0; font-family:Arial;}
.box2 ul li:hover::after{ transform:scale(1); opacity:0.8;}
.box2 ul li:hover img{ transform:translate(-20%,-20%);}
/*
.box2 ul li a{ height:9em; padding:1em;}
.box2 ul li a em{ white-space:nowrap; font-size:inherit;}
.box2 ul li a img{ margin:1em; height:1.75em;}
*/

.box3{ background:#f6f6f6; position:relative; padding:80px 0;}
.box3::after{ content:''; display:block; width:50%; height:100%; background:#275993; position:absolute; right:0; top:0; z-index:1;}
.box3 .con{ display:flex; justify-content:space-between; align-items:center; position:relative; z-index:3;}
.box3 .con::before,
.box3 .con::after{ display:none;}
.box3 a.more{ color:#fff; background:#275993;}

.box3 .l{ width:46%; overflow:hidden; flex-shrink:0;}
.box3 ul{ display:block; font-size:16px; background:#fff; overflow:hidden; margin:50px 0 0;}
.box3 ul li{ display:block; padding:0 26px; border-bottom:1px solid #e5e5e5; position:relative; transition:all ease 0.4s;}
.box3 ul li:last-child{ border:0;}
.box3 ul li .box{ overflow:hidden; padding:4.8% 0; position:relative; z-index:3;}
.box3 ul li span{ display:flex; flex-direction:column; justify-content:center; height:4.75em; line-height:1; color:#275993; text-align:center; overflow:hidden; float:left; margin:0 26px 0 0; transition:all ease 0.4s;}
.box3 ul li span b{ display:block; font-size:1.875em; font-weight:normal; padding:0 0 0.3em;}
.box3 ul li a.title{ display:block; line-height:1.5; color:#333; font-size:1.125em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box3 ul li a.title:hover{ color:#275993; font-weight:bold;}
.box3 ul li .txt{ display:block; height:3em; line-height:1.5; color:#999; font-size:0.875em; padding:0.5em 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box3 ul li:hover{ background:#fff; box-shadow:0 0 8px rgba(0,0,0,0.05);}

.box3 .r{ width:42%; font-size:16px; overflow:hidden; flex-shrink:0; margin:0 2%;}
.box3 .r .info{ overflow:hidden; padding:36px; background:rgba(0,0,0,0.1);}
.box3 .r i{ display:block; width:1.25em; height:3px; background:#fff; margin:0 0 0.6em;}
.box3 .r a.title{ display:block; line-height:2.5; color:#fff; font-size:1.125em; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.4s;}
.box3 .r .txt{ display:block; line-height:1.8; color:#fff; font-size:0.875em; margin:0 0 -0.4em; opacity:0.9;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box3 .r a.pic{ display:block; overflow:hidden;}
.box3 .r a.pic img{ display:block; width:100%; transition:all ease 0.4s;}
.box3 .r a.pic:hover img{ transform:scale(1.05);}



@media only screen and (max-width:1440px){


}

@media only screen and (max-width:768px){

.ibanner .swiper-slide .txt,
.ibox .con{ width:calc(100% - 30px);}

.ibanner{ height:72vw;}
.ibanner .swiper-slide .txt{ opacity:0 !important; transform:translate(-50%,5%) !important;}
.ibanner .swiper-slide .txt.show{ opacity:1 !important; transform:translate(-50%,-50%) !important;}
.ibanner .swiper-slide .box video.pc{ display:none;}
.ibanner .swiper-slide .box video.wap{ display:block;}
.ibanner .swiper-slide .box em.play{ display:block;}
.ibanner .swiper-slide .txt{ font-size:12px; top:49%; padding:60px 0 0;}
.ibanner .swiper-slide .txt h4{ font-size:1.65em;}
.ibanner .swiper-slide .txt p{ line-height:1.5; font-size:1em; padding:1em 0 2em;}
.ibanner .swiper-slide .txt a.view{ width:2em; line-height:2; font-size:1.125em; padding:0 1px;}
.ibanner .swiper-pagination{ height:18px; bottom:4.5%;}
.ibanner .swiper-pagination-bullet{ width:8px; height:8px; padding:4px; margin:0 8px !important;}

.ibox h2.title{ font-size:12px;}
.ibox h2.title em{ font-size:3em;}
.ibox a.more{ width:2.5em; line-height:2.5; font-size:14px; padding:0 1px; margin:1.5em 0 0;}

.box1{ padding:40px 0 60vw;}
.box1 .bg{ width:100%; height:60vw; box-sizing:border-box; border:15px solid #fff; top:auto; bottom:0;}
.box1 .con{ display:block;}
.box1 .txt{ font-size:14px; margin:1.5em 0 0;}
.box1 ul.data{ margin:0; overflow:hidden; font-size:13px; padding:1.5em 0 0;}
.box1 ul.data li{ width:50%; float:left; padding:1em 0;}
.box1 ul.data li p b{ font-size:2.5em;}
.box1 ul.data li span{ white-space:nowrap; padding-left:2em; background-size:auto 92% !important;}
.box1 ul.data li:nth-child(1) span{ background-image:url(../images/icons/ico11_m.png);}
.box1 ul.data li:nth-child(2) span{ background-image:url(../images/icons/ico12_m.png);}
.box1 ul.data li:nth-child(3) span{ background-image:url(../images/icons/ico13_m.png);}
.box1 ul.data li:nth-child(4) span{ background-image:url(../images/icons/ico14_m.png);}

.box2{ padding:40px 0 15px;}
.box2 .txt{ font-size:14px; margin:1.5em 0 0;}
.box2 ul{ font-size:13px; padding:2em 0 0; flex-direction/:column;}
.box2 ul li{ margin:1px 0 0;}
.box2 ul li a{ height:auto; padding:1.5em;}
.box2 ul li a img{ bottom:50%; transform:translate(0,50%); margin:0 1.5em;}
.box2 ul li:hover img{ transform:translate(0,50%);}

.box2 ul{ flex-wrap:wrap; justify-content:space-between;}
.box2 ul li{ width:calc(50% - 0.5px); flex:unset; margin:0 0 1px;}
.box2 ul li:nth-child(4n-3) a,
.box2 ul li:nth-child(4n) a{ background:rgba(46,105,173,0.8);}
.box2 ul li:nth-child(4n-2) a,
.box2 ul li:nth-child(4n-1) a{ background:rgba(39,89,147,0.8);}
.box2 ul li:nth-child(n+5){ display:block;}
.box2 ul li.more{ display/:none;}
.box2 ul li.more em::after{ content:'>>'; margin-left:4px;}
.box2 ul li a span{ display:none;}

.box3{ padding:40px 0 0;}
.box3::after{ background:none; display:none;}
.box3 .con{ display:block;}
.box3 .l{ width:auto;}
.box3 ul{ font-size:14px; margin:24px 0 0;}
.box3 ul li{ padding:0 12px 0 16px;}
.box3 ul li .box{ padding:16px 0 14px;}
.box3 ul li span{ margin:0 18px 0 0;}
.box3 ul li .txt{ font-size:13px;}
.box3 a.more{ margin:1.5em auto; padding:0 0.75em; line-height:2.5;}
.box3 .r{ width:auto; background:#275993; margin:0 -15px; padding:30px 15px; font-size:13px;}
.box3 .r .info{ padding:1.75em 1.75em 2em;}
.box3 .r a.title{ font-size:1.25em;}
.box3 .r .txt{ font-size:inherit;}

























}





/**/