@font-face {	
font-family: 'dincondensedc';	
src: url("../fonts/dincondensedc.eot");
src: url("../fonts/dincondensedc.eot") format("embedded-opentype"), 
url("../fonts/dincondensedc.woff") format("woff"), 
url("../fonts/dincondensedc.ttf") format("truetype"), 
url("../fonts/dincondensedc.svg") format("svg");	
font-weight: normal;
font-style: normal;}

@font-face {	
font-family: 'Source Han Sans CN Regular';	
src: url("../fonts/Source Han Sans CN Regular.eot");
src: url("../fonts/Source Han Sans CN Regular.eot") format("embedded-opentype"), 
url("../fonts/Source Han Sans CN Regular.woff") format("woff"), 
url("../fonts/Source Han Sans CN Regular.ttf") format("truetype"), 
url("../fonts/Source Han Sans CN Regular.svg") format("svg");	
font-weight: normal;
font-style: normal;}

@font-face {	
font-family: 'SourceHanSerifSC-Bold';	
src: url("../fonts/SourceHanSerifSC-Bold.eot");
src: url("../fonts/SourceHanSerifSC-Bold.eot") format("embedded-opentype"), 
url("../fonts/SourceHanSerifSC-Bold.woff") format("woff"), 
url("../fonts/SourceHanSerifSC-Bold.ttf") format("truetype"), 
url("../fonts/SourceHanSerifSC-Bold.svg") format("svg");	
font-weight: normal;
font-style: normal;}


