@charset 'gb2312';
* { margin: 0; padding:0;} 
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;  -webkit-font-smoothing:antialiased;/*  text-align:justify;*/ text-justify:inter-ideograph;  background:url(../images/bj.png) left bottom no-repeat rgba(0,186,255,.05); background-attachment:fixed;}
body { margin:0px; padding:0; -webkit-text-size-adjust: 100%;}
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,i,em,b,span,td,tr,font,strong,input,textarea,blockquote,img,button {border:0; padding:0; margin: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%; }
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt,font,strong,p,i,em,b,span,td,tr,a,input,textarea,blockquote,img,button { box-sizing:border-box; -webkit-box-sizing:border-box; }

.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}

img { max-width: 100%;border: none; border: 0; vertical-align: middle;}
a { color: #333; text-decoration: none; transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;}
a:focus { outline: none;-moz-outline: none;}
a:hover { text-decoration: none;  color:#083b90; }
.left { float: left; }
.right { float: right;}
.clear { clear: both; }

.header { background: url("../images/banner2.jpg") no-repeat center; height: 950px;}
.warp { width: 1200px; margin: 0 auto;}
.ship2 { margin-top: 3%;}
.ship2 video { width: 100%;background: #016bfc; }
.ship1 video { width: 100%;background: #016bfc; }

.lm { width:100%; margin:0 auto; overflow:hidden; text-align:center; padding:30px 0 0 0; }



.lm2 { overflow: hidden; padding: 3% 0;}
.lm2 i { width: 80px; display: block; float: left;}
.lm2 i img { width: 100%;}
.lm2 span { line-height:90px; font-size:26px; font-weight:bold; color: #016bfc; margin-left: 20px; }
.lm2 font { font-weight: 700; color: #333;}

.slm { width:100%; float:left; margin:0 0 25px 0;}
.slm b { width:8px; height:26px; float:left; display:inline-block; border-radius:5px; background:#0753fe; margin-right:12px; margin-top:1px; }
.slm span { float:left; height:26px; line-height:26px;color:#0753fe; font-size:24px; font-weight: 700;}
.marT40 { margin-top:40px; }

.vdlist { width:100%; float:left; margin-top: 3%;  }
.vdlist ul li { width:32%; float:left; margin-right: 2%;  margin-bottom:2%; height:210px;  background-repeat: no-repeat; background-size:cover; background-position: center center;  overflow:hidden; border-radius:0px; position: relative;  border: solid #016bfc 5px; border-radius: 10px;background: #016bfc; }
.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 i { width:46px; height:46px;  display:inline-block; background: url(../images/player.png);background-size:cover;position: absolute;  left: 44%;  bottom: 43%; display: none; }
.vdlist ul li:nth-child(3n) {  margin-right:0px; }
.vdlist ul li a { width: 100%; height: 100%; display: block; }


.footer { width:100%; float:left; margin-top: 5%;  background:#0d4cd2;  font-size:16px; line-height:52px; color:#fff; text-align:center; } 
.footer strong { padding:0 0 0 8px; font-weight: 600; }

.mtop { display: none;}


@media screen and (max-width: 1024px) {
    .header { display: none;}
    .txt { display: none;}
    .mtop { display: block; border-bottom: #016bfc 10px solid;}
    .warp { width: 96%; }
    .nav ul { width: 100%; padding: 1rem;}
    .nav ul li { font-size: 1rem; line-height: 2rem;margin-right:.5rem;}
    .nav ul li:nth-child(2) { margin-right:0; }
    .nav ul li span {font-size: 1rem; line-height: 2rem; padding: 0 0 0 3px;}
.swiper-button-prev,.swiper-button-next { display: none; }
    .ship2 video ,.ship1 video{ height: 11.8rem; }
    .vdlist ul li { height: 12.3vh; }

.lm { background-size:auto 100%; min-height:3.6rem; margin-bottom:5%; margin-top:5%;  }

    .newspic ul li { width: 49%;}   
    .newspic ul li:nth-child(2n) { margin-right:0px; margin-bottom: 2%; }
    .newspic ul li h2 img { height: 10rem;}
    .newsfont ul li { width: 100%;}
    .newsfont ul li span { height: auto;}
    .vdlist ul li { width: 49%;}
    .vdlist ul li:nth-child(3n) { margin-right:2%;}
    .vdlist ul li:nth-child(2n) { margin-right:0%;}
    .st ul,.newsfont ul { width: 92%; margin: 0 auto;}
    .st ul li { width: 100%; margin-right:0%; }
    .mtbd ul li { width: 100%; margin-right:0%;}
    
    .lm2 i { width: 40px;}
.lm2 span { line-height:1.4rem; font-size:1.2rem; margin-left: 0;  }
	.lm img { width: 60%;}
    
}

