@charset "utf-8";
html {
	color:#000;
	background:#FFF
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
table {
	border-collapse:collapse;
	border-spacing:0
}
fieldset, img {
	border:0
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal
}

A {TEXT-DECORATION:none;color:#333333;}
A:hover {COLOR:#3b9bf1; TEXT-DECORATION:none;}

.newstitle{text-align:center;font-size:14px; font-weight:bold; color:#000}
.newde{font-size:12px; line-height:23px; color:#999}
.newsdate{font-size:12px; color:#999}
.pager{font-size:12px; color:#999}

ol, ul {
	list-style: none; margin:0px; padding:0px;
}
.clear{clear:both;}
.cbody{ width:1100px; margin:auto}
.anchorBL{display:none}
.newsdes {font-size:16px; color:#000000; font-family:"微软雅黑"; padding-left:20px; font-weight:bold}
.newscdd { color:#000000; font-size:14px; line-height:22px; padding:10px 20px}

.casedec{font-size:12px; color:#f24646}
.minheight{_height:600px;min-height:600px !important;}
.minheight_p{_height:950px;min-height:950px !important;}

.pcall{width:10%; float:left; padding:5px 10px; background-color:#3b9bf1}
.pccur{width:10%; float:left; padding:5px 10px; background-color:#e6b300}

.productca {font-size:14px; color:#ffffff; font-family:"微软雅黑";}
.productca:hover {font-size:14px; color:#ffffff; font-family:"微软雅黑";}

.address{font-size:20px; color:#2b2b2b; font-family:"微软雅黑"; padding-top:20px;letter-spacing:1px}
.addressen{font-size:14px; color:#2b2b2b; font-family:"微软雅黑"; padding-top:10px; line-height:23px;letter-spacing:1px}

.lanmuba{text-align:left;background:url(../images/inl.jpg) no-repeat; width:123px; height:24px; padding:4px 0px 0px 66px;}
.lanmuba a {color:#2a333a; font-size:12px;}
.lanmuba a:hover {color:#fc6700; font-size:12px;}

.lanmubab{text-align:left;background:url(../images/inlb.jpg) no-repeat; width:123px; height:24px; padding:4px 0px 0px 66px;}
.lanmubab a {color:#2a333a;}
.lanmubab a:hover {color:#fc6700;}

.fwbg{background:url(../images/fwbg.jpg) no-repeat center top; width:100%; height:601px; margin:auto}
.enfw{font-size:15px; color:#677878; font-family:"Times New Roman", Times, serif; padding-bottom:5px}
.zhfw{padding-bottom:5px;}
.zhfw a {font-size:20px; color:#1b3232; font-family:"微软雅黑"; font-weight:bold}
.zhfw a:hover {font-size:20px; color:#08397e; font-family:"微软雅黑"; font-weight:bold}

.fwcontent{font-size:14px; color:#4e4e4e; font-family:"微软雅黑"; padding-bottom:5px; line-height:24px}
.paddfw{padding:30px 10px 0px 20px; width:245px; height:181px}
.paddfwb{padding:30px 10px 0px 20px; width:245px; height:181px; background-color:#ffffff}


.casebg{background:url(../images/casebg.jpg) no-repeat center top; width:100%; height:137px; margin:auto}
.newsbg{background:url(../images/newsbg.jpg) no-repeat center top; width:100%; height:634px; margin:auto}
.news_left{background:url(../images/newsleft.png) no-repeat center top; width:523px; height:76px;}
.leftpadd{padding:5px 35px 3px 8px}
.newsa {font-size:16px; color:#504f4f; font-family:"微软雅黑";}
.newsa:hover {font-size:16px; color:#08397e; font-family:"微软雅黑";}
.newscontent{ color:#999999; font-family:"微软雅黑"; font-size:12px; line-height:20px; padding-top:5px}

.news_right{background:url(../images/newsright.png) no-repeat center top; width:523px; height:76px;}
.rightpadd{padding:5px 8px 3px 35px}

.bottomc{background-color:#41525a; height:170px; width:100%; margin:auto}

.bottoma {font-size:14px; color:#eaeada; font-family:"微软雅黑"; font-weight:bold}
.bottoma:hover {font-size:14px; color:#ffffff; font-family:"微软雅黑"; font-weight:bold}

.left30{ padding-left:40px}
.left10{ padding-left:10px}

.bottomword{font-size:12px; color:#ffffff; font-family:"微软雅黑"; padding-top:10px}

.bword {font-size:12px; color:#ffffff; font-family:"微软雅黑";}
.bword:hover {font-size:12px; color:#cda900; font-family:"微软雅黑";}

.bwordmail {font-size:14px; color:#cda900; font-family:"微软雅黑"; font-weight:bold}
.bwordmail:hover {font-size:14px; color:#cda900; font-family:"微软雅黑"; font-weight:bold}

.banner6{background:url(../images/banner6.jpg) no-repeat center top; width:100%; height:350px; margin:auto}
.contactbg{background:url(../images/contactbg.jpg) no-repeat center top; width:100%; height:822px; margin:auto}

.link{ font-size:12px; color:#cccccc}
.link a {font-size:12px; color:#cccccc;}
.link a:hover {font-size:12px; color:#08397e;}
/*头部*/
.topcolor{background-color:#4b5c66; height:16px; overflow:hidden}

.header {
	height:125px;
	overflow:hidden;
	position: fixed;
	top: 0px;
	z-index:9990;
	width:100%
}

.menu {
	font-size:15px;
}
.menu li {
	float:left;
	width:115px;
	line-height:108px;
	text-align:center
}
.menu li a {
	display:block;
	color:#666
}
.menu li a:hover, .menu li.nav-on a {
	background:#4b5c66;
	display:block;
	color:#fff;
}


/* product_category
----------------------------------------------- */
.productList {
 padding-top: 20px;
 color: #999999;
}
.productList dl {
 float: left;
 width: 370px;
 height: 160px;
 margin: 0 20px 30px 0;
}
.productList dl.last {
 margin-right: 0;
}
.productList dt {
 float: left;
 width: 160px;
}
.productList dd {
 float: left;
 width: 195px;
 padding: 15px 0 0 15px;
}
.productList dt img {
 border: 1px solid #EEEEEE;
}
.productList .name {
 height: 18px;
 overflow: hidden;
}
.productList .name a {
 color: #333333;
 font-weight: bold;
}
.productList .brief {
 color: #999999;
 padding-top: 8px;
 height: 60px;
}
.productList .price {
 padding-bottom: 10px;
}
/* product
----------------------------------------------- */
#product {
 padding: 15px 0;
}
#product .productImg {
 float: left;
 width: 300px;
}
#product .productInfo {
 float: left;
 width: 465px;
 padding: 10px 0 0 15px;
 line-height: 200%;
}
#product .productInfo h1 {
 font-size: 18px;
}
#product .productInfo ul {
 padding-top: 10px;
}
#product .productInfo .productPrice {
 margin-bottom: 5px;
}
#product .productInfo .productPrice .price {
 font-family: Arial;
 font-size: 20px;
 font-weight: bold;
}
#product .productInfo .btnAsk {
 margin-top: 50px;
 zoom: 1;
 overflow: hidden;
}
#product .productInfo .btnAsk dt {
 float: left;
 width: 88px;
 height: 39px;
 line-height: 39px;
 text-align: right;
 padding-right: 3px;
 margin-right: 6px;
 background-color: #E0E0E0;
 color: #333;
 font-weight: bold;
}
#product .productInfo .btnAsk dd {
 float: left;
 width: 300px;
}
#product .productContent {
 padding: 15px 0;
}
#product .productContent h3 {
 height: 35px;
 line-height: 35px;
 color: #7A7F81;
 font-weight: bold;
 font-size: 14px;
 border-bottom: 1px solid #CBD1D3;
}
#product .productContent ul {
 padding: 15px 0;
 color: #666;
 line-height: 200%;
}


/*案例*/
#gallery-slider #slider-bottom-controls {
	height:10px;
	min-width:1000px;
	padding-top:-1px;
	margin:0 auto;
	margin:2px 0 1px;
}
#gallery-slider #slider-bottom-controls #slider-scroll {
	height:10px;
	width:100%;
	background:#42525b;
	float:left;
}
#gallery-slider #slider-bottom-controls div.knob {
	width:380px;
	height:10px;
	overflow:hidden;
	cursor:pointer;
	background:#ffc600;
}
#gallery-slider #slider-images-wrapper {
	margin:auto;
	height:232px;
	position:relative;
	overflow:hidden;
	margin-top:10px
}
#gallery-slider #slider-images-wrapper ul#slider-main-ul {
	width:auto;
	height:464px;
	position:absolute;
	left:0;
	top:0;
}
#gallery-slider #slider-images-wrapper ul#slider-main-ul li {
	float:left;
	list-style:none;
	height:232px;
	width:380px;
	background:#ffffff;
}
#gallery-slider #slider-images-wrapper ul#slider-main-ul li ul {
	float:left;
	width:380px;
	background:#ffffff
}
#gallery-slider ul#slider-main-ul li a {
	text-decoration:none;
	position:relative;
	display:none;
}
#gallery-slider ul#slider-main-ul li a span {
	text-decoration:none;
	display:block;
	position:absolute;
	top:0px;
	margin-top:190px;
	left:0;
	z-index:99;
	opacity:90;
	filter:alpha(opacity=0);
	display:block;
	width:100%;
}
#gallery-slider ul#slider-main-ul li a span h3 {
	height:46px;
	background:#000;
	margin-top:190px;
	color:#fff;
	font-size:14px;
	line-height:42px;
	text-indent:1em;
	filter:alpha(Opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9;
}
#gallery-slider ul#slider-main-ul li a span em {
	background:url(../images/glass.gif) no-repeat;
	width:46px;
	height:46px;
	display:block;
	float:right;
	overflow:hidden
}
/*图*/
#gallery-slider ul#slider-main-ul li.type-1 a span {
	text-decoration:none;
	display:block;
	position:absolute;
	top:0px;
	margin-top:0px;
	left:0;
	z-index:9000;
	opacity:90;
	filter:alpha(opacity=0);
	height:280px;
	background:url(../images/001.jpg);
	display:block;
	width:100%;
	color:#fff;
	font-size:18px;
	line-height:42px;
	text-indent:1em;
}
#gallery-slider ul#slider-main-ul li.type-2 a span {
	background:url(../images/002.jpg);
}
#gallery-slider ul#slider-main-ul li.type-3 a span {
	background:url(../images/003.jpg);
}
#gallery-slider ul#slider-main-ul li.type-4 a span {
	background:url(../images/004.jpg);
}
#gallery-slider ul#slider-main-ul li.type-5 a span {
	background:url(../images/005.jpg);
}
#gallery-slider ul#slider-main-ul li.type-6 a span {
	background:url(../images/006.jpg);
}
#gallery-slider ul#slider-main-ul li.type-7 a span {
	background:url(../images/007.jpg);
}
#gallery-slider ul#slider-main-ul li.type-8 a span {
	background:url(../images/008.jpg);
}
#gallery-slider ul#slider-main-ul li.type-9 a span {
	background:url(../images/009.jpg);
}
#gallery-slider ul#slider-main-ul li.type-10 a span {
	background:url(../images/010.jpg);
}

.flickerplate {
	position:relative;
	width:100%;
	height:451px;
	background-color:#e6e6e6;
	overflow:hidden;
}
.flickerplate ul.flicks {
	width:10000%;
	height:100%;
	padding:0px;
	margin:0px;
	list-style:none
}
.flickerplate ul.flicks>li {
	float:left;
	width:1%;
	height:100%;
	background-position:center;
	background-size:cover;
	display:table
}
.flickerplate ul.flicks>li .flick-inner {
	height:100%;
	padding:10px;
	color:#fff;
	display:table-cell;
	vertical-align:middle
}
.flickerplate ul.flicks>li .flick-inner .flick-content {
	max-width:68.75em;
	margin-left:auto;
	margin-right:auto
}
.flickerplate ul.flicks>li .flick-title {
	padding:0px 0px;
	font-size:2.778em;
	line-height:1.995em;
	text-align:center
}
@media only screen and (max-width: 43.813em) {
.flickerplate ul.flicks>li .flick-title {
font-size:1.667em
}
}
.flickerplate ul.flicks>li .flick-sub-text {
	padding:5px;
	font-weight:300;
	line-height:2.5em;
	color:rgba(255, 255, 255, 0.8);
	text-align:center
}
.flickerplate ul.flicks>li .flick-title span.flick-block-text, .flickerplate ul.flicks>li .flick-sub-text span.flick-block-text {
	padding:12px 18px;
	background-color:rgba(0, 0, 0, 0.6)
}
.flickerplate .arrow-navigation {
	position:absolute;
	height:80%;
	width:10%;
	top:10%;
	z-index:100;
	overflow:hidden
}
.flickerplate .arrow-navigation .arrow {
	display:block;
	height:100%;
	width:90%;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out
}
.flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover {
	cursor:pointer
}
.flickerplate .arrow-navigation.left {
	left:0%
}
.flickerplate .arrow-navigation.left .arrow {
	opacity:0;
	margin:0px 0px 0px 50%;
	background-image:url("../images/arrow-left-light.png");
	background-repeat:no-repeat;
	background-position:left
}
.flickerplate .arrow-navigation.right {
	right:0%
}
.flickerplate .arrow-navigation.right .arrow {
	opacity:0;
	margin:0px 0px 0px -50%;
	background-image:url("../images/arrow-right-light.png");
	background-repeat:no-repeat;
	background-position:right
}
.flickerplate .arrow-navigation.left.hover .arrow {
	opacity:1;
	margin:0px 0px 0px 20%
}
.flickerplate .arrow-navigation.right.hover .arrow {
	opacity:1;
	margin:0px 0px 0px -20%
}
.flickerplate .dot-navigation {
	position:absolute;
	bottom:25px;
	width:100%;
	text-align:center;
	z-index:100
}
.flickerplate .dot-navigation ul {
	text-align:center;
	list-style:none;
	padding:0px 15px;
	padding-left:42%
}
.flickerplate .dot-navigation ul li {
	display:inline-block;
	float:left;
}
.flickerplate .dot-navigation .dot {
	width:56px;
	height:5px;
	margin:0px 6px;
	background:#fff;
}
.flickerplate .dot-navigation .dot:hover {
	cursor:pointer;
	background-color:rgba(255, 255, 255, 0.6)
}
.flickerplate .dot-navigation .dot.active {
	background-color:#4b5c66
}
.flickerplate .dot-navigation.left, .flickerplate .dot-navigation.left ul {
	text-align:left
}
.flickerplate .dot-navigation.right, .flickerplate .dot-navigation.right ul {
	text-align:right
}
.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow {
	background-image:url("../images/arrow-left-dark.png")
}
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow {
	background-image:url("../images/arrow-right-dark.png")
}
.flickerplate.flicker-theme-dark .dot-navigation .dot {
	background-color:rgba(0, 0, 0, 0.12)
}
.flickerplate.flicker-theme-dark .dot-navigation .dot:hover {
	background-color:rgba(0, 0, 0, 0.6)
}
.flickerplate.flicker-theme-dark .dot-navigation .dot.active {
	background-color:#000
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text {
	background-color:rgba(255, 255, 255, 0.5)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text {
	background-color:rgba(255, 255, 255, 0.5)
}
.flickerplate.animate-transform-slide ul.flicks {
	-webkit-perspective:1000;
	-webkit-backface-visibility:hidden;
	transform:translate3d(0%, 0px, 0px);
	-webkit-transform:translate3d(0%, 0px, 0px);
	-webkit-transition:-webkit-transform 0.6s;
	-o-transition:-o-transform 0.6s;
	-moz-transition:-moz-transform 0.6s;
	transition:transform 0.6s
}
.flickerplate.animate-transition-slide ul.flicks {
	position:relative;
	left:0%;
	-webkit-transition:left 0.4s ease-out;
	-moz-transition:left 0.4s ease-out;
	-o-transition:left 0.4s ease-out;
	-ms-transition:left 0.4s ease-out;
	transition:left 0.4s ease-out
}
.flickerplate.animate-jquery-slide ul.flicks {
	position:relative;
	left:0%
}
.flickerplate.animate-scroller-slide {
	padding-bottom:0px;
	overflow:auto
}
.flickerplate.animate-scroller-slide ul.flicks {
	position:auto
}




.menu_a{ float:left; width:100px; height:49px; line-height:49px; text-align:center}
.menu_a a{ color:#ffffff; width:100px; height:49px; line-height:49px; display:block}
.menu_a a:hover{ color:#ffffff; height:49px; line-height:49px; display:block}

.menu_ab{ float:left; width:100px; height:49px; line-height:49px; background:url(images/menu_ok.jpg); text-align:center}
.menu_ab a{ color:#000000; height:49px; line-height:49px; display:block}
.menu_ab a:hover{ color:#000000; height:49px; line-height:49px; display:block}
.clear{ clear:both}
.menu_line{ float:left; width:60px; height:49px; line-height:49px}


#demosta {
overflow:hidden;
width: 770px;
height:210px; margin:auto; 
}
#indemoa {
float: left;
width: 800%;
}
#demo1ea {
float: left;
}
#demo211a {
float: left;
}

.treeBox {
 margin-bottom: 15px;
}
.treeBox h3 {
 height: 35px;
 line-height: 35px;
 color: #7A7F81;
 font-weight: bold;
 font-size: 14px;
 border-bottom: 1px solid #CBD1D3;
}
.treeBox li {
 border-left: 4px solid #F4F4F4;
 line-height: 15px;
 margin-top: 15px;
 padding-left: 10px;
}
.treeBox li.cur {
 border-left: 4px solid #19B4EA;
}
.treeBox li a {
 color: #7A7F81;
}
.treeBox .searchBox {
 margin:20px 0;
}
.treeBox .searchBox .keyword {
 width: 136px;
}

.about_ok{ width:150px; height:50px; line-height:50px; background:url(images/left_yes1.jpg); text-align:center; float:left}
.about_ok a{ color:#3c3634; font-size:16px; width:150px; height:50px; line-height:50px; display:block; font-weight:bold}
.about_ok a:hover{ color:#3c3634; font-size:16px; width:150px; height:50px; line-height:50px; display:block; font-weight:bold}

.about_no{ width:150px; height:50px; line-height:50px; text-align:center; float:left}
.about_no a{ color:#999999; font-size:16px; width:150px; height:50px; line-height:50px; display:block; font-weight:bold}
.about_no a:hover{ color:#999999; font-size:16px; width:150px; height:50px; line-height:50px; display:block; font-weight:bold}


.about_ok1{ width:300px; height:50px; line-height:50px; background:url(images/left_yes1.jpg); text-align:left;}
.about_ok1 a{ color:#3c3634; font-size:14px; width:300px; height:50px; line-height:50px; display:block; }
.about_ok1 a:hover{ color:#3c3634; font-size:14px; width:300px; height:50px; line-height:50px; display:block; }

.about_no1{ width:300px; height:50px; line-height:50px; text-align:left;background:url(images/left_bg1.jpg)}
.about_no1 a{ color:#999999; font-size:14px; width:300px; height:50px; line-height:50px; display:block; }
.about_no1 a:hover{ color:#999999; font-size:14px; width:300px; height:50px; line-height:50px; display:block; }