@charset "gb2312";
/* CSS Document */

*{ margin:0px; padding:0px; border:0; }
body { -webkit-text-size-adjust: 100%; }
html,body {width:100%; height:100%;margin:0px; padding:0;  font:16px/1.5 "Microsoft YaHei" , tahoma, arial, \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", sans-serif; background-image: url(../images/bg.jpg); background-position: center; background-size: cover;   background-blend-mode: multiply; background-attachment:fixed;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal; } 
h1,h2,h3,h4,h5,h6,p,em,i,b,span,strong { margin:0; padding:0; font-weight:normal; font-style:normal;}
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
.fl { float:left; }
.fr { float:right; }
.cl { clear: both}
a { color: #333; text-decoration: none; transition:all ease-out .4s 0s;-webkit-transition:all ease-out .4s 0s;}
a:hover{ color:#d92b2e; text-decoration:none; }
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,i,em,b,span,td,tr,a,strong,input,textarea,blockquote,img,button,font { box-sizing:border-box; -webkit-box-sizing:border-box; }

.animated { animation-duration: 1s; animation-fill-mode: both;}

.amn { transition:all ease-out .3s 0s; }
.amn img { transition:all ease-out .3s 0s; }
.amn:hover img {  transform:scale(1.05);}


.amn2 { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s;}
.amn2 img { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s; }
.amn2:hover img { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05);}



.warp { width:1200px; margin:0 auto; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }



.header { position:relative; padding-top: 348px; background: url("../images/banner.jpg") center no-repeat;}
.logobk { width:1200px; left:50%; margin-left:-600px; top:45px; z-index:15; position:absolute; }
.logo { position:absolute; left:0; top:0; }
.donghua { width:1200px; left:50%; margin-left:-600px; top:13vh; z-index:15; position:absolute;}
.title2 { width: 100%; float: left; text-align: center; }


.info { width: 100%; float: left; margin-top:4vh;  text-align: center;  -webkit-animation:info .8s ease 1.5s backwards; animation:info .8s ease 1.5s backwards; }


h3.lm01 { background: linear-gradient(to right, rgba(0, 45, 132, 0), #0c2782, rgba(0, 45, 132, 0)); padding: 2vh 0; margin:2vh 0 1vh; text-align: center; color:#fff; font-size: 24px; font-weight: 600;}

.ship2 { margin-bottom: 20px; border: #ffffff47 5px solid;border-radius: 20px; overflow: hidden;}
.ship2 video { width: 100%; height: 675px; background:linear-gradient(to right,#0d2c48,#14426b); display: block; }

.vdlist { width:385px; float:right;  }
.vdlist ul li { width:100%; float:left; margin-right: 2%;  margin-bottom:25px; height:230px;  background-repeat: no-repeat; background-size:cover; background-position: center center;  overflow:hidden; border-radius:0px; position: relative;  box-shadow: 0px 0px 10px #13876b29; }
.vdlist ul li span { position: absolute; bottom:0; width:100%; float:left; font-size:20px; line-height:26px;  color:#fff; background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8)));  padding:15px 5% 15px 5%; }
.vdlist ul li span i { width:26px; height:26px; float: left; margin-right: 10px; display:inline-block; background: url(../images/player.png);background-size:cover; }
.vdlist ul li:nth-child(3n) {  margin-right:0px; }
.vdlist ul li a { width: 100%; height: 100%; display: block; }

.dbwys { width:100%; float:left; position: relative; }
.dbwys ul li { width:285px; float:left; margin-right:20px; position: relative;  border-radius: 20px; overflow: hidden; border: #ffffff47 5px solid;}
.dbwys ul li h3 { width:100%; height:160px; overflow:hidden; display:block; }
.dbwys ul li h3 img { width:100%; height:100%; }
.dbwys ul li h4 { width: 100%; float: left; padding:15px 8%;   background:#fff;}
.dbwys ul li h4 font {width: 100%; float: left; font-size: 18px; line-height:1.5em; color: #80531f; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.dbwys ul li h4 p { display: none;}

.dbwys .left_arrow,.dbwys .right_arrow { width:34px; height:60px; top:50%; margin-top:-30px; cursor:pointer; position:absolute; z-index:99; background:rgba(0,0,0,.6); text-align: center; font-size: 26px; line-height:60px; color: #fff; font-family:"\4EFF\5B8B"; }
.dbwys .left_arrow { left:0px; }
.dbwys .right_arrow { right:0px; }
.dbwys .left_arrow:hover,.dbwys .right_arrow:hover { background:linear-gradient(90deg,#0d2c48,#14426b); }

.dbwys ul li em { width:60px; height:60px; display:block; background: url(../images/player.png);background-size:cover; overflow:hidden; position:absolute; top:50%; left:50%; cursor:pointer; transform:rotate(0deg); -webkit-transform:rotate(0deg); filter:alpha(opacity=100);-moz-opacity:1;opacity:1; margin-left:-30px; margin-top:-30px;}
.dbwys ul li:hover em { transform:rotate(-180deg);-webkit-transform:rotate(-180deg); filter:alpha(opacity=100);-moz-opacity:1;opacity:1 }



.splist { width: 100%; margin: 3% 0; overflow: hidden;}
.splist li { float: left; width: 18.4%; height: 390px; border-radius: 8px; margin-right: 2%; position: relative; overflow: hidden;border: #ffffff47 5px solid;}
.splist li:nth-child(5n) { margin-right:0;}
.splist li img { width: 100%; height: 100%;}
.splist li .photo2 { height: 390px; border-radius: 8px 8px 0px 0px;}
.splist li .photo2 span  { display:block;height: 100%;background-size: cover !important;}
.splist li i { position: absolute; width: 30px; height: 30px; left: 13px; bottom: 13px; background: url("../images/play2.png"); background-size: 100% 100%; transition: all 0.2s;}
.splist li p{ position: absolute; width: calc(100% - 24px); line-height: 20px; height: 60px; overflow: hidden; left: 12px; bottom: 5px; font-size: 14px; display: flex; align-items: center; justify-content: center;	color: #fff; z-index: 9; opacity: 0; transition: all 0.2s; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.splist li .shadow{	position: absolute;	width: 100%; height: 130px; left: 0px; bottom: -130px; background: url("../images/shadow5.png") repeat-x center bottom; background-size: auto 100%;	transition: all 0.2s;}
.splist li:hover p{	opacity: 1;}
.splist li:hover .shadow{ bottom: 0px;}
.splist li:hover i{	bottom: 73px;}


.swiper-container2 { margin:3% auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1;margin-bottom: 40px; }
.swiper-wrapper { position: relative; width:100%; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.swiper-slide { width:100%; height:100%; position:relative; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; background: rgb(188 229 249);border-radius: 20px; overflow: hidden;  }
.swiper-slide h3 { width:60%; height:100%; float: left; padding-right: 3%;}
.swiper-slide h3 img { aspect-ratio: 16 / 9; width: 100%; border-radius: 20px; overflow: hidden; }
.swiper-slide h4 { padding-right: 3%;}
.swiper-slide h4 strong{color: rgb(27,50,130);font-weight: bold;line-height: 40px;    display: block; padding-top: 35px;margin-bottom: 15px; font-size: 24px;}
.swiper-slide h4 p {color: rgb(27,50,130);margin-bottom: 15px;line-height: 30px;}
.swiper-slide h4 b {font-weight: bold;font-size: 18px;margin-bottom: 8px;}

.swiper-button-prev,.swiper-button-next { width:50px; height:60px; top:50%; margin-top:-30px; cursor:pointer; position:absolute; z-index:99; text-align:center; line-height:60px; font-size:50px; color:#fff; font-family:"\5B8B\4F53";  font-weight:bold; text-shadow:1px 1px 5px rgba(0,0,0,.2); }
.swiper-button-next { right:15px;}
.swiper-button-prev { left:15px;}

.swiper-pagination { position:absolute; text-align:center;  z-index:10;bottom:20px; left:0; width:100%; }
.swiper-pagination-bullet { width:10px; height:10px; display:inline-block; border-radius:100%; background:#fff; border-radius:6px; cursor:pointer; margin:0 4px;}
.swiper-pagination-bullet-active{ opacity:1; background:#f56a3f; width:40px; }



#footer { width:100%; float:left; background:linear-gradient(to right,#0c2782,#093ab4); font-size:15px; line-height:56px; color:rgba(255,255,255,.9); text-align:center; margin-top: 40px; } 
#footer span { padding: 0 0 0 15px; }
.ai { position: fixed; bottom: 2%; right: 2%; z-index: 999;}
.mtop { display: none;}
@media screen and (max-width: 1024px) {
    
    html {width:100%; height:100%; margin:0px; padding:0; font:16px/1.5 "Microsoft YaHei" , tahoma, arial, \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", sans-serif;  -webkit-font-smoothing:antialiased; /* background:url(../images/mobbj.jpg) center bottom no-repeat; background-size: cover;  background-attachment:fixed;*/ background: #fef5e5;}
body { width:100%; height: auto; background-size: cover; padding-top: 0; }
.warp { width:94%; padding: 2%}
    .header { display: none;}
    .mtop { display: block;}
    .ship2 video { height: auto;}
    .splist li { width: 49%; height: 300px;}
    .splist li .photo2 { height: 300px;}
    .splist li:nth-child(5n) { margin-right:2%;}
    .splist li:nth-child(2n) { margin-right:0;}
    #footer { margin-top: 0;}
    .swiper-slide h3 { width: 100%;padding-right: 0%; float: none;}
    .swiper-slide h4 { padding: 3% 3% 10%;}
    .swiper-slide h4 strong { font-size: 1.2rem; line-height: 1.5rem; padding-top: 3%; margin-bottom: 2%;}
    
}