@charset "utf-8";
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{margin:0;padding:0}body,button,input,select,textarea{font:12px/1.5 Tahoma,Arial,sans-serif}h1,h2,h3,h4,h5,h6{font-size:100%}address,cite,dfn,em,var{font-style:normal}ul,ol{list-style:none}a{text-decoration:none}legend{color:#000}fieldset,img{border:0;vertical-align:bottom;}section,article,aside,header,footer,nav,dialog,figure{display:block;}figure{margin:0;}button,input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}.clear{display:block;height:0;overflow:hidden;clear:both}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}a:link,a:visited{text-decoration:none}a:hover,a:active{text-decoration:underline}a{blr:expression_r(this.onFocus=this.blur())}a{outline:none;}table{border-collapse:collapse;border-spacing:0;}.hidden{display:none;}.invisible{visibility:hidden;}.noBg{background:none !important;}.noBd{border:none !important;}

@font-face {
    font-family: 'HelveticaNeueLTStdMd';
    src: url('../fonts/HelveticaNeueLTStdMd.eot');
    src: url('../fonts/HelveticaNeueLTStdMd.eot') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStdMd.woff2') format('woff2'),
         url('../fonts/HelveticaNeueLTStdMd.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStdMd.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTStdMd.svg#HelveticaNeueLTStdMd') format('svg');
}@font-face {
    font-family: 'framd';
    src: url('../fonts/framd.eot');
    src: url('../fonts/framd.eot') format('embedded-opentype'),
         url('../fonts/framd.woff2') format('woff2'),
         url('../fonts/framd.woff') format('woff'),
         url('../fonts/framd.ttf') format('truetype'),
         url('../fonts/framd.svg#framd') format('svg');
}@font-face {
    font-family: 'HelveticaNeueLTStdMdEx';
    src: url('../fonts/HelveticaNeueLTStdMdEx.eot');
    src: url('../fonts/HelveticaNeueLTStdMdEx.eot') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStdMdEx.woff2') format('woff2'),
         url('../fonts/HelveticaNeueLTStdMdEx.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStdMdEx.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTStdMdEx.svg#HelveticaNeueLTStdMdEx') format('svg');
}@font-face {
    font-family: 'HelveticaNeueLTStdLtEx';
    src: url('../fonts/HelveticaNeueLTStdLtEx.eot');
    src: url('../fonts/HelveticaNeueLTStdLtEx.eot') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStdLtEx.woff2') format('woff2'),
         url('../fonts/HelveticaNeueLTStdLtEx.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStdLtEx.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTStdLtEx.svg#HelveticaNeueLTStdLtEx') format('svg');
}@font-face {
    font-family: 'HelveticaNeueLTStdBdEx';
    src: url('../fonts/HelveticaNeueLTStdBdEx.eot');
    src: url('../fonts/HelveticaNeueLTStdBdEx.eot') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStdBdEx.woff2') format('woff2'),
         url('../fonts/HelveticaNeueLTStdBdEx.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStdBdEx.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTStdBdEx.svg#HelveticaNeueLTStdBdEx') format('svg');
}



.sp10 { height:10px; overflow:hidden; }
.sp15 { height:15px; overflow:hidden; }
.sp20 { height:20px; overflow:hidden; }
.sp25 { height:25px; overflow:hidden; }
.sp35 { height:35px; overflow:hidden; }
.sp45 { height:45px; overflow:hidden; }
.sp55 { height:55px; overflow:hidden; }
.sp65 { height:65px; overflow:hidden; }
.sp75 { height:75px; overflow:hidden; }
.sp85 { height:85px; overflow:hidden; }
.sp100 { height:100px; overflow:hidden; }
.sp145 { height:145px; overflow:hidden; }
.sp160 { height:300px; overflow:hidden; }


body { font-family:"Microsoft YaHei"; color:#333; }
a { color:#333; }
ul { font-size:0px; }
li { font-size:12px; }
img { vertical-align:bottom; max-width:100%; }

.logo { font-family:"HelveticaNeueLTStdMd"; height:42px; line-height:42px; font-size:22px; }
.logo span { margin-left:10px; margin-right:88px; }


.share { position:absolute; right:40px; bottom:40px; z-index:89; font-family:"HelveticaNeueLTStdMd"; height:20px; line-height:20px; font-size:14px; }
.share span { float:right; }
.share a { float:right; width:20px; height:20px; margin-left:15px; transition:all 0.3s; -ms-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -moz-transition:all 0.3s; }
.share a:hover {
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	-moz-transition:all 0.3s;
	
	transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
}

.bigBox { position:absolute; top:0; left:0; transition:all 1s; -webkit-transition:all 1s; -o-transition:all 1s; -moz-transition:all 1s; }
.loadIco { position:absolute; top:0; left:0; background:rgba(0,0,0,0.8); width:100%; height:100%; z-index:111; text-align:center; }
.loadIco em { position:absolute; right:0; top:0; line-height:50px; font-size:18px; color:#fff; padding:0 10px; cursor:pointer;  }
.loadIco em:hover { text-shadow:0 0 2px #fff; }
.loadPage { position:absolute; top:0; left:0; width:100%; height:100%; z-index:222; background:#fff; transform: scale(0,0); -webkit-transform: scale(0,0); -o-transform: scale(0,0); -moz-transform: scale(0,0); transition:all 1s; -webkit-transition:all 1s; -o-transition:all 1s; -moz-transition:all 1s; }
.loadPage .back { display:none; }

.animate1 { transform: scale(0.8,0.8); -webkit-transform: scale(0.8,0.8); -o-transform: scale(0.8,0.8); -moz-transform: scale(0.8,0.8); transition:all 1s; -webkit-transition:all 1s; -o-transition:all 1s; -moz-transition:all 1s; }
.animate2 { transform: scale(0,0); -webkit-transform: scale(0,0); -o-transform: scale(0,0); -moz-transform: scale(0,0); transition:all 1s; -webkit-transition:all 1s; -o-transition:all 1s; -moz-transition:all 1s; }
.animate4 { left:0; transform: scale(0,0); -webkit-transform: scale(0,0); -o-transform: scale(0,0); -moz-transform: scale(0,0); transition:all 1.5s; -webkit-transition:all 1.5s; -o-transition:all 1.5s; -moz-transition:all 1.5s; }
.animate5 { transform: scale(1,1); -webkit-transform: scale(1,1); -o-transform: scale(1,1); -moz-transform: scale(1,1); transition:all 1s; -webkit-transition:all 1s; -o-transition:all 1s; -moz-transition:all 1s; }


.share .s1 { background:url(share_01.png) no-repeat center; }
.share .s2 { background:url(share_02.png) no-repeat center; }
.share .s3 { background:url(share_03.png) no-repeat center; }

.picTxt { margin:0 auto; }
.picTxt .picItem { float:left; }
.picTxt .item { margin:0 auto; }
.picTxt .txt { font-family:"arial"; text-align:left; overflow:hidden; }
.picTxt .item:hover { box-shadow:0 0 5px #fff; }


.bodyleft { position:fixed; top:0; right:100%; width:100%; height:100%; z-index:998; display:none; }
.bodyleft .m-navbtn { position:absolute; right:-50px; top:0; width:50px; height:40px; background:#000 url(m_navBtn.png) no-repeat center; background-size:50% 50%; cursor:pointer; }
.bodyleft .m-wrap { background:#181818; height:100%; overflow-y:scroll; padding-left:50px; }
.bodyleft .m-logo { text-align:center; height:110px; line-height:110px; }
.bodyleft .m-logo img { vertical-align:middle; }
.bodyleft .m-nav { width:; }
.bodyleft .m-nav li { font-family:"Microsoft Yahei","Tahoma"; font-size:20px; border-left:6px solid #181818; }
.bodyleft .m-nav a { display:block; color:#fff; line-height:26px; padding:10px 30px; }
.bodyleft .m-nav li:hover, .bodyleft .m-nav li.current { background:#202020; border-left:6px solid #D9AD4E; }
.bodyleft .m-nav a:hover { text-decoration:none; }
.bodyleft .m-nav dl dt { font-size:14px; }
.bodyleft .m-nav dl a { line-height:20px; padding:5px 30px; }




@media screen and (max-width:1440px) and (min-width:1367px) {
}

@media screen and (max-width:1366px) and (min-width:1280px) {
}

@media screen and (max-width:1280px) and (min-width:768px) {

	.sp20 { height:10px; overflow:hidden; }
	.sp45 { height:25px; overflow:hidden; }
	.sp55 { height:30px; overflow:hidden; }
	.sp65 { height:35px; overflow:hidden; }
	.sp75 { height:40px; overflow:hidden; }
	.sp85 { height:45px; overflow:hidden; }
	.sp100 { height:50px; overflow:hidden; }
	.sp145 { height:105px; overflow:hidden; }
	.sp160 { height:200px; overflow:hidden; }

}


@media screen and (max-width:768px) {

	.bodyleft { display:block; }

	.m-hide { display:none; }
	.sp10 { height:5px; overflow:hidden; }
	.sp15 { height:10px; overflow:hidden; }
	.sp20 { height:15px; overflow:hidden; }
	.sp25 { height:20px; overflow:hidden; }
	.sp35 { height:20px; overflow:hidden; }
	.sp45 { height:20px; overflow:hidden; }
	.sp55 { height:20px; overflow:hidden; }
	.sp65 { height:35px; overflow:hidden; }
	.sp75 { height:40px; overflow:hidden; }
	.sp85 { height:45px; overflow:hidden; }
	.sp100 { height:50px; overflow:hidden; }
	.sp145 { height:100px; overflow:hidden; }
	.sp160 { height:100px; overflow:hidden; }

	.logo { font-size:16px; }
	.logo span { margin-left:20px; }

	.share { display:none; }

	.picTxt { margin:0 auto; }
	.picTxt .picItem { float:left; }
	.picTxt .item { margin:0 auto; }
	.picTxt .txt { font-family:"arial"; text-align:left; overflow:hidden; }
	.picTxt .item:hover { box-shadow:0 0 5px #fff; }

}