@charset "utf-8";
/* CSS Document */

 * { font-size: 1em; z-index: 10; }
*,
body { /*font-family: "Hiragino Sans GB", "Hiragino Sans GB W3", 鍐潚榛戜綋, "鍐潚榛戜綋绠€浣撲腑鏂� W3";*/
	font-family: "Microsoft YaHei", 寰蒋闆呴粦, "Hiragino Sans GB", "Hiragino Sans GB W3", 鍐潚榛戜綋, "鍐潚榛戜綋绠€浣撲腑鏂� W3"; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ }
body { margin: 0px; padding: 0px; width: 100%; height: 100%; font-size: 14px; z-index: -100; background: #fff; }
h1 { width: 100%; text-align: left; font-size: 36px; font-weight: bold; line-height: 2.6em; text-shadow: 2px 2px 2px #ccc; }
a { text-decoration: none; }
hr { position: relative; float: left; display: block; height: 0px; color: #cccccc; border: 1px solid #cccccc; }
button,
button:focus,
select,
input,
textarea,
input:focus { border: none; outline: none; }
::-webkit-input-placeholder {
 color:#cccccc;
 font-size: 0.92em;
}
::-moz-placeholder {
 color:#cccccc;
 font-size: 0.92em;
} /* firefox 19+ */
:-ms-input-placeholder {
 color:#cccccc;
 font-size: 0.92em;
} /* ie */
input:-moz-placeholder {
 color:#cccccc;
 font-size: 0.92em;
}
input:-webkit-autofill {
/*background-color: #FFF !important;*/
}
ul,
li { list-style: none; display: block; padding: 0; margin: 0; }
img { max-width: 100%; }
/*鍔ㄧ敾*/
.fade-in-up-hide,
.fade-in-down-hide,
.fade-in-left-hide,
.fade-in-right-hide { visibility: hidden; }
.fade-in-up { visibility: visible !important; animation: fadeInUp 0.9s ease-out; -webkit-animation: fadeInUp 0.9s ease-out; }
.fade-in-down { visibility: visible !important; animation: fadeInDown 0.9s ease-out; -webkit-animation: fadeInDown 0.9s ease-out; }
.fade-in-left { visibility: visible !important; animation: fadeInLeft 0.9s ease-out; -webkit-animation: fadeInLeft 0.9s ease-out; }
.fade-in-right { visibility: visible !important; animation: fadeInRight 0.9s ease-out; -webkit-animation: fadeInRight 0.9s ease-out; }
 @keyframes zoomEnlarge {  from {
 transform: scale3d(1, 1, 1);
}
to { transform: scale3d(1.2, 1.2, 1.2); }
}
@keyframes reZoomEnlarge {  from {
 transform: scale3d(1.2, 1.2, 1.2);
}
to { transform: scale3d(1, 1, 1); }
}
.show { display: normal; }
.hide { display: none; }
.hide2 { display: none; }
section { display: block; position: relative; width: 100%; height: inherit; text-align: center; padding: 20px 0; overflow: hidden; }
#header { position: fixed; width: 100%; height: 70px; /*padding: 0 10%;*/
	background: #fff; /*background: rgba(255, 255, 255,0.5);*/
	/*background-image: linear-gradient(rgba(255, 255, 255,0.5),rgba(255, 255, 255,0.5));*/
	/*background-image: linear-gradient(rgba(1, 102, 255,0.8),rgba(1, 102, 255,0.05));*/
	z-index: 9999; /*display: none;*/
	visibility: hidden; }
#nav {  position:relative }
#nav .en { position:absolute; right:-85px; top:22px;}
#nav .en a{ margin:0 5px;}

#header:hover { /*background: #fff !important;*/}
#header:after { content: ' '; width: 100%; height: 6px; position: absolute; top: 100%; left: 0; background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(255, 255, 255, 0)); }
.animate-header-in { animation :fadeIn 1s ease; -moz-animation :fadeIn 1s ease; /* Firefox 4 */ -webkit-animation :fadeIn 1s ease; /* Safari and Chrome */ -o-animation :fadeIn 1s ease; /* Opera */ }
#header .logo { position: relative; display: inline-block; margin-top:-20px;width: 15%; height: 92px; padding: 17px 10px 17px 0; overflow: hidden; }
#header .logo img { height: 47px; margin-top:15px; }
#header #nav { position: relative; float: right; /*right: 10%;*/
	width: 85%;  text-align: right; display: inline-block;/*opacity: 0;*/
}
#nav a:hover { text-decoration: none; }
#nav>li { position: relative; display: inline-block; height: 100%; color: #333; text-align: center; }
#nav>li>a.active { color: #0066cc; border-bottom: 2px solid #0066cc; }
#nav>li:hover { color: #0066cc;/*background: rgba(1, 102, 255, 0.9);*/
	/*border-bottom: 1px solid #0066cc;*/
}
#nav>li.nav-with-sub-level:hover:after { content: ' '; width: 6px; height: 6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #0066cc; position: absolute; bottom: 0px; left: 50%; margin-left: -10px; }
#nav>li:hover .nav-sub-block { display: block; }
#nav>li>a { display: inline-block; font-size: 16px; /*margin: 0 10px;*/
	/*width: 100%;*/
	height: 100%; line-height: 70px; color: inherit; text-decoration: none; white-space:nowrap; /*text-overflow:ellipsis;*/
	/*overflow:hidden;*/
}
#nav>li>a:hover { color: inherit; }
.nav-sub-block { position: absolute; left: 0; right: auto; /*margin-top: 7px;*/
	width: 720px; overflow: hidden; background: #fff; background: rgba(255, 255, 255, 0.9); display: none; }
.nav-level-2 { position: relative; float: left; /*width: 100%;*/
	height: 100%; min-height: 200px; padding: 10px 0 5px 0; font-size: 15px; background: #0066cc;/*background: rgba(1, 102, 255, 0.9);*/
}
.nav-level-2>li { position: relative; display: block; width: 100%; height: 3.2em; line-height: 3.2em; padding: 0 25px; color: #fff; text-align: left; border-bottom: 1px dotted rgba(255, 255, 255, 0.1); }
.nav-level-2>li:hover { background: #55c1f0; }
.nav-level-2>li:last-child { border: none; }
.nav-level-2>li a { color: #fff; text-align: center; position: relative; margin: auto;/*padding-bottom: 5px;*/
}
.nav-level-2>li a:hover { text-decoration: underline; }
.nav-image-block { position: relative; float: left; width: 600px; height: 100%; min-height: 200px; padding: 10px;/*background: rgba(255, 255, 255, 0.9);*/
}
.nav-image-block li { float: left; width: 50%; height: 100%; min-height: 100px; padding: 5%; }
.nav-image-block li img { width: 100%; border-radius: 3px; }
.nav-image-block li .title,
.nav-image-block li .desc { width: 100%; color: #000; text-align: center; /*font-size: 12px;*/
	margin-top: 16px; color: #666; }
.nav-image-block li .title { font-size: 16px; font-weight: bolder; color: #333; }
.nav-sub-block-right { left: auto; right: 0; }
.nav-sub-block-right>.nav-level-2 { float: right; }
.nav-sub-block-right>.nav-image-block { float: right; }
.z-index-front { z-index: 10; }
#footer-space { position: relative; z-index: -9999; width: 100%; height: 0px; }
#footer { position: fixed; left: 0; bottom: 0; width: 100%; min-height: 300px; background: #000; background: url(../imgs/footer-bg.jpg); background-size: cover; z-index: 1; }
#footer:before { content: ' '; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.75); z-index: -2; }
#office-links { position: relative; width: 100%; min-width: 1200px; height: 60px; line-height: 60px; /*padding: 0.5em 0;*/
	font-size: 16px; /*background: rgba(1, 102, 204, 1);*/
	background: #f4f4f4; z-index: 10; }
/*#office-links:before,*/
#office-links:after { content: ' '; width: 100%; height: 3px; position: absolute; bottom: 100%; left: 0; background-image: linear-gradient(rgba(200, 200, 200, 0), rgba(200, 200, 200, .9)); }
#office-links:after { top: 100%; background-image: linear-gradient(rgba(200, 200, 200, 0.9), rgba(200, 200, 200, 0)); }
#office-links .container { height: 100%; }
#office-links * { color: #333; }
#office-links a { /*padding-right: 1em;*/
	/*text-indent: 0.2em;*/
	/*line-height: 2em;*/
	/*text-align: left;*/
}
#office-links a.office-link { margin-right: 60px; }
#office-links a.office-link:hover { color: #0066cc; text-decoration: none; }
#office-links a:hover { color: #000;/*text-decoration: none;*/
}
#office-links div { height: 60px; padding: 0; }
#office-links img { position: relative; height: 26px; margin: 13px 10px 17px 0; }
#station-group-link { display: block; height: 100%; padding: 0 2.5em; background: #55c1f0; text-align: left; color: #fff; }
a#station-group-link:hover,
a#station-group-link:visited { color: #fff; text-decoration: none; }
#station-group-link:after { content: ' '; position: absolute; right: 3.2em; top: 20px; width: 10px; height: 10px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #fff; }
#station-group-list { position: absolute; left: 0; bottom: 100%; width: 100%; display: none; }
#station-group-list li { padding: 0 5px 0 2.5em; text-align: left; background: #55c1f0; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
#station-group-list li:hover { background: #65d1ff; }
#station-group-list li a,
#station-group-list li a:hover { color: #fff; text-decoration: none; }
#station-group:hover #station-group-link:after { top: 25px; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #fff; border-top: none; }
#station-group:hover #station-group-list { display: block; }
#footer #footer-info { color: #eee; padding: 3em 0 5em 0; padding-top:80px; }
#footer #footer-info * { color: #eee; line-height: 2em; }
#footer .container > * { position: relative; }
.footer-product-list,
.footer-company-info,
.footer-contact-info { width: 175px; float: left; margin-right: 50px; }
.footer-product-list { width: 100px; }
.footer-contact-info { width: 500px; margin-right: 0; }
.footer-qr-code { float: right; width: 200px; }
#footer #footer-info a,
#footer #footer-info p,
#footer #footer-info .title { display: block; font-size: 12px; text-indent: 0.2em; line-height: 2em; }
#footer #footer-info a { position: relative; width: 100px; }
#footer #footer-info .title,
#footer #footer-info a { border-bottom: 1px dotted #666; }
#footer #footer-info .title { font-size: 16px; line-height: 2em; border-bottom: 1px solid #999; }
#footer #footer-info .text { font-size: 12px; padding-bottom: 0.3em; }
#footer #copyright { position: fixed; bottom: 0; left: 0; width: 100%; line-height: 2em; color: #eee; background: #000; }
#footer #copyright * { color: #eee; }
#main { position: relative; width: 100%; min-width: 1200px; min-height: 100%; background: #fff; padding-top: 70px; overflow: hidden; overflow-x: auto; }
.container { width: 1170px; }
.main-top-banner { position: relative; width: 100%; }
.navbar-2-box { position: absolute; bottom: 0px; width: 100%; height: 50px; font-size: 16px; color: #000; }
.navbar-2 { height: 100%; line-height: 50px; background: #fff; background: rgba(255, 255, 255, 0.9); }
.navbar-2 ul,
.navbar-2 li,
.navbar-2 a { height: 100%; line-height: 50px; list-style: none; display: inline-block; padding: 0; }
.navbar-2 a { color: inherit; }
.navbar-2-list { float: left; }
.navbar-2-list > li { padding: 0 6px; display: inline-block; }
.navbar-2-list > li + li:before { /*padding: 0 15px;*/}
.navbar-2-list .active { color: #0066cc; border-bottom: 2px solid #0066cc; }
.breadcrumb-left,
.breadcrumb { float: right; font-size: 13px; color: #777; background: none; }
.breadcrumb-left { float: left; }
.breadcrumb > li { display: inline-block; }
.breadcrumb > li + li:before { padding: 0 5px; color: inherit; content: ">"; }
.breadcrumb > .active { color: #333; }
.pagination { display: table; width: auto; margin: 2em auto; }
.pagination > li > a,
.pagination > li > span { color: #0066cc; border: none; }
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { background-color: #0066cc; border-color: #0066cc; border-radius: 3px; }
.language { position: relative; width: 6em; height: 1.8em; font-size: 12px; line-height: 1.8em; margin: 17.7px 0; padding: 0 .5em; background: #fff; border: 1px solid #eee; border-radius: 1em; }
.main-text { margin-bottom: 60px; }
 @keyframes backtop-flash {  from {
 opacity: 1;
 transform: translate(0px, 0px);
}
to { opacity: 0.6; transform: translate(0px, -12px); }
}
.backtop { position: fixed; right: 10px; bottom: 30px; width: 60px; animation: backtop-flash 0.9s ease-out alternate infinite; -webkit-animation: backtop-flash 0.9s ease-out alternate infinite; z-index: 100; display: none; }
.backtop img { width: 60px; }
.list-3-cols { position: relative; margin: 30px -1% 0 -1%; overflow: hidden; }
.list-3-cols li { position: relative; float: left; width: 31.3333%; margin: 1%; overflow: hidden; }
.list-3-cols li img { display: block; position: relative; width: 100%; }
.list-4-cols { position: relative; margin: 30px -1% 0 -1%; overflow: hidden; }
.list-4-cols li { position: relative; float: left; width: 23%; margin: 1%; overflow: hidden; }
.list-4-cols li img { display: block; position: relative; width: 100%; }
.list-x-cols-shadow li { box-shadow: 1px 1px 5px #aaa; }
.list-x-cols-shadow li:hover { transform: translate(1px, 1px); -ms-transform: translate(1px, 1px); /* IE 9 */ -webkit-transform: translate(1px, 1px); /* Safari and Chrome */ box-shadow:1px 1px 6px #ccc inset; }
.cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.lookmore { position: relative; width: 8em; height: 2.6em; line-height: 2.6em; margin: auto; color: #0066cc; text-align: center; border: 1px solid #0066cc; clear: both; }
.relative { position: relative; }
.float-left { float: left; }
.algin-left { text-align: left; }
.algin-right { text-align: right; }
.algin-center { text-align: center; }
.w100 { width: 100%; }
.h100 { height: 100%; }
.overflow-hide { overflow: hidden; }
.nomargin { margin: 0 !important; }
.nopadding { padding: 0 !important; }
.padding-tb-5px { padding-top: 5px; padding-bottom: 5px; }
.padding-tb-10px { padding-top: 10px; padding-bottom: 10px; }
.padding-tb-20px { padding-top: 20px; padding-bottom: 20px; }
.padding-tb-30px { padding-top: 30px; padding-bottom: 30px; }
.nopadding-left { padding-left: 0; }
.nopadding-lr { padding-left: 0; padding-right: 0; }
.table-cell { display: table-cell; }
.middle { /* Firefox */
	display:-moz-box; -moz-box-pack:center; -moz-box-align:center; /* Safari銆丱pera 浠ュ強 Chrome */
	display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; -webkit-box-lines: multiple; /* W3C */
	display:box; box-pack:center; box-align:center;/*display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap: wrap;*/
}
/*棰滆壊*/
.white,
.text-white { color: #fff; }
.text-black { color: #333; }
.blue { color: #0066cc; }
.blue-text { color: #0066cc; }
.gray { color: #666; }
.bg-blue { background: #0066cc; }
.bg-orange { background: #ff9900; }
.bg-gray,
.bg-gray-f8 { background: #f8f8f8; }