@charset "gb2312";
/*全局样式*/
* { margin:0 auto; padding:0; }
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display:block }
body { font-family:"宋体", "Arial Narrow", HELVETICA; font-size:14px; color:#000000; }
ul, ol, li { list-style:none; }
img { border:0; display:block; }
em { font-style:normal; }
a { text-decoration:none; outline:none; color:#000000; }
/*导航菜单*/
#menu{ width:150px; height:424px; position:fixed; z-index:10; top:200px;}
#menu ul li{ width:150px; height:40px; margin-bottom:8px; background-color:#003d5d; line-height:40px;}
#menu ul .active{ background-color:#7dbe2c;}
#menu ul li span{ display:block; float:left; width:5px; height:40px; background-color:#7dbe2c;}
#menu ul li a{ font-family:"微软雅黑"; font-size:16px; color:#FFFFFF;}
#menu ul li a img{ width:30px; height:24px; float:left; margin:8px 10px 8px 15px;}
/*全屏通用*/
.section { position: relative; overflow: hidden; background-position:top center; background-repeat:no-repeat; }
.box { width:1400px; height:750px; position:relative; }
.box>div{ position:absolute;}
/*第1屏静态*/
#s1{ background-image:url(../images/s1_back_20160629.jpg);}
#s1_xmt{ width:71px; height:307px; left:539px; top:-307px;}
#s1_gzly{ width:70px; height:327px; left:638px; top:-327px;}
#s1_qgl{ width:421px; height:0px; left:727px; top:76px; overflow:hidden;}
#s1_link{ width:295px; height:38px; left:2240px; top:488px;}
#s1_yqh{ width:359px; height:0px; left:181px; top:134px; opacity:0; overflow:hidden;}
/*第1屏动态*/
.active #s1_xmt { top:142px; transition-duration:0.5s; transition-delay:0.5s;}
.active #s1_gzly { top:94px; transition-duration:1.5s; transition-delay:1s;}
.active #s1_qgl { height:420px; transition-duration:2s; transition-delay:2s;}
.active #s1_link { left:912px; transition-duration:2s; transition-delay:2s;}
.active #s1_yqh { height:405px; opacity:1; transition-duration:4.5s; transition-delay:0.5s;/*-webkit-transform-origin: top left;transform-origin: top left;-webkit-transform: rotate3d(0, 0, 1, 60deg);transform: rotate3d(0, 0, 1, 60deg);-webkit-animation: hinge 2s ease infinite;animation: hinge 2s ease infinite;*/}
/*第2屏静态*/
#s2{ background-image:url(../images/s2_back_20160629.jpg);}
#s2_qgl{ width:419px; height:432px; left:174px; top:-432px;}
#s2_info{ width:380px; height:180px; left:151px; top:1600px;}
#s2_info p{ font-family:"方正新楷体", "楷体"; font-size:18px; line-height:32px; font-weight:bolder; color:#165151; text-indent:2em;}
#s2_lx { width:47px; height:141px; left:330px; top:-267px; opacity:0;}
#s2_lx img{ width:470px; height:1410px;}
#s2_con{ width:540px; height:540px; left:2240px; top:166px; overflow:hidden;}
#s2_con ul li{ float:left; width:140px; height:140px; margin-right:40px; margin-bottom:40px; overflow:hidden;}
#s2_con ul li a img{ width:140px; height:140px;}
#s2_con ul li a{ display:block; position:relative;}
#s2_con ul li a span{ display:block; position:absolute; font-family:"微软雅黑"; font-size:24px; color:#FFFFFF; text-align:center; line-height:140px; background:rgba(113,123,161, 0.6); width:140px; height:0px; bottom:0; overflow:hidden; transition:all 0.3s ease-in-out;}
#s2_con ul li a:hover span{ height:140px;}
/*第2屏动态*/
.active #s2_qgl { top:46px; transition-duration:1s; transition-delay:0.5s;}
.active #s2_info { top:524px; transition-duration:1s; transition-delay:0.5s;}
.active #s2_con { left:680px; transition-duration:1s; transition-delay:0.5s;}
.active #s2_lx { left:542px; top:418px; opacity:1; transition-duration:1s; transition-delay:1.5s;}
.active #s2_lx img{ width:47px; height:141px; transition-duration:1s; transition-delay:1.5s;}
/*第3屏静态*/
#s3{ background-image:url(../images/s3_back_20160630.jpg);}
#s3_gzjd{ width:254px; height:105px; left:-834px; top:55px;}
#s3_gl{ width:359px; height:165px; left:2240px; top:22px;}
#s3_con{ width:998px; height:0px; left:200px; top:197px; background-image:url(../images/s3_con_20160630.png); overflow:hidden; opacity:0;}
#s3_con>div{ display:none; width:938px; height:377px; margin:30px; overflow:hidden;}
#s3_con>div:first-child{ display:block;}
#s3_con>div .fl{ float:left; width:430px; height:377px;}
#s3_con>div .fl img{ width:430px; height:300px;}
#s3_con>div .fl h2{ width:430px; height:72px; line-height:72px; text-align:center; font-family:"微软雅黑"; font-size:28px;}
#s3_con>div .fl h2 a{ color:#c2242a;}
#s3_con>div .fr{ float:right; width:480px; height:377px;}
#s3_con>div .fr h3{ width:480px; height:44px; line-height:44px; text-align:center; font-size:22px;}
#s3_con>div .fr h3 a{ color:#c2242a;}
#s3_con>div .fr p{ display:block; width:380px; height:72px; line-height:24px; text-indent:2em; color:#666666;}
#s3_con>div .fr p a{ color:#666666;}
#s3_con>div .fr ul li{ float:left; width:160px; height:130px;}
#s3_con>div .fr ul li img{ width:150px; height:100px;}
#s3_con>div .fr ul li span{ display:block; width:150px; height:30px; line-height:30px; text-align:center;}
#s3_menu{ width:918px; height:74px; left:241px; top:1600px;}
#s3_menu .s3_li1 ul li{ float:left; width:82px; height:74px; margin:0 10px; background-image:url(../images/s3_li1n_20160630.png); text-align:center; font-family:"微软雅黑"; font-size:18px; line-height:74px; color:#FFFFFF; cursor:pointer;}
#s3_menu .s3_li1 ul .y{ background-image:url(../images/s3_li1y_20160630.png);-webkit-animation: scenicNav 4s linear infinite;animation: scenicNav 4s linear infinite;-o-animation: scenicNav 4s linear infinite;-moz-animation: scenicNav 4s linear infinite;-ms-animation: scenicNav 4s linear infinite;}
#s3_menu .s3_li2 ul{ display:none; position:absolute; bottom:80px;}
#s3_menu .s3_li2 ul:nth-child(1){ left:-39px;}
#s3_menu .s3_li2 ul:nth-child(2){ left:69px;}
#s3_menu .s3_li2 ul:nth-child(3){ left:171px;}
#s3_menu .s3_li2 ul:nth-child(4){ left:273px;}
#s3_menu .s3_li2 ul:nth-child(5){ left:375px;}
#s3_menu .s3_li2 ul:nth-child(6){ left:477px;}
#s3_menu .s3_li2 ul:nth-child(7){ left:579px;}
#s3_menu .s3_li2 ul:nth-child(8){ left:681px;}
#s3_menu .s3_li2 ul:nth-child(9){ left:783px;}
#s3_menu .s3_li2 ul li{ width:180px; height:35px; margin-bottom:5px; background-image:url(../images/s3_li2n_20160630.png); text-align:center; font-family:"微软雅黑"; font-size:18px; line-height:35px; color:#FFFFFF; cursor:pointer;}
#s3_menu .s3_li2 ul li:hover{ background-image:url(../images/s3_li2y_20160630.png);}
/*第3屏动态*/
.active #s3_gzjd { left:350px; transition-duration:1s; transition-delay:0.5s;}
.active #s3_gl { left:620px; transition-duration:1s; transition-delay:0.5s;}
.active #s3_con{ height:437px; opacity:1; transition-duration:1s; transition-delay:1.5s;}
.active #s3_menu { top:667px; transition-duration:0.5s; transition-delay:2s;}
/*第4屏静态*/
#s4{ background-image:url(../images/s4_back_20160630.jpg);}
#s4_gzjd{ width:262px; height:105px; left:-842px; top:49px;}
#s4_yj{ width:263px; height:163px; left:2240px; top:5px;}
#s4_zbtj{ width:1000px; height:140px; left:220px; top:-140px;}
#s4_zbtj .pic{ float:left; width:228px; height:42px; margin-top:30px;}
#s4_zbtj h2{ float:right; width:722px; height:44px; line-height:44px; text-align:center; font-family:"微软雅黑"; font-size:30px; font-weight:normal;}
#s4_zbtj h2 a{ color:#720808;}
#s4_zbtj p{ float:right; width:722px; line-height:32px; text-indent:2em; color:#303030;}
#s4_lxgs{ width:1000px; height:340px; left:220px; top:-340px;}
#s4_lxgs .pic{ width:228px; height:42px; margin-left:0px;}
#s4_lxgs .fl{ float:left; width:570px; height:270px; margin-top:20px;}
#s4_lxgs .fl a{ display:block; position:relative;}
#s4_lxgs .fl a span{ display:block; position:absolute; font-family:"微软雅黑"; line-height:24px; color:#FFFFFF; text-align:center; background:rgba(0,0,0,0.6); width:100%; height:24px; bottom:0;}
#s4_lxgs .fl .pic1{ float:left; width:160px; height:270px;}
#s4_lxgs .fl .pic1 img{ width:160px; height:270px;}
#s4_lxgs .fl .pic2{ float:left; width:190px; height:270px;}
#s4_lxgs .fl .pic2 img{ width:190px; height:135px;}
#s4_lxgs .fl .pic3{ float:left; width:220px; height:270px;}
#s4_lxgs .fl .pic3 img{ width:220px; height:270px;}
#s4_lxgs .fl a:hover{-webkit-animation:tremble 1s .2s ease both;-moz-animation:tremble 1s .2s ease both;}

#s4_lxgs .fr{ float:right; width:405px; height:290px;}
#s4_lxgs .fr .ico{ width:112px; height:140px; position: relative;z-index: 2;}
#s4_lxgs .fr .ico li{width:112px;height:140px;z-index: 2;position:absolute;}
#s4_lxgs .fr .ico .ico_0{-webkit-transform:rotateY(240deg) translateZ(150px) scale(.925);-moz-transform:rotateY(240deg) translateZ(150px) scale(.925);-o-transform:rotateY(240deg) translateZ(150px) scale(.925);transform:rotateY(240deg) translateZ(150px) scale(.925);-webkit-animation:rotate_0 10s linear .5s infinite;-moz-animation:rotate_0 10s linear .5s infinite;-o-animation:rotate_0 10s linear .5s infinite;animation:rotate_0 10s linear .5s infinite}
#s4_lxgs .fr .ico .ico_1{-webkit-transform:rotateY(0) translateZ(150px);-moz-transform:rotateY(0) translateZ(150px);-o-transform:rotateY(0) translateZ(150px);transform:rotateY(0) translateZ(150px);-webkit-animation:rotate_1 10s linear .5s infinite;-moz-animation:rotate_1 10s linear .5s infinite;-o-animation:rotate_1 10s linear .5s infinite;animation:rotate_1 10s linear .5s infinite}
#s4_lxgs .fr .ico .ico_2{-webkit-transform:rotateY(120deg) translateZ(150px) scale(.925);-moz-transform:rotateY(120deg) translateZ(150px) scale(.925);-o-transform:rotateY(120deg) translateZ(150px) scale(.925);transform:rotateY(120deg) translateZ(150px) scale(.925);-webkit-animation:rotate_2 10s linear .5s infinite;-moz-animation:rotate_2 10s linear .5s infinite;-o-animation:rotate_2 10s linear .5s infinite;animation:rotate_2 10s linear .5s infinite}
#s4_lxgs .fr .ico li:hover img{ transform: rotateY(360deg); transition:all 2000ms ease; transform-style: preserve-3d;}
#s4_lxgs .fr .ico li span{ display:block; width:112px; height:34px; line-height:34px; text-align:center; font-size:18px; color:#153131; text-shadow:2px 2px 2px #666666;}
#s4_lxgs .fr .text{ width:400px; height:120px; margin-top:30px; margin-left:5px;}
#s4_lxgs .fr .text li{ line-height:30px;}
/*第4屏动态*/
.active #s4_gzjd { left:382px; transition-duration:1s; transition-delay:1.5s;}
.active #s4_yj { left:660px; transition-duration:1s; transition-delay:1.5s;}
.active #s4_zbtj { top:200px; transition-duration:1s; transition-delay:0.5s;}
.active #s4_lxgs { top:350px; transition-duration:1s; transition-delay:0.5s;}
/*第5屏静态*/
#s5{ background-image:url(../images/s5_back_20160630.jpg);}
#s5_cl{ width:568px; height:193px; left:428px; top:-193px;}
#s5_big{ width:400px; height:400px; left:500px; top:230px; overflow:hidden; background-image:url(../images/s5_big_20160630.png); opacity:0;}
#s5_big ul{ width:376px; height:376px; margin-top:12px; border-radius:50%; overflow:hidden;}
#s5_big ul li{ display:none; width:376px; height:376px; border-radius:50%;}
#s5_big ul li:first-child{ display:block;}
#s5_big ul li img{ width:376px; height:376px;}
#s5_big ul li a{ display:block; position:relative;}
#s5_big ul li span{ display:block; position:absolute; width:376px; height:144px; top:188px; font-family:"微软雅黑"; line-height:36px; color:#FFFFFF; text-align:center; background:rgba(0,0,0,0.6);}
#s5_small ul li{ position:absolute; width:135px; height:135px; overflow:hidden; background-image:url(../images/s5_small_20160630.png);}
#s5_small ul li:hover{ background-image:url(../images/s5_smally_20160630.gif);}
#s5_small ul li span{ display:block; width:121px; height:121px; margin-top:7px; border-radius:50%; overflow:hidden;}
#s5_small ul li img{ width:121px; height:121px;}
#s5_small ul li:nth-child(1){ left:-715px; top:-135px;}
#s5_small ul li:nth-child(2){ left:-715px; top:430px;}
#s5_small ul li:nth-child(3){ left:-715px; top:1600px;}
#s5_small ul li:nth-child(4){ left:2240px; top:1600px;}
#s5_small ul li:nth-child(5){ left:2240px; top:430px;}
#s5_small ul li:nth-child(6){ left:2240px; top:-135px;}
/*第5屏动态*/
.active #s5_cl { top:25px; transition-duration:0.5s; transition-delay:0.5s;}
.active #s5_big { opacity:1; transition-duration:1.5s; transition-delay:1s;}
.active #s5_small ul li:nth-child(1){ left:320px; top:200px; transition-duration:1s; transition-delay:1s;}
.active #s5_small ul li:nth-child(2){ left:260px; transition-duration:1s; transition-delay:1s;}
.active #s5_small ul li:nth-child(3){ left:475px; top:615px; transition-duration:1s; transition-delay:1s;}
.active #s5_small ul li:nth-child(4){ left:790px; top:615px; transition-duration:1s; transition-delay:1s;}
.active #s5_small ul li:nth-child(5){ left:1005px; transition-duration:1s; transition-delay:1s;}
.active #s5_small ul li:nth-child(6){ left:945px; top:200px; transition-duration:1s; transition-delay:1s;}
/*第6屏静态*/
#s6{ background-image:url(../images/s6_back_20160630.jpg);}
#s6_fy{ width:295px; height:383px; left:2240px; top:190px; z-index:20;}
#s6_cover{ width:720px; height:540px; left:480px; top:132px; overflow:hidden; z-index:10;}
#s6_con{ width:720px; height:570px; left:480px; top:132px; overflow:hidden;}


#s6_con ul{position: relative;}
#s6_con ul li{width: 240px;height: 180px;z-index: 1;position: absolute;}
#s6_con ul li p{text-align: center;}
#s6_con ul li img{width:198px; height:148px; border-radius:20px;}
#s6_con ul li:nth-child(1){left: 40px;top:50px;-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg);}
#s6_con ul li:nth-child(2){left: 235px;top: 50px;-webkit-transform:rotate(8deg);-ms-transform:rotate(8deg);transform:rotate(8deg);}
#s6_con ul li:nth-child(3){left:435px;top:50px;-webkit-transform:rotate(-6deg);-ms-transform:rotate(-6deg);transform:rotate(-6deg);}
#s6_con ul li:nth-child(4){left:40px;top: 200px;-webkit-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg);}
#s6_con ul li:nth-child(5){left: 245px;top: 200px;-webkit-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg);}
#s6_con ul li:nth-child(6){left: 435px;top:200px;-webkit-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg);}
#s6_con ul li:nth-child(7){left:45px;top: 360px;-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg);}
#s6_con ul li:nth-child(8){left: 240px;top: 360px;-webkit-transform:rotate(8deg);-ms-transform:rotate(8deg);transform:rotate(8deg);}
#s6_con ul li:nth-child(9){left: 435px;top:360px;-webkit-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg);}

#s6_con ul li:hover{-webkit-transform:rotate(0deg) scale(1.5);-ms-transform:rotate(0deg) scale(1.5);transform:rotate(0deg) scale(1.5);-webkit-transition:all 0.5s ease-in;transition:all 0.5s ease-in;z-index: 2;}


/*第6屏动态*/
.active #s6_fy { left:150px; transition-duration:2s; transition-delay:0.5s;}
.active #s6_cover{ width:0px; transition-duration:1.3s; transition-delay:1.2s;}
/*第7屏静态*/
#s7{ background-image:url(../images/s7_back_20160701.jpg);}
#s7_gzjd{ width:303px; height:105px; left:-883px; top:58px;}
#s7_yydt{ width:616px; height:307px; left:574px; top:16px; opacity:0;}
#s7_con{ width:0px; height:392px; left:-234px; top:332px; background-image:url(../images/s7_con_20160701.png); opacity:0; overflow:hidden;}
#s7_con ul{ width:1000px; height:392px; position:relative;}
#s7_con ul li{ position:absolute; background-image:url(../images/s7_li_20160701.png); background-size:100% 100%; cursor:pointer;}
#s7_con ul li span{display:block; width:88%; height:88%; margin-top:6%; border-radius:50%; overflow:hidden; transition: all 500ms ease; }
#s7_con ul li span:hover{ width:80%; height:80%; margin-top:10%; transform: rotate(360deg); transition: all 10000ms ease;}
#s7_con ul li span img{ width:100%; height:100%;}
#s7_con ul li:nth-child(1){ width:128px; height:128px; left:14px; top:0px;}
#s7_con ul li:nth-child(2){ width:136px; height:136px; left:71px; top:150px;}
#s7_con ul li:nth-child(3){ width:118px; height:118px; left:230px; top:109px;}
#s7_con ul li:nth-child(4){ width:200px; height:200px; left:331px; top:194px;}
#s7_con ul li:nth-child(5){ width:200px; height:200px; left:457px; top:17px;}
#s7_con ul li:nth-child(6){ width:110px; height:110px; left:603px; top:217px;}
#s7_con ul li:nth-child(7){ width:110px; height:110px; left:675px; top:88px;}
#s7_con ul li:nth-child(8){ width:110px; height:110px; left:769px; top:182px;}
#s7_con ul li:nth-child(9){ width:110px; height:110px; left:861px; top:78px;}
/*第7屏动态*/
.active #s7_gzjd { left:274px; transition-duration:0.5s; transition-delay:0.5s;}
.active #s7_yydt { opacity:1; transition-duration:0.5s; transition-delay:1s;}
.active #s7_con{ width:1869px; opacity:1; transition-duration:2s; transition-delay:0.5s;}