@charset "utf-8";
/* CSS Document */

.header { position: fixed; left: 0px; top:0px; z-index: 999999; width: 100%; min-width: 1004px; height:100px; background: url(../images/dh_bg.jpg) #0066c8 no-repeat; border-bottom: 1.5px solid #fff; font-family: "Microsoft YaHei";}
.logo{ float: left;}
.tel{position: absolute;
float: right;
color: #fff;
font-size: 16px;
top: 10%;
right: 11%;
max-width: 850px;}
.nav { margin: 0 auto; width: 80%; min-width: 830px; height: 50px; padding-top:50px;}
.nav ul li { float: left; width: 11.5%; height: 50px; text-align: center; }
.nav ul li a { display: block; color: #fff; font-size: 14px; font-weight: bold; line-height: 50px; height: 50px; }
.nav ul li i{ font-style: normal; vertical-align:middle;}
.nav ul li.over a{ color: #fff; font-size: 14px; font-weight: bold; line-height: 45px; border-top: 3px solid #fff; }
.search_bt{ float:right; cursor: pointer;}
.lan{ float:right; height:50px; width:8%; line-height:50px; display:inline-block;}
.lan a{ color:#fff; margin:0px 2px; height:20px; line-height:20px;}
.lan a.cur{ text-decoration:underline;}

.navlist { position: absolute; width: 100%; min-width: 1004px; z-index: 99;}
#list01 { display: none; margin: 0 auto; width: 80%; min-width: 1004px; border-bottom: 1px solid #B4B4B4; padding-bottom: 10px; overflow: hidden; background-color: #FFF; }
#list01 li{ float: left; width: 14%; min-width: 143px; text-align: center; background: url(../images/line_s.jpg) left top no-repeat;  }
#list01 li div { padding: 15px 15px 0px 15px; }
#list01 li div .lxmimg{ width: 85px; height: 85px; margin: 0 auto;}
#list01 li div a.at{ display: block; height: 24px; line-height: 24px; color: #666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#list01 li div:hover a{ color: #66cbff; }

#list02 { display: none;margin: 0 auto; width: 80%; min-width: 1004px; border-bottom: 1px solid #B4B4B4; padding-bottom: 10px; overflow: hidden; background-color: #FFF; }
#list02 li { float: left; width: 19.8%; min-height: 330px; min-width: 200px; text-align: center; background: url(../images/line_s.jpg) left top no-repeat; }
#list02 li div { padding: 15px 15px 0px 15px; }
#list02 li div .lxmimg{ width: 85px; height: 85px; margin: 0 auto;}
#list02 li div .at { display: block; height: 30px; line-height: 30px; margin:10px auto 20px; border-bottom: 1px solid #dadada; text-align: center;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#list02 li div p { margin: 0 auto;color: #666;  width: 125px; height: 21px; line-height: 21px; text-align: left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  }
#list02 li div p a:hover{ color: #666; background-color: #CCC; }

#list03 {display: none; margin: 0 auto; width: 80%; min-width: 1004px;  border-bottom: 1px solid #B4B4B4; padding-bottom: 10px; overflow: hidden; background-color: #FFF; }
#list03 li{ float: left; width: 24.85%; min-width: 250px; height: 135px; text-align: center; border-left: 1px solid #d8d8d8; }
#list03 li div { padding: 15px 15px 0px 15px; }
#list03 li div .lxmimg{ width: 85px; height: 85px; margin:0 auto;}
#list03 li div p { height: 32px; line-height: 32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#list03 li div .p1 { margin-bottom: 15px;border-bottom: 1px solid #dadada; }


#list04 { display: none; margin: 0 auto; width: 1020px;  min-width: 1004px;  border-bottom: 1px solid #B4B4B4;  padding-bottom: 10px; overflow: hidden; background-color: #FFF; }
#list04 li{ float: left; width: 144.7px; min-width: 144.7px; text-align: center; background: url(../images/line_s.jpg) left top no-repeat; }
#list04 li div { padding: 15px 5px 0px 5px; }
#list04 li div .lxmimg{ width: 85px; height: 85px; margin:0 auto;}
#list04 li div a{ display: block; height: 30px; line-height: 30px;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#list04 li div:hover  a{ color: #66cbff; }

#list05 { display: none; margin: 0 auto; width: 80%; min-width: 1004px; overflow: hidden; }
#list05 li { float: right; width: 14%; min-width: 143px; text-align: center; padding-bottom: 10px;}
#list05 li.li1{background: url(../images/line_s.jpg) left top no-repeat #fff; }
#list05 li div { padding: 15px 15px 0px 15px;}
#list05 li div .lxmimg{ width: 85px; height: 85px; margin:0 auto;}
#list05 li div .at{ display: block; height: 24px; line-height: 24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#list05 li div:hover  a{ color: #66cbff; }

.index_search{ display: none; position:fixed; padding-top:52px; width:100%; height:36px; background-color:#FFF; z-index:99;}
.index_search .con{ text-align: right; margin:auto; width:80%; height:30px; line-height:26px;  font-size:13px;}
.index_search .con div{ float:right; width:218px;}
.index_search .con span{ float:left; }
.index_search .con .in{ float:left; margin:0px 5px 0px 10px; width: 140px; padding: 0px 5px; height: 26px; line-height: 26px; font-family:Microsoft YaHei;  font-size:13px; border: 1px solid #ccc; color: #666;}
.index_search .con .bt{  float:left; height: 28px; width: 24px; background: url(../images/go.jpg) no-repeat;}


.banner{width:100%; min-width: 1004px; padding: 100px 0px 2px; border-bottom: 1px solid #cbcbcb;position:relative; z-index:1;}
.banner ul{ width:100%; height:400px; min-width:1004px; position:relative; overflow:hidden;}
.banner li{ position:absolute; left:50%; width: 2099px; margin-left:-1048px; top:0px; display:none;}
.banner li:first-child{ display:block;}
.banner_bt{ min-width:1003px; text-align:center; height:14px; position: relative; z-index: 2; margin-top: -40px; margin-bottom: 26px;}
.banner_bt a{ display:inline-block; vertical-align:middle; margin:0px 4px; width:14px; height:14px; background:url(../images/dot.png) right top no-repeat;}
.banner_bt a.chos{ background:url(../images/dot.png) 0 0 no-repeat;}


.main1{ width: 80%; margin: 0 auto; min-width: 1004px; padding: 40px 0px;}
.boxtit{ line-height: 18px; padding-bottom: 15px; background: url(../images/boxtit_bg.png) bottom left no-repeat; position:relative;}
.boxtit p{ font-weight: bold; font-size: 14px; width:50%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.boxtit i{ font-style:normal; display:block;  width:50%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.boxtit a.more{ position:absolute; right:0px; top:5px; display: inline-block; width: 100px; text-align: center; height: 30px; line-height: 30px; color:#fff;  background: #406bca;}
.main1 a.more:hover{ background: #1943a1;}
.aboutBox{ float: left; width: 50%; padding-right: 5%; border-right: 1px solid #eeeeee;}
.aboutBox .con{ margin-top: 10px; line-height: 30px; height: 180px; overflow:hidden;}
.newsBox{ float: right; width: 40%;}
.newsBox ul { margin-top: 10px;}
.newsBox ul li{ float: left; width: 100%; height: 30px; line-height: 30px;}
.newsBox ul li a{ float: left; display: inline-block; max-width: 80%; padding-left: 10px; background:url(../images/newBox_a_bg.png) left no-repeat; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newsBox ul li span{ float: right; width: 68px; text-align: center;}
.newsBox ul li:hover a{ color: #406bca;}

.proBox{ width: 100%; height: 360px; overflow: hidden; min-width: 1004px; background: #e6eaf4;}
.proBox .boxtit p{ width:30%;}
.proBox .boxtit>span{ width:30%;}
.proBox .tab{ position:absolute; right:0px; top:20px; line-height: 28px; color: #b3b3b3;}
.proBox .tab span{ display: inline-block; margin: 0px 15px; color: #666; cursor: pointer;}
.proBox .tab span.cur{ color: #406bca;}
.proBox_c{ width: 80%; margin: 0 auto; min-width: 1004px; padding: 20px 0px;}
.proBox .con{ width: 100%;}
.proBox ul.cur{ display: block;}
.proBox ul{ display: none; margin-left: 1px; margin-top:20px}
.proBox ul li{ float: left; margin-left: 2.2727%; width: 18.1%; position:relative;}
.proBox ul li .lidiv{ height: 248px; border: 1px solid #f5f5f5;}
.proBox ul li .lidiv div{ background: #fff; margin: 9px; height: 220px; padding-top: 10px; background: #fff;}
.proBox ul li .lxmimg{ width: 158px; height: 158px; margin: 0px auto;}
.proBox ul li .lidiv p{ border-top:1px solid #f5f5f5;  width: 158px; height: 36px; line-height: 18px; text-align: center; margin: 10px auto 0px; overflow:hidden; padding-top: 5px;}
.proBox ul li:hover a{ display: block;}
.proBox ul li a{ display: none; position: absolute; top:0px; left:0px; text-align: center; width: 100%; padding-top: 54px; height: 194px;background: url(../images/proBox_blue.png);}
.proBox ul li a p{ width: 164px; height: 48px; line-height: 24px; margin:0 auto;  padding-bottom: 5px;  color: #ffffff; font-size: 16px; border-bottom: 1px solid #8cbae7; overflow: hidden; }
.proBox ul li a i{ display: inline-block; margin-top: 37px; height: 38px; width: 38px; background: url(../images/proBox_a.png) bottom no-repeat; }

.main2{ padding: 35px 0px;}
.main2 .boxtit p{ color: #333;}
.main2 .pd6{ padding: 18px 6% 0px;}
.marketBox{ float: left; width: 30%; height: 295px; background: #fafafa;}
.marketBox .con{ margin-top: 10px; line-height: 24px;  overflow: hidden;}
.marketBox .lxmimg{ margin: 15px auto 0px; width:auto; height: 145px;}

.spareBox{ float: left; width: 30%; margin-left: 2%; height: 295px; background: #fafafa;}
.spareBox ul{ margin-top: 20px;}
.spareBox ul li{ float: left; max-width: 134px; width:46%}
.spareBox ul li .lxmimg{ width: 100%; border: 1px solid #e7ebf4;}
.spareBox ul li .lxmimg i{ padding-bottom: 100%; height: 0px;}
.spareBox ul li .tit{ margin-top: 10px; display: block; height: 30px; line-height: 30px; text-align: center; background: #f2f2f2; padding: 0px 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.spareBox ul li:hover .tit{ background:#c1c1c1; color: #fff;}

.innewsBox{ float: right; width: 36%; height: 295px; background: #fafafa;}
.innewsBox ul{ margin-top: 15px;}
.innewsBox ul li{ float:left; height: 29px; line-height: 29px; width: 100%; border-bottom: 1px dotted #999999;}
.innewsBox ul li a{ float: left; background: url(../images/innewsBox_a.jpg) no-repeat left ; padding-left: 12px; max-width: 78%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;height:30px;}
.innewsBox ul li span{ float: right; color: #808080;}

.fnav{ width:100%; min-width: 1004px;  padding: 15px 0px; background: #3d3d3d;font-family:Microsoft YaHei;}
.fnav_c{ width: 80%; margin: 0 auto; min-width: 1004px; color: #828282;}
.footnav{ float: left; width: 77%; border-right: 1px solid #505050;}
.fnav_c ul{ width: 100%;}
.fnav_c ul li{ float: left; padding-right: 5%; width:9%;}
.fnav_c ul li.li1{ width:10%; }
.fnav_c ul li.li3{ width:21%; }
.fnav_c ul li a{ display:block; height: 20px; line-height: 20px;  color: #828282; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.fnav_c ul li a.tit{ color: #cccccc; font-size: 14px; height: 30px; line-height: 30px; margin-bottom: 5px;}
.fnav_c ul li a:hover{ color: #f0f0f0;}
.fnav_r{ float: right; width: 19%;padding-top: 27px; color: #b3b3b3; }
.fnav_r a{color: #b2b2b2;}
.fnav_r .fl{ width: 72px; text-align: center; font-size: 14px;}
.fnav_r .fl .lxmimg{ width: 72px; height: 72px; margin-bottom: 5px;}
.fnav_r .fr{ color: #b3b3b3; font-size: 14px; margin-top: 12px;}
.fnav_r .fr a{ margin-top: 6px; display: inline-block; font-size: 12px; width: 52px; height: 20px; text-align: center; line-height: 20px; border:1px solid #999999; color: #cccccc;}
.fnav_r .fr a.cur{ background: #406bca; border: 1px solid #406bca; color: #fff;}
.fnav_r>p{ padding-top: 40px; line-height: 24px; padding-left: 10px;}
.fnav_r>p a{ margin: 0px 2px;}
.fnav_r>p a:hover{ color: #fff;}

.footer{ width: 100%; min-width: 1004px; border-top:1px solid #4d4c4c; background: #303030; font-family:Microsoft YaHei;}
.foot{ width: 80%; margin: 0 auto; min-width: 1004px; color:#828282; line-height: 20px; }
.foot a:link{ color:#828282;}
.foot .con{ float: left; padding: 18px 0px 16px; display: inline-block;}
.foot .select{ float: left; margin-left: 9%; margin-top: 25px; width: 102px; height: 24px; line-height: 24px; background: url(../images/select_span.png) top left no-repeat; cursor: pointer; position: relative;}
.foot .select span{ padding-left: 10px; display: block; color: #cccccc;}
.foot .select p{ display: none; position: absolute; background: #303030; bottom:24px; left:0px; width: 100px; padding: 5px 0px; border: 1px solid #646464; border-bottom: 0px;}
.foot .select p a{ display: block; text-align: center; color: #ccc;}
.foot .copy{ margin-left: 9%; float: left; margin-top: 25px;}
.foot .gs{ float: right; display: inline-block; margin-top: 20px; }
.foot .gs img{ margin-left: 10px;}


.ny{ width: 80% ; min-width: 960px; margin: 0 auto; padding: 100px 0px 50px;  }
.bread{ padding: 30px 0px; background:url(../images/zytopbg.jpg) 310px top no-repeat; font-family:Microsoft YaHei;}
.bread_l{ float: left; margin-right: 2%; width: 15%; height: 48px; line-height: 48px; text-align: center; font-size:26px; color:#406bca;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bread .con{ float: left; padding-left: 30px; background: url(../images/dian009.jpg) no-repeat left; width: 38%; height: 48px; line-height: 24px;}
.bread .con h2{ height: 24px; font-size: 12px; color:#555656; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bread .con p{ height: 24px; color:#a7a7a7; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bread_r{ float: right; padding-top: 24px; height: 24px; line-height: 24px; display: inline-block; max-width: 38%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bread_r a{ margin: 0px 5px;}
.bread_r span{ margin-left: 5px;}

.content_tit{ height: 28px; line-height: 28px; padding: 0px 10px; background: #2965C3; color: #fff; font-size: 14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.page{ text-align: right;}
.page a{ margin: 0px 5px; text-align: right;}
.page a.cpb{ color: #406bca;}
.page span.cpb{ color: #406bca;}
.page span{ margin-left: 10px;}
.page span b{ margin: 0px 2px;}

.left{ float: left; width: 16%; margin-right: 1%; min-width: 160px;}
.subleft{ margin:0 auto; width:160px;}
.subleft li>a{ display: block; height: 30px; line-height: 30px; padding: 0px 10px; color: #626262; background: url(../images/tta.jpg) bottom no-repeat; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.subleft li.cur>a,.subleft li>a:hover{ background: url(../images/tt.jpg)  no-repeat; color: #fff;}
.subleft li.cur div{ display:block;}
.subleft li div{ display:none;}
.subleft li div a{ display: block; height: 24px; line-height: 24px; padding: 0px 18px; border-bottom: 1px solid #f2f2f2; color: #8a8a8a; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.subleft li div a:hover{ border-bottom: 1px solid #e0dfe4; background: #efefef; color:#406bca;}
.subleft li div a.cur{ color:#406bca;}
.content{ float: left; width: 64%; overflow: hidden; line-height: 24px; }
.content2{ float: right; width:82%}

.right{ float: right; width: 16%; min-width: 160px;}
.right_c{ width: 160px; margin: 0 auto;}
.right .zk{width: 150px; height: 144px; position: relative;}
.lx{ margin-top: 30px;  height: 44px; margin-bottom: 20px; font-family:Microsoft YaHei;}
.lx .lxmimg{ float: left; width: 40px; height: 40px; border: 1px solid #bebebe;}
.lx div{ float:right; width: 115px; line-height: 14px; color: #b5b5b5;}
.lx div a{ font-weight: bold; display: inline-block; margin-bottom: 2px; color: #666;}
.rnews{ margin-bottom: 30px;}
.rnews .tit{ margin-bottom: 5px; padding-left: 8px; font-size: 14px; width: 70px; height: 20px; line-height: 20px; color: #333; background: url(../images/jiantou.jpg) no-repeat right;}
.rnews li a{ display: block; height: 22px; line-height: 22px; color: #888; background: url(../images/dian.jpg) no-repeat left; padding-left: 8px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.rnews li a:hover{ color:#406bca;}
.rlaw{ line-height: 14px; height: 32px; padding: 7px; border: 1px solid #f0f0f0;}
.rlaw .tit{ display: block; margin-bottom: 5px;color: #333; background: url(../images/jiantou.jpg) no-repeat right;}
.rlaw .ap{ color: #999999; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


.about{ padding: 0px 15px 15px; line-height: 24px; } 
.about_div{ width: 570px; margin: 0 auto; text-align: center; color:#949494; line-height: 18px;}
.about_div .p1{ font-size: 30px; color: #fff; font-weight: bold; text-align: center; padding-top: 30px;}
.about_div .p2{ padding: 0px 0px 10px; line-height:40px; color: #2965c3; font-size: 22px;}
.banpic{width:570px; height:300px;  position:relative; overflow:hidden;  margin:0 auto 30px;}
.banpic ul{height:300px; width:10000%; position:absolute; left:0px; top:0px; overflow:hidden; z-index:1;}
.banpic ul li{width:570px; float:left; height:300px;}
.banpic ul li>a{display:block;height:100%;}
.banpic>a{ position:absolute; width:37px; height:77px; top:110px; z-index:2; }
.banpic #prev{ left:10px; background:url(../images/about_left.png) left no-repeat;}
.banpic #next{ right:10px; background:url(../images/about_right.png) no-repeat;}



.culture ul{ padding-top: 20px; margin-bottom: 30px;}
.culture ul li{ height: 32px; line-height: 32px; border-bottom: 1px dotted #cccccc;}
.culture ul li a{ float: left; max-width:80%; display: block; margin-left: 12px; padding-left: 15px; background: url(../images/jta.jpg) no-repeat left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.culture ul li span{ float: right; color:#aaaaaa;}


.event{ margin-top: 20px;  font-family:Microsoft YaHei; position: relative;}
.event .title{ position: absolute; top:0px; color: #58a6fb; font-size: 24px;  font-weight: bold; left:190px;}
.event_bg{ background:url("../images/line-bg.png") repeat-y scroll 140px 0;} 
.event .year { z-index: 100; overflow: hidden;}
.event .year span { display: inline-block; height: 40px; width:100px; line-height:30px; text-align:left;cursor: pointer; overflow: hidden; }
.event .year span p { display: inline-block; font-weight: bold; font-size: 18px;color: #58a6fb;  *float: left; }
.event .year span i {
		display:block;
		position:relative;
		height:0;
		width:0;
		left:75px;
		top:-18px;
		border-width:6px;
		border-style:solid;
		border-color:#59a7fb transparent transparent transparent;
	    -webkit-transition:.5s;
	    -moz-transition:.5s;
	    -ms-transition:.5s;
	    -o-transition:.5s;
	    transition:.5s;
		-webkit-transform-origin:6px 3px;
		-moz-transform-origin:6px 3px;
		-ms-transform-origin:6px 3px;
		-o-transform-origin:6px 3px;
		transform-origin:6px 3px;
		*position:static;
		*float:left;
		*margin-top:12px;
		*margin-left:10px;
}
.event .year.close span i {
	transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg)
}
.event .year .list { margin:10px 0; padding: 0px; overflow:hidden; }
.event .year .list ul li { background: url("../images/circle.jpg") no-repeat 131px 0px; padding: 0 0; color: #a1a4b8;}
.event .year .list ul li .date, .event .year .list ul li .version {float:left;display:block;clear:left;width:100px;line-height:20px;text-align:right}
.event .year .list ul li .date {font-size:12px;line-height:20px;color:#8b8b8b;}
.event .year .list ul li .intro, .event .year .list ul li .more { float: left; display: block; width: 310px; margin-left: 80px; line-height: 20px;}
.event .year .list ul li .intro {font-size: 12px;line-height: 20px;color: #8b8b8b;}

.speech{ padding-top: 20px;}
.speech #panorama { width: 100%; height:400px; overflow: hidden;}
.speech #dituContent{border: #ccc 1px solid;width: 100%; height: 300px; box-sizing: border-box; }
.contact_table{ margin-top: 30px; width: 570px;}
.contact_table .tr1{ background: #f5fafa; color: #797268;}

.testshow{ padding-top: 20px;}
.testshow h1.title{  color: #0f4196; line-height: 28px; font-size: 14px; font-weight: bold; text-align: center;}
.testshow .source{ padding-top: 10px;    border-bottom: 1px dotted #cccccc;}
.testshow .source span{ margin-right: 20px;}
.testshow_c{ padding-top: 30px;}
.nextdiv{ margin-top: 30px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.nextdiv p{ height: 30px; line-height: 30px; padding: 0px 10px; width: 45%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.nextdiv p.p1{ float: left;}
.nextdiv p.p2{ float:right; text-align: right;}
.nextdiv p span{  font-weight: bold;}

.case{ padding-top: 20px;}
.case ul{ padding-bottom:20px; *padding-bottom: 40px;}
.case ul li{ float: left; width:93px; height:114px; padding: 4px; border: 1px solid #cdcdcd; margin-right: 10px; margin-bottom: 20px;}
.case ul li div{ background: #f4f4f4; padding-top: 4px; width:93px; height:110px;}
.case ul li .lxmimg{ width: 85px; height: 66px; margin:0 auto;}
.case ul li span a{ display: block; width: 85px; margin:5px auto 0px; text-align: center; line-height: 20px; height: 40px; overflow: hidden;}
.caseshow{ padding-top: 20px;}
.caseshow .title{  color: #0f4196; font-size: 14px; padding-bottom: 5px; text-align: center; line-height: 26px; border-bottom: 1px dotted #cccccc;}
.caseshow_c{ padding: 25px 0px 40px;}


.left .lx{ width: 160px;}
.product .des{ line-height: 22px; margin-bottom: 25px;}
.product .tab{ height: 27px; line-height: 27px; background:url(../images/b3.gif) repeat-x;}
.product .tab span{ float: left; height: 27px; width: 92px; text-align: center; background: url(../images/b1.jpg) no-repeat; cursor: pointer;}
.product .tab span.cur{  background: url(../images/b2.jpg) no-repeat;}
.product .tabcon{ padding: 25px 0px; line-height: 24px; position:relative; z-index:3;}
.product .tabcon .con{ display: none; min-height:40px;}
.product .tabcon .con.cur{ display: block;}
.product .tabcon .con a{ margin:0px 3px;}
.product .tabcon .con ul li{ float:left; position:relative; font-family:Microsoft YaHei; }
.product .tabcon .con ul li>a{ display:inline-block; width:30px; text-align:center; height:31px; line-height:31px; padding:1px 12px 0px; border-bottom:none; position:relative; z-index:2; margin:0px; }
.product .tabcon .con ul li:hover>a{ border:1px solid #729ad7; color:#2966c3; text-decoration:underline; border-bottom:none; background:#fff; padding:0px 11px 0px; }
.product .tabcon .con ul li:hover div{ display:block;}
.product .tabcon .con ul li div{ display:none; position:absolute; z-index:1; top:31px; left:0px; width:710px; background:#fff; padding:5px 10px 10px;  border:1px solid #729ad7;}
.product .tabcon .con ul li div span{ float:left; display:inline-block; height:22px; line-height:22px; width:101px; overflow:hidden;}
.product .tabcon .con ul li div span a{ color:#333;}
.product .tabcon .con ul li a:hover{ color:#2966c3; text-decoration:underline; }
.product .tabcon2 .con{ width:730px;}


.product .prolist{ padding-bottom: 10px; *padding-bottom: 37px;}
.product .prolist li{ float:left; height: 160px; margin-bottom: 27px; width: 100%; border-bottom: 1px solid #DBDCDC; position: relative;}
.product .prolist li .lxmimg{ position: absolute; top:0px; left:0px; width: 134px; height: 134px; border: 1px solid #e5e5e5;}
.product .prolist li div{ padding-left: 160px;}
.product .prolist li div .p1{ padding-top: 10px; height: 34px; line-height: 34px;}
.product .prolist li div .p1 span{ display: inline-block; color: #0f41a9; max-width: 40%; margin-right: 10px;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.product .prolist li div .p1 span a{ color: #666;}
.product .prolist li div .p1 span a:hover{ text-decoration: underline; color: #0f41a9;}
.product .prolist li div .p2{  color: #626262; line-height: 20px; height: 40px; overflow: hidden;}
.product .prolist li div .pmore{ margin-top: 10px; display: inline-block; width: 83px; height: 31px; background: url(../images/pro_xx.jpg) no-repeat;}
 
 
.proshow .tit{ margin-bottom: 20px; font-size: 14px; color: #000; background: url(../images/diana.jpg) no-repeat left; padding-left: 20px; height: 24px; line-height: 24px; border-bottom: 2px solid #0f4196; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} 
.prodiv{ position: relative; min-height: 440px; margin-bottom: 35px;}
.prodiv .proimg{ position: absolute; top:0px; left:0px; width: 366px;}
.slider-for{ width: 366px; height: 366px;   }
.slider-for .lxmimg{ width: 364px; height: 364px; border: 1px solid #e5e5e5;}
.slider-nav{ float: left; width: 366px; margin: 0px; padding: 0px;}
.slider-nav .lxmimg{ width: 64px; height: 64px; border: 1px solid #ccc; cursor: pointer;}

.proshow .proshow_tit{ height:30px; line-height:30px; font-size:16px; font-weight:bold; background:url(../images/proshow_tit.png) no-repeat left; padding-left:15px;color:#0066cb; border-bottom:2px solid #2965c3; }
.proshow .proshow_con{ padding:20px 0px; line-height:24px;}


.prodiv .procon{ padding-left: 400px;}
.prodiv .procon .title{ margin-top: 10px; line-height: 26px; color: #0f4196; font-size: 14px; font-weight: bold;}
.prodiv .procon .p1{ margin-top: 10px;}
.prodiv .procon .div2{ margin-top: 10px; line-height: 24px; position: relative;}
.prodiv .procon span{ position: absolute; top:0px; left:0px; height: 24px; color: #0f41a9;}
.prodiv .procon .p2{ padding-left: 64px;}
.proshow .tabcon .con { min-height: 100px;}


.xg_news{ margin-top: 40px;}
.xg_tit{ font-size: 16px; margin-bottom: 10px; height: 40px; line-height: 40px; border-bottom: 2px solid #2965c3; background: url(../images/xg_tit.png) no-repeat left; padding-left: 20px;}
.xg_news li{ float: left; width: 47%;}
.xg_news li.li2{ float: right;}
.xg_news li a{ display: block; height: 26px; line-height: 26px; background:url(../images/dian.jpg) left no-repeat; padding-left: 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
 
.xg_pro{ margin-top:40px;  position:relative; width: 100%; overflow: hidden;}
.xg_pro>span{ position:absolute; top:140px; display:inline-block; display:inline-block; height:30px; width:14px; background:#003; cursor:pointer; }
.xg_pro ul{ position:relative; padding-top:10px;}
.xg_pro ul li{ float:left; margin-right:12px; margin-bottom:20px; width:147px;}
.xg_pro ul li .lxmimg{ border:1px solid #ccc; display:block; width:145px; height:145px;}
.xg_pro ul li .atit{ display:block; margin-top: 5px;  height:24px; line-height:24px; text-align:center; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;} 
 
.xg_case{ overflow: hidden; width: 100%;} 
.xg_case .xg_tit{margin-bottom: 20px; }

/*----sitemap-----*/
.dmap{ padding:10px 0px 30px;}
.dmap li{ vertical-align:top; clear:both; overflow:hidden; margin-top:20px; margin-left:6px; border-bottom:dotted 1px #cccccc; padding-bottom:20px;}
.dmap li>a{ float:left; margin-right:20px; display:block; width:100px; text-align:center; height:24px; line-height:24px; overflow:hidden; color:#fff; font-size:13px; font-weight:bold; background:#005fb7;}
.dmap li div{float:left; width:82%; line-height:24px;}
.dmap li div a{display:inline-block; margin-right:20px; font-size:12px;}


.dmap li .pro_mdiv{ line-height: 22px; padding-bottom: 0px;}
.dmap li .pro_mdiv a{ display: block; margin: 0px; font-size: 13px; font-weight: bold;}
.dmap li .pro_mdiv p{ float: left; width:150px; margin-right: 18px;}
.dmap li .pro_mdiv p span{ display: block; padding-bottom:30px; padding-top: 5x;}
.dmap li .pro_mdiv p span a{ display: block; font-size: 12px; margin-top: 5px; font-weight: normal; }