@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: #002B64; height: 78px; line-height: 78px; z-index: 990;overflow: hidden}

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

.yi_logo{ margin-top:15px;margin-left: 60px; }

.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: #8CCDB5;	}

.section2{ background: #E7EAB5;}

.section3{ background: #B2DBEF; }

.section4{ background: #C4E9FB;  }


#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: #8CCDB5; 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:#B1E3F9 /* url(../images/p3_1.jpg) no-repeat center bottom*/; }

/*page1 str*/
.poa{ position: absolute; }
.p1_1{ /* right: -17%; */ bottom: 17%;  width: 26%;}
.p1_2{ left: 37%; top: -14%; width: 46%; z-index:100;}
.p1_3{ left: -25%; bottom: 5%; width: 48%;}

/*page2 str*/
.p2_1{left: 18%;top: 16%; width: 64%;}
/*p3 str*/
.p3_bg{ }
.section3 a{display: block;  }
.wz_1{ width:12%;  }
.p4_1{ left: 18%;top: 14%; width: 64%; }
/*p4 str*/

.section4 a{ position: absolute;}
.p3_com{text-align: center; position: absolute; top: 12%; width: 64%; left:18%;}
.p3_com .im1{ width: 100%;}
.section4 .im2{width: 70%; left:15%; bottom: 5%; position: absolute;}
.p3_a1{ width: 21%; height: 10%; left: 29%; top: 22%; } 
.p3_a2{	width: 25%; height: 7%; left: 14%; top: 35%;}
.p3_a3{     width: 21%; height: 10%; right: 0; bottom: 22%;} 
.p3_a4{ width: 25%; height: 7%; right: 10%; bottom: 12%; } /*.p3_a2{  width: 22%; height: 11%; left:29%;top:30%; }
.p3_a3{  width: 17%; height: 11%; right:26%;bottom:13%; }
.p3_a4{  width: 22%; height: 11%; right: 4%;bottom:13%; }*/


.yun_1{ width: 20%; position: absolute; left: -24%;top:23%; -webkit-animation: 38s infinite linear yun1 ;}
.yun_2{ width: 27%; position: absolute; right: -27%;top:3%;-webkit-animation: 39s infinite linear yun2 ;}
@-webkit-keyframes p2_11a {
0% { -webkit-transform:translateX(0); opacity:1;}
100% { -webkit-transform:translateX(-20px); opacity:1}
}


@-webkit-keyframes yun1{
  0%{-webkit-transform: translateX(0)}
  100%{-webkit-transform: translateX(3120px)}
}
@-webkit-keyframes yun2{
  0%{-webkit-transform: translateX(0)}
  100%{-webkit-transform: translateX(-3020px)}
}
.p3_d{ width: 100%; left: 0; bottom: 0; position: absolute; }
@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%;
    height: 58px;
    line-height: 58px;
    z-index: 990;
    overflow: hidden;
}

}