@charset "utf-8";
/* CSS Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button{margin: 0;padding: 0;border: 0;}
html{-webkit-text-size-adjust:none; }
body{font-size:12px;position:relative;overflow-x:hidden; }
table{border-collapse:collapse; border-spacing:0;}
ol, ul, li{ list-style:none;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
h1{font-size:28px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
a{text-decoration:none;color:#666;} 
a:hover{color:#000;text-decoration:none;} 
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; } 
* {font-family: Arial,"微软雅黑",'Microsoft YaHei';}
::selection { background:#0080c8; color:#fff;} ::-moz-selection { background:#0080c8; color:#fff;  } ::-webkit-selection { background:#0080c8; color:#fff;  }
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
.fl{ float:left;}
.fr{ float:right;}
.clear { clear:both;}





/* 页头 */ 
.header { width:100%; padding:40px 0px 20px 0px ;}
.w1200 { width:1200px; margin: auto; }
.logo {}
.p-relative {position:relative;}

.footer {width:100%; padding:0px ;overflow:hidden;}
.f-tel {  padding:30px; border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;overflow:hidden;}
.f-tel li{ float:left; padding:0px 0px; color:#666; font-size:12px; width:33.33%; letter-spacing:1px;}
.f-tel li img{ display:inline-block; vertical-align:middle; margin:0 5px;}
.ft1 { text-align: left;}
.ft2 { text-align:center;}
.ft3 { text-align: right;}
.mt180 { margin-top:180px;}
.f-copy { text-align:center;color:#595757; font-size:12px; padding:20px 0px;overflow:hidden;}
.btn_top { background:url(../images/top.png) center no-repeat; width:26px; height:13px; position:fixed; bottom:250px; left:50%; margin-left:-14px; z-index:9;}

.overhidden { overflow:hidden;}


/* 手机导航 */
.nav { }
.cd-nav-trigger{position: absolute;z-index:898;top:7px;right:0;height:44px;width:30px;overflow: hidden;text-indent: 100%;white-space: nowrap;-webkit-transition: -webkit-transform 0.2s;-moz-transition: -moz-transform 0.2s;transition: transform 0.2s;}
.cd-nav-trigger span{background:#000;position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 32px; height: 2px;}
.cd-nav-trigger span::before, .cd-nav-trigger span:after{content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: inherit; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.2s, width 0.2s; -moz-transition: -moz-transform 0.2s, width 0.2s; transition: transform 0.2s, width 0.2s;}
.cd-nav-trigger span::before{-webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top; -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px);}
.cd-nav-trigger span::after{-webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px);}
 
/*.cd-nav-trigger:hover{-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.cd-nav-trigger:hover span {width:80%;}
.cd-nav-trigger:hover span::after,.cd-nav-trigger:hover span::before{width: 50%;}
.cd-nav-trigger:hover span::before{-webkit-transform: translateX(1px) translateY(1px) rotate(45deg);-moz-transform: translateX(1px) translateY(1px) rotate(45deg);-ms-transform: translateX(1px) translateY(1px) rotate(45deg);-o-transform: translateX(1px) translateY(1px) rotate(45deg);transform: translateX(1px) translateY(1px) rotate(45deg);}
.cd-nav-trigger:hover span::after{-webkit-transform: translateX(1px) translateY(-1px) rotate(-45deg);-moz-transform: translateX(1px) translateY(-1px) rotate(-45deg);-ms-transform: translateX(1px) translateY(-1px) rotate(-45deg);-o-transform: translateX(1px) translateY(-1px) rotate(-45deg);transform: translateX(1px) translateY(-1px) rotate(-45deg);}*/

.cd-close-nav{position: absolute; height:25px; width:25px; right:19px; top: 30px; bottom: auto; z-index:99; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; text-indent: 100%; white-space: nowrap; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s;opacity:0.8;}
.cd-close-nav::after, .cd-close-nav::before{content: ''; position: absolute; height:1px; width:16px; left: 50%; top: 50%; background-color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.cd-close-nav::after{-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg);}
.cd-close-nav::before{-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg);}
.cd-close-nav:hover{opacity:1;}


