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

*{ font-style:normal;}

.header{ width:100%; position:absolute; left:0; top:0; z-index:99;}
.header::after{ content:''; display:block; width:100%; height:120%; background:linear-gradient(rgba(0,78,161,1), rgba(0,78,161,0)); position:absolute; left:0; top:0; z-index:1;}
.header_box{ width:1280px; background:none; height:120px; position:relative; z-index:3;}
.header_box a.head_img{ display:block; float:left; margin:20px 0 0;}
.header_box a.head_img img{ display:block; height:80px; filter:brightness(0) invert(1);}

.bar7{ position:relative; float:right; margin:23px 0 7px; top:auto;}

.nav_big_box{ margin:0; float:right; background:none; width:auto;}
.nav_box{ width:auto;}
.header-index{ width:auto; height:auto; margin:0 0 0 8px;}
.header-index a{ display:block; padding:0 10px;}
.header-index-c{ width:auto; margin:0; padding:0; line-height:56px; height:auto;}
.header-ide-tit{ display:none;}
.nav_box .header-index .pc_nav_item{ bottom:auto !important; top:100% !important; margin-top:4px; left:50%; transform:translateX(-50%); width:auto; min-width:110%; overflow:hidden;}
.nav_box .header-index .pc_nav_item li{ width:auto; padding:0;}
.nav_box .header-index .pc_nav_item li:first-child{ margin-top:6px;}
.nav_box .header-index .pc_nav_item li a{ white-space:nowrap; font-size:15px; line-height:2.5;}
.nav_box .header-index .pc_nav_item li a:hover, .nav li .pc_nav_item li a:active{ color:#004ea1; background:#fff; text-decoration:none;}

.header-index:hover,
.header-index.active{ background:none; border-bottom-color:#fff;}
.header-index:hover div,
.header-index.active div{ color:#fff !important;}

.timeline{ overflow:hidden;}
.timeline .swiper-container{ width:100vw; height:30vw; height:450px; height:560px;}
.timeline .swiper-slide{ background-position:center top;}
.timeline .ban_item{ width:1280px; left:50%; top:16vw; transform:translate(-50%,-50%); display:none;}
.timeline .ban_item::after{ content:''; display:block; overflow:hidden; clear:both;}
.ban_item_l02{ height:auto; padding:8px 16px 24px; position:relative; margin-bottom:80px;}
.ban_item_l03{ width:auto; line-height:68px; height:auto; padding:0 0 2px;}
.ban_item_l04{ width:auto; margin:0;}
.ban_item_l05{ position:absolute; left:0; top:100%; margin-top:40px; overflow:hidden;}
.ban_item_l05 a:hover{ color:#1e4ca1 !important; background:#fff !important;}
.timeline .swiper-pagination{ right:50% !important; top:50%; transform:translate(640px,-50%);}

.footer{ background:#004ea1; color:#fff; padding:48px 0; padding:56px 0; padding:64px 0; position:relative; overflow:hidden;}
.footer #particles{ width:100%; height:332px; position:absolute; left:0; bottom:50%; transform:translateY(50%); z-index:1;}
.footer .foot{ position:relative; z-index:3;}
.footer .foot img.logo{ filter:brightness(0) invert(1);}

.main{ overflow:hidden; position:relative;}
.main::before,
.main::after{ content:''; display:block; overflow:hidden; clear:both;}

.ibox{ position:relative; z-index:2;}
.ibox::before,
.ibox::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox .con{ width:1200px; margin:0 auto;}
.ibox .con::before,
.ibox .con::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox h2.title{ display:flex; justify-content:center; line-height:2.5em; font-size:16px; text-align:center; padding:2.25em 0; margin:0.5em 0 0;}
/*
.ibox h2.title::before,
.ibox h2.title::after{ content:''; display:block; width:10%; height:2.5em; overflow:hidden; background-size:contain !important;}
.ibox h2.title::before{ background:url(../images/title_r.png) right center no-repeat;}
.ibox h2.title::after{ background:url(../images/title_l.png) left center no-repeat;}
*/
.ibox h2.title em{ display:block; color:#434343; font-size:2em; margin:0 0.5em;}
.ibox h3.title{ display:block; line-height:3.125em; font-size:16px; overflow:hidden;}
.ibox h3.title em{ display:block; color:#434343; font-size:1.75em; float:left;}
.ibox h3.title a{ display:block; color:rgba(0,0,0,0.5); font-size:0.9375em; font-weight:normal; float:right;}
.ibox h3.title a:hover{ color:#004f97;}

.box1{ background:url(../images/index/bg1.jpg) no-repeat top; background-size:cover; position:relative; user-select:none; padding:75px 0 85px;}
.box1 .auto{ width:1280px; margin:0 auto; position:relative;}
.box1 .poxBtn{ position:absolute; right:0; top:50%; transform:translateY(-30px); z-index:100;}
.box1 .poxBtn .pox-prev{ float:left; width:80px; height:60px; cursor:pointer; outline:none; position:absolute; right:0; top:0;}
.box1 .poxBtn .pox-prev:before{ content:""; width:20px; height:100%; background:url(../images/index/prev1.png) no-repeat 0; position:absolute; right:14px; top:0; transition:all .3s;}
.box1 .poxBtn .pox-prev.on:before{ width:66px;}
.box1 .poxBtn .pox-next{ float:left; width:80px; height:60px; cursor:pointer; outline:none; position:absolute; left:0; top:0;}
.box1 .poxBtn .pox-next:before{ content:""; width:20px; height:100%; background:url(../images/index/next1.png) no-repeat 100%; position:absolute; left:14px; top:0; transition:all .3s;}
.box1 .poxBtn .pox-next.on:before{ width:66px;}

.box1 .bxgSwiper .swiper-slide.bxgBoxKou1{ background:url(../images/index/slide1.jpg) no-repeat; background-size:100% 100%;}
.box1 .bxgSwiper .swiper-slide.bxgBoxKou2{ background:url(../images/index/slide2.jpg) no-repeat; background-size:100% 100%;}
.box1 .bxgSwiper .slide-inner{ height:600px; font-size:16px; overflow:hidden; position:relative; background:#fff right center no-repeat; background-size:100% 100%; background-size:cover;}
.box1 .bxgSwiper .slide-inner:before{ content:""; display:block; width:32.75%; width:100%; height:100%; background/:linear-gradient(to right bottom, rgba(255,255,255,0) 50%, rgba(0,79,151,0.75) 100%); position:absolute; right:0; bottom:0; z-index:1; transform/:scale(1,1.2); transform-origin:right bottom; background:linear-gradient(to right, rgba(0,79,151,0.75), rgba(0,79,151,0.5));}
.box1 .bxgSwiper .slide-inner:after{ content:""; display:none; width:63.5%; height:44px; background:url(../images/index/slogo.png) right bottom no-repeat; background-size:contain; position:absolute; bottom:28px; right:36.5%;}
.box1 .bxgSwiper .slide-inner .le{ width:56%; font-size:16px; position:absolute; left:5%; top:15%; transform/:translateY(-50%); z-index:3;}

.box1 .bxgSwiper .slide-inner .le h2{ display:block; font-size:90px; padding:0.56em 0 0.16em; position:relative; margin:-0.56em 0 0;}
.box1 .bxgSwiper .slide-inner .le h2 span{ display:block; width:200%; line-height:2; color:#edf6ff; text-transform:uppercase; white-space:nowrap; transform:scale(0.83); transform-origin:left center; opacity:0.8; position:absolute; left:0; top:0; z-index:1; /*width:auto; color:transparent; white-space:nowrap; background:linear-gradient(to right, #edf6ff, #fff); -webkit-background-clip:text;*/}
.box1 .bxgSwiper .slide-inner .le h2 em{ display:block; line-height:3; color:#333; font-size:0.32em; position:relative; z-index:3;}
.box1 .bxgSwiper .slide-inner .le h2 i{ display:block; width:0.5em; height:4px; background:#004f97; position:relative; z-index:3; margin:-4px 0 0;}

.box1 .bxgSwiper .swiper-slide .le h2 span{ display:block; color:#d7ebfe; transition:all ease 1s; transform:translate3d(0, 50px, 0) scale(0.83); opacity:0; transition-delay:0s;}
.box1 .bxgSwiper .swiper-slide .le h2 em{ display:block; transition:all ease 1s; transform:translate3d(0, 50px, 0); opacity:0; transition-delay:0.1s;}
.box1 .bxgSwiper .swiper-slide .le h2 i{ display:block; transition:all ease 1s; transform:translate3d(0, 50px, 0); opacity:0; transition-delay:0.2s;}
.box1 .bxgSwiper .swiper-slide-active .le h2 span{ opacity:1; transform:translate3d(0, 0, 0) scale(0.83);}
.box1 .bxgSwiper .swiper-slide-active .le h2 em,
.box1 .bxgSwiper .swiper-slide-active .le h2 i{ opacity:1; transform:translate3d(0, 0, 0);}

.box1 .bxgSwiper .slide-inner .le h3{ line-height:1; color:#333; font-size:24px; font-weight:bold; font-family:"FSSinclair-Bold"; text-transform:uppercase; margin-bottom:20px; position:relative;}
.box1 .bxgSwiper .slide-inner .le h3::after{ content:''; display:block; width:30px; height:5px; background:#004f97; margin:18px 0 0;}
.box1 .bxgSwiper .slide-inner .le h4{ line-height:48px; color:#292929; font-size:48px; margin:20px 0; font-weight:300; font-weight:normal;}
.box1 .bxgSwiper .slide-inner .le div.links{ display:block; overflow:hidden; padding:1em 0 3em;}
.box1 .bxgSwiper .slide-inner .le div.links a{ display:flex; justify-content:center; align-items:center; width:30%; box-sizing:border-box; line-height:3; color:#333; text-align:center; padding:0.375em 1.5em; float:left; margin:0 2% 2% 0; transition:all ease 0.4s; border:1px solid transparent; box-shadow/:1px 3px 3px rgba(0,0,0,0.1); position:relative;}
.box1 .bxgSwiper .slide-inner .le div.links a::after{ content:''; display:block; width:100%; height:100%; background:url(../images/menu1.png) center no-repeat; background-size:100% 100%; position:absolute; left:0; top:0; z-index:1; opacity/:0.8; transition:all ease 0.4s;}
.box1 .bxgSwiper .slide-inner .le div.links a em{ display:block; color:#fff; transition:all ease 0.4s; font-size:1.0625em; position:relative; z-index:3; font-weight:bold;}
.box1 .bxgSwiper .slide-inner .le div.links.h a{ padding:1.25em 1.5em;}
.box1 .bxgSwiper .slide-inner .le div.links a img{ display:none; height:2.5em; margin:0 0.5em 0 -0.5em; float:left; transition:all ease 0.4s;}
.box1 .bxgSwiper .slide-inner .le div.links a:hover{ color:#fff; background/:#d5e5f5; background-image/:url(../images/menu_h.png);}
.box1 .bxgSwiper .slide-inner .le div.links a:hover::after{ opacity:1};
.box1 .bxgSwiper .slide-inner .le div.links a:hover em{ color:#004f97;}
.box1 .bxgSwiper .slide-inner .le div.links a:hover img{ transform:rotateY(180deg);}

.box1 .bxgSwiper .slide-inner .le div.links.t{ width:112%; padding:1em 0 3em;}
.box1 .bxgSwiper .slide-inner .le div.links.t a{ display:block; width/:48%; text-align:left; padding:0.25em 1em; margin:0.5% 3% 1.5% 0;}
.box1 .bxgSwiper .slide-inner .le div.links.t a em{ display:block; line-height:2; color:#004ea1; color:#fff; position:relative; z-index:3; margin:-2px 0 0;}
.box1 .bxgSwiper .slide-inner .le div.links.t a p{ display:block; height:3.5em; line-height:1.75; color:#fff; font-size:13px; margin:2px 0 0.25em; transition:all ease 0.4s; position:relative; z-index:3; opacity/:0.75;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box1 .bxgSwiper .slide-inner .le div.links.t a:hover em{ color:#004ea1; color:#fff;}
.box1 .bxgSwiper .slide-inner .le div.links.t a:hover p{ color:rgba(255,255,255,0.8);}

.box1 .bxgSwiper .slide-inner .le div.links.h{ width:112%; padding:1.25em 0 3em;}
.box1 .bxgSwiper .slide-inner .le div.links.h a{ line-height:4.25; margin:0.75% 3% 2.75% 0;}
.box1 .bxgSwiper .slide-inner .le div.links.h a em{ font-size:1.2em;}

.box1 .bxgSwiper .swiper-slide .le h3{ display:block; transition:all ease 1s; transform:translate3d(0, 50px, 0); opacity:0; transition-delay:0s;}
.box1 .bxgSwiper .swiper-slide .le h4{ display:block; transition:all ease 1s; transform:translate3d(0, 50px, 0); opacity:0; transition-delay:0.2s;}
.box1 .bxgSwiper .swiper-slide .le div.links{ display:block; transition:all ease 1s; transform:translate3d(0, 50px, 0); opacity:0; transition-delay:0.4s;}
.box1 .bxgSwiper .swiper-slide .ri{ display:none; transition:all ease 1s; transform:translate3d(0, 50px, 0); opacity:0; transition-delay:0s;}
.box1 .bxgSwiper .swiper-slide-active .le h3,
.box1 .bxgSwiper .swiper-slide-active .le h4,
.box1 .bxgSwiper .swiper-slide-active .le div.links,
.box1 .bxgSwiper .swiper-slide-active .ri{ opacity:1; transform:translate3d(0, 0, 0);}

.box1 .bxgSwiper .slide-inner .ri{ display:flex; justify-content:center; align-items:center; width:32.75%; width:36%; height:75%; line-height:1.75; color:#004f97; font-size:32px; font-weight:100; position:absolute; right:0%; top:0%; box-sizing:border-box; z-index:3;}
.box1 .bxgSwiper .slide-inner .ri{ width/:42%; height:95%; color:#fff;}

.box1 .bxgSwiper .slide-inner .le{ top:5%;}
.box1 .bxgSwiper .swiper-slide .le h2{ opacity:0;}
.box1 .bxgSwiper .swiper-slide .le h2 span{ display:none;}
.box1 .bxgSwiper .slide-inner .le div.links a{ margin:0.5% 3% 2% 0;}
.box1 .bxgSwiper .slide-inner .le div.links.t a{ padding:1.25em 1.25em;}
.box1 .bxgSwiper .swiper-tab{ line-height:1.08em; font-size:90px; overflow:hidden; position:absolute; left:5%; top:5%; z-index:9;}
.box1 .bxgSwiper .swiper-tab span{ display:block; color:#fff; font-size:0.32em; float:left; padding-right:1em; margin-right:1em; position:relative; cursor:pointer; user-select:none;}
.box1 .bxgSwiper .swiper-tab span::after{ content:''; display:block; width:1.4em; height:4px; background:#fff; position:absolute; left:0; bottom:0; transform:scale(0,1); transform-origin:left center;}
.box1 .bxgSwiper .swiper-tab span.cur{ color:#fff; font-weight:bold;}
.box1 .bxgSwiper .swiper-tab span.cur::after{ transition:all ease 0.4s; transform:scale(1,1);}

.box2{ padding:48px 0 80px; background:url(../images/bg2.png) center bottom no-repeat; background-size:100% auto;}
.box2 .con{ display:flex; justify-content:space-between; position:relative; z-index:3;}
.box2 .con::before,
.box2 .con::after{ display:none;}
.box2 .box{ width:48%;}
.box2 dl{ display:block; font-size:16px; margin:1.25em 0 0;}
.box2 dl::before,
.box2 dl::after{ content:''; display:block; overflow:hidden; clear:both;}
.box2 dl dt{ display:block; overflow:hidden; margin:0 0 21px;}
.box2 dl dt a{ display:block; overflow:hidden; border-radius:10px; position:relative;}
.box2 dl dt a img{ display:block; width:100%; height:368px; object-fit:cover; transition:all ease 0.4s;}
.box2 dl dt a span{ display:block; width:100%; line-height:3.75; color:#fff; font-size:1.125em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:1em 1.25em 0; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:3; background:linear-gradient(rgba(0,79,151,0), rgba(0,79,151,1));}
.box2 dl dt a:hover img{ transform:scale(1.05);}
.box2 dl dd{ display:block; line-height:2.5em; overflow:hidden; background/:#fff; padding:1em 0.75em; position:relative; border-bottom:1px solid rgba(0,79,151,0.2); transition:all ease 0.4s;}
.box2 dl dd:nth-child(2){ border-top:1px solid rgba(0,79,151,0.2);}
.box2 dl dd a.title{ display:block; color:#333; font-weight/:600; font-size/:1.125em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 0 0 1.5em; background:url(../images/list.png) left center no-repeat; margin:0 7em 0 -1.5em; margin:0 7em 0 0; transition:all ease 0.4s;}
.box2 dl dd span{ display:block; color:#004ea1; font-size/:1.125em; font-size/:0.875em; float:right; transition:all ease 0.4s;}
.box2 dl dd .txt{ height:3.4em; line-height:1.7; color:#888; font-size:0.8125em; margin:0 0 0.5em;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box2 dl dd:hover{ background:#edf6ff;}
.box2 dl dd:hover a.title{ color:#004ea1; transform:translateX(0.5em);}
.box2 dl dd:hover span{ color/:#999; opacity:0.6;}

.box2 ul{ display:block; font-size:16px; padding:20px 0 0; overflow:hidden;}
.box2 ul li{ display:block; padding:16px 12px; border-bottom:1px solid rgba(0,79,151,0.2); overflow:hidden; transition:all ease 0.4s;}
.box2 ul li span{ display:flex; flex-direction:column; justify-content:center; width:64px; height:54px; line-height:1; color:#004ea1; font-size:14px; text-align:center; float:left; margin-right:24px; transition:all ease 0.4s;}
.box2 ul li span em{ display:block; font-size:30px; font-weight:bold; margin:0 0 0.3em;}
.box2 ul li p{ display:flex; align-items:center; justify-content:flex-start; height:3em; font-size:1.125em; overflow:hidden; transition:all ease 0.4s;}
.box2 ul li p a.title{ display:block; line-height:1.5; color:#333; font-weight:bold;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box2 ul li p a:hover{ color:#004ea1;}
.box2 ul li:hover{ background:#edf6ff;}
.box2 ul li:hover span{ color/:#333; transform:translateX(10px); opacity:0.6;}
.box2 ul li:hover p{ transform:translateX(10px);}

.box2 .wave{ display:none; width:100%; height:50%; background/:linear-gradient(to right, #143586, #1648bd); overflow:hidden; position:absolute; left:0; bottom:0; z-index:1; transform:scale(1,1.0); transform-origin:center bottom;}
.box2 .wave .waves{ width:100%; height:550px; position:absolute; left:0; bottom:-70px;}

.box3{ font-size:90px; padding:20px 0 80px; overflow:hidden; background:#c7dae0 url(../images/cont_bg4.png) center bottom no-repeat; background-size:cover;}
.box3 h2.title{ padding-bottom:1em;}
.box3 h2.title em{ color:#fff;}
.box3 a.more{ display:block; width:8.75em; line-height:2.5; color:#fff; font-size:16px; text-align:center; border:1px solid #fff; border-radius:2.5em; margin:30px auto 0; transition:all ease 0.4s;}
.box3 a.more:hover{ color:#004f97; background:#fff;}
.box3 .djyd{ position:relative; width/:100vw; max-width:1920px; margin:0 auto; margin/:0 0 0 50%; transform/:translateX(-50%); zoom/:0.9;}
.box3 .djyd .lb{ width:80%;}
.box3 .djyd .lb .mar{ position:relative; transition:all 0.5s;}
.box3 .djyd .lb .mar .bg{ position:absolute; left:0; top:0; width:100%; height:calc(100% - 1.01em);}
.box3 .djyd .lb .mar .pic{ position:relative; padding-bottom:110%; padding-bottom:69%; overflow:hidden;}
.box3 .djyd .lb .mar .pic img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit/:cover;}
.box3 .djyd .lb .mar .text{ padding:0.25em 0.2em 0em 0.4em; box-sizing:border-box; opacity:0; position:relative;}
.box3 .djyd .lb .mar .text::before{ content:""; position:absolute; z-index:2; left:0.2em; top:-0.12em; width:0.02em; height:0.76em; background:#e67d14;}
.box3 .djyd .lb .mar .text h2{ font-size:0.22em; color:#fff; line-height:1.36; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:0.75em;}
.box3 .djyd .lb .mar .text span{ display:block; overflow:hidden; font-size:15px; color:#fff; line-height:1.875; padding-left:1.5em; background:url(../images/ic_time2.png) no-repeat left; background-size:auto 1em;}
/*
.box3 .djyd .swiper-slide{ opacity:0.5;}
.box3 .djyd .swiper-slide-prev,
.box3 .djyd .swiper-slide-active,
.box3 .djyd .swiper-slide-next{ opacity:1;}
*/
.box3 .djyd .swiper-slide-prev .lb .mar .bg,
.box3 .djyd .swiper-slide-active .lb .mar .bg,
.box3 .djyd .swiper-slide-next .lb .mar .bg{ display:none;}
.box3 .djyd .swiper-slide-active{ z-index:10;}
.box3 .djyd .swiper-slide-active .lb .mar .pic{ padding-bottom:67%; padding-bottom:41.44444444444444%;}
.box3 .djyd .swiper-slide-active .lb .mar .text{ opacity:1;}
.box3 .djyd .djyd-next,
.box3 .djyd .djyd-prev{ width:0.5em; height:0.5em; position:absolute; z-index:5; top:39%; outline:none; background:#fff url(../images/djyd-btn.png) no-repeat center; background-size:0.17em; box-shadow:0px 4px 10px 0px rgba(0, 0, 0, 0.3); border-radius:50%; cursor:pointer;}
.box3 .djyd .djyd-prev{ left:7%;}
.box3 .djyd .djyd-next{ right:7%; transform:rotate(180deg);}
.box3 .djyd .djyd-next:hover{ background:#004f97 url(../images/djyd-btn2.png) no-repeat center; background-size:0.17em; transform:rotate(0deg);}
.box3 .djyd .djyd-prev:hover{ background:#004f97 url(../images/djyd-btn2.png) no-repeat center; background-size:0.17em; transform:rotate(180deg);}
.box3 .djyd .lb{ perspective:5em; margin-top:0.5em;}
.box3 .djyd .swiper-slide .lb .mar{ transform:translateX(0.52em) rotateY(15deg);}
.box3 .djyd .swiper-slide .lb .mar .bg{ background:url(../images/djyd_lf.png) no-repeat; background-size:cover;}
.box3 .djyd .swiper-slide.swiper-slide-prev .lb .mar{ transform:translateX(-0.2em) rotateY(15deg);}
.box3 .djyd .swiper-slide.swiper-slide-active .lb{ width:139%;  margin-top:0.38em;}
.box3 .djyd .swiper-slide.swiper-slide-active .lb .mar{ transform:translateX(-1.12em) rotateX(0);}
.box3 .djyd .swiper-slide.swiper-slide-next .lb .mar{ transform:translateX(1.15em) rotateY(-15deg);}
.box3 .djyd .swiper-slide.swiper-slide-next+div .mar{ transform:translateX(0.5em) rotateY(-20deg);}
.box3 .djyd .swiper-slide.swiper-slide-next+div .mar .bg{ background:url(../images/djyd_rg.png) no-repeat; background-size:cover;}

.box4{ background:url(../images/bg4.jpg) center no-repeat; background-size:cover; padding:0 0 90px;}
.box4 h2.title em{ color/:#fff;}
.box4 ul{ display:flex; justify-content:space-between; font-size:16px;}
.box4 ul li{ display:block; width:32%; transition:all ease 0.6s;}
.box4 ul li a{ display:block; overflow:hidden; border-radius:10px; position:relative;}
.box4 ul li a::after{ content:''; display:block; width:100%; height:100%; background:linear-gradient(rgba(0,79,151,0), rgba(0,79,151,0.8)); position:absolute; left:0; bottom:0; z-index:1;}
.box4 ul li a img.pic{ display:block; width:100%; height:320px; object-fit:cover;}
.box4 ul li .txt{ width:100%; height:100%; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:3;}
.box4 ul li .txt em{ display:block; width:86%; color:#fff; font-size:1.5em; font-weight:bold; position:absolute; left:7%; bottom:9%; transition:all ease 0.6s;}
.box4 ul li .txt p{ display:block; width:86%; height:3em; line-height:1.5; color:#fff; font-size:0.875em; position:absolute; left:7%; bottom:9%; opacity:0; transition:all ease 0.6s;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box4 ul:hover li{ width:24%;}
.box4 ul li:hover{ width:48%;}
.box4 ul li:hover .txt em{ bottom:26%;}
.box4 ul li:hover .txt p{ opacity:1;}

.list_ban + .nav_big_box{ display:none !important;}

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

.box3{ font-size:65px;}
.box3 .djyd .lb .mar .text h2{ font-size:16px;}
.box3 a.more{ font-size:14px; margin-top:40px;}

}












/**/