/* CSS Document */

/*     banner      */



.area {

	width:100%;

	margin:0 auto;

	overflow:hidden;

	position:relative;

	cursor:pointer;

}

.js {

	POSITION: relative;

	WIDTH:100%;

	HEIGHT:570px;

	margin:0 auto;

}

.prevBtn {

	BACKGROUND:url(../images/btn01h.jpg) no-repeat;

	HEIGHT:47px;

	WIDTH: 32px;

	display:block;

	position:absolute;

	top:320px;

}

.prevBtn:hover {

	BACKGROUND:url(../images/btn01.jpg) no-repeat;

}

.nextBtn {

	BACKGROUND:url(../images/btn02h.jpg) no-repeat;

	HEIGHT:47px;

	WIDTH: 32px;

	display:block;

	position:absolute;

	right:0;

	top:320px;

}

.nextBtn:hover {

	BACKGROUND:url(../images/btn02.jpg) no-repeat;

}

.imgSelected {

	BACKGROUND: url(../images/jsNav.png) no-repeat;

}

.bg {

	width:100%;

	padding-top:1px;

	background:url(../images/bg01.png) no-repeat;

	_background:none;/*IE6*/

_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="images/bg01.png");/*IE6*/

	height:34px;

	left:0;

	FONT-WEIGHT: bold;

	top:280px;

	position:absolute;

}

.jsNav {

	position:absolute;

	left:220px;

	top:281px;

}

.jsNav a {

	width:40px;

	font-size:14px;

	margin-right:6px;

	display:inline;

	height:33px;

	line-height:33px;

	display:block;

	float:left;

	text-align:center;

	color:#fff;

}

.jsNav a:hover {

	background:url(../images/bg01.gif) no-repeat;

	color: #FF1555;

	text-decoration:none;

}

.jsNav .imgSelected {

	background:url(../images/bg01.gif) no-repeat;

	color: #FF1555;

}

.qq {

	display:none;

	z-index:200

}

.box01 li{ /*width:1920px;*/ height:570px;/* margin:0 auto;*/ display:none;}















#right{ width:1176px; margin:440px auto 40px; overflow:hidden}

.M-what2{ width:1136px; padding-left:40px; overflow:hidden; margin-top:62px;}