article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;}
html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; font-size:16px;}
a:focus {outline: thin dotted #333;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
a{text-decoration:none}
a:hover,a:active {outline: 0; text-decoration:none}
sub,sup {position: relative;font-size: 75%;line-height: 0;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {max-width: 100%;vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;}
body {
	margin: 0;
	font-family: 'Microsoft Yahei',  Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	background-color: #1c1c1c;
	color: #9e9e9e;
	background:url(../images/main04.jpg) no-repeat center center;
	background-size:cover;
	background-attachment: fixed;
	font-weight: 300;
}
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {display: table;content: "";}
.clearfix:after {clear: both;}
section {padding-top: 60px;}
.relative {position: relative;}
.fixed {position: fixed;}




a {text-decoration: none; color:#9e9e9e}
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a,a:active,a:focus,a:hover,a:selected,a:visited {border: none;color: #9e9e9e;outline: none;}
.row {margin-left: -20px;*zoom: 1;}
.row:before,.row:after {display: table;content: "";}
.row:after {clear: both;}
[class*="span"] {float: left;margin-left: 20px;}
.container,.navbar-fixed-top .container,.navbar-fixed-bottom .container {width:100%; max-width: 1005px;}
.span12 {width:100%; max-width: 1005px;}



.container {margin-right: auto;margin-left: auto;*zoom: 1;}
.container:before,.container:after {display: table;content: "";}
.container:after {clear: both;}
.container-fluid {padding-right: 20px;padding-left: 20px;*zoom: 1;}
.container-fluid:before,.container-fluid:after {display: table;content: "";}
.container-fluid:after {clear: both;}

h1,h2,h3,h4,h5,h6 {margin: 0;font-family: inherit;font-weight: bold;color: inherit;text-rendering: optimizelegibility;}

h1 {
	font-size: 18px;
	line-height: 36px;
}
h2 {font-size: 24px;line-height: 36px;}
h3 {font-size: 18px;line-height: 27px;}
h3 small {font-size: 14px;}
h4,h5,h6 {line-height: 18px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 11px;color: #999999;text-transform: uppercase;}

ul,ol {padding: 0;margin: 0 0 9px 25px;}
ul ul,ul ol,ol ol,ol ul {margin-bottom: 0;}
ul {list-style: disc;}
ol {list-style: decimal;}
li {line-height: 18px;}
ul.unstyled,ol.unstyled {margin-left: 0;list-style: none;}
dl {margin-bottom: 18px;}
dt,dd {line-height: 18px;}
dt {font-weight: bold;line-height: 17px;}
dd {margin-left: 9px;}
strong {font-weight: bold;}
em {font-style: italic;}
abbr[title] {cursor: help;border-bottom: 1px dotted #ddd;}

#keyboard_icons {bottom: 0;padding: 16px;position: fixed;right: 0;width: 42px;z-index: 1000;}
#keyboard_icons .key {background: #232323;height: 9px;margin: 1px;width: 12px;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
#keyboard_icons .key.active {background: #333333;}
#keyboard_icons #down,#keyboard_icons #left,#keyboard_icons #right {float: left;}
#keyboard_icons #horizontal {height: 11px;margin: 0 auto;width: 42px;}
#keyboard_icons #up {margin: 1px auto;}
#loading {background-color: #1c1c1c;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 100000;}
#spacer {height: 54px;}

.nav {margin-left: 0;margin-bottom: 18px;list-style: none; }
.nav > li > a {display: block;}
.nav > li > a:hover {text-decoration: none;background-color: #eeeeee;}
.nav > .pull-right {float: right;}


.navbar-fixed-top,.navbar-fixed-bottom {position: fixed;right: 0;left: 0;z-index: 1030;margin-bottom: 0;}
.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner {padding-left: 0;padding-right: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.navbar-fixed-top .container,.navbar-fixed-bottom .container {width: 1200px;}
.navbar-fixed-top {top: 0;}
.navbar-fixed-bottom {bottom: 0;}

.navbar {left: 0;margin-bottom: 0;position: absolute;right: 0;width: 100%;z-index: 99999;-webkit-backface-visibility: hidden;}
.navbar-inner {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);}
.navbar .navbar-inner {background-color: #1c1c1c;background-color:#1c1c1c;background-image: none;border-bottom: 1px solid #232323;height: 50px;padding: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-webkit-transition: background-color 0.5s ease-in;-moz-transition: background-color 0.5s ease-in;-ms-transition: background-color 0.5s ease-in;-o-transition: background-color 0.5s ease-in;transition: background-color 0.5s ease-in;
}
.navbar .brand {float: left;display: block;}
.navbar .brand .aimg{ display:block}
.navbar .brand .ahoverimg{ display:none}
.navbar .brand:hover .aimg{ display:none}
.navbar .brand:hover .ahoverimg{ display:block}

.navbar .lan {float: right; margin:15px 0 0 0; display: block; width:26px; line-height:18px; height:18px; font-size:12px; text-align:center; color:#9e9e9e; border:solid 1px #9e9e9e;text-decoration:none}
.navbar .lan:hover{color:#fff; border:solid 1px #fff;text-decoration:none}

.navbar .nav {position: relative;left: 0;display: block;float: left;margin: 0 0px 0 0;}
.navbar .nav.pull-right {float: right;}
.navbar .nav > li {display: block;float: left; margin-right:30px;}
.navbar .nav > li > a {float: none;color: #9e9e9e;text-decoration: none;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);color: #9e9e9e;cursor: pointer;font-size: 14px;line-height: 50px;padding: 0;text-decoration: none;text-transform: uppercase;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}

.navbar .nav > li > a:hover {background-color: transparent;color: #ffffff;text-decoration: none;}
.navbar .nav > li > a.active{ color:#fff;}
.navbar .nav .active > a,.navbar .nav .active > a:hover {color: #ffffff;text-decoration: none;background-color: #222222;}


.navbar .nav > #nav-strip {-webkit-transition: left 0.2s ease-in;-moz-transition: left 0.2s ease-in;-ms-transition: left 0.2s ease-in;-o-transition: left 0.2s ease-in;transition: left 0.2s ease-in;background: #963947;display: none;height: 4px;left: 0;position: absolute;top: 0;width:53px;}
.navbar .nav > #nav-strip[pos="2"] {left: 87px;}
.navbar .nav > #nav-strip[pos="3"] {left: 173px;}
.navbar .nav > #nav-strip[pos="4"] {left: 257px;}

.navbar-fixed-top,.navbar-fixed-bottom {position: fixed;right: 0;left: 0;z-index: 1030;margin-bottom: 0;}




.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus {outline: none;}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0;padding: 0;list-style: none;}
.flex-direction-nav { display:none}

.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;}

.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}
.flex-control-nav {width: 100%;position: absolute;bottom: -35px;text-align: center;}
.flex-control-nav li {display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {display: block;cursor: pointer;text-indent: -9999px;box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);}

.flex-control-paging li a.flex-active {background: #000;background: rgba(0, 0, 0, 0.9);cursor: default;}
.flexslider {background: none;border: none;margin: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}

#home {position: relative;}
#home img.full-height {height: 100%;width: auto;max-width: none;}
#home img.full-width {width: 100%;height: auto;}
#home .flex-control-nav {bottom: auto;margin-top: 106px;top: 50%;}
#home .flex-control-paging li {margin: 0 5px;}
#home .flex-control-paging li a {background: #fff;height: 5px;margin: 0;width: 32px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
#home .flex-control-paging li a.flex-active {background: #c70044;}
#home .image {overflow: hidden;}#home .image,#home .slides,#home .slides > li {height: 100%;}

#home .slides > li {position: relative;}
#home .content {height: 240px;margin-top: -120px;position: absolute;top: 50%;width: 100%;opacity: 0;filter: alpha(opacity=0);}
#home .content .titles h3,#home .content .titles h4 {color: #eaeaea;text-align: center;text-transform: uppercase;-webkit-font-smoothing: antialiased;font-style: normal;font-weight: 200;}
#home .content .titles h3 {font-size:80px;letter-spacing: 5px;line-height: 105px;padding-top: 25px;font-family:'SourceHanSerifSC-Bold', sans-serif;}
#home .content .titles h3 span{font-family: 'dincondensedc', sans-serif; font-weight:normal; display:inline-block; }
#home .content .titles h4 {
	font-family: 'Microsoft Yahei', sans-serif;
	font-size: 24px;
	letter-spacing: 5px;
	line-height: 40px;
	margin-top: -3px;
	opacity: 0;
	filter: alpha(opacity=0);

}
#home .content .top-bar {background-color: #eaeaea;color: #eaeaea;height: 5px;left: 50%;margin-left: -45px;margin-top: -120px;position: absolute;top: 50%;width: 90px;z-index: 1000;}






.section-header {padding-bottom: 40px;}
.section-header h1 {color: #7f7f7f;font-size: 18px;font-weight: normal;letter-spacing: 2px;line-height: 45px;padding-left: 2px;text-align: center;text-transform: uppercase;font-style: normal;font-weight: 400;}
.section-header .title-bar {background-color: #cb0540;display: block;height: 2px;margin: 0 auto;width: 20px;position: relative; z-index:999999; }
.section-header .title-bar02 {background-color: #9e9e9e;display: block;height: 1px;margin:0 auto 12px auto;width: 80px; position: relative; margin-top:-1px; z-index:9;}


.section-header02 {padding: 40px 0;}
.section-header02 h1 {color: #7f7f7f;font-size: 18px;font-weight: normal;letter-spacing: 2px;line-height: 40px;font-style: normal;}
.section-header02 .title-bar03 {background-color: #9e9e9e;display: block;height: 1px;width: 60px; position: relative;  z-index:9;}


/*#about { background:url(../images/main01.jpg) no-repeat center center; background-size:cover;}
#products { background:url(../images/main02.jpg) no-repeat center center; background-size:cover;}
#news { background:url(../images/main03.jpg) no-repeat center center; background-size:cover;}
#contact { background:url(../images/main04.jpg) no-repeat center center; background-size:cover;}*/







#products .content {/*position: absolute;top: 0;*/width: 100%; z-index:99}
#products .content .banner {background: #1c1c1c;border-bottom: 1px solid #232323;border-top: 1px solid #232323;display: none;height:auto;margin-bottom: -53px;overflow: hidden;padding: 40px 0;position: relative;width:100%;}
#products .content .banner .container {width: 100%;}
#products .content .banner #list {float: left;}

#products .content .banner #list {float: left;height: auto;width:1005px;  }

#products .content .banner #list ul li {height:auto;width:1005px;}
#products .content .banner #list ul {overflow:auto;width:1005px;}

#products .content .banner #list ul li h2 {display: block;color: #eee;font-size:24px;font-weight: normal;line-height: 50px; }
#products .content .banner #list ul li .middle-hr {background: #999999;height: 1px;margin: 6px 0;width: 60px;}
#products .content .banner #list ul li p {color: #eee;font-size:16px;line-height: 30px; font-weight:normal}

#products .content .banner #navigation {cursor: pointer; position:relative; float:right; margin-right:-140px;}
#products .content .banner #navigation div {cursor: pointer !important;height: 70px;margin-bottom: 10px;position: relative;width: 100px;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
#products .content .banner #navigation div img {height: 36px;left: 50%;margin-top: -18px;position: absolute;top: 50%;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
#products .content .banner #navigation div img:first-child {opacity: 1;filter: alpha(opacity=100);}
#products .content .banner #navigation div img:last-child {opacity: 0;filter: alpha(opacity=0);}
#products .content .banner #navigation .arrow {background-color: #4f4f4f;border: 1px solid #282828;}
#products .content .banner #navigation .arrow img {margin-left: -9.5px;width: 19px;}
#products .content .banner #navigation .close img {margin-left: -18px;width: 36px;}

#products .content .tiles .row {margin: -10px;}

#products .phshow p{ line-height:30px;width:96%; margin:0 auto; display:block }
#products .phshow h3{width:96%; margin:0 auto; }
#products .content .tiles .tile {cursor: pointer;float: left;height:234px;position: relative; width:31.2%; margin-right:2%;-webkit-backface-visibility: hidden;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;background-color: #232323;border: 1px solid #282828; margin-top:20px;margin-left:-2.7px;}
#products .content .tiles .tile:first-child { height:490px; margin-left:0px;}
#products .content .tiles .tile:nth-child(3){ margin-right:0}
#products .content .tiles .tile:nth-child(6){ margin-right:0}
#products .content .tiles .tile h2 {
	color: #b1b1b1;
	font-size: 18px;
	line-height: 30px;
-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;	transition: all 0.2s ease-in;
	font-style: normal;
	text-align:center;
	font-weight: 400;
}
#products .content .tiles .tile img {height: 95px;margin: 0 auto; display:block;width: 95px;-webkit-transition: opacity 0.1s ease-in;-moz-transition: opacity 0.1s ease-in;-ms-transition: opacity 0.1s ease-in;-o-transition: opacity 0.1s ease-in;transition: opacity 0.1s ease-in; margin-top:60px}
#products .content .tiles .tile:first-child img {margin-top:55%}
#products .content .tiles .tile:first-child h2{margin-top:0px;}
#products .content .tiles .tile.current{background-color: #c70044;border: 1px solid #282828;}
#products .content .tiles .tile.current h2 {color: #1c1c1c !important;}
#products .content .tiles .tile .ahover{ display: block}
#products .content .tiles .tile .aimg{ display:none}




#products .content .tiles .tile02 {cursor: pointer;float: left;height:234px;position: relative; width:31.2%; margin-right:2%;-webkit-backface-visibility: hidden;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;background-color: #232323;border: 1px solid #282828; margin-top:20px;margin-left:-2.7px;}
#products .content .tiles .tile02:first-child { height:490px; margin-left:0px;}
#products .content .tiles .tile02:nth-child(3){ margin-right:0}
#products .content .tiles .tile02:nth-child(6){ margin-right:0}
#products .content .tiles .tile02 h2 {color: #acabab;font-size: 20px;line-height: 30px;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;font-style: normal;font-weight: 400; text-align:center; }
#products .content .tiles .tile02 img {height: 95px;margin: 0 auto; display:block;width: 95px;-webkit-transition: opacity 0.1s ease-in;-moz-transition: opacity 0.1s ease-in;-ms-transition: opacity 0.1s ease-in;-o-transition: opacity 0.1s ease-in;transition: opacity 0.1s ease-in; margin-top:60px}
#products .content .tiles .tile02:first-child img {margin-top:55%}
#products .content .tiles .tile02:first-child h2{margin-top:0px;}
#products .content .tiles .tile02.current{background-color: #c70044;border: 1px solid #282828;}
#products .content .tiles .tile02.current h2 {color: #1c1c1c !important;}
#products .content .tiles .tile02 .ahover{ display: block}
#products .content .tiles .tile02 .aimg{ display:none}



#products .content.hover .banner #navigation div:hover img:last-child {opacity: 1;filter: alpha(opacity=100);}
#products .content.hover .banner #navigation .arrow:hover {background-color: #c70044;border: 1px solid #282828;}
#products .content.hover .banner #navigation .arrow:hover img:first-child {opacity: 0;filter: alpha(opacity=0);}
#products .content.hover .tiles .tile:hover {background-color: #c70044;border: 1px solid #282828;}
#products .content.hover .tiles .tile:hover h2 {color: #1c1c1c;}
#products .content.hover .tiles .tile:hover img {opacity: 1;filter: alpha(opacity=100);}
#products .content.hover .tiles .tile:hover .ahover{ display: none}
#products .content.hover .tiles .tile:hover .aimg{ display:block}
#products .content.hover .tiles .tile:hover p {color: #333333;}
#products .content.hover .tiles .tile.current {background-color: #c70044; border: 1px solid #282828;}
#products .content .tiles .tile.current {background-color: #c70044; border: 1px solid #282828;}
#products .content.hover .tiles .tile.current .ahover{ display: none}
#products .content .tiles .tile.current .aimg{ display:block}
#products .tupic .item{ float:left; width:23.5%; margin-right:2%; margin-bottom:15px; color:#b1b1b1}
#products .tupic .item:nth-child(4n){ margin-right:0}
#products .tupic .item .pic{ width:100%;height:200px; overflow:hidden; margin-bottom:12px }
#products .tupic .item .pic img{ display:block;cursor:pointer; transition:all 1.5s;border:none; width:100%;}
#products .tupic .item .pic img:hover {transform:scale(1.1);}
#products .tupic .item:hover{ color:#eee}

#news .newsli { float:left; width:26%; margin-right:2%; margin-bottom:15px; margin-left:-2.7px; border:solid 1px #333; background:#232323; padding:5% 3% 2% 3%; min-height:160px;}
#news .newsli:nth-child(3n){ margin-right:0}
#news .newsli:nth-child(3n+1){ clear:both;}
#news .newsli:hover{ background:#c70044 }
#news .newsli .shijian{ color:#444;}
#news .newsli .shijian h3{ font-size:36px; line-height:40px; font-weight:normal;font-family: 'dincondensedc', sans-serif;}
#news .newsli .shijian h1{ font-size:20px;font-weight:normal;font-family: 'dincondensedc', sans-serif;}
#news .newsli .biaoti{ font-size:16px; line-height:24px; color:#acabab}
#news .newsli .biaoti h3{
	font-size:16px;
	line-height:24px;
	color:#acabab;
	font-weight: 400;
}
#news .newsli:hover .shijian{ color:#1c1c1c; }
#news .newsli:hover .biaoti h3{ color:#1c1c1c; }
#news .newsli a{ display:block}
#news .newsli:nth(3n){ margin-right:0}
#news .newsli:nth(3n+1){ margin-left:0; clear:both;}
#news .more { margin-top:25px;}
#news .more a{ width:45px; height:35px; font-size:36px;line-height:35px; padding:5px 0; display:block; margin:0 auto; background:#232323; color:#333;border:solid 1px #333; border-radius:50%; overflow:hidden; text-align:center; font-weight:normal; font-family:Arial, Helvetica, sans-serif}
#news .more a:hover{background:#c70044; color:#1c1c1c;}



#contact .span4{ float:left; margin-right:80px;}
#contact .span4:last-child{ margin-right:0}
#contact h3{ color:#b1b1b1; font-size:16px;line-height:35px; font-weight:normal; margin-top:15px;}
#contact p{ color:#fff;}
#contact .loc{ background:url(../images/loc.png) no-repeat left center; padding-left:20px;}
#contact .mail{ color:#c70044;background:url(../images/mail.png) no-repeat left center; padding-left:20px;}
#contact .mail a{color: #c70044;text-decoration: underline;}
#contact .conpic {
	padding-top: 30px;

}
#contact .conpic img{ width:auto; max-width:100%;}


footer { background:#1c1c1c; text-align:center; padding:30px 0; line-height:25px; font-size:14px;}
footer a {color: #c70044;text-decoration: underline; }


#news .spac{ height:100px;}

#newsxiang .title{ padding:40px 0 20px 0; border-bottom:solid 1px #7f7f7f;}
#newsxiang .title h3{ font-size:20px; color:#eee; line-height:30px; font-weight:normal;}
#newsxiang .title p{
	font-size:14px;
	color:#9e9e9e;
	line-height:30px;
	font-style: italic;
}
#newsxiang .conn{ color:#9e9e9e; line-height:30px; font-family:16px; padding:20px 0}
#newsxiang .conn p{ margin:0; padding:0;}


#newsxiang #navigation {cursor: pointer; position:relative; float:right; margin-right:-140px; margin-top:55px;}
#newsxiang #navigation div {cursor: pointer !important;height: 70px;margin-bottom: 10px;position: relative;width: 100px;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
#newsxiang #navigation div img {height: 36px;left: 50%;margin-top: -18px;position: absolute;top: 50%;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
#newsxiang #navigation div img:first-child {opacity: 1;filter: alpha(opacity=100);}
#newsxiang #navigation div img:last-child {opacity: 0;filter: alpha(opacity=0);}
#newsxiang #navigation .arrow {background-color: #232323;border: 1px solid #282828;}
#newsxiang #navigation .arrow img {margin-left: -9.5px;width: 19px;}
#newsxiang #navigation .fanhui a {background-color: #c70044; display:block; border: 1px solid #c70044;height: 70px;width: 100px; line-height:70px; text-align:center; color:#1c1c1c}


#about .banner {display: none;left: 0;overflow: hidden;position: absolute;top: 60px;width: 100%;}
#about #about_menu {margin-top:145px;position: relative;z-index: 999;}
#about #about_menu ul {list-style-type: none;margin: 0;text-align: center;}
#about #about_menu ul li {background-color: #1d1d1d;color: #9e9e9e;cursor: pointer;height: 35px;display: inline-block;*display: inline;*zoom: 1; font-size: 16px;line-height: 35px;text-decoration: none;text-transform: uppercase;width: 158px;-webkit-backface-visibility: hidden;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;border: 1px solid #333; margin-right:5px;}

#about #about_menu ul li:hover {color: #9e9e9e;background-color: #232323;border: 1px solid #333;}
#about #about_menu ul li.active {color: #eee !important;cursor: default;background-color: #232323;border: 1px solid #333;}
#about .youpiao{ float:right; margin-left:40px; margin-bottom:40px;}



#about #states_list {display: block;width: 100%;background-color: #232323;border: 1px solid #333;border-left: none;border-right: none; margin-top:-1px; height:130px;}


#about #states_list ul {clear: left;list-style-type: none;text-align: center; display:block; margin:0 auto; width:auto; position:absolute; z-index:999; margin-left:112px; }

#about #states_list ul li {
	color: #fff;
-webkit-transition: color 0.1s ease-in;-moz-transition: color 0.1s ease-in;-ms-transition: color 0.1s ease-in;-o-transition: color 0.1s ease-in;	transition: color 0.1s ease-in;
	display: inline-block;
*display: inline;*zoom: 1;	font-size:16px;
	line-height: 70px;
	list-style: none;
	padding: 0 20px;
	font-weight: bold;
}
#about #states_list ul li:hover,#about #states_list ul .active {color: #c70044;cursor: pointer;}
#about #what_module h3,#about #who_module h3 {color: #cb0540;font-size: 16px;line-height: 35px;margin: 0;padding-bottom: 30px;text-align: center; font-weight:normal; margin-top:-20px;  margin-left:40px}
#about #what_module p,#about #who_module p{ line-height:32px; color:#eee; margin:0; padding:0}

#about #what_module .row:nth-child(2){ height:330px !important;overflow-y: auto;overflow-x: hidden !important; padding-top:10px; margin-top:-20px; width:calc(100% - 30px); padding-right:30px;


}

#about #what_module ::-webkit-scrollbar{
            width:14px;
            background-color: #373737;
          }
#about #what_module ::-webkit-scrollbar-thumb{
            background-color: #676767;
          }

#about #where_module {padding-top: 20px;}


#about #where_module .jqvmap-region {cursor: default;}
#vmap {height: 800px;margin: 0 auto;width: 720px; background:url(../images/map.png) no-repeat top center; background-size:100% auto;}
#about #where_module,#about #who_module {display: none;}

#atabcontent span{font-size:14px;line-height:24px;}

#atabcontent .hidden {opacity: 0;filter: alpha(opacity=0);}
#atabcontent ul { position:absolute; cursor:pointer}


#attabcontent .hidden {opacity: 0;filter: alpha(opacity=0);}
#atabcontent ul { position:absolute; cursor:pointer}


#vmap #atabcontent ul:nth-child(1){}
#vmap #atabcontent ul:nth-child(2){ margin-top: 320px;margin-left: 550px;}
#vmap #atabcontent ul:nth-child(3){ margin-top:272px; margin-left:495px;}
#vmap #atabcontent ul:nth-child(4){ margin-top:319px; margin-left:519px;}
#vmap #atabcontent ul:nth-child(5){ margin-top: 242px;margin-left: 27px; }
#vmap #atabcontent ul:nth-child(6){ margin-top: 228px; margin-left: 468px;}
#vmap #atabcontent ul:nth-child(7){ margin-top: 306px;margin-left: 393px;}
#vmap #atabcontent ul:nth-child(8){ margin-top: 296px;margin-left: 257px;}
#vmap #atabcontent ul:nth-child(9){ margin-top: 190px;margin-left: 465px;}
#vmap #atabcontent ul:nth-child(10){margin-top: 325px;margin-left: 355px;}

#vmap #atabcontent ul span{ position:absolute; display:block;width:720px;}
#vmap #atabcontent ul:nth-child(2) span{ margin-top: 320px;margin-left: -550px;}
#vmap #atabcontent ul:nth-child(3) span{ margin-top:318px; margin-left:-495px;}
#vmap #atabcontent ul:nth-child(4) span{margin-top:267px; margin-left:-519px;}
#vmap #atabcontent ul:nth-child(5) span{margin-top: 251px;margin-left: -27px; }
#vmap #atabcontent ul:nth-child(6) span{ margin-top: 365px; margin-left: -468px;}
#vmap #atabcontent ul:nth-child(7) span{ margin-top:280px;margin-left: -393px;}
#vmap #atabcontent ul:nth-child(8) span{margin-top: 235px;margin-left: -257px;}
#vmap #atabcontent ul:nth-child(9) span{ margin-top: 434px;margin-left: -465px;}
#vmap #atabcontent ul:nth-child(10) span{margin-top: 267px;margin-left: -355px;}


#products .content .banner #navigation {cursor: pointer; position:relative; float:right; margin-right:-140px;}
#products .content .banner #navigation div {cursor: pointer !important;height: 70px;margin-bottom: 10px;position: relative;width: 100px;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
#products .content .banner #navigation div img {height: 36px;left: 50%;margin-top: -18px;position: absolute;top: 50%;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
#products .content .banner #navigation div img:first-child {opacity: 1;filter: alpha(opacity=100);}
#products .content .banner #navigation div img:last-child {opacity: 0;filter: alpha(opacity=0);}
#products .content .banner #navigation .arrow {background-color: #4f4f4f;border: 1px solid #282828;}
#products .content .banner #navigation .arrow img {margin-left: -9.5px;width: 19px;}
#products .content .banner #navigation .close img {margin-left: -18px;width: 36px;}