@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/bg.png) left bottom no-repeat rgba(0,186,255,.05); background-attachment:fixed; overflow-x: hidden;}
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;}
.tit { text-align: center; }
.ship2 {}
.ship2 video { width: 100%; height: 664px; background: #016bfc; display: block; }
.text { font-size: 18px; color: #FFFFFF; line-height: 1.8em; padding: 15px 0;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);text-align: justify;}
.text p { margin-bottom: 15px;}


.fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes fadeInUp {
from { opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInUp {
from { opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.fadeInDown {-webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes fadeInUp {
from { opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInDown {
from { opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.fadeInLeft {-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeft {
from { opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInLeft {
from { opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.fadeInRight {-webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes fadeInRight {
from { opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInRight {
from { opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}




.footer { width: 100%; float:left; color:#fff; line-height:30px; font-size:15px; text-align: center; padding:14px 0;   background:linear-gradient(135deg,#0548d4 0,#067bef 100%); }
.footer font { margin-left: 14px; }
.footer strong { margin-left: 10px; }


.padb100 { padding-bottom:90px;}

@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:100%; }

	
.warp { width:100%;  padding:0 5%;}
    .tit {padding: 5% 0;}
    .ship2 video { height: 22vh;}
    .text { font-size: 1.1rem; line-height: 1.8rem;}
    .text p { margin-bottom: .8rem;}
	
.footer { width: 100%; float:left;  line-height:1.5rem; font-size:.95rem; padding:.6rem 0; }
.footer font { display: none; }

 }