@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 12px/200% "\5FAE\8F6F\96C5\9ED1"; color:#252525;text-align:center; position:relative;background: url(images/bg.jpg) no-repeat top center;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/200% "\5FAE\8F6F\96C5\9ED1";}
li,p{text-align:left;font:normal 12px/200% "\5FAE\8F6F\96C5\9ED1";}
a:link,a:visited{color:#252525; text-decoration:none;}
a:hover{color:#252525; text-decoration:underline;}
img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 
/*clear*/
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
.clear{ clear:both;}
/*other*/
h1,h2,h3,h4,h5,h6{ text-align:left;font:normal 12px/200% "\5FAE\8F6F\96C5\9ED1";}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt50{ margin-top:50px;}
.mb10{ margin-bottom:10px;}
.m10{ margin:10px auto;}
.w1000{ width:1000px; overflow:hidden;}
.w980{ width:980px; }
.list_14 li{ background:url(images/dot.gif) no-repeat 0 12px; padding-left:12px;font-size:14px;line-height: 28px;}
.list_12 li{ background:url(images/dot.gif) no-repeat 0 8px; padding-left:12px;}
.fl{ float:left;}
.fr{ float:right;}
.gary,.gary a:link,.gary a:visited,.gary a:hover{ color:#666;}
.tr{ text-align:right;}
.f14{font-size:14px;}
.o_h{ overflow:hidden;}
.blue,.blue a{color:#3398cc;}
.org,.org a{color:#ff5d00;}
.gray{color:#bbb;}
.red,.red a{color:#cc3333;}
.green,.green a{color:#339933;}
.lh_28{line-height:28px;}
.lh_24{line-height:24px;}
.center{ text-align:center;} 


/*p1*/
.content{margin-top: 350px;background: #fff;}
.content h3{background: url(images/titbg.gif);height:67px;line-height: 67px;text-align: center;color: #fff;font-size: 36px;clear:both;overflow: hidden;width:100%;}

.p2_content{background: #fff;overflow: hidden;}
.p2_left{width:380px;padding:20px;}
.p2_left h2{font:normal 20px/180% "\5FAE\8F6F\96C5\9ED1";color:#000;}
.p2_left p{line-height:24px;color:#666; background:url(images/line1.gif) repeat-x bottom; display:block; padding-bottom:10px;margin-bottom:5px;}
.p2_center{width:543px;margin-right:13px;}
.p2_right{width:165px; background:#f7f6f3;height:330px;padding:15px 15px 0 20px;}

/*foucs*/
#box{width:543px;height:345px;overflow:hidden;position:relative;padding:30px 0px 0 0;}
#box ul li{width:631px;display:none;position:absolute;}
#box ul li div{width:100%; background:#000;height:40px;line-height: 40px;color: #fff; position:absolute;left:0;top:220px; filter:alpha(opacity=80);   
      -moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
#box ul li div h2{font:normal 20px/180% "\5FAE\8F6F\96C5\9ED1";color:#000;}
#box ul li div p{line-height:24px;color:#666;  display:block;margin-top:10px;}

#box ul li span{position:absolute;width:280px;top:210px;left:0;font-weight:normal;padding:5px 10px;color:#fff;}
#box ul li b{display:block;}
#box ol{width:545px;margin-top:260px;left:0; position:absolute;}
#box ol li{float:left;width:109px;height:86px; display:inline; overflow:hidden;}
#box ol li img{width:108px;height:85px;border:1px solid #000;}
#box ol li span{display:none;}
#box ol li.active div{width:108px;height:85px;position:absolute;top:260px; text-align:center;}
#box ol li.active{background:url(images/icon1.gif) no-repeat top center;}
#box ol li.active img{width:104px;height:79px;border-top:none;border:3px solid #cc3333;}
.pre{ background:url(images/left2.png);width:50px;height:50px; position:absolute;top:122px;left:0;}
.next{ background:url(images/right2.png);width:50px;height:50px;position:absolute;top:122px;right:201px;}


.img_b{position: relative;width:900px; margin: 30px auto;}
.img_b ul li{width:936px;height:320px;}
.img_b ul li span{float: left;width:468px;height:165px;display: block;}
.img_b ul li img{float: left;margin-right:18px;}
.img_b ul li b,.img_b ul li p{width:232px; display: block;float: left;}
.prev{position: absolute;background: url(images/prev.gif);width:30px;height:59px;top:120px;left:-40px;z-index: 10}
.next{position: absolute;background: url(images/next.gif);width:30px;height:59px;top:120px;right:-40px;z-index: 10}
.zb_left{ width:660px;}
.zb_right{width:282px;}
.zb_right h4{height:37px;line-height: 37px;border-bottom: 4px solid #7d9ed4;text-align: right;}
.zb_right h4 b{font-size: 14px; float: left;}
.zb_right ul{margin-top: 20px; overflow: hidden;}
.zb_right ul li{text-align: center;margin-top: 10px;}

.img_c{position: relative;width:900px; margin: 30px auto;}
.img_c ul li{width:880px;height:320px;}

.img_c ul li img{float: left;margin-right:18px;}
.img_c ul li b{font-size:24px;display: block;border-bottom: 1px  dashed #ccc;float: left;font-weight: normal;line-height:50px;width:360px;}
.img_c ul li p{display: block;float: left;width:360px;margin-top: 20px;font-size: 14px;}

.video{background: #f8f8f8; overflow: hidden;padding:30px;}
.v_left{float: left;}
.v_right{width:275px;position: relative;}
.v_right ul li{width:275px;height:178px;}
.v_right ul li i{height:30px;text-align: center;display: block;line-height: 27px;font-size: 12px;width:100%;}
.v_right ol{width:275px;height:356px; overflow: hidden;margin-top:10px; }
.v_up{width:32px;height:32px; background: url(images/up.gif); position: absolute;top:-20px;left:0px; cursor: pointer;z-index: 10;width:275px;height:19px;}
.v_bw{width:32px;height:32px; background: url(images/down.gif);position: absolute;bottom:-20px;right:2px; z-index: 10;cursor: pointer;width:275px;height:19px;}

.img_d{position: relative;width:980px; margin: 30px auto;}
.img_d ul li{width:980px;height:552px;position: relative;}

.img_d ul li b{font-size:18px;display: block;font-weight: normal;line-height:50px;width:360px;height:46px;line-height: 46px;width:960px; position: absolute;bottom:0;background: #000;left:0;z-index: 10;color: #fff;padding:0 10px;}
.prev3{ background:url(images/prev.png);width:66px;height:66px; position:absolute;top:255px;left:0;z-index: 10}
.next3{ background:url(images/next.png);width:66px;height:66px; position:absolute;top:255px;right:0;z-index: 10}

.copyright{text-align: center;color: #fff;margin-top: 30px;padding:30px 0;background: #196ed8;}
.p1_zhibo{width:100%;height:auto;}
.p1_title{width:99%;margin:10px auto;border-bottom:4px solid #7d9ed4; height:28px;}
.p1_title span{float:left;color:#010101;font:700 14px "瀹嬩綋";}
.p1_title strong{float:right;font-weight:400;}
.p1_title strong a{margin:0 10px;color:#595959;}

/*20160808*/
.top01{ height:36px; background:url(images/bg01.gif);}
.top01 em{ float:left;}
.top01 i{ float:right; line-height:36px;}
.top01 i a{ padding:0 8px;}

body{background:url(images/cloudbg.jpg) bottom center no-repeat;}
.topbanner{ background: url(images/bg.jpg) no-repeat center 0px; height:465px;}

.content{margin-top:20px; background:none; overflow:visible;}

.content h3{height:70px; line-height:70px;}

.p2_center{width:555px;margin-right:13px;}

#box{width:555px; height:370px; padding-top:0px; margin-top:30px; margin-bottom:10px;}
#box ul li{width:555px;}
#box ul li div{width:100%; top:330px; font:normal 16px/40px "Microsoft Yahei";}
#box ol{width:auto; margin-top:0px; top:340px; right:0px; display:inline-block; text-align:right;}
#box ol li{width:7px; height:7px; display:inline-block; line-height:115px; float:none; cursor:pointer; margin-right:11px; text-align:center; font-size:14px; color:#fff; background:#333; padding-top:1px; background:url(images/icon2.png) top center no-repeat;}
#box ol li.active{display:inline-block; background:url(images/icon1.png) top center no-repeat;}

.video{background:#fbfdfe; overflow: hidden; padding:30px 10px 10px;}
.v_left{float:left; width:675px;}
.v_right{width:290px;}
.v_right h2{font:normal 18px/220% "\5FAE\8F6F\96C5\9ED1";color:#000; text-align:center;}
.v_right p{line-height:24px; color:#666; background:url(images/line1.gif) repeat-x bottom; display:block; padding-bottom:10px;margin-bottom:5px; font:normal 14px/180% "\5FAE\8F6F\96C5\9ED1";}

.qiye{padding:10px; background:#fff;}
.qiye ul { background:url(images/qybg.jpg) top center repeat-y;}
.qiye ul li{ width:490px; height:52px; float:left; font:normal 18px/52px "Microsoft Yahei"; text-align:center;}

.chanpin{ margin:20px auto; position:relative; overflow:visible;}
.jCarouselLite4{}
.jCarouselLite4 ul li{ width:231px; height:380px; padding:0 10px; text-align:center; font:normal 16px/140% "Microsoft Yahei";}
.jCarouselLite4 ul li b{font-weight:normal;}
.prev4{ background:url(images/icon_left.png);width:16px;height:31px; position:absolute; top:140px; left:-20px; z-index: 10}
.next4{ background:url(images/icon_right.png);width:16px;height:31px; position:absolute; top:140px; right:-20px; z-index: 10}


.p2_content,.zhibo_box{ background:#fff;}

.copyright{background:none; color:#000;}