.M-what2 a{ color:#606060;}

.Brand2{ float:left; display:block;width:214px; margin:0 76px 0 0; overflow:hidden}

.brnone{ margin-right:0}

.bpic1,.bpic2,.bpic3,.bpic4{ width:92px; height:92px; margin:0 auto; }

.bpic1{background-image:url(../images/bicon1.jpg);}

.bpic2{background-image:url(../images/bicon2.jpg);}

.bpic3{background-image:url(../images/bicon3.jpg);}

.bpic4{background-image:url(../images/bicon4.jpg);}

/*.bpic2 img{width:224px; height:169px; background:#000}*/

.brtitle2{height:30px; line-height:30px; text-align:center;font-family:"微软雅黑"; font-size:18px; color:#5f5f5f; margin-top:14px}

.brtitle2 span{ font-size:14px; color:#919191;}

.Brand2:hover .bpic1,.Brand2:hover .bpic2,.Brand2:hover .bpic3,.Brand2:hover .bpic4{ background-position:0 92px;}

.M-design-bottom2{height:40px;overflow:hidden;text-align:center;margin-top:10px; color:#606060;}

.M-btn2{background:url(../images/btn-ico.jpg) no-repeat;width:154px;height:34px;display:block;line-height:34px;text-align:center;font-family:"微软雅黑";font-size:14px;color:#fff;margin:5px auto 0;}

.M-btn2:hover{background:url(../images/btn-ico1.png) no-repeat;}

.M-design-title2 span{font-size:12px;line-height:20px;color:#606060;display:block; text-align:center;/*padding:0 7px;*/}





.newsbd{ background:#f6f6f6; border-top:1px solid #e6e6e6; padding:40px 0 40px;}

.guan{ width:574px; height:110px; margin-bottom:22px;}

.guan1{ margin-top:30px;}

.guan .pic img{ width:136px; height:110px;}

.you{ background:#FFF; height:90px; width:404px; padding:20px 16px 0 18px; font-family:"微软雅黑";}

.you a{ font-size:16px; color:#353535;}

.you p{ font-size:14px; color:#606060; line-height:24px; margin-top:8px;}

.you a:hover{ color:#a90009;}

.geng a{ display:block; width:136px; height:30px; line-height:30px; text-align:center; color:#fff; font-family:"微软雅黑"; font-size:14px; background:#bb0009;}

.geng a:hover{ background:#cd0a13;}







.work { padding:40px 0 10px 0; background: #292929; font-family:"微软雅黑";margin-bottom:40px}

.work .box2 { width: 1176px; margin: 0 auto; }

.work .title1 span{ display:block; text-align:center; font-family:"微软雅黑"; font-size:40px; color: #fff;}

.work .title span{ display:block; text-align:center; font-family:"微软雅黑"; font-size:22px; color: #fff;}

.title{ margin-bottom:10px;}

.work .top { overflow: hidden; margin: 0 0 24px 0; }

.work .menu { float: left; }

.work .menu a { height:30px; line-height:30px; margin: 0 0 10px 0;font-size: 14px; color: #6b6b6b; font-family:"微软雅黑"; padding: 0 20px; display: inline-block;}

.work .menu a:hover, .work .menu .cur {background:url(../images/whitec.png) no-repeat; color: #fff; }

.work .btns { float: right; }

.work .btnLeft { width: 29px; height: 29px; display: inline-block; background: url(../images/btn3.png) no-repeat 0 0; }

.work .btnLeft:hover { background-position: 0 -29px; }

.work .btnRight { width: 29px; height: 29px; margin: 0 0 0 5px; display: inline-block; background: url(../images/btn3.png) no-repeat -29px 0; }

.work .btnRight:hover { background-position: -29px -29px; }

.work .listBox { height: 300px; margin: 0 0 20px 0; overflow: hidden; position: relative; }

.work ul { width: 99999px; position: absolute; left: 0; top: 0; }

.work li { width: 272px; padding: 0 0 5px 0; line-height: 24px; border-bottom: 4px solid #3a3a3a; float: left; margin: 0 31px 0 0; transition: border-color 400ms; }

.work li a { display: block; }

.work li .imgBox { height: 220px; overflow: hidden; position: relative; }

.work li .img { width: 100%; height: 100%; }

.work li .bg { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; background:#ad0009; position: absolute; left: 0; top: 0; transition: 400ms; }

.work li .i5 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 -34px; position: absolute; left: 10%; top: 50%; transition: 400ms; }

.work li .i6 { opacity: 0; filter: alpha(opacity=0); margin: -12px 0 0 -11px; position: absolute; left: 90%; top: 50%; transition: 400ms; }

.work li .t { margin: 10px 0 0 0; height: 24px; overflow: hidden; color: #8a8585; font-size: 18px; transition: 400ms; }

.work li .time { color: #8a8585; font-size: 14px; transition: 400ms; }

.work li:hover { border-color: #ad0009; }

.work li:hover .bg { opacity: 0.8; filter: alpha(opacity=80); }

.work li:hover .t { color: #e3e3e3; }

.work li:hover .time { color: #e3e3e3; }

.work li:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100); }

.work li:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100); }



.circleline{ background:url(../images/circleline.png) center no-repeat; margin-top:70px; padding-bottom:48px;}

.circle{ position:relative;}

.tongdao{ position:absolute; font-family:"微软雅黑"; font-size:30px; color:#5e5e5e; left:496px; top:0;}







#product{ width:100%; background:url(../images/productbg.jpg) no-repeat; overflow:hidden; margin-bottom:26px;}

.product{ width:1176px; margin:0 auto; overflow:hidden}

.scrollcon2{height:98px;padding:25px 0 0; width:1176px;overflow:hidden}

.LeftBotton2{height:34px;width:22px;background:url(../images/prev.png) no-repeat;overflow:hidden;float:left;display:inline;margin-top:23px; margin-right:44px;cursor:pointer;}

/*.LeftBotton2:hover{background:url(../images/prevh.png) no-repeat;}*/

.RightBotton2{height:34px;width:22px;background:url(../images/next.png) no-repeat;overflow:hidden;float:right; display:inline;margin-top:23px;cursor:pointer;}

/*.RightBotton2:hover{background:url(../images/nexth.png) no-repeat;}*/

.Cont2{width:1056px;overflow:hidden;float:left;height:98px;_display:inline;overflow:hidden;position:relative;}

.ScrCont2{width:10000000px; height:98px;}

.Cont2 .prosl{width:69px; height:98px;/*border-radius:85px;*/background:#d5eae5;margin:0 24px;background:url(../images/yuanbg1.png) repeat; _display:inline; float:left;}

.Cont2 .prosl p{ position:absolute; bottom:8px; text-align:center; z-index:100; width:69px; height:14px; font-size:14px;}

.Cont2 .showbox{width:69px; height:69px;/*border-radius:75px; */position:relative; overflow:hidden}

.Cont2 .showbox img{width:69px; height:69px;/*border-radius:75px;*/}

.showbox .subtitle{position:absolute;left:0;bottom:-69px;height:69px; z-index:1;/*border-radius:75px;*/ line-height:69px;width:69px; color:#fff; text-align:center; color:#fff; font-size:14px;}

.showbox .subtitle1{background:url(../images/h1.png) repeat;}

.showbox .subtitle2{background:url(../images/h2.png) repeat;}

.showbox .subtitle3{background:url(../images/h3.png) repeat;}

.showbox .subtitle4{background:url(../images/h4.png) repeat;}

.showbox .subtitle5{background:url(../images/h5.png) repeat;}

.showbox .subtitle6{background:url(../images/h6.png) repeat;}

.showbox .subtitle7{background:url(../images/h7.png) repeat;}

.showbox .subtitle8{background:url(../images/h8.png) repeat;}

.showbox .subtitle9{background:url(../images/h9.png) repeat;}

.showbox .subtitle10{background:url(../images/h10.png) repeat;}



.xf1{ display:block; background:url(../images/cb1.png) repeat; width:69px; height:69px;}

.xf2{ display:block;background:url(../images/cb2.png) repeat; width:69px; height:69px;}

.xf3{ display:block;background:url(../images/cb3.png) repeat; width:69px; height:69px;}

.xf4{ display:block;background:url(../images/cb4.png) repeat; width:69px; height:69px;}

.xf5{ display:block;background:url(../images/cb5.png) repeat; width:69px; height:69px;}

.xf6{ display:block;background:url(../images/cb6.png) repeat; width:69px; height:69px;}

.xf7{ display:block;background:url(../images/cb7.png) repeat; width:69px; height:69px;}

.xf8{ display:block;background:url(../images/cb8.png) repeat; width:69px; height:69px;}

.xf9{ display:block;background:url(../images/cb9.png) repeat; width:69px; height:69px;}

.xf10{ display:block;background:url(../images/cb10.png) repeat; width:69px; height:69px;}

.xf1:hover{ display:block;background:url(../images/h1.png) repeat; width:69px; height:69px;}

.xf2:hover{ display:block;background:url(../images/h2.png) repeat; width:69px; height:69px;}

.xf3:hover{ display:block;background:url(../images/h3.png) repeat; width:69px; height:69px;}

.xf4:hover{ display:block;background:url(../images/h4.png) repeat; width:69px; height:69px;}

.xf5:hover{ display:block;background:url(../images/h5.png) repeat; width:69px; height:69px;}

.xf6:hover{ display:block;background:url(../images/h6.png) repeat; width:69px; height:69px;}

.xf7:hover{ display:block;background:url(../images/h7.png) repeat; width:69px; height:69px;}

.xf8:hover{ display:block;background:url(../images/h8.png) repeat; width:69px; height:69px;}

.xf9:hover{ display:block;background:url(../images/h9.png) repeat; width:69px; height:69px;}

.xf10:hover{ display:block;background:url(../images/h10.png) repeat; width:69px; height:69px;}





#List2, #copy2{float:left;}



.zhiline{ background:url(../images/zhiline.png) center no-repeat; margin-top:36px; margin-bottom:56px; padding-bottom:32px; height:32px;}

.zhi{ position:relative;}

.zhiword{ position:absolute;left:394px; bottom:-56px; height:34px; line-height:34px;}

.zhiword .first{ color:#313131; font-size:14px;}

.zhiword .last{ color:#c7000a; font-size:26px; margin-left:8px; margin-right:14px;}

.zhiword  a{ display:block; width:120px; height:33px; text-align:center; line-height:33px; background:url(../images/backa.png) no-repeat; color:#FFF; font-size:14px;}







.b_cont{width:570px;height:300px;overflow:hidden; padding-top:30px;position:relative;}

.ct_p_05{width:570px;height:300px;float:left;text-align:center;}

.ct_p_05 .ct_txt{ text-align:left; padding-left:30px;display:block;line-height:50px;*line-height:50px;overflow:hidden;color:#fff;height:54px; line-height:54px;cursor:pointer;filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0,startColorstr = '#8c000000', endColorstr = '#8c000000' );background-color:rgba(0,0,0,.55);_background:none;position: relative;margin-top: -54px;font-size: 16px;}

.ct_p_05 a:hover .ct_txt{color:#fff;}



.scrDotList_wrap{text-align:right;width:100%;position:absolute;bottom:18px;}

.scrDotList{padding:0 10px;zoom:1;line-height: 0;}

.scrDotList span{display:inline-block;width:16px;height:16px;background:url(../images/doc.png) no-repeat;_background:none;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/doc.png', sizingMethod='crop');cursor:pointer;font-size:0;line-height:0;vertical-align:top;font-size: 0px;margin: 0 5px;}

.scrDotList span.on{background:url(../images/doc_hover.png) no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/doc_hover.png', sizingMethod='crop');}