@charset "utf-8";

/* CSS Document */

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,a,big, em,font,strong,tt, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,caption, tbody, tfoot, thead, tr, th, tdinput{ padding: 0; margin: 0; }

img{ border:0px;}

ul{list-style:none;}

li{ list-style:none; color:#454545; font-family:""; font-size:12px;}

hr{ color:#FFFFFF;}

body{ font-family:"";font-size: 12px;color:#454545;}

a{font-size:12px; color:#000000;text-decoration:none;}



.header{ width:100%; height:auto; overflow:hidden; position:relative;}

.menu{ width:1085px; margin-left:-542px; left:50%; position:absolute; top:36px; height:98px; z-index:2000}

.logo{ float:left; width:100%; margin-bottom:20px;}

.menu ul{float:left;background:rgba(255, 255, 255, 0.85);}

.menu ul li{ width:155px; height:48px; float:left;}

.menu ul li a{ display:block; font:16px/48px "微软雅黑"; color:#000; text-align:center;}

.menu ul .active{ background:#d8ad2a;}

.menu ul .active a{ color:#fff;}

/*banner图片*/

.banner{ width:100%; height:717px;position:relative;overflow:hidden; top:0; position:relative; }



.banner .DB_bgSet{position:relative;}

.banner .DB_bgSet li{position:absolute;width:100%;height:717px;display:none;}

.banner .DB_imgSet{position:absolute;width:100px;left:50%;margin-left:-500px;}



/*第1/2张图*/

.banner .DB_imgSet .DB_1_1{position:absolute;left:560px;top:270px; }

.banner .DB_imgSet .DB_1_2{position:absolute;left:560px;top:335px;}



/*第三张图*/

.banner .DB_imgSet .DB_3_1{position:absolute;left:0;top:300px;}

.banner .DB_imgSet .DB_3_2{position:absolute;left:0;top:370px}



.index_center{ width:1200px; margin:0 auto; height:auto;overflow:hidden; background:#fff; top:-40px; position:relative;box-shadow: -5px 0 10px rgba(204, 204, 204, 0.39); z-index:15; padding:10px;}

.index_center1{ width:1220px;height:514px;box-shadow: 5px 0 10px rgba(204, 204, 204, 0.39);  position: absolute; z-index:10;background:#fff;top:677px; left:50%; margin-left:-610px;}



.title{ width:100%; height:35px; background:url(../images/img_01.jpg) left center no-repeat; color:#333;font: bold 16px/35px "微软雅黑";}

.title font{ text-transform:uppercase; color:#d8ad2a;font: 20px/35px Arial, Helvetica, sans-serif; padding:0 5px; padding-left:15px;}

.more{ display:block; background:url(../images/img_03.jpg) left center no-repeat;  text-transform:uppercase; color:#333; font-size:15px;padding-left:30px;}

.more:hover{ color:#d8ad2a; font:bold}

.index_about{ width:400px; float:left; margin:10px;}

.cont{font:12px/24px  "微软雅黑"; padding-top:20px;}

.cont h1{color:#d8ad2a;font:bold 15px/20px  "微软雅黑" }

.cont img{ width:166px; height:93px; margin:0 10px 0 0;}

.index_news{ width:413px; float:left;margin:10px;}

.index_news ul{ padding-top:20px;}

.index_news ul ol{ width:100%; float:left;}

.index_news ul ol h1{font:14px/24px  "微软雅黑"; color:#333; text-align:right;}

.index_news ul ol h1 a{font: bold 15px/24px  "微软雅黑"; color:#d8ad2a; float:left;}

.index_news ul ol h1 a:hover{text-transform:uppercase;}

.index_news ul ol h1 span{ float:left ;}

.index_news ul ol i{ float:left;margin:0 10px 10px 0;}

.index_news ul ol p{font:12px/22px  "微软雅黑";}

.index_news ul li{width:100%; float:left; background:url(../images/img_05.jpg)left center no-repeat}

.index_news ul li a{ display:block;font:12px/24px  "微软雅黑"; padding-left:10px;}

.index_news ul li a span{ float:left;}

.index_news ul li a font{ float:right;}

.index_news ul li a:hover span{display:block; text-decoration:underline; color:#d8ad2a}

.index_case{ width:320px; float:left;margin:10px;}

.rollBox{width:100%; height:205px;}   

.rollBox .LeftBotton,.rollBox .RightBotton{height:60px;width:25px;overflow:hidden;float:left;display:inline;cursor:pointer;}

.rollBox .LeftBotton{background:url(../images/left.png) no-repeat center;}   

.rollBox .RightBotton{background:url(../images/right.png) no-repeat center;}   

.rollBox .Cont{width:277px;overflow:hidden;float:left; padding-top:20px;}   

.rollBox .ScrCont{width:10000000px;}   

.rollBox .Cont .pic{width:277px; float:left; position:relative;transition: 2s;

-moz-transition: 2s; /* Firefox 4 */

-webkit-transition: 2s; /* Safari and Chrome */

-o-transition: 2s; /* Opera */}

.rollBox .Cont .pic:hover a{ display:block; width:100%; height:100%; background:rgba(216, 173, 42, 0.9)}  

.rollBox #List1,.rollBox #List2{float:left;}   

.case_a{ display:none; position:absolute; top:0; text-align:center;}

.case_a h1{ color:#fff;font: bold 16px/24px  "微软雅黑"; padding-top:60px; }

.case_a h2{color:#fff;font:16px/24px  "微软雅黑";}





.index_product{ width:1200px; margin:0 auto; height:auto;overflow:hidden; padding:0 10px;}

.marquee {width:1175px;height:195px;overflow:hidden;}

.marquee li{ display:inline; width:230px; height:195px; float:left; margin-right:15px; position:relative;}

.marquee li:hover a{ display:block;}

.marquee li a{width:100%; height:100%; background:rgba(216, 173, 42, 0.9);display:none; position:absolute; top:0; text-align:center;}

.marquee li a span{ display:block; text-align:center; padding-top:50px;}

.marquee li a h1{color:#fff;font: bold 16px/24px  "微软雅黑";}

/*footer*/

.footer{ width:100%;height:auto; overflow: hidden; background:#373737}

.foot_link{ width:100%; height:240px; position:relative; color:#fff;}

.foot_link dl{ float:left; padding:0 34px; height:150px;}

.foot_link dl dt{font: bold 15px/35px "微软雅黑"; color:#d0cdcd;}

.foot_link dl dt a{font: bold 15px/35px "微软雅黑"; color:#d0cdcd;}

.foot_link dl dt a:hover{ text-decoration: underline}

.foot_link dl dd{font: 13px/22px "微软雅黑"; color:#7f7d7d;}

.foot_link dl dd a{font: 13px/22px "微软雅黑"; color:rgba(255, 255, 255, 0.49);}

.foot_link dl dd a:hover{ text-decoration: underline}

.kefu{ float:right;}

.foot_link dl span{width:100%;float: left;}

.foot_link dl span{color:#fff;font: 25px/35px Arial, Helvetica, sans-serif; background: url(../images/img_11.jpg) left center no-repeat;}

.foot_link dl span font{ padding-left:40px; }

.foot_bottom{ width:100%; height:60px; background:#1e232a;}

.foot_copytight{width:1003px; margin:0 auto; color:rgba(255, 255, 255, 0.39); height:60px;font: 14px/60px "微软雅黑"; text-align:center;}

.share{ position:absolute; width:300PX;left:50%; margin-left:-150px;}

.share a{ margin:10px 15px;}



.kefu {POSITION: fixed; TOP: 180px; RIGHT: 1px; _position: absolute; z-index:10000}

.kefu A {COLOR: #00a0e9}

.kefu A:hover {COLOR: #ff8100; TEXT-DECORATION: none}

.kefu .floatL {POSITION: relative; WIDTH: 28px; FLOAT: left}

.kefu .floatL A {TEXT-INDENT: -9999px; DISPLAY: block; FONT-SIZE: 0px}

.kefu .floatR {BACKGROUND: url(../images/float_bg.gif)}

.kefu .tp {BACKGROUND: url(../images/float_bg.gif)}

.kefu .cn {BACKGROUND: url(../images/float_bg.gif)}

.kefu .floatR {PADDING-BOTTOM: 15px; WIDTH: 130px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -131px bottom; FLOAT: left; OVERFLOW: hidden}

.kefu .tp {BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0% 0%; HEIGHT: 10px}

.kefu .cn {BACKGROUND-REPEAT: repeat-y; BACKGROUND-POSITION: -262px 0px}

.kefu .cn H3 {TEXT-INDENT: -9999px; HEIGHT: 36px; FONT-SIZE: 0px}

.kefu .cn UL {PADDING-BOTTOM: 0px; PADDING-LEFT: 14px; PADDING-RIGHT: 14px; PADDING-TOP: 0px}

.kefu .cn UL LI {BORDER-BOTTOM: #e6e5e4 1px solid; LINE-HEIGHT: 36px; WORD-WRAP: break-word; HEIGHT: 36px; OVERFLOW: hidden; WORD-BREAK: normal}

.kefu .titZx {BACKGROUND: url(../images/float_s.png) no-repeat}

.kefu .titDh {BACKGROUND: url(../images/float_s.png) no-repeat}

.kefu .titdt{BACKGROUND: url(../images/float_s.png) no-repeat}

.kefu .titemail{BACKGROUND: url(../images/float_s.png) no-repeat}

.kefu .titDc {BACKGROUND: url(../images/float_s.png) no-repeat}

.kefu .icoZx {BACKGROUND: url(../images/float_s.png) no-repeat}

.kefu .icoTc {BACKGROUND: url(../images/float_s.png) no-repeat}

.kefu .icoFf {BACKGROUND: url(../images/float_s.png) no-repeat}

.kefu .icoTl {

	BACKGROUND: url(../images/float_s.gif) no-repeat

}

.kefu .icophone{BACKGROUND: url(../images/phone.png) no-repeat left}



.kefu .btnOpen {

	BACKGROUND: url(../images/float_s.gif) no-repeat

}

.kefu .btnOpen_n {

	BACKGROUND: url(../images/float_s.gif) no-repeat

}

.kefu .btnCtn {

	BACKGROUND: url(../images/float_s.gif) no-repeat

}

.kefu .titZx {

	BACKGROUND-POSITION: 5px -10px

}

.kefu .titDh {

	BACKGROUND-POSITION: 5px -66px

}

.kefu .titdt {

	BACKGROUND-POSITION: 5px -38px

}

.kefu .titemail{

	BACKGROUND-POSITION: 5px -96px

}

.kefu .titDc {

	BACKGROUND-POSITION: 5px -124px

}

.kefu .icoZx {

	BACKGROUND-POSITION: 2px -154px

}

.kefu .icoTc {

	BACKGROUND-POSITION: 0px -323px

}

.kefu .icoFf {

	BACKGROUND-POSITION: 2px -213px

}

.kefu .icoTl {

	PADDING-LEFT: 20px; DISPLAY: block; FONT-FAMILY: "΢���ź�"; BACKGROUND-POSITION: 2px -266px; FLOAT: left

}

.kefu .icophone {

	PADDING-LEFT: 20px; DISPLAY: block; FONT-FAMILY: "΢���ź�";  FLOAT: left

}



.kefu .btnOpen {

	BACKGROUND-POSITION: -30px -396px

}

.kefu .btnOpen_n {

	BACKGROUND-POSITION: 0px -530px

}

.kefu .btnCtn {

	BACKGROUND-POSITION: 0px -396px

}

.kefu .icoZx {

	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left

}

.kefu .icoTc {

	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left

}

.kefu .icoFf {

	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left

}

.kefu .btnOpen {

	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px

}

.kefu .btnOpen_n {

	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px

}

.kefu .btnCtn {

	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px

}

.kefu .btnOpen {

	TOP: 118px; LEFT: 1px

}

.kefu .btnOpen_n {

	TOP: 118px; LEFT: 1px

}

.kefu .btnCtn {

	TOP: 118px; LEFT: 2px

}

.kefu UL LI H3.titDc A {

	WIDTH: 80px; DISPLAY: block; HEIGHT: 36px

}

.kefu UL LI.top {

	BORDER-BOTTOM: #ace5f9 1px solid

}

.kefu UL LI.bot {

	BORDER-BOTTOM-STYLE: none

}

.kefu UL.webZx {

	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 164px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/webZx_bg.jpg) no-repeat; HEIGHT: 65px; PADDING-TOP: 0px



}

.kefu UL LI.webZx-in {

	BORDER-BOTTOM-STYLE: none; PADDING-LEFT: 5px; HEIGHT: 50px; PADDING-TOP: 8px

}