.cd-nav-container{position: fixed; z-index: 10099; top:-12px; right:50%; margin-right:-650px;width:210PX; height:370PX; overflow-y: auto; background-color: transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);-webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s; transition: transform 0.4s 0s, box-shadow 0s 0.4s; }
.cd-nav-container.is-visible{-webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px);-webkit-overflow-scrolling: touch; /*box-shadow: -4px 0 30px rgba(0, 0, 0, 0.2); -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0s; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0s; transition: transform 0.4s 0s, box-shadow 0s 0s;*/}
.cd-nav-container header{padding: 0 0 0 6.25%; position: relative;}
.cd-nav-container h3{ text-transform: uppercase; }

.cd-nav{ background:#000; float:left; width:65%;height:310px; padding-top:50px; padding-left:5%;}
.cd-nav li{width:99%; overflow:hidden;}
.cd-nav li * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.cd-nav a{position: relative; display: inline-block; text-align: left; font-size:12px; font-family:"微软雅黑"; color:#9fa0a0;padding:16px 10% 16px 10%; margin:0px auto;text-transform:uppercase;}
.cd-nav a:hover{color:#FFF;}
.cd-nav a i{display:block; background:#FFF; width:0px; height:1px;}
.cd-nav a:hover i {width:100%;}
.cd-overlay{position: fixed; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; background-color: rgba(0, 0, 0, 0); visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s; -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s; transition: opacity 0.4s 0s, visibility 0s 0.4s; z-index:998;}
.cd-overlay.is-visible{opacity: 1; visibility: visible; -webkit-transition: opacity 0.4s 0s, visibility 0s 0s; -moz-transition: opacity 0.4s 0s, visibility 0s 0s; transition: opacity 0.4s 0s, visibility 0s 0s;}

.nav-right { float:left; width:28%; height:360px; margin-left:1%; background:#000;}
.nav-right li{ margin-top:250px; overflow:hidden;}
.nav-right li a { display:block; width:17px; height:17px; margin:20px auto auto auto;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.nav-right li a:hover{opacity:0.5; }
.nr-qq { background:url(../images/qq.png) center no-repeat;}
.nr-ewm {background:url(../images/ewm.png) center no-repeat;}
.nav-right li a.nr-ewm:hover{opacity:1.0; }
.nr-ewm:hover .nav-ewm{ display:block; } 
.nav-ewm {display:none; position:absolute; right:61px; bottom:0px; z-index:3; width:100px; height:100px; background:#FFF; padding:10px;}
.nav-ewm img{ width:100%; height:auto; display:block;}
.nav-ewm:after{border: 5px solid transparent;border-left: 5px solid #fff;width:0;height: 0;position: absolute;content:""; top:50%; right:0; margin-right:-10px;}


@font-face {
	font-family: 'Gotham-Thin';
	src: url('../fonts/Gotham-Thin.eot');
	src: local('☺'), url('../fonts/Gotham-Thin.woff') format('woff'), url('../fonts/Gotham-Thin.ttf') format('truetype'), url('../fonts/Gotham-Thin.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}






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

}
@media screen and (max-width: 1024px) {
	
	
	
}
@media screen and (max-width: 980px) {}
@media screen and (max-width: 860px) {
	
.w1200 { width:90%;} 
.f-tel {padding: 30px 0;}
.f-tel li{ float: none; padding:10px 0px; width:100%;}
.ft1 { text-align:left;}
.ft2 { text-align:left;}
.ft3 { text-align:left;}


.cd-nav-container{position: fixed; z-index: 10099; top:-12px; right:0; margin-right:0px;width:210PX; height:370PX;  }
.cd-overlay{background-color: rgba(0, 0, 0, 0.5);}





	
}