@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.jpg) center top no-repeat #fffbeb; }
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;} 
html { height:9463px; }
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 { 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; }


.warp { width: 1200px; margin: 0 auto;}
.content { position: relative; width: 100%;}
.content.c04 { padding-top: 680px;}
.title { text-align: left; padding-top: 80px;}
.daoyu { text-align: center; padding-top: 300px;}
.ren { position: absolute; bottom: 380px; right: -50px;}
.lm01 { text-align: right; padding-top: 50px; padding-right: 85px;}
.lm02 { padding-top: 80px; padding-left: 20px;}
.lm03 { text-align: right; padding-top: 600px; padding-right: 85px;}
.lm04 {  padding-left: 20px;}
.lm05 { text-align: right; padding-top: 120px; padding-right: 85px;}
.lm06 {  padding-left: 20px; padding-top: 50px; }
.lm07 { text-align: right; padding-top: 110px; padding-right: 85px;}
.lm08 {  padding-left: 20px; padding-top: 50px; }
.b01 { padding-top: 50px;}
.s01 { padding-top: 80px; padding-left: 30px;}
.s02 { padding-left: 30px;}
.s03 { padding-left: 30px;}
.s04 { position: absolute; left: 500px; top: 450px;}
.s05 { position: absolute; right: 0px; top: 650px;}
.s06 { position: absolute; right: 30px; top: 820px;}
.f01 { position: absolute; left: 60px; top: 740px;}
.f02 { position: absolute; left: 0px; top: 870px;}
.f03 { position: absolute; right: 0px; top: 870px;}
.k01 { position: absolute; right: 60px; top: 830px;}
.k02 { padding-top: 70px;}
.z01 { text-align: right; padding-top: 60px; }
.z02 { text-align: left; margin-top: -120px; }
.g01 { text-align: left; padding-top: 60px; }
.g02 { text-align: right; margin-top: -364px; }
.x01,.x02 { text-align: center;}
.x01 { padding-top: 110px;}
.x02 { padding-top: 40px; margin-left: 40px;}
.p01 { padding-top: 50px;}
.p02 { text-align: right; padding-top: 50px; margin-top: -164px; margin-right: -30px;}
.p03 { position: absolute; left: 20px; top: 800px;}
.p04 { position: absolute; left: 330px; top: 1080px;}
.jieyu { padding-top: 500px; text-align: center;}


.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;}


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

	
    
}


@media screen and (max-width:999px) and (min-width: 160px){
html,body { width:1280px; background-size: cover;}

.warp { width:1280px;  overflow: hidden;}
.content { width:1200px; margin-left: 40px;}

}