@charset "utf-8";
/* CSS Document */
body {  margin:0; padding:0; line-height:24px; font-family:'微软雅黑'; font-size:14px; background:#fff; overflow-x:hidden;}
div,ul,li,dt,dl,dd,h1,h2,h3,h4,h5,h6,img,p,span{ border-style: none;
	border-color: inherit;
	border-width: 0px;
	padding: 0;
	list-style-type:none;
	margin-left: auto;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: normal;}
img{display:block; margin: 0 auto;}
/* Link */
a:link { text-decoration:none;}
a:visited {text-decoration:none;}
a:hover { text-decoration:none;}
a:active { border:0px; background-color:Transparent;}
a{blr:expression(this.onFocus=this.blur()); outline:none;}
.sj{text-indent:32px;}
.blank5{ width:100%; height:5px; clear:both;}
.blank10{ width:100%; height:10px; clear:both;}
.blank15{ width:100%; height:15px; clear:both;}
.blank20{ width:100%; height:20px; clear:both;}
.blank25{ width:100%; height:25px; clear:both;}
.blank30{ width:100%; height:30px; clear:both;}
.blank35{ width:100%; height:35px; clear:both;}
.blank40{ width:100%; height:40px; clear:both;}
.blank45{ width:100%; height:45px; clear:both;}
.blank50{ width:100%; height:50px; clear:both;}
.blank55{ width:100%; height:55px; clear:both;}
.blank60{ width:100%; height:60px; clear:both;}
.blank65{ width:100%; height:65px; clear:both;}
.blank70{ width:100%; height:70px; clear:both;}
.blank90{ width:100%; height:90px; clear:both;}
.clear{ clear: both;}
.right{float: right;}
.left{float: left;}
/*Clear*/
.clear{ clear:both;  height:0px; line-height:0px; overflow:hidden;}/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/
.head{width: 1200px; height: auto; margin: 0 auto;}
.head img{float: left; display: block;}
.nav { width:874px; height:88px; position: relative;  padding-top:2px; z-index: 6; float:right;}
.nav ul { width:870px; margin:0 auto; text-align:center; line-height:88px;}
.nav ul li { width:87px; float:left;}
.nav ul li:hover{background: url("../images/nav.jpg") no-repeat center top;}
.nav ul li a { color:#333; font-size: 16px; display:block;}
.nav ul li:hover .subnav { display:block;}
.subnav { display:none; position:relative; z-index:11;}
.subnav ul { width:87px;}
.subnav ul li { width:87px; background:rgba(181,181,181,.44); border-bottom: #fff 1px solid; height:35px; line-height:35px; float:left; padding:1px 0; }
.subnav ul li a { color:#333; font-size:13px;}
.subnav ul li:hover a{color: #3579c0; background:rgba(181,181,181,.44);}
.subnav ul li:hover {background:rgba(181,181,181,.44);}
.subnav ul li:last-child{border: 0px;}
.nav ul li.nav_bj{ background: url("../images/nav.jpg") no-repeat center top;}
/*bananer*/
.container{width: 1200px; margin: 0 auto; height: auto; overflow: hidden;}
.comp{width: 1200px; margin: 0 auto; height: auto; overflow: hidden; margin-bottom: 55px;}
.comp1{width: 247px; float: left; height: auto; overflow: hidden; border: #959595 1px solid;}
.comp1 ul li{ width: 247px; height: 223px;}
.comp1 ul li:hover{background:#eee;}
.comp1 ul li.comp1-ys1{ border-bottom: #959595 1px solid;}
.comp2{ width: 908px; float:right; height: auto; overflow: hidden;}
.comp2-top{ width: 908px; height: 300px; overflow: hidden;}
.comp2-top h3{font-size: 18px; margin-bottom: 44px;}
.comp2-top1{ width: 535px; height: 191px; overflow: hidden; float: left; line-height: 29px; color: #333; background: url("../images/g8.jpg") no-repeat left 49px;}
.comp2-top2{width: 320px; height: 193px; float: left; display: block; margin-left: 25px; border-radius: 40px;}
.comp2-dop{ width: 908px;	height: 247px;	overflow: hidden;	margin-top: 44px;}
.comp2-dop h3{font-size: 18px;  margin-bottom: 12px;}
.box{ width:908px; margin-left:auto; margin-right:auto; overflow:hidden; height:168px;}
.mcase {width:908px; height:168px; }
#democ {margin:0 auto; overflow:hidden; width:908px; clear:both;}
#democ ul li { float:left; width: 284px;border: #333 1px solid;  height:166px; position: relative; margin-right: 16px;}
#democ ul li .roll_img{ display: table-cell;width:284px;height:168px;text-align: center; *display:block;*font-size:190px;overflow:hidden;vertical-align:middle;}
#democ ul li .roll_img img {vertical-align: middle;max-width:290px; max-height:161px;}
#democ ul li .roll_txt{  font-size:14px; text-align:center;}
#democ ul li .roll_txt a{color: #1d1d1d;  line-height: 30px;  font-weight: bold;}
#democ ul li .roll_txt a:hover{color:#be1d1d;}
#indemoc { float: left; width: 10000%;}
#demo1c {float: left;}
#demo2c {float: left; }
#democ ul li:hover .m_index_product_list_title { display: block;}
.m_index_product_list_title { width:290px; height:190px; background: #080808; opacity: .7; font-size: 18px;font-weight: bold; color:#fff; line-height:190px; text-align: center; position: absolute; top:0px; display: none; }
.zf-z{width: 100%; height: 595px; background: #f7f7f7;}
.u-top{ font-size: 30px;margin-top: 40px;}
.u-top1{font-size: 18px; color: #666;margin-top: 40px;}
.u-top2{font-size: 14px; color: #666;float: right; padding-top: 10px;  }
.zf{width: 1200px; height: auto; overflow: hidden;}
.img-scroll { position:relative; width:1200px;}
.img-scroll .prev6,.img-scroll .next6 { position:absolute; display:block; width:25px; height:25px;
	 color:#FFF; text-align:center;  }
.img-scroll .prev6 {right:30px; background: url("../images/p.png") no-repeat;}
.img-scroll .next6 { right:0; background: url("../images/n.png") no-repeat;}
.img-scroll .prev6:hover { left:0; background: url("../images/p1.png") no-repeat;}
.img-scroll .next6:hover { right:0; background: url("../images/n1.png") no-repeat;}
.img-list { position:relative; width:1200px; height:380px; overflow:hidden; margin-top: 35px;}
.img-list ul { width:9999px;}
.img-list li { float:left; display:inline; width:1200px; margin-right:10px; height:380px; background-color:#BDBDDF; text-align:center; line-height:100px;}
.zf-gd{width: 189px; height: 34px; display: block; line-height: 34px; margin: 0 auto; color: #3579c0; border: #3579c0 1px solid; border-radius: 34px; margin-top: 38px; font-size: 18px; text-align: center;}
.sp{width: 1200px; height: 371px; overflow: hidden; background: url("../images/sp.jpg") no-repeat center bottom;}
.sp1{width: 203px; height: 203px; border-radius: 203px; float: left; display:block; overflow: hidden;}
.sp2{width: 240px; height: 240px; border-radius: 240px; float: left; display:block; overflow: hidden;}
.sp1:hover .sp3{ z-index: 2;}
.sp2:hover .sp4{ z-index: 2;}
.sp3{width: 203px; height: 203px; background: rgba(79,156,238,.8) url("../images/sp-x.jpg") no-repeat center; border-radius: 203px; float: left; display:block; overflow: hidden; position: relative; margin-top: -203px; z-index: -1;}
.sp4{width: 240px; height: 240px;background: rgba(79,156,238,.8) url("../images/sp-x.jpg") no-repeat center; border-radius: 240px; float: left; display:block; overflow: hidden; position: relative; margin-top: -240px; z-index: -1;}
.sp-b1{ margin-left:10px; margin-top: 78px;}
.sp-b2{ margin-left:86px; margin-top:0px;}
.sp-b3{ margin-left:101px; margin-top:53px;}
.sp-b4{ margin-left:87px; margin-top: 19px;}
.sp3 h3{font-size: 24px; color: #fff; text-align: center; margin-top: 60px;}
.sp3 h4{font-size: 14px; text-align: center; color: #fff; margin-top: 30px;}
.sp4 h3{font-size: 24px; color: #fff; text-align: center; margin-top: 82px;}
.sp4 h4{font-size: 14px; text-align: center; color: #fff; margin-top: 30px;}
.x-ban{width:1920px; *width: 1920px; _width: 1920px; height:auto; position: relative; margin: 0;top:0; float: left; left: 50%; margin-left: -960px; *margin-left: -960px; _margin-left: -960px; overflow: hidden; background-attachment: scroll;
	background-position: 0px 0px;}
.new{width: 1200px;height: auto; overflow: hidden; height: 390px; overflow: hidden; margin-top: 62px; margin-bottom: 95px;}
.new1{width: 660px; float: left; height: auto; border-right: #c9c9c9 1px solid;}
.new2{width: 504px; float: right; height: auto;}
.new1-n{width: 620px;height: auto; overflow: hidden;}
.new1-n1{margin-top: 0px;}
.new1-n2{width: 284px; height: auto; margin-top: 25px; color: #333; display: block;}
.new-wz{ color: #0466c7; line-height: 40px;}
.new2-n{width: 480px; float: left; height: auto; overflow: hidden;}
.new2-n1{width: 72px; height: 72px; float: left; overflow: hidden; text-align: center; border-right: #c9c9c9 1px solid; font-size: 18px; color: #666;}
.new2-n2{width: 386px;  height: 72px; float: left; color: #666; margin-left: 20px; overflow: hidden;}
.new2-wz{font-size: 38px; font-weight: bold; display: block; line-height: 46px;}
.new2-n2 h3{font-size: 16px; color: #333;}
.new2-n ul a{display: block; overflow: hidden; margin-top: 45px;}
.new2-n3{width: 1086px;  height: 72px; float: left; color: #666; margin-left: 20px; overflow: hidden;}
.new2-n3 h3{font-size: 16px; color: #333;}
.foot1{width: 100%; height: 60px; line-height: 60px; background: #2e2e2e;}
.foot1-n{width: 1200px; height: 60px; margin: 0 auto; color: #fff;}
.foot1-n a{color: #fff;}
.foot1-n img{display: inline; float: left; margin-right: 13px;}
.foot2{width: 100%; height:320px; background: #191919;}
.foot2-n{width: 1200px; height: 320px; margin: 0 auto; color: #fff;}
.foot2-n1{width: 1050px; margin: 0 auto; height: 115px; line-height: 115px;}
.foot2-n1 a{color: #fff;}
.foot2-jl{padding: 0 25px;}
.foot-jj{ width: 1076px; height: auto; margin: 0 auto; overflow: hidden;}
.foot-jj1{width: 400px; float: left; height: auto; overflow: hidden; color: #fff; margin-top: -9px;}
.foot-jj-wz{font-weight: bold;
	font-size: 19px;
	color: #fff;
	padding-top: 8px;
	display: block;}
.foot-ew{width: 133px; height: auto; overflow: hidden; line-height: 35px; text-align: center; color: #fff; float: left;}
.foot3{width: 100%; height:50px; line-height: 60px; background: #000;}
.foot3-n{width: 1200px; height:50px; font-size: 12px; text-align: left;background: url("../images/f3.jpg") no-repeat right center; margin: 0 auto; color: #fff;}
.qq{width: 38px; float: right; height: 38px; margin-left: 6px;}
.con-top{ height: 60px; width: 1200px; background: url("../images/ab.jpg") no-repeat left top; margin-top: 49px; margin-bottom: 17px;}
.con-top h3{ padding-top: 12px; font-size: 24px;}
.con-top-wz{ font-family: "Californian FB"; color: #999; line-height: 34px;}
.ab{width: 1166px; min-height: 251px; overflow: hidden; float: left; border: #a0a0a0 1px solid;}
.ab1{ margin: 18px;float: left;}
.ab2{width: 368px; height: auto; overflow: hidden; float: left; margin-left: 35px; margin-bottom: 20px;}
.ab2 h3{font-size: 18px; color: #333; text-align: center; font-weight: bold; margin-top: 42px; margin-bottom: 23px;}
.ab-n{width: 1200px;   margin-top: 20px; margin-bottom: 60px; text-indent:2em;}
.ab-n img{margin: 30px auto;}
.zz{width: 1200px; height: auto; overflow: hidden;}
.zz ul li{width: 280px; height: 168px; margin-bottom: 27px; float: left; border: #a0a0a0; margin-right: 20px;}
.zz ul li:nth-of-type(4n){margin-right: 0px;}
.digg {
	padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center; margin-bottom: 30px; margin-top:30px;}
.digg a {
	padding-right: 11px; font-size: 14px; border:#c9c9c9 1px solid; padding: 3px 10px; margin: 2px;  color: #333;  text-decoration: none
}
.digg a:hover {color: #ec4800;}
.digg a:active {border:#c9c9c9 1px solid; color: #333;}
.digg span.current {
	 border:#959595 1px solid;  background: #3579c0; margin: 2px;color: #fff;padding: 3px 10px; }
.digg span.disabled {
	font-size: 14px; border:#c9c9c9 1px solid; padding: 3px 10px; margin: 4px; color: #333; }
.digg a.disabled1{ padding: 3px 17px; color: #333;}
.zz-show{width: 1200px; height: auto; overflow: hidden; margin-bottom: 48px;}
.zz-show h3{line-height: 35px;text-align: center;}
.zz-dj{float: left; display: block; line-height: 35px; color: #333;}
.new-list{width: 1200px; height: auto; overflow: hidden;}
.new-list ul li{height: 96px; border-bottom: #a0a0a0 1px solid; margin-bottom: 26px;}
.new-show{width: 1200px; height: auto; overflow: hidden; line-height: 26px;}
.new-show h1{font-size: 18px; text-align: center; color: #333;}
.new-show h2{font-size: 14px; color: #666; text-align: center;}
.new-show h1.wz-bs{ font-weight: bold; color: #3579c0; font-size: 24px;}
.new-show h2.wz-bs1{color: #999;}
.new-show img{margin: 0 auto;}
.lc{width: 1200px; height: auto; overflow: hidden;}
.lc1{width: 1100px; height: auto; margin: 0 auto;}
.lc h3{font-size: 18px; color: #3579c0; text-align: left; margin-top: 60px; margin-bottom: 25px;}
.lc h4{font-size: 16px;  color: #3579c0; font-weight: bold; text-align: center; margin-top: 30px; margin-bottom: 70px;}
.hj-b{color: red;}
.xd{width: 1200px; height: auto; overflow: hidden;}
.xd1{width: 107px; height: 32px; text-align: right; margin-right: 10px; float: left; margin-bottom: 43px;}
.xd2{width: 535px; border: #aaa 1px solid; height: 32px; float: left; margin-bottom: 43px;text-align: left;}
.xd3{width: 400px; padding-left: 30px; color: #999; float: left;margin-bottom: 43px; line-height: 32px;}
.xd4{width: 535px; border: #aaa 1px solid; height: 250px; max-height: 250px; max-width: 535px; float: left; margin-bottom: 43px;text-align:left;}
.xd5{width: 156px; height: 40px; text-align: center; border: 0px; font-size: 18px; line-height: 40px; border-radius: 40px; background: #3579c0; color: #fff; margin-bottom: 125px; margin-right: 30px;}
.xd6{margin-left:814px;}
.contact{width: 1200px; height: auto; overflow: hidden; margin-bottom: 126px;}
.contact1{width: 643px; height: 439px; float: left;}
.contact2{width: 460px; height: auto; margin-left: 64px; line-height: 34px; float: left; font-size: 18px;}
.contact2 h3{font-size: 24px; margin-bottom: 28px; font-weight:normal;}
.contact2 h4{font-size: 24px; font-weight: bold; color: #333; line-height: 26px;}

.cx{width: 720px; height: 52px; margin: 0 auto; background: url("../images/cx.jpg") no-repeat center; margin-top: 26px;}
.cx1{width: 550px; color: #999; line-height: 50px;height: 50px; float: left; border: 0; background: none; margin-left: 11px;}
.cx2{width: 131px; height: 52px; float: left; margin-left: 21px; background: none; border: none;}
.cx-bj{width: 1200px; font-size: 18px; height: 583px;line-height: 45px;  overflow: hidden; background: url("../images/bj.jpg") no-repeat;}
.cx-bj1{color: #3579c0 ; font-weight: bold;}
.cx-t{float: left; margin-right: 11px; margin-left: 16px; margin-top: 10px;}
.video{width: 1150px; height: auto; margin: 0 auto; overflow: hidden; font-size: 20px; margin-bottom: 125px;}
.video1{float: left; color: #333; margin-bottom: 40px;}
.video2{padding: 0 15px;}
.video3{color: #3579c0;}
.video ul li{float: left; margin-right: 10px; margin-bottom: 26px;}
.video ul li:nth-of-type(3n){margin-right: 0px;}
.sp2 img {
	width: 240px;
	height: 240px;
	overflow: hidden;
}
.sp1 img {
	width: 203px;
	height: 203px;
	overflow: hidden;
}