﻿@charset "utf-8";
/* CSS Document */

body{ font:12px/1.5 "Microsoft YaHei",arial,simsun,sans-serif; color:#fff; margin:0 auto; padding:0; background:url(../images/banbg.jpg) top center no-repeat; min-width:1200px; overflow-x:hidden;}

/*链接整体设置*/
a{ text-decoration:none; color:#fff; transition:all linear .2s;}
a:hover{ color:#326fc2;}
a:active{ color:#fff;}
a{ blr:expression(this.onFocus=this.close());}
a{ blr:expression(this.onFocus=this.blur());} 
a:focus,input:focus,button:focus,textarea:focus,select:focus{ -moz-outline-style:none; outline:none;}

/*公用样式*/
div,table,tr,td,img,ul,li,ol,h1,h2,h3,h4,h5,h6,p,em,i,font,span,dl,dt,dd,form,textarea,input,select{ margin:0; padding:0; font-size:12px; font-style:normal; font-family:"Microsoft YaHei";}
ul,ol{ list-style-type:none;}
h1,h2,h3,h4{font-weight:500;}
img{ border:none; -ms-interpolation-mode:bicubic;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;}
.hidden{display:none;}
@font-face{ font-family: myFont;src: url('../images/fzcsjw.ttf'); /* IE9+ */}
.wrap{ width:100%; position:relative;}
.w{ width:1200px; margin:0 auto;}

/*header*********************************************************************/
.header{ width:100%; height:870px;}
.head{ width:1250px; position:relative; margin:0 auto; padding-top:610px;}
.head .himg{ opacity:0; position:absolute; left:0; top:75px; display:inline-block;}
.head a{ display:inline-block; width:240px; height:110px; margin-left:43px;}
#bigBanner{ width:1920px; height:870px; position:absolute; min-width:1200px; top:0; left:50%; margin:0 auto; margin-left:-960px;}

.titc{ text-align:center;}

.con1{ background:url(../images/bg1.jpg) top center no-repeat; height:581px;}
.con1 .titc{ padding:65px 0 23px 0;}
.con1c{ padding:0 175px; opacity:0;}
.con1c ul li{ font-size:16px; line-height:38px; padding-left:65px; position:relative;}
.con1c ul li em{ font-size:16px; display:inline-block; width:64px; position:absolute; left:0; top:0; text-align:justify; text-justify:distribute-all-lines; text-align-last:justify;}
.con1c h3{ padding:20px 0 10px 0;}
.con1c p{ font-size:16px; line-height:38px; color:#95050b;}

.con2{ background:url(../images/bg2.jpg) top center no-repeat; height:864px;}
.con2 .titc{ padding:30px 0 0 0;}
.con2c{ padding:0 0 0 145px; opacity:0;}
.con2c h3{ padding-top:30px;}
.con2c p{ line-height:50px; font-size:21px; text-transform:uppercase;}
.con2c p em{ font-size:21px; color:#ffbc65; display:inline-block; min-width:280px;}
.con2c p font{ font-size:21px; color:#fff; padding-right:15px;}
.con2c ul li{ line-height:50px; font-size:21px; text-transform:uppercase;}
.con2c ul li em{ font-size:21px; color:#ebc200; display:inline-block; min-width:310px;}
.con2c ul li font{ font-size:21px; color:#fff; padding-right:15px;}

.con3{ background:url(../images/bg3.jpg) top center no-repeat; height:494px;}
.con3 .titc{ padding:101px 0 0 0;}
.con3 h3{ text-align:center; padding:42px 0 35px 0;}
.con3c{ padding:0 0 0 120px; opacity:0;}
.con3c li{ line-height:60px; text-transform:uppercase;}
.con3c li em{ font-size:21px; display:inline-block; color:#ffd50f; width:215px; padding-left:30px;}
.con3c li em font{ font-size:21px; color:#fff; padding-right:10px;}

.con4{ background:url(../images/bg4.jpg) top center no-repeat; height:1064px;}
.con4 .titc{ padding:113px 0 0 0;}
.con4c{ overflow:hidden; margin:0 -9px;}
.con4c li{ width:388px; float:left; padding:12px 9px;}
.con4c li a{ display:block;}
.con4c li img{ transition:All 0.4s ease-in-out;}
.con4c li img:hover{ transform:scale(0.95);}

.con5{ background:url(../images/bg5.jpg) top center no-repeat; height:551px;}

.picScroll{ position:relative; height:464px; width:1200px; margin:0 auto;}
.picScroll .bd ul li{ width:100%; height:464px; overflow:hidden;}
.picScroll .prev,
.picScroll .next{ position:absolute; left:-75px; top:50%; margin-top:-56px; display:block; width:39px; height:80px; overflow:hidden; background:url(../images/point.png) 0 0 no-repeat; cursor:pointer;}
.picScroll .next{ left:auto; right:-75px; background-position:right top;}


/*滚动图新样式*/
.con2 .w .picScroll{ position:relative; height:660px; width:1200px; margin:0 auto;}
.con2 .w .picScroll .bd ul li{width:100%; height:660px; overflow:hidden;}

/*最下面那个滚动*/
.con6 .picScroll{ position:relative; height:500px; width:1200px; margin:0 auto;}
.con6 .picScroll .bd ul li{width:100%; height:500px; overflow:hidden;}


.con6{ background:url(../images/bg6.jpg) top center no-repeat; height:636px; text-align:center;}
.con6 .titc{ padding-top:35px;}
.game{ position:relative; width:800px; height:440px; padding:27px 25px; margin:0 auto;}
.game i{ width:850px; height:495px; position:absolute; left:0; right:0; top:0; bottom:0; background:url(../images/line.png) top center no-repeat; display:block;}
.game img{ display:block; margin:0 auto;}

@keyframes tosmall{
    0% { transform: scale(2); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@-webkit-keyframes tosmall{
    0% { -webkit-transform: scale(2); opacity: 1; }
    100% { -webkit-transform: scale(1); opacity: 1; }
}
.tosmall { animation: tosmall .3s .5s forwards; -webkit-animation: tosmall .3s .5s forwards; }

@keyframes totop{
    0% { transform: translate3d(0,200px,0); opacity: 1; }
    100% { transform: translate3d(0,0,0); opacity: 1; }
}
@-webkit-keyframes totop{
    0% { -webkit-transform: translate3d(0,200px,0); opacity: 1; }
    100% { -webkit-transform: translate3d(0,0,0); opacity: 1; }
}
.totop { animation: totop .5s .8s forwards; -webkit-animation: totop .5s .8s forwards; }


/*foot style*********************************************************************/
.footer{ width:100%; padding-top:35px; height:110px; background:url(../images/bg7.jpg) top center no-repeat;}
.foot{ width:1200px; margin:0 auto; position:relative;}
.foot .flogo{ width:100x; height:119px; position:absolute; left:0; top:50%; margin-top:-58px;}
.foot .sc{ width:50px; height:50px; position:absolute; right:10%; top:50%; margin-top:-42px;}
.foot p{ color:#cedfff; line-height:24px; font-size:14px; padding-left:255px;}

.pop{ position:fixed; width:144px; height:288px; padding-top:23px; right:0; top:50%; margin-top:-178px; z-index:9999; _position:absolute; background:url(../images/pop.png) top center no-repeat;}
.pop img{ display:block; margin:0 auto;}
.pop p{ text-align:center; font-size:13px; color:#e0cdb3; line-height:24px; padding-top:5px;}
.pop ul{ width:126px; margin:0 auto;}
.pop ul li{ height:46px; margin-top:6px;}
.pop ul li a{ display:block; height:46px; background:url(../images/pop_txt.png) no-repeat;}
.pop ul li.li1 a{ background-position:0 0;}
.pop ul li.li1 a:hover{ background-position:-126px 0;}
.pop ul li.li2 a{ background-position:0 -46px;}
.pop ul li.li2 a:hover{ background-position:-126px -46px;}
.musicbox{width:43px;height:42px;text-align:center;position:relative;margin:8px auto 0 auto; background:url(../images/music.png) no-repeat left top;}
.musicbox .music_xuanzuan{width:42px;height:42px;position:relative;margin:0 auto;background:url(../images/music3.png) no-repeat left top;cursor:pointer;display:block;z-index:1000;}
.musicbox .music_gif{width:42px;height:42px;position:absolute;top:0;right:0;background:url(../images/music.gif) no-repeat left top;}
.musicbox.musicstop .music_gif{display:none;}
.musicbox.musicstop img{position:absolute;top:50%;left:50%;margin:0 auto;margin-top:-32px;margin-left:-30px;display:block;z-index:6000;}
.musicbox img{display:none;}