@charset "utf-8";
/* =s Reset (by wuyue) */
html {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-overflow-scrolling: touch;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
textarea{overflow:auto;}
/* =e Reset */


html,body{height:100%;}
body{font-family:arial,'\5FAE\8F6F\96C5\9ED1';line-height:1.6;font-size:12px;color:#000;}
i{font-style:normal;}
a{
	color:#686868;
	text-decoration: none;
	vertical-align: baseline;
	-webkit-transition: color ease .3s,border-color ease .3s,background-color ease .3s,opacity ease .3s;
	-o-transition: color ease .3s,border-color ease .3s,background-color ease .3s,opacity ease .3s;
	transition: color ease .3s,border-color ease .3s,background-color ease .3s,opacity ease .3s;
}

.clr:after{clear: both;content:'\0020';display: block;visibility:hidden;height:0;}
.clr{zoom:1;}
.hide {display:none;}
.thide{ text-indent: -9999px; position: absolute; left: -9999px;}
.inner{width:1080px;margin:0 auto;position: relative;}
.inner9{width:900px;margin:0 auto;position: relative;}
.yahei {font-family: '\5FAE\8F6F\96C5\9ED1';}
.container{width:1000px; margin-left: auto; margin-right: auto;}
.fl{float:left;}
.fr{float:right;}
.pos_r{position: relative;}
.tc{text-align: center;}
/* =e base */
.logo{display: block; width: 100px; height: 50px;}
.cont0{background: url(../images/bg0.jpg) no-repeat center top; height: 649px;}
.cont1{background: url(../images/bg1.jpg) no-repeat center top; height: 420px;}
.cont2{background: url(../images/bg2.jpg) no-repeat center top; height: 767px;}
.cont3{background: url(../images/bg3.jpg) no-repeat center top; height: 1973px;}
.cont4{background: url(../images/bg4.jpg) no-repeat center top; height: 393px;}
/*.cont0 .inner{ height: 599px;}
.cont1 .inner{ height: 492px;}
.cont2 .inner{ height: 513px;}
.cont3 .inner{ height: 690px;}
.cont4 .inner{ height: 617px;}
.cont5 .inner{ height: 631px;}
.cont6 .inner{ height: 217px;}
.cont7 .inner{ height: 306px;}*/
.btn{width: 246px; height: 73px; background: url(../images/btn.png) no-repeat 0 0; display: block; position: absolute;}
.btn:hover{background-position:  2px -87px;}

.cont1 .word{width: 950px; margin: 0 auto; padding-top: 180px; font-size: 14px; color: #fff; line-height: 1.9; }
.cont1 .word p{padding: 5px 0;}
.cont1 .word p span{padding: 3px 6px; background:#38A9E2; border-radius: 6px; }
.cont1 .word p a{color: #D4D74C; }

.cont2 .video{width: 828px; height:503px; position: absolute; left: 126px; top: 98px;}

.cont3 .btn1{ right: 220px; top: 455px;}
.cont3 .btn2{ right: 220px; top: 1550px;}


.cont4 .pages{top: 195px;left: 348px;position: absolute;}
.cont4 .pages a{ color: #fff; font-size: 18px; font-family: 'microsoft yahei';display: block; line-height: 2;}
.cont4 .pages a:hover{color: #FDF30A}

.bar{width: 163px; height: 104px; position: fixed; right: 50px; top: 200px; display: block; background: url(../images/bar.png);}
.bar{-webkit-animation: bar .8s infinite alternate;
-o-animation: bar .8s infinite alternate;
animation: bar .8s infinite alternate;}
@keyframes bar
{
0%   {top: 200px}
100%   {top: 210px;}
}

@-moz-keyframes bar /* Firefox */
{
0%   {top: 200px}
100%   {top: 210px;}
}

@-webkit-keyframes bar /* Safari 和 Chrome */
{
0%   {top: 200px}
100%   {top: 210px;}
}

@-o-keyframes bar /* Opera */
{
0%   {top: 200px}
100%   {top: 210px;}
}
