@charset "utf-8";
body {
	background:#fff;
	margin:0; padding:0; border:none;
	font-size:13px; color:#5d5d5d;
	font-family: "微软雅黑","宋体";
}
div,ul,li,ol,p,span,em,i,u,b,h1,h2,h3,h4,h5,img,pre,form,fieldset,input,blockquote,a,dt,dd{padding:0; margin:0; border:none; font-style:normal; list-style:none;text-decoration:none; font-weight:normal;}
a,a:link{color:#5d5d5d; font-family: "微软雅黑","宋体"}
a:hover{color:#23c1fb;}
.width_100{display:table; width:100%;}
.all_width{display:table; width:1020px; margin:0 auto; height:auto;}
.flo_clear{clear:both;}
.flo_l{float:left;}
.more a{color:#fff;float:right; background:#b5b3d7; padding:0 8px;text-indent:0; margin-right:5px;}
.mar_t{margin:15px auto 0;}
.mar_l{margin-left:15px;}
.top{background:url(../images/index_02.jpg) repeat-x;
/*-moz-box-shadow: 0 1px 4px rgba(140,140,140,0.05);
-webkit-box-shadow: 0 1px 4px rgba(140,140,140,0.5);
box-shadow: 0 1px 4px rgba(140,140,140,0.05);
/* For IE 8 
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";
/* For IE 5.5 - 7
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');*/}
.ico{background:url(../images/ico.png) no-repeat;}
.logo_nav{text-align:right;}
.collect li,.nav{ display:table; width:1020px; margin-top:13px; padding:0 5px;}
.collect a{padding-left:25px; padding-right:5px; margin-left:15px;}
#coll{background-position:left -100px;}
#con_t{background-position:left -130px;}
.nav li{float:right; text-align:center;}
.nav .m_li{ width:75px; line-height:33px; margin-right:-2px; margin-left:-2px;}
.nav .m_li a{display:block;}
.nav .m_li_a{ background:url(../images/ico.png) right -145px no-repeat; width:75px; color:#23c1fb; line-height:32px; height:32px; margin-right:-2px; margin-left:-2px;}
.nav .m_li_a a{ display:block;}
.line20 {clear:both;font-size:1px;height:20px;overflow:hidden;}
.m_line{width:1px; line-height:32px; height:32px; /*ff下有效(图片垂直居中)*/}
.m_line img{
	margin-top:8px !important;
	-margin-top:expression(( 32 - this.height ) / 2) !important;   /*ie下有效(图片垂直居中)*/
}
.s_li{
	line-height:32px; width:auto; display:none; height:32px; 
}
.s_li_a{
	line-height:32px; width:auto; display:block; height:32px; 
}



/*************banner***********


.index_bg01 {
	BACKGROUND: url(images/banner_bg01.gif) repeat-x 0px 0px
}
.index_bg02 {
	BACKGROUND: url(images/banner_bg02.gif) repeat-x 0px 0px
}
.index_bg03 {
	BACKGROUND: url(images/banner_bg03.gif) repeat-x 0px 0px
}
.index_bg04 {
	BACKGROUND: url(images/banner_bg04.gif) repeat-x 0px 0px
}
.index_bg05 {
	BACKGROUND: url(images/banner_bg05.gif) repeat-x 0px 0px
}*/
#warp {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; HEIGHT: 357px;; PADDING-TOP: 0px; background:url(../images/banner_01.jpg);
}
.banner {
	Z-INDEX: 99; MARGIN: 0px auto; WIDTH: 1020px; HEIGHT: 357px; _width: 1020px
}
.banner_l {
	MARGIN-TOP: 147px; WIDTH: 23px; FLOAT: left
}
.banner_r {
	MARGIN-TOP: 147px; WIDTH: 23px; FLOAT: left
}
.bannerImg {
	POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 1020px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px
}
.bannerImg .bannerPage {
	POSITION: absolute; TOP: 300px; LEFT: 420px
}
.bannerImg .bannerPage A {
	MARGIN-RIGHT: 2px
}
.bannerImg .bannerPage A IMG {
	VERTICAL-ALIGN: middle
}
.slides_container {
	POSITION: relative; WIDTH: 1020px; OVERFLOW: hidden
}
.pagination {
	MARGIN: 26px auto 0px
}
.pagination LI {
	MARGIN: 0px 1px; FLOAT: left
}
.pagination LI A {
	BACKGROUND:#06C; WIDTH: 80px; DISPLAY: block; BACKGROUND-POSITION: 0px -1px; FLOAT: left; HEIGHT: 0px; OVERFLOW: hidden; PADDING-TOP: 5px;
}
.pagination LI.current A {
	BACKGROUND-POSITION: 0px -18px
}


/*************banner end************/

.index_poc{width:330px;}
.index_poc strong,.case strong,.coll strong{color:#5e5e5e; text-indent:10px; font-size:16px; padding:5px 10px;}
.index_poc strong span,.case strong span,.coll strong span{ color:#30bef3;}
.bor_title{border-bottom:1px dotted #acacac;}
.index_poc dt{display:block; text-align:center;}
.index_poc dd{padding:8px; line-height:26px; text-indent:24px;}
.index_poc ol{line-height:32px; padding:5px 10px;}
.index_poc li{ display:block;}
.index_poc ol li span{ float:right;}



/*************焦点力***************/
#YSlide{position:relative;z-index:1;margin:10px auto;width:310px;height:240px;padding:5px;overflow:hidden; background:#dcdcdc;}
.YSample{margin:0 auto;overflow:hidden;}
.YSample,.YSample img{width:310px;height:240px;}
.YSample strong{position:absolute;z-index:5;bottom:5px;left:5px;font-weight:normal;width:310px;height:40px;line-height:40px;text-indent:10px;font-size:14px;color:#FFF;background-color:#000;opacity:.7;-moz-opacity:.7;filter:alpha(opacity=70);}
#YSIndex{position:absolute;z-index:6;top:204px;left:4px;width:310px;text-align:right;height:40px;line-height:40px;overflow:hidden;}
#YSIndex a:link,#YSIndex a:visited,#YSIndex a:hover{position:relative;z-index:6;padding:2px 4px;border:1px solid #FFF;color:#FFF;margin-right:5px;font-weight:bold;text-decoration:none;font-size:12px;}
#YSIndex a:hover,#YSIndex a.current:link,#YSIndex a.current:visited,#YSIndex a.current:hover{background-color:#000;}
/*************焦点力 end***************/


.case{width:500px;}
.case h2 a{font-size:16px; color:#000;}
.case dd{text-indent:24px; line-height:24px; padding:5px 0;}




/*******滚动图*******/
.rollBox{width:1020px;overflow:hidden; height:75px; display:table;}
.rollBox .LeftBotton,.rollBox .RightBotton{height:23px;width:23px;background:url(../images/main_45.jpg) no-repeat; background-position: left bottom;overflow:hidden;float:left;display:inline;cursor:pointer; margin-top:16px;}
.rollBox .LeftBotton{background-position:left top}
.rollBox .RightBotton{background-position:right top;}
.rollBox .LeftBotton:hover{background-position: left top;}
.rollBox .RightBotton:hover{background-position:right top;}
.rollBox .Cont{width:970px; height:65px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:138px;float:left;text-align:center;}
.rollBox .Cont .pic img{padding:4px;background:#fff;border:1px solid #ccc;display:block;margin:0 auto;}
.rollBox .Cont .pic p{line-height:26px;color:#505050;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}




/************内页************/
.tag{width:100%; margin-bottom:20px; display:block; height:32px; line-height:32px; background:#ececec; text-indent:15px;}

.left_list{width:230px;display:table; height:350px;}
.left_list li{height:32px; line-height:32px; border-bottom:dotted 1px #9d9d9d;}
.title_list{border:0;}
h2{font-size:20px; color:#282828; line-height:18px;}
.title_list p{padding-right:5px; font-family:Arial, Helvetica, sans-serif; line-height:15px;}
.left_list dl{margin-top:30px;}
.left_list dd{font-family:"DIN Medium"; font-size:24px;}
.tel{margin-top:20px;}

.right_content{width:760px; display:table; margin-left:20px; line-height:24px;}
.title_content{ border-bottom:dotted 1px #9d9d9d; height:32px; line-height:32px;}
.right_content strong{color:#282828;}
.right_content p{padding:10px;}
.switch{margin:20px 10px; color:#282828;}
.switch bdo{float:right;}
.right_content h2 a{color:#000000;}
.right_content h2 a:hvoer{color:#23c1fb;}
.pro_list p{padding:10px 0;}
.pro_list{padding:10px 0; border-bottom:dotted 1px #9d9d9d; display:table;}
.pro_list span{float:left; padding:10px;}


.partnerList{ overflow:hidden; padding-left:15px;}
.partnerList li{width:120px; height:80px; float:left; margin:10px; border:2px solid #d5e8ef; background:#d5e8ef; line-height:25px;}
.partnerList span{ display:block;}
.partnerList li:hover{ background:#0294e1;border:2px solid #0294e1;}
.partnerList li:hover a{color:#fff;}


/****翻页****/
.pagination{
margin: 10px 0;
padding: 10px;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 12px;
}

.pagination dd{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: lightyellow;
}

.pagination dd.currentpage{
font-weight: bold;
padding: 0 5px;
border: 1px solid navy;
background-color: #2e6ab1;
color: #FFF;
}

.pagination dd.disablepage{
padding: 0 5px;
border: 1px solid #929292;
color: #929292;
}

.pagination dd.nextpage{
font-weight: bold;
}

.partner,.contact{ display:table; width:770px;}
.partner p{ width:120px; height:90px; border:1px solid #cccccc; margin:15px 25px; float:left; text-align:center; padding:10px;}
.partner p a{display:block; height:77px;}
.contact{padding:10px 0;}
.contact strong{ width:40px; text-align:right; float:left;}
.contact span{width:500px; float:left;}


.line10{height:15px; overflow:hidden; display:block; clear:both;}

.newsDetails{margin-top:10px;padding:0 10px;font-size:12px;line-height:1.8em;color:#444;}
.newsDetails h1{font-size:16px;line-height:1.8em;}
.newsDetails .note{color:#999;font-size:12px;line-height:30px;text-align:center;}





.footer{ background:url(../images/index_57.jpg) top center no-repeat; padding:15px 0;}
/*******返回顶部*******/
.susp{position:fixed; width:48px; overflow:hidden; right:20px; bottom:20px;}
.susp a{margin-top:1px; display:block; height:48px;}
#email{ background-position:left -190px;}
#wx{ background-position:left -239px;}
#gotopbtn{ background-position:left bottom;}
#email:hover{ background-position:-49px -190px;}
#wx:hover{ background-position:-49px -239px;}
#gotopbtn:hover{ background-position:-49px bottom;}