@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;*overflow-x:hidden;margin:0; padding:0;}
table{border-collapse:collapse; border-spacing:0;}
ol, ul, li{ list-style:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
a{text-decoration:none;color:#666;} 
a:hover{text-decoration:none;color:#000;} 
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; } 
* {font-family: Arial,"微软雅黑","黑体",'宋体';}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none; font-size:14px;}
textarea { -webkit-appearance: none;}
.fl{ float:left;}
.fr{ float:right;}
.clear { clear:both;}
.alltransition {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
body sup {display: inline-block!important;vertical-align: top;}
section {position: relative;background-position:center ; background-repeat:no-repeat;background-size:cover;}
.blackbg {background: #000;}
.alpha0{filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}
.no-touch body{ overflow:hidden;}
.h100 { height:100%;}
.h100 body{ height:100%;}
 
 
 
 
/* leftfixed */

.js-leftfixed {display: block;position:fixed;width:240px;height:100%;left:0; top:0; background:#FFF; z-index:999;}
.js-leftfixed * {display: block;overflow:hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

.js-leftfixed content {height:100%;padding:30px;display: block; position:relative;}

.js-leftfixed-logo {}
.js-leftfixed-logo a{ width:144px;height:28px; background:url(../images/logo.svg) center no-repeat;}

.js-leftfixed-nav {padding:20% 0 10% 0;}
.js-leftfixed-nav li {position: relative;}
.js-leftfixed-nav li a { font-size:16px;line-height:36px;color: #333; font-weight:bold;text-transform:capitalize;}
.js-leftfixed-nav li a:hover,.js-leftfixed-nav li a.cur {color:#e6212a;}
.js-leftfixed-nav li.cur  ul.children{ display:block;}

.js-leftfixed-nav li ul.children{display:none;overflow: hidden; padding-bottom:5%;-webkit-transition:none;-moz-transition:none;transition:none;}
.js-leftfixed-nav li ul.children li { }
.js-leftfixed-nav li ul.children li a {font-size:14px; color:#666; line-height:26px;font-weight: normal;}
.js-leftfixed-nav li ul.children li a:hover,.js-leftfixed-nav li ul.children li a.cur {color:#e6212a;}

.gf-h-language-icon {height:19px;background: url(../images/language.svg) left center no-repeat;padding-left: 25px;}
.js-leftfixed-language { clear:both;}
.js-leftfixed-language i { width:30px; height:1px; background:#d2d2d2; margin:30px 0;}
.js-leftfixed-language a { color:#999999; font-size:16px;}
.js-leftfixed-language a:hover {color:#000;}

.js-leftfixed-search { padding-top:40px;}
.js-leftfixed-search a{ width:25px; height:25px; background:url(../images/xx.svg)  left center no-repeat; background-size:80%;-moz-opacity:0.3; opacity:0.3;filter:alpha(opacity=30);}
.js-leftfixed-search a:hover {-moz-opacity:1.0; opacity:1.0;filter:alpha(opacity=100);}

.showsearch { display:none; position:relative;width:140px; margin-top:-40px; overflow:hidden;padding-bottom:10px;}
.searchinput { border-bottom:#CCC 1px solid; width:140px; height:40px;outline:none;}
.getsearch {width:25px; height:25px; background:url(../images/xx.svg) left center no-repeat; background-size:80%;-moz-opacity:0.3; opacity:0.3;filter:alpha(opacity=30); position:absolute; right:0; top:10px; z-index:3; outline:none; cursor:pointer;}
.getsearch:hover {-moz-opacity:1.0; opacity:1.0;filter:alpha(opacity=100);}




footer { position:absolute;left:0;bottom:115px;padding:0 10px 0 30px; z-index:3;color:#999; text-transform:uppercase; line-height:19px; font-size:12px;}
footer a { color:#999; display: inline-block!important; vertical-align:top;}
footer a.block { display:block;}
.consulting {display:block; width:80px; font-size:12px; padding:5px 10px; background:#efefef;  border:#CCC 1px solid; color:#333; clear:both; margin-bottom:50px;border-radius:5px; text-align:center; text-transform:capitalize;}
.consulting i { width:17px; height:17px;background:url(../images/zx1.svg) center no-repeat;background-size:90%; display:inline-block; vertical-align:middle; margin-right:5px;}
.consulting:hover { background:#000; color:#FFF;}
.consulting:hover i {background:url(../images/zx2.svg) center no-repeat;background-size:90%;} 


.mfooter { display:none!important; padding:3% 0; color:#CCC;   clear:both; overflow:hidden; width:90%; margin:auto; font-size:10px;}
.mfooter a {color:#CCC;font-size:10px;}
.mfooter a:hover {color:#000;}


/* mobile nav */
.slideDown {-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.slideUp {-webkit-transform: translateY(-100px);-ms-transform: translateY(-100px);-o-transform: translateY(-100px);transform: translateY(-100px);}
.nav_mobile{display: none; position:fixed;left:0;top:0px;width:100%; height:auto; z-index:9991;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.m-header { position: fixed; width: 100%; z-index: 9999; left: 0;top: 0; background-color: #fff; }
.navmfixed  { background:#f1f1f1;-moz-box-shadow:0px 0px 10px #666;-webkit-box-shadow:0px 0px 10px #666 ;box-shadow:0px 0px 10px #666;}
.m_logo { height:50px; float:left;margin:auto; width:100%;display:block; background: url(../images/logo.svg) 5% center no-repeat ; background-size:30%;}
.m_logo img {display:block; margin:auto; width:100%;}
.cd-nav-trigger{position: absolute;z-index:898;top:4px;right: 5%;height:44px;width: 44px;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: 28px; height: 1px;}
.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(-7px); -moz-transform: translateY(-7px); -ms-transform: translateY(-7px); -o-transform: translateY(-7px); transform: translateY(-7px);}
.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(7px); -moz-transform: translateY(7px); -ms-transform: translateY(7px); -o-transform: translateY(7px); transform: translateY(7px);}
.no-touch .cd-nav-trigger{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.no-touch .cd-nav-trigger span::after,.no-touch .cd-nav-trigger span::before{width: 50%;}
.no-touch .cd-nav-trigger span::before{-webkit-transform: translateX(1px) translateY(0px) rotate(45deg);-moz-transform: translateX(1px) translateY(0px) rotate(45deg);-ms-transform: translateX(1px) translateY(0px) rotate(45deg);-o-transform: translateX(1px) translateY(0px) rotate(45deg);transform: translateX(1px) translateY(0px) rotate(45deg);}
.no-touch .cd-nav-trigger span::after{-webkit-transform: translateX(1px) translateY(0px) rotate(-45deg);-moz-transform: translateX(1px) translateY(0px) rotate(-45deg);-ms-transform: translateX(1px) translateY(0px) rotate(-45deg);-o-transform: translateX(1px) translateY(0px) rotate(-45deg);transform: translateX(1px) translateY(0px) rotate(-45deg);}
.cd-nav-container{background-color:#fff;position: fixed; z-index: 9999; top:50px; right: 0; width: 100%; height: 100%; overflow-y: auto;  -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: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(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: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);-webkit-overflow-scrolling: touch;}
.cd-nav-container header{padding-left:3%; position: relative;background: #fff;height: 50px;overflow: hidden;display: none;}
.cd-nav-container h3{ background:url(../images/gflogo-l.svg) left center no-repeat ; background-size:50%;height: 50px;text-transform: uppercase; color:#000;}
.cd-close-nav{position: absolute; height: 44px; width: 44px; right:6%; top: 50%; bottom: auto; -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;}
.cd-close-nav::after, .cd-close-nav::before{content: ''; position: absolute; height:1px; width: 32px; left: 50%; top: 50%; background-color: #666; -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);}
.no-touch .cd-close-nav:hover{opacity: .8;}
.cd-nav{ padding-top:12%;margin-top: auto;}
.cd-nav li{width:99%; overflow:hidden;position: relative;}
.cd-nav li i {position: absolute;right:8%;top:-2px;z-index:33;width:60px;height:60px; background: url(../images/jt-d.svg) center no-repeat;background-size:30%;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;display: none}
.cd-nav li i.curr {transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg); -webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);}
.cd-nav a{ border-bottom:#f1f1f1 1px solid;position: relative; display: block;width:90%;text-align: center; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;font-size:18px; color:#666;padding:0.8em 0; margin:0px auto;text-transform:uppercase;}
.cd-nav a:hover{color:#000;}
.cd-overlay{position: fixed; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; 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;}

.bmob { display:block; float: none;padding-top:50px; margin:auto; text-align:center; clear:both; position:relative;}
.bmob a{ display: inline-block; float: none; margin:0 10px;text-align:center; font-size:14px;}
.bmob a:hover { background-color:#000;}
.bmob .msearch { margin: auto; float: none; position:relative; width:80%;padding:30px 0; overflow:hidden;}
.bmob .msearch .tipnut{border:#3b3b3b 1px solid;border-radius:100px; line-height:35px; padding:1% 5%; outline:none;width:80%; margin:auto; font-size:18px; background:#2f2f2f; color:#999;}
.bmob .msearch .tbtn{ width:18px; height:18px;background:url(../images/searchb.png) center  no-repeat; position:absolute; right:40px; top:42px; z-index:1; cursor:pointer; outline:none;opacity:0.5;}
.bmob .msearch .tbtn:hover {opacity:0.5;}
.bmob form{ position:relative; display:block; width:50%; margin:20px auto;}
.bmob form .searchinput { width:100%;}

.mchildren {display:none; width:100%; margin:0px auto;}
.mchildren a{border-bottom:none;position: relative; display: block;width:100%;text-align: center;font-size:14px; color:#666;padding:0.8em 0;}
.mchildren a:hover{background:none; color:#00a2ff;}


/* slick plugin */
.slick-slider { display: block;/* box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; */}
.slick-slider *:focus { outline: none;}
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; max-width:100%; height:auto;}
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto;   }
/* Arrows */
.slick-prev, .slick-next { position:absolute;display:block;height:119px;width:65px;cursor:pointer;z-index:80;top:50%; margin-top:-59.5px;padding:0;outline:none;text-indent:-9999px;  border-radius:0px; background-color: transparent; background-repeat:no-repeat; background-position:center;opacity: 0.5;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; border:none;}
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before {  font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left:2%; background-image:url(../images/arrowleft2.png);}
.slick-next { right:2%; background-image:url(../images/arrowright2.png);}
.slick-prev:hover {opacity: 1.0;}
.slick-next:hover {opacity: 1.0;}
/* Dots */
.slick-slider { }
.slick-dots { position: absolute; bottom:20px; list-style: none; display: block;padding: 0px; width: 100%; text-align:center; left:0;}
.slick-dots li { position: relative; display: inline-block; height:14px; width:40px; margin: 0px 10px; padding: 0px; cursor: pointer; }
.slick-dots li button { margin-top: 5px;background:#fff; display: block; height:2px;width:40px; padding: 0px; cursor: pointer; outline: none; text-indent:-9999px;-moz-opacity:0.4; opacity:0.4;filter:alpha(opacity=40);border-radius:0px;border: none; overflow:hidden;}
.slick-dots li button:focus { outline: none; }
.slick-dots li.slick-active button {background: #fff;border: none; opacity:1.5;}



.white_content {display: none;position: fixed;box-sizing: border-box;padding:30px;top: 50%;left: 50%;width: 600px;height:540px;margin-left: -300px;margin-top: -270px;background-color: #fff;z-index: 1002;overflow: hidden;}
.black_overlay {display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: #000;z-index: 1001;-moz-opacity: 0.8;opacity: .80;filter: alpha(opacity=80);}
.white_content div img { width:43%; height:auto; display:block;}
.white_content form { padding:5% 0; display:block; overflow:hidden;}
.white_content form input { outline:none;}
.white_content li { padding:5px 0; overflow:hidden; font-size:14px; color:#666;}
.white_content li span { display:block;border:#CCC 1px solid; width:89%; padding:2% 5%; overflow:hidden;}
.white_content li span label { margin-right:4%; display:block; float:left;}
.white_content li span label input { vertical-align:middle; display:inline-block;}
.white_content .input { border:#CCC 1px solid; width:89%; padding:2% 5%; display:block;}
.white_content .input1 { border:#CCC 1px solid; width:38%; padding:2% 5%; display:block; float:left;}
.white_content .input2 { border:#CCC 1px solid; width:39%; padding:2% 5%; display:block; float:right; margin-right:2px;}
.white_content .btn {padding:2% 0;overflow:hidden;}
.white_content .btn .submit {display:block;width:48%;float:left;padding:2% 0; font-size:18px; background:#F00; color:#fff;cursor: pointer; text-align:center;}
.white_content .btn .submit:hover {background:#c70000;}
.white_content .btn .guanbi {display:block;width:48%;float:right;padding:2% 0;font-size:18px; background:#000;color: #fff;cursor: pointer; text-align:center;}
.white_content .btn .guanbi:hover {background:#333;}

 





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