@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: #003856; 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: #014D33;	}

.section2{ background: #9ED792;}

.section3{ background: #9ED792; }

.section4{ background: #9BD78F;  }




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

/*page1 str*/
.poa{ position: absolute; }
.p1_1{ left: -39%; bottom: 8%;  width: 25%;}
.p1_2{ right: 17%; top: -21%;  width: 35%;}
.p1_3{ right: 13%; bottom: -51%;  width: 16%;}

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

.section4 a{ position: absolute;}
.p3_com{text-align: center; position: absolute; top: 15%; width: 70%; left:15%;}
.p3_com img{ width: 100%;}
.p3_com.cur{ top:50%; margin-top:500px; }
.p3_a1{  width: 16%; height: 11%; left:9%; top:32%; }
.p3_a2{  width: 19%; height: 5%; left:26%; top:35%; }
.p3_a3{  width: 16%; height: 11%; right:32.4%; bottom:8%; }
.p3_a4{  width: 19%; height: 5%; right:12.3%; bottom:9%; }


.yi_1{ bottom: 0; top: auto ; position: absolute;}

@media screen and (max-width:1440px){
 /*.p3_com{ width: 54%; left: 23%; top: 15%; }*/
	.yi_logo {
	margin-top: 13px !important;
	margin-left: 40px;
	width: 208px;
	}

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

	.mlogo .mlogow{ width:180px !important;}
	.mlink{font-size: 16px;}
	.myli{margin-top: 10px !important;}
	.myli .ljgm{width: 110px !important;}
	.head .ul li{font-size: 16px; min-width: 125px;}
	.mypg{font-size: 16px !important;}
	.head .ul li.active{background-size:100% auto}
}