@charset "utf-8";

/* CSS Document */

/*@font-face {font-family: 'Frutiger';src: url("font/Frutiger LT 45 Light.ttf");}@font-face {font-family: 'Frutiger-black'; src: url("../other/Frutiger-BlackCn.otf");}*/

html{-webkit-text-size-adjust: none;}

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,img,div{margin:0;padding:0;}body,button,input,select,textarea{/*font:16px/1.5 'Frutiger' Verdana,arial,SimHei,Microsoft Yahei,\5b8b\4f53;*/ color:#000;}h1,h2,h3,h4,h5,h6{font-size:100%;}address,cite,dfn,em,var{font-style:normal;}code,kbd,pre,samp{font-family:courier new,courier,monospace;}small{font-size:12px;}ul,ol,li{list-style:none;}a{text-decoration:none;}a:hover{text-decoration:underline;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}legend{color:#606060;}fieldset,img{border:0;}button,input,select,textarea{font-size:100%;}table{border-collapse:collapse;border-spacing:0;}

body { color:#fff; font-family: '微软雅黑'; overflow: hidden;}

html{ min-width: 1080px; overflow-x:auto !important; overflow-y: hidden;}

a{ color:#000;}

a:hover{ text-decoration:none;}

a:active,a:hover {outline: 0;}

.hide,.piano_tab_f,.q_gz_ip{ display: none;}

/*body{ overflow-x:hidden}*/

button,input,area{-webkit-tap-highlight-color: rgba(0,0,0,0;);tap-highlight-color: rgba(0,0,0,0;); -webkit-appearance: none;-webkit-tap-highlight-color:transparent;outline:none;border:none;}

input, textarea { -webkit-font-smoothing: antialiased;  -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  outline: none; }

input:hover{ border:2px solid #d5c7b6; position:relative;}

.clearfix1{ overflow: hidden;}

.fl{ float:left;}

.fr{ float:right}

.button{ font-size:16px; border:1px solid #c46a66; line-height:34px; color:#9c0700; display:inline-block; padding:0 32px; cursor:pointer}

.button:hover{ color:#fff; background:#9c0700 !important;}

.text-Black{ color:#000}

.text-White{ color:#fff}

.auto{ margin: 0 auto; width: 1000px;}

.font12{ font-size: 12px;}

.xiao_s{ cursor: pointer;}

.block{ display: block;}

.center{ text-align: center;}

.dw{ position: relative; z-index: 1;}

.ab{ position: absolute;}

.re{ position: relative;}

.img100{ width: 100%;}

.auto1{ margin: 0 auto;}

.header{display: block;height: 70px;position: absolute;left: 0;top: 0;z-index: 2;width: 100%; }

.header-bg{position: absolute;left: 0%;width: 100%;height: 100%;background: #000;top: 0;z-index: 1;opacity:.3;filter: alpha(opacity=30);}

.header img{display: block;}

.header h1 {float: left;padding:17px 0 18px;margin: 0}

.header h1 .undis{display: none}

.menu{float: left;padding-top: 6px;}

.menu ul li{float: left;margin-left: 10px;padding:12px 20px;height: 33px;position: relative;}

.menu ul li a{display: block;background: url(../images/menu.png) no-repeat;height: 33px;}

.menu ul li a.menuA{width: 57px;background-position: -0px 0;}

.menu ul li a.menuB{width: 80px;background-position: -95px 0;}

.menu ul li a.menuC{width: 66px;background-position: -216px 0;}

.menu ul li a.menuD{width: 56px;background-position: -315px 0;}

.menu ul li a.menuE{width: 50px;background-position: -411px 0;}

.menu ul li a.menuF{width: 53px;background-position: -498px 0;}

.menu ul li i{display: none;}

.menu ul li i.star-t{position: absolute;width: 18px;height: 19px;background: url(../images/star-t.png) no-repeat;left:2px;top: 1px;}

.menu ul li i.star-b{position: absolute;width: 15px;height: 21px;background: url(../images/star-b.png) no-repeat;right:6px;bottom: -1px}

.menu ul li.active i{display: block;}





.heard_logo .logo { float: left; padding: 16px 0 0 26px;}



.head{ position: fixed; top: 0; left: 0; width: 100%; background: #0c2c60; height: 78px; line-height: 78px; z-index: 990;overflow: hidden}

.jz_1440{ max-width: 1440px; margin: 0 auto;}

.yi_logo{ margin-top:15px }

.head .ul li{ float: left; text-align: center; margin-right: 10px; font-size: 18px; min-width: 149px;}

.head .ul li a{ color: #fff;}

.head .ul li.active{ background: url(../images/yi_3.png) no-repeat center center;}

/*.section2 .v1,.section3 .v1,.section4 .v1,.section5 .v1{ position: relative; top: 92px;}*/

.slick-dots{ bottom: 50px;}

.slick-dots li{ width: 10px; height: 10px; }

.slick-dots li button{ background: #fff; width: 10px; height: 10px; border-radius: 50%;}

.slick-dots li button:before{ display: none;}

.slick-dots li.slick-active button{ background: #f3830b;}

.section1{ background: #00A8D8;	}

.section2{ background: #012C80;}

.section3{ background: #BAD8F4; }

.section4{ background: #B0D8ED;  }




#ascrail2000,#ascrail2001{ opacity: 1 !important;}
#fullPage-nav{ margin-top: -90px !important; }


#fullPage-nav.right{ right: 29px; z-index: 990;}

#fullPage-nav span, .fullPage-slidesNav span{ border:#154D96 2px solid; display: block; opacity: 0.4;}

#fullPage-nav li .active span, .fullPage-slidesNav .active span{ background:#154D96;width: 10px;height: 10px;position: relative;top: 0;display: block;

    left: 0; border:#154D96 2px solid; opacity: 1;}

#fullPage-nav li, .fullPage-slidesNav li{ margin-bottom: 20px; width: 14px; height: 14px;}

/*.dian_j{ position: fixed; top: 50%; margin-top: 89px; right: 37px; cursor: pointer;  z-index: 990; display: none;}*/



.lodd{ background: #00A2D1; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000;}

.lodd .span{ position: fixed; top: 50%; left: 50%; color: #fff; font-size: 20px;}



.lian_j1{ width: 150px; height: 150px;/* border:#f00 1px solid;*/ position: absolute; top: 50%; left: 50%; margin-top: 8%; margin-left: 1%; }

.section2 .v1 div,.section5{ position: relative;}

.lian_j2{ width: 481px; height: 116px; /*border:#f00 1px solid;*/ position: absolute; top: 50%; left: 16.4%; margin-top: 10%;}

.lian_j1,.lian_j2{ display: block; z-index: 990}



.section5 .v2{ position: absolute; top: 50%; left: 50%; width: 1080px; margin-left: -540px; margin-top: -243px;  }

.section5 .v2 .ul{ overflow: hidden; position: absolute; bottom: 0; left:32px;}

.section5 .v2 .ul1{ overflow: hidden; position: absolute; bottom: 0; left:655px;}

.section5 .v2 .ul li{ width: 74px; height: 75px; float: left; margin-left: 26.5px; margin-bottom: 9.5px; position: relative; cursor: pointer;}

.section5 .v2 .ul li img{ width: 72px;}

.section5 .v2 .ul li:hover span{ display: block;}

/*.section4 img{ padding-top: 20px; }*/


.section{ overflow: hidden; }

.section5 .v2 .ul li span{ position: absolute; top: 0; left: 0; background:url(../images/xu.png)repeat; color: #fff; display: block; padding: 5px; width: 65px; height: 65px; display: none; font-size: 14px; line-height: 20px;}

.section5 .gou_mai{ position: absolute; top: 317px; left: 200px; width: 160px; height: 36px;}
.section5 .goima_1{ position: absolute; top: 317px; left: 630px; width: 160px; height: 36px;}

.pdf_a1,.pdf_a2{ width: 170px; position: absolute;bottom: 143px;}
.pdf_a1{ left: 408px;}
.pdf_a2{ right: 10px;}

.section4{ background:#B3D5F2  url(../images/p3_1.jpg) no-repeat center bottom; }

/*page1 str*/
.poa{ position: absolute; }
.p1_1{ left: -31%; bottom: 8%;  width: 26%;}
.p1_2{ right: 14%; top: -19.7%;  width: 35%;}
.p1_3{ right: 13%; bottom: -18.5%;  width: 35%;}

/*page2 str*/
.p2_5{  width: 47%; top:10%; left: 26%; }
.p2_le{ width:29%; left: 21%; top:38%;  }
.p2_re{ width:30%; right:15.8%; top:38%; }
.img100{ width: 100%;display: block; }
.p2_2{ width: 27.7%; right: 1%; bottom: 10%; }
.fy{ left: -30%;top: -2%;width: 102%;}
.fy .wz_icon{ width:12%; }
.fy_1{ left: 0; top:0; }
.wz_1{ left: 25%; top:1%; }
.wz_2{ left:55%; top:7%; }
.wz_3{ left:37%; top:17%; }
.wz_4{ left:20%; top:31%; }
.wz_5{ left:36%; top:42%; }
.wz_6{ left:56%; top:41%; }
.fy .wz_icon.wz_7{ left:43%; top:5%;width:8%; }
.qq_icon{  width: 2%; }
.qq_1{left:56%; top:7%; width: 3%; }
.qq_2{ left: 34%;top: 28%;width: 4%; }
.qq_3{left: 24%;top: 47%;width: 5%; }
.qq_4{left: 50%;top: 34%;width: 4%; }
.qq_5{left: 69%;top: 55%;width: 5%; }
.qq_6{ left: 81%;top: 42%; width: 3%; }
.font{ left: 20%;top: 61%;width: 149%; }
.font_2{ left: 30%; }

.fy .wz_icon span{    position: absolute; left: 0; bottom: 5%; color: #0f2d7a; font-size: 12px; z-index: 22; text-align: center; display: block; font-weight: bold; width: 180%; line-height: 18px; }
.fy .wz_2 span{     text-align: left; padding-left: 80%; }
.fy .wz_5 span{  bottom: 7% }
.font7{ width: 20%;left: 57%;top: 26%;}
.font8{ width: 31%;left: 24.5%;top: 61%;}
.font9{ width: 29%; left: 57%; top: 83.5%;-webkit-animation:.5s ease both alternate translate0101 .6s;animation:.5s ease both alternate translate0101 .6s;}
.fy_2 {-webkit-9nimation:flip-in-ver-right .5s cubic-bezier(.25,.46,.45,.94) both .3s;animation:flip-in-ver-right .5s cubic-bezier(.25,.46,.45,.94) both .3s}
/*.fy_1 img{-webkit-animation:bounce-in-left 1.1s both .5s;animation:bounce-in-left 1.1s both .5s}*/

.xulie_2{-webkit-animation:xulie_1 .5s both .5s;animation:xulie_1 .5s both .5s;-webkit-transform-origin: right bottom;transform-origin: right bottom; width: 78%; left: 0; top:0;}
.xulie_1{-webkit-animation:xulie_2 .5s both .8s;animation:xulie_2 .5s both .8s;  left: 0;bottom: 0;-webkit-transform-origin: right top;transform-origin: right top; width: 79%;}
@-webkit-keyframes xulie_1 {
0% {-webkit-transform:scale(0);}
100% {-webkit-transform:scale(1);}
}
@-webkit-keyframes xulie_2 {
0% { -webkit-transform:scale(0); }
100% {-webkit-transform:scale(1);  }
}
/*.fy_1{-webkit-animation: 2s  linear infinite alternate fd 2.3s;}*/
@-webkit-keyframes sx {
0% { -webkit-transform:translateY(0); opacity:1;}
100% { -webkit-transform:translateY(-20px) ; opacity:1}
}
@keyframes sx {
0% { transform:translateY(0); opacity:1;}
100% { transform:translateY(-20px) ; opacity:1}
}

.wz_2 .img100{-webkit-animation:.5s ease both alternate translate01 1s;animation:.5s ease both alternate translate01 1s;}
.wz_1 .img100{-webkit-animation:.5s ease both alternate translate02 1.1s;animation:.5s ease both alternate translate02 1.1s;}
.wz_3 .img100{-webkit-animation:.5s ease both alternate translate03 1.2s;animation:.5s ease both alternate translate03 1.2s;}
.wz_4 .img100{-webkit-animation:.5s ease both alternate translate04 1.2s;animation:.5s ease both alternate translate04 1.2s;}
.wz_5 .img100{-webkit-animation:.5s ease both alternate translate04 1.3s;animation:.5s ease both alternate translate04 1.3s;}
.wz_6 .img100{-webkit-animation:.5s ease both alternate translate04 1.5s;animation:.5s ease both alternate translate04 1.5s;}
.wz_7 .img100{-webkit-animation:.5s ease both alternate translate04 1.3s;animation:.5s ease both alternate translate04 1.3s;}


.qq_1{-webkit-animation:.5s ease both alternate translate04 1.2s;animation:.5s ease both alternate translate04 1.2s;}
.qq_2{-webkit-animation:.5s ease both alternate translate04 1s;animation:.5s ease both alternate translate04 1s;}
.qq_3{-webkit-animation:.5s ease both alternate translate04 1.1s;animation:.5s ease both alternate translate04 1.1s;}
.qq_4{-webkit-animation:.5s ease both alternate translate04 1.2s;animation:.5s ease both alternate translate04 1.2s;}
.qq_5{-webkit-animation:.5s ease both alternate translate04 1.4s;animation:.5s ease both alternate translate04 1.4s;}
.qq_6{-webkit-animation:.5s ease both alternate translate04 1.1s;animation:.5s ease both alternate translate04 1.1s;}

.font_1,.fy .wz_1 span{-webkit-animation:.5s ease both alternate translate11 1.8s;animation:.5s ease both alternate translate11 1.8s;}

.font_2,.fy .wz_2 span{-webkit-animation:.5s ease both alternate translate11 1.9s;animation:.5s ease both alternate translate11 1.9s;}
.font_3,.fy .wz_3 span{-webkit-animation:.5s ease both alternate translate11 2s;animation:.5s ease both alternate translate11 2s;}
.font_4,.fy .wz_4 span{-webkit-animation:.5s ease both alternate translate11 1.7s;animation:.5s ease both alternate translate11 1.7s;}
.font_5,.fy .wz_5 span{-webkit-animation:.5s ease both alternate translate11 2.2s;animation:.5s ease both alternate translate11 2.2s;}
.font_6,.fy .wz_6 span{-webkit-animation:.5s ease both alternate translate11 2.3s;animation:.5s ease both alternate translate11 2.3s;}
.font7 img{-webkit-animation:.5s ease both alternate translate11 2s;animation:.5s ease both alternate translate11 2s;}
.font8 img{-webkit-animation:.5s ease both alternate translate11 1.8s;animation:.5s ease both alternate translate11 1.8s;}

/*.wz_icon{-webkit-animation: 1s  linear infinite alternate fd 2s;animation: 1s  linear infinite alternate fd 2s;}*/
.wz_2{-webkit-animation-delay: 0.1s;animation-delay: 0.1s;}
.wz_4{-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
.wz_6{-webkit-animation-delay: 0.15s;animation-delay: 0.15s;}
.wz_3{-webkit-animation-delay: 0.35s;animation-delay: 0.35s;}
.wz_5 {-webkit-animation-delay: 0.36s;animation-delay: 0.36s;}

@-webkit-keyframes fd {
0% { -webkit-transform:scale(1); opacity:1;}
100% { -webkit-transform:scale(1.1) ; opacity:1}
}@keyframes fd {
0% { transform:scale(1); opacity:1;}
100% { transform:scale(1.1) ; opacity:1}
}


@-webkit-keyframes roll-in-left{0%{-webkit-transform:translateX(-800px) rotate(-540deg);transform:translateX(-800px) rotate(-540deg);opacity:0}100%{-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg);opacity:1}}@keyframes roll-in-left{0%{-webkit-transform:translateX(-800px) rotate(-540deg);transform:translateX(-800px) rotate(-540deg);opacity:0}100%{-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg);opacity:1}}
@-webkit-keyframes flip-in -ver-right{0%{-webkit-transform:rotateY(-80deg);transform:rotateY(-80deg);opacity:0}100%{-webkit-transform:rotateY(0);transform:rotateY(0);opacity:1}}@keyframes flip-in-ver-right{0%{-webkit-transform:rotateY(-80deg);transform:rotateY(-80deg);opacity:0}100%{-webkit-transform:rotateY(0);transform:rotateY(0);opacity:1}}
/*上下移动 str*/
@-webkit-keyframes translate11 {
0% { -webkit-transform:translate(-10px,0); opacity:0;}
100% { -webkit-transform:translate(0,0) ; opacity:1}
}

@keyframes translate01 {
0% { transform:translate(80px,150px); opacity:0;}
100% { transform:translate(0,0) ; opacity:1}
}
@-webkit-keyframes translate0101 {
0% { -webkit-transform:translate(-50px,0); opacity:0;}
100% { -webkit-transform:translate(0,0) ; opacity:1}
}
@keyframes translate0101 {
0% { transform:translate(-50px,0); opacity:0;}
100% { transform:translate(0,0) ; opacity:1}
}
@keyframes translate02{
0% { transform:translate(130px,150px); opacity:0;}
100% { transform:translate(0,0) ; opacity:1}
}
@keyframes translate03{
0% { transform:translate(100px,120px); opacity:0;}
100% { transform:translate(0,0) ; opacity:1}
}
@keyframes translate04{
0% { transform:translate(80px,70px); opacity:0;}
100% { transform:translate(0,0) ; opacity:1}
}
@keyframes translate11 {
0% { transform:translate(-10px,0); opacity:0;}
100% { transform:translate(0,0) ; opacity:1}
}

@keyframes translate01 {
0% { transform:translate(80px,150px); opacity:0;}
100% { transform:translate(0,0) ; opacity:1}
}
@keyframes translate02{
0% { transform:translate(130px,150px); opacity:0;}
100% { transform:translate(0,0) ; opacity:1}
}
@keyframes translate03{
0% { transform:translate(100px,120px); opacity:0;}
100% { transform:translate(0,0) ; opacity:1}
}
@keyframes translate04{
0% { transform:translate(80px,70px); opacity:0;}
100% { transform:translate(0,0) ; opacity:1}
}
/* ----------------------------------------------
 * Generated by Animista on 2017-12-21 19:6:41
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@-webkit-keyframes bounce-in-left{0%{-webkit-transform:translateX(-600px);transform:translateX(-600px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:translateX(-68px);transform:translateX(-68px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:translateX(-28px);transform:translateX(-28px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}90%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:translateX(-8px);transform:translateX(-8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes bounce-in-left{0%{-webkit-transform:translateX(-600px);transform:translateX(-600px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:translateX(-68px);transform:translateX(-68px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:translateX(-28px);transform:translateX(-28px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}90%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:translateX(-8px);transform:translateX(-8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}


.p2_re01{ width: 45.4%; left: -.05%;top:4%; overflow: hidden;zoom:1;border-radius:0 0 0 15%; -moz-border-radius:0 0 15% 0; -webkit-border-radius:0 0 15% 0; }
.p2_3_bg{ position: relative;z-index: 2; }
.p2_3{ width: 73.4%; right: 1.4%; top:13.5%; -webkit-border-radius: 0 0 15% 0;}

.p2_re02{ width: 41%; right: 4%;top:9%;overflow: hidden;zoom:1;border-radius:0 0 0 19%; -moz-border-radius:0 0 0 19%; -webkit-border-radius:0 0 0 19%;}
.p2_4_bg{ position: relative;z-index: 2; }
.p2_4{width: 82%; top: -2%; right: 17.5%;-webkit-border-radius:0 0 0 19%;}

/*p3 str*/
.p3_bg{ }
.section3 a{display: block; }
.wz_1{ width:12%;  }
/*p4 str*/
.p3_com{text-align: center; position: absolute; top: 12%; width: 60%; left:20%;}
.p3_com img{ width: 100%;}
.p4_1{left: 18%;top: 14%; width: 64%; }
.section4 a{ position: absolute;}
.p3_a1{  width: 21%; height: 10%; left: 25%;top:27%; }
.p3_a2{  width: 25%; height: 7%; left:4%;top:40%; }
.p3_a3{  width: 21%; height: 10%; right: 0;bottom:22%; }
.p3_a4{  width: 25%; height: 7%; right: 12%;bottom:11%; }
/*.p3_a1{ width: 12.6%; left:32.5%; top:37%; height: 10%; }
.p3_a2{ width: 17%; left:19%; top:51%; height: 6%; }
.p3_a3{ width: 12.6%; right:16%; bottom: 11%; height: 10%; }
.p3_a4{ width: 17%; right:25.6%; bottom:0; height: 6%; }*/
@media screen and (max-width:1440px){
 
 /*.p3_com{ width: 54%; left: 23%; top: 15%; }*/
 .yi_logo {
    margin-top: 10px;
    margin-left: 40px;
    width: 208px;
}
.head {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #0c2c60;
    height: 58px;
    line-height: 58px;
    z-index: 990;
    overflow: hidden;
}

.fy .wz_icon span{    position: absolute; left: 0; bottom: 3%; color: #0f2d7a; font-size: 12px; z-index: 22; text-align: center; display: block; width: 180%; line-height: 15px; }
.fy .wz_5 span{   bottom: 4%;}
.fy .wz_2 span{  padding-left:12%; bottom: 2%; }
}