﻿/*公共样式*/
*{margin:0;padding:0;}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
img { border: 0 none; vertical-align: center; }
ul, li { list-style-type: none; margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6 { font-size: 14px; }
body, input, select, button, textarea {font-family:" 微软雅黑"; }
button { cursor: pointer; }
i, em, cite { font-style: normal; }
aside section,.body{display:block; width:1000px; margin:0 auto;}
a, a:link { text-decoration: none; }/*设置a标签基本样式与伪类选择器设置*/
a:visited {}
a:active, a:hover { text-decoration: none; color:#fff; }
a:focus { outline: none; } 
.orange { color:#F26E01;}
.wrap{width:1000px;margin:0 auto;position:relative;}
.clear {
	clear:both;
}
/*公共样式end*/

body{font:16px/28px "微软雅黑";color:#000;}

/*内容*/
.container{margin:0 auto;min-width:1000px; position:relative;overflow:hidden;}
.wrap{width:1000px; margin:0 auto;position:relative;}
.page{display:none; position:relative; height:1066px; overflow:hidden;}
.posa{position: absolute; z-index: 3;}
/************************************************/
.page01{background:url(../images/bg/bg_01.jpg) no-repeat center bottom; height:1066px; position:relative; overflow:hidden;}
.videoBtn{width:123px; height:174px; display:block; background:url(../images/video.png) no-repeat; position:absolute; top:200px; left:-162px; z-index:5;}

.page02{background:url(../images/bg/bg_02.jpg) no-repeat center bottom;}
.page03{background:url(../images/bg/bg_031.jpg) no-repeat center bottom;}
.page04{background:url(../images/bg/bg_04.jpg) no-repeat center bottom;}
.page05{background:url(../images/bg/bg_05.jpg) no-repeat center bottom;}
.page06{background:url(../images/bg/bg_06.jpg) no-repeat center bottom;}
.page07{background:url(../images/bg/bg_071.jpg) no-repeat center bottom;}
.height86{height: 86px;}
/*page1*/
.top_logo{top: 28px; left: -35px;}
.title1{top: 72px; left:-87px;}
.text1{width: 607px; height: 102px; background: url(../images/text1_bg.png) no-repeat; top: 392px; left: -28px; padding-top: 10px; font: 16px/30px "黑体"; color: #f5e828; text-align: center;animation-delay:0.3s;
-webkit-animation-delay:0.3s;}
.title1-1{top: 495px; left: -20px;animation-delay:0.5s;-webkit-animation-delay:0.5s;}
.text2{width: 540px; height: 100px; background: url(../images/text2_bg.png) no-repeat; top: 640px; left: -20px; padding: 30px 20px 0 20px; font: 18px/35px "微软雅黑"; color: #fff;animation-delay:0.6s;-webkit-animation-delay:0.6s;}
/*page2*/
.title2{top: 30px; left: 130px;}
.iceman{top: 500px; left: -365px;animation-delay:0.2s;-webkit-animation-delay:0.2s;}
.fly{top: 115px; right: -213px;animation-delay:0.5s;-webkit-animation-delay:0.5s;}
.ice{top: 163px; left: 185px;animation-delay:0.2s;-webkit-animation-delay:0.2s;}
.text3{width: 355px; top: 293px; left: 93px; font: 18px/35px "微软雅黑"; color: #000;}
.text3 em{color: #ffea00; font-weight: bold;}
.img_list1{width: 350px; height: 227px; background: url(../images/img_list_bg1.png) no-repeat; padding: 8px 9px; top: 503px; left: 90px;}
.fire{top: 163px; right: 187px;animation-delay:0.3s;-webkit-animation-delay:0.3s;}
.text4{width: 355px; top: 293px; right: 93px; font: 18px/35px "微软雅黑"; color: #000;}
.text4 em{color: #ffea00; font-weight: bold;}
.img_list2{width: 350px; height: 227px; background: url(../images/img_list_bg2.png) no-repeat; padding: 8px 9px; top: 503px; right: 85px;}
/*切换元素*/  
.slideTxtBox .hd{z-index:1;position:absolute;bottom:10px;width:95%;text-align: center;} 
.slideTxtBox .hd a{display: inline-block;margin: 0 3px;*margin: 0 6px;} 
.slideTxtBox .hd a.on{background-position:0px 0px;} 
/*切换主内容*/ 
.slideTxtBox .bd{ position:relative; height:100%; z-index:0; } 
.slideTxtBox .bd li{ zoom:1; vertical-align:middle; } 
.slideTxtBox .bd img{display: block;} 
.slideTxtBox1 .hd a{width:16px;height:16px;background-image:url(../images/dot.png);background-position: -32px 0px;} 
.slideTxtBox2 .hd a{width:16px;height:16px;background-image:url(../images/dot.png);background-position: -32px -19px;} 
/*page3*/
.title3{top: 28px; left: 125px;}
.page03_tab{width: 560px; height: 95px; top: 290px;left: 245px;}
.page03_tab a{display: block; width: 108px; height: 117px; float: left;}
.page03_tab a.bg1{ background: url(../images/tab2.png) no-repeat 0px -110px;}
.page03_tab a.bg2{ background: url(../images/tab2.png) no-repeat -100px -110px;}
.page03_tab a.bg3{ background: url(../images/tab2.png) no-repeat -210px -110px;}
.page03_tab a.bg4{ background: url(../images/tab2.png) no-repeat -320px -110px;}
.page03_tab a.bg5{ background: url(../images/tab2.png) no-repeat -430px -110px;}
.page03_tab a:hover.bg1, .page03_tab a.active.bg1{ background: url(../images/tab2.png) no-repeat 0px 0px;}
.page03_tab a:hover.bg2, .page03_tab a.active.bg2{ background: url(../images/tab2.png) no-repeat -100px 0px;}
.page03_tab a:hover.bg3, .page03_tab a.active.bg3{ background: url(../images/tab2.png) no-repeat -210px 0px;}
.page03_tab a:hover.bg4, .page03_tab a.active.bg4{ background: url(../images/tab2.png) no-repeat -320px 0px;}
.page03_tab a:hover.bg5, .page03_tab a.active.bg5{ background: url(../images/tab2.png) no-repeat -430px 0px;}
.page03_content{width: 565px; top: 380px; left: 225px; display: none;}
.page03_content h1{font: bold 30px/45px "宋体"; color: #f20e0e;padding-left: 185px; margin-top: 5px;}
.page03_content h2{font: 24px/45px "微软雅黑"; color: #3a3a3a; padding-left: 190px; margin-top: 30px;}
.page03_content p{font: 18px/35px "微软雅黑"; color: #3a3a3a; margin-top: 10px;}
.page03_content p img{margin-left: 45px;}
/*page4*/
.title4{top: 50px; left: -15px;}
.text5{top: 205px; left: 32px; width: 560px; font: 18px/33px "微软雅黑"; color: #fff;}
.page4_img1{top: 320px; left: 30px;}
.page4_img2{top: 320px; left: 320px;}
/*page5*/
.title5{top: 75px; left: 105px;}
.page05_tab{width: 285px; height: 250px; top: 0;right: 60px;}
.page05_tab a{display: block; float: left;}
.page05_tab a.bg1{width: 88px; height: 220px; background: url(../images/tab3.png) no-repeat 0px -68px;}
.page05_tab a.bg2{width: 88px; height: 165px; background: url(../images/tab3.png) no-repeat -80px -125px;}
.page05_tab a.bg3{width: 88px; height: 245px; background: url(../images/tab3.png) no-repeat -165px -45px;}
.page05_tab a:hover.bg1, .page05_tab a.active.bg1{width: 88px; height: 220px; background: url(../images/tab3.png) no-repeat -285px -100px;}
.page05_tab a:hover.bg2, .page05_tab a.active.bg2{width: 88px; height: 165px; background: url(../images/tab3.png) no-repeat -390px -151px;}
.page05_tab a:hover.bg3, .page05_tab a.active.bg3{width: 88px; height: 245px; background: url(../images/tab3.png) no-repeat -493px -73px;}
.page05_content{width: 765px; height: 230px; background: url(../images/page05_text.png) no-repeat; top: 262px; left:80px; display: none; padding: 16px 37px 0px 37px;}
.page05_content .tit1{width: 461px; height: 93px; background: url(../images/page05_tit1.png) no-repeat; margin: 0 0 0 150px;}
.page05_content .tit2{width: 461px; height: 93px; background: url(../images/page05_tit2.png) no-repeat; margin: 0 0 0 150px;}
.page05_content .tit3{width: 461px; height: 93px; background: url(../images/page05_tit3.png) no-repeat; margin: 0 0 0 150px;}
.page05_content p{font: 18px/35px "微软雅黑";color: #424242;}
/*page6*/
.title6{top: 50px; left: 155px;}
.text6{width:685px; height:132px; top: 168px; left: 108px; background: url(../images/text3_bg.png) no-repeat; padding: 30px 60px 0 60px; font: 18px/36px "微软雅黑"; color: #fff;}
/*page7*/
.title7{top: 60px; left: 140px;}
.yh_content{width:535px;top: 200px; left: 35px;}
.yh_content .yh_inner{width: 430px; height: 362px; float: left; display: none; padding: 90px 60px 0 60px; font: 16px/30px "微软雅黑";color: #fff;}
.yh_content .yh_inner.bg1{ background: url(../images/yh_bg.png) no-repeat;}
.yh_content .yh_inner.bg2{ background: url(../images/yh_bg1.png) no-repeat;}
.yh_content .yh_inner.bg3{ background: url(../images/yh_bg2.png) no-repeat;}
.yh_content .yh_inner.bg4{ background: url(../images/yh_bg3.png) no-repeat;}
.yh_content .yh_inner.bg5{ background: url(../images/yh_bg4.png) no-repeat;}
.yh_content .yh_inner.bg6{ background: url(../images/yh_bg5.png) no-repeat;}
.yh_content .yh_inner.bg7{height:359px; padding:120px 40px 0 50px; background: url(../images/yh_bg6.png) no-repeat;}
.yh_content .yh_inner em{color: #ffde00; font-weight: bold;}
.yh_content .yh_inner em i{font-weight: normal; font-size: 24px;}
.yh_content .pre{display: block; position: absolute; top: 230px; left: -85px; width: 75px; height: 58px;background: url(../images/pnext.png) no-repeat 0px 0px;}
.yh_content .next{display: block; position: absolute; top: 230px; right: -85px; width: 75px; height: 58px;background: url(../images/pnext.png) no-repeat -85px 0px;}

/*导航*/
.nav_bottom{margin:0 auto;width:100%;height:100px;left:0px;top:0px; z-index:9;position:absolute;background:url(../images/nav_bg1.png) no-repeat center top;}
.nav_inner{height: 107px; margin-top:0px;}
/*.nav_inner a{float:left; width:129px; height:107px; background:url(../images/nav_li.png) no-repeat; margin-left: 10px;}*/
.nav_inner a{float:left; width:100px; height:84x; background:url(../images/nav_li2.png) no-repeat; margin-left: 30px;}
.nav_inner a:hover, .nav_inner a.active{ background:url(../images/nav_li3.png) no-repeat;}
/*.nav_inner a span{display: block; width: 129px; height: 107px;}*/
.nav_inner a span{display: block; width: 100px; height: 84px;}
.nav_inner a span.bg1{ background: url(../images/nav_span2.png) no-repeat 27px 20px;}
.nav_inner a span.bg2{ background: url(../images/nav_span2.png) no-repeat -113px 20px;}
.nav_inner a span.bg3{ background: url(../images/nav_span2.png) no-repeat -247px 20px;}
.nav_inner a span.bg4{ background: url(../images/nav_span2.png) no-repeat -392px 20px;}
.nav_inner a span.bg5{width: 105px; background: url(../images/nav_span2.png) no-repeat -522px 20px;}
.nav_inner a span.bg6{ background: url(../images/nav_span2.png) no-repeat -659px 20px;}
.nav_inner a span.bg7{ background: url(../images/nav_span2.png) no-repeat -798px 20px;}
.nav_inner a:hover span.bg1, .nav_inner a.active span.bg1{ background: url(../images/nav_span3.png) no-repeat 27px 20px;}
.nav_inner a:hover span.bg2, .nav_inner a.active span.bg2{ background: url(../images/nav_span3.png) no-repeat -113px 20px;}
.nav_inner a:hover span.bg3, .nav_inner a.active span.bg3{ background: url(../images/nav_span3.png) no-repeat -247px 20px;}
.nav_inner a:hover span.bg4, .nav_inner a.active span.bg4{ background: url(../images/nav_span3.png) no-repeat -392px 20px;}
.nav_inner a:hover span.bg5, .nav_inner a.active span.bg5{width: 105px; background: url(../images/nav_span3.png) no-repeat -522px 20px;}
.nav_inner a:hover span.bg6, .nav_inner a.active span.bg6{ background: url(../images/nav_span3.png) no-repeat -659px 20px;}
.nav_inner a:hover span.bg7, .nav_inner a.active span.bg7{ background: url(../images/nav_span3.png) no-repeat -798px 20px;}

/*版权*/
.copyright{height: 90px; background: #c70c14; position: absolute; bottom: 0;left: 0; width: 100%;}
.copyright .footer_logo{width:96px;height:49px;float:left;background:url(../images/top_logo.png) no-repeat 0 0;margin-top:0px;margin-left: 70px;}
.copyright .copy_text{float:left;color:#fff;margin:13px 0 0 27px;width:490px;}
.copyright .copy_text span{margin-left:30px;}
.copyright .copy_text a{color:#fff;}
.copyright .copy_text a:hover{text-decoration:none;}
.copyright .copyshrea{float:left;width:200px;margin:10px 0 0 6px;}
