@charset "gb2312";
/*basic.css - Written by douchaoyang in September 2015*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font-size:12px;font-family:"Microsoft Yahei",arial;}
em,strong,th,i{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none;cursor:pointer;outline:none;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul,li{list-style:none;}
fieldset,img{border:0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix{*zoom:1;}
/*basic end*/
html body{ background:#3b3b3b;}


.container{width:100%; min-width:1000px; height:100%; position:relative; overflow:hidden;}
.header{background:url(../images/bg1.jpg) no-repeat center top; height:735px; width:1920px; position:relative; left:50%; margin-left:-960px; overflow:hidden;}
.main{width:1000px; margin:0 auto; position:relative;}
.logo{position:absolute; width:110px; height:110px; top:20px; left:26px; text-indent:-999em; z-index:3;}
/*-------Ö÷Ìå--------*/
.main{width:1000px; margin:0 auto; position:relative; z-index:2;}

.bg{width:1920px; position:absolute; left:50%; margin-left:-960px; top:735px;}
.bg1{background:url(../images/bg2.jpg) no-repeat center top; width:100%; height:712px;}	
.bg2{background:url(../images/bg3.jpg) no-repeat center top; width:100%; height:850px;}
.bg3{background:url(../images/bg4.jpg) no-repeat center top; width:100%; height:842px;}	
.bg4{background:url(../images/bg5.jpg) no-repeat center top; width:100%; height:768px;}	
.bg5{background:url(../images/bg6.jpg) no-repeat center top; width:100%; height:835px;}	
.bg6{background:url(../images/bg7.jpg) no-repeat center top; width:100%; height:825px;}
.bg7{background:url(../images/bg8.jpg) no-repeat center top; width:100%; height:834px;}	
.bg8{background:url(../images/bg9.jpg) no-repeat center top; width:100%; height:688px;}	
.bg9{background:url(../images/bg10.jpg) no-repeat center top; width:100%; height:591px;}		

.section{position:relative; z-index:2;}
.section_01{height:375px;}
.section_02{height:655px;}
.section_03{height:1140px;}
.section_04{height:1480px;}
.section_05{height:670px;}
.section_06{height:1120px;}
.section_07{height:260px;}
.section_08{height:820px;}
.section_09{height:425px;}

.section p{font-size:14px; color:#fff; position:relative; line-height:24px;}
.section_01 p{top:170px; left:450px;}
.section_02 p{top:350px; left:105px;}
.section_03 p.wen1{top:350px; left:105px;}
.section_03 p.wen2{top:720px; left:430px;}
.section_04 p.wem1{top:350px; left:105px;}
.section_04 p.wen2{top:720px; left:430px;}
.section_04 p.wen3{top:1080px; left:105px;}
.section_05 p{top:360px; left:105px;}
.section_06 p.wen1{top:350px; left:105px;}
.section_06 p.wen2{top:720px; left:430px;}
.section_07 p{top:115px; left:45px; color:#123952;}
.section_08 p{top:140px; left:45px; color:#123952;}

/*µ¼º½*/
.nav1 {width:187px; height:523px; display: none; z-index: 10; position: fixed; top: 20%; right: 45px; background: url(../images/nav_bg.png) no-repeat;_position: absolute; _top:expression(eval((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop+464 : (document.body.scrollTop + 464)/2));}
*html{background-image:url(about:blank);background-attachment:fixed;}
.nav1 li a{display: block; height:46px; line-height:46px; text-indent:-999em; position:relative; background:url(../images/nav.png) no-repeat;}
.nav1 li a.btn-1{background-position:35px 2px;}
.nav1 li a.btn-2{background-position:35px -42px;}
.nav1 li a.btn-3{background-position:35px -89px;}
.nav1 li a.btn-4{background-position:35px -134px;}
.nav1 li a.btn-5{background-position:35px -180px;}
.nav1 li a.btn-6{background-position:35px -226px;}
.nav1 li a.btn-7{background-position:32px -272px;}
.nav1 li a.btn-8{background-position:35px -318px;}

.nav1 li a.btn-1:hover,.nav1 li.on a.btn-1{background-position:-132px 2px;}
.nav1 li a.btn-2:hover,.nav1 li.on a.btn-2{background-position:-132px -42px;}
.nav1 li a.btn-3:hover,.nav1 li.on a.btn-3{background-position:-132px -89px;}
.nav1 li a.btn-4:hover,.nav1 li.on a.btn-4{background-position:-132px -134px;}
.nav1 li a.btn-5:hover,.nav1 li.on a.btn-5{background-position:-132px -180px;}
.nav1 li a.btn-6:hover,.nav1 li.on a.btn-6{background-position:-132px -226px;}
.nav1 li a.btn-7:hover,.nav1 li.on a.btn-7{background-position:-135px -272px;}
.nav1 li a.btn-8:hover,.nav1 li.on a.btn-8{background-position:-132px -318px;}

.nav1 li.on a{color:#a8281d }
.nav1 li a:hover{color:#a8281d}
.nav1 li a.btn-9{height: 70px; line-height:70px; text-indent:-999em; background:none;}
.video{position:absolute; top:352px; left:440px; display:block; width:70px; height:70px; z-index:10; text-indent:-999em;}
.slog{background:url(../images/pic2.png) no-repeat center center; width:675px; height:455px; position:absolute; top:170px; left:-20px; z-index:5;}
.slog p{font-size:14px; text-align:center; color:#fff; position:relative; top:275px; left:0px; line-height:24px;}
.slog .gonglue{display:block; width:110px; height:40px; text-indent:-999em; position:relative; top:293px; left:280px;}
.pic{background:url(../images/pic3.png) no-repeat center top; width:824px; height:867px; position:absolute; top:16px; right:-298px; z-index:3;}
.suger{background:url(../images/pic.png) no-repeat center center; width:1443px; height:600px; position:absolute; top:120px; left:-170px;-webkit-animation:gogo 4s infinite linear; animation:gogo 4s infinite linear; -moz-animation:gogo 4s infinite linear; -ms-animation:gogo 4s infinite linear; -o-animation:gogo 4s infinite linear; z-index:4;}

@keyframes gogo{
    0%,100%{transform:translate(0px)}50%{transform:translate(6px,6px)}
}
@-webkit-keyframes gogo{
    0%,100%{-webkit-transform:translate(0px)}50%{-webkit-transform:translate(6px,6px)}
}
@-moz-keyframes gogo{
    0%,100%{-moz-transform:translate(0px)}50%{-moz-transform:translate(6px,6px)}
}
@-ms-keyframes gogo{
    0%,100%{-ms-transform:translate(0px)}50%{-ms-transform:translate(6px,6px)}
}
@-o-keyframes gogo{
    0%,100%{-o-transform:translate(0px)}50%{-o-transform:translate(6px,6px)}
}
.yun{background:url(../images/yun.png) no-repeat; position:absolute;}
.yun1{width:160px; height:55px; background-position:-210px -20px; top:0px; right:-200px; -webkit-animation:yun1 55s infinite linear; animation:yun1 55s infinite linear; -moz-animation:yun1 55s infinite linear; -ms-animation:yun1 55s infinite linear; -o-animation:yun1 55s infinite linear}
.yun2{width:108px; height:66px; background-position:-215px -140px; top:165px; right:-120px; -webkit-animation:yun2 65s infinite linear; animation:yun2 65s infinite linear; -moz-animation:yun2 65s infinite linear; -ms-animation:yun2 65s infinite linear; -o-animation:yun2 65s infinite linear}
.yun3{width:140px; height:66px; background-position:-20px 0px; top:60px; left:390px; -webkit-animation:yun3 70s infinite linear; animation:yun3 70s infinite linear; -moz-animation:yun3 70s infinite linear; -ms-animation:yun3 70s infinite linear; -o-animation:yun3 70s infinite linear}
.yun4{width:150px; height:85px; background-position:0px -109px; top:425px; left:-310px; -webkit-animation:yun4 65s infinite linear; animation:yun4 65s infinite linear; -moz-animation:yun4 65s infinite linear; -ms-animation:yun4 65s infinite linear; -o-animation:yun4 65s infinite linear}

@keyframes yun1 {0%{transform:translateX(500px);}100%{transform:translateX(-2000px);}}
@-webkit-keyframes yun1 {0%{-webkit-transform:translateX(500px);}100%{-webkit-transform:translateX(-2000px);}}
@-moz-keyframes yun1 {0%{-moz-transform:translateX(800px);}100%{-moz-transform:translateX(-2000px);}}
@-ms-keyframes yun1 {0%{-ms-transform:translateX(800px);}100%{-ms-transform:translateX(-2000px);}}
@-o-keyframes yun1 {0%{-o-transform:translateX(800px);}100%{-o-transform:translateX(-2000px);}}

@keyframes yun2{0%{transform:translateX(600px);}100%{transform:translateX(-1800px);}}
@-webkit-keyframes yun2 {0%{-webkit-transform:translateX(600px);}100%{-webkit-transform:translateX(-1800px);}}
@-moz-keyframes yun2 {0%{-moz-transform:translateX(600px);}100%{-moz-transform:translateX(-1800px);}}
@-ms-keyframes yun2 {0%{-ms-transform:translateX(600px);}100%{-ms-transform:translateX(-1800px);}}
@-o-keyframes yun2 {0%{-o-transform:translateX(600px);}100%{-o-transform:translateX(-1800px);}}

@keyframes yun3{0%{transform:translateX(1500px);}100%{transform:translateX(-500px);}}
@-webkit-keyframes yun3 {0%{-webkit-transform:translateX(1500px);}100%{-webkit-transform:translateX(-500px);}}
@-moz-keyframes yun3 {0%{-moz-transform:translateX(1500px);}100%{-moz-transform:translateX(-500px);}}
@-ms-keyframes yun3 {0%{-ms-transform:translateX(1500px);}100%{-ms-transform:translateX(-500px);}}
@-o-keyframes yun3 {0%{-o-transform:translateX(1500px);}100%{-o-transform:translateX(-500px);}}

@keyframes yun4{0%{transform:translateX(1800px);}100%{transform:translateX(-400px);}}
@-webkit-keyframes yun4 {0%{-webkit-transform:translateX(1800px);}100%{-webkit-transform:translateX(-400px);}}
@-moz-keyframes yun4 {0%{-moz-transform:translateX(1800px);}100%{-moz-transform:translateX(-400px);}}
@-ms-keyframes yun4 {0%{-ms-transform:translateX(1800px);}100%{-ms-transform:translateX(-400px);}}
@-o-keyframes yun4 {0%{-o-transform:translateX(1800px);}100%{-o-transform:translateX(-400px);}}