@charset "utf-8";
body{
	font-family:"Microsoft YaHei", Arial, verdana;
	margin:0px;
	font-size:12px;
	color:#000;
	}
	
img{border:0;}
ul{margin:0;padding:0;float:left;list-style-type:none;}
a{text-decoration:none;color:#333; }
textarea,input,form,p,h1,h2,h3,h4,h5,h6,dl,dt,dd{margin:0;padding:0;}

.header{ width:100%; height:82px; background:#3598DB;}
.header1{ width:1160px; height:82px; margin: 0 auto; background:url(../images/navbj.jpg) right no-repeat}
.header2{ width:375px; height:50px; float:left; padding:16px 0;}



.nav { width: 700px; height:83px; float:right; position:relative; }
.nav ul { float:right; }
.nav ul li { width:106px; float:left; position:relative; }
.nav ul li a { width:106px; padding:31px 0; text-align:center; float:left; color:#fff; font-size:16px; display:block; font-weight:bold;   }
.nav ul li a:hover,.nav ul li a.curthis{ background:#FF9900 url(../images/libj.gif) left bottom no-repeat; }

.submenu{top:82px; border:1px #c3c6c7 solid; border-top:none; padding-bottom:10px; padding-left:40px;background: url(../images/submenu.png); position:absolute; display:none;}
.submenu dt{ padding-top:28px; padding-bottom:25px; color:#129be0; text-align:left; font-weight:bold; font-size:14px; width:170px;}
.submenu dt span{ display:block; padding-top:23px;}
.nav ul li .submenu dt a{color:#129be0; font-size:14px; background:none; padding:0; margin:0; width:auto; text-align:left; float:none;}
.submenu dl{width:170px; float:left; border-right:1px #e0e2e2 solid; margin-right:30px; display:inline;border-bottom:none;}
.submenu ul{ float:left; }
.nav ul li .submenu li{ width:160px; float:left; border-bottom:1px #eaeced solid; height:32px; line-height:32px; color:#666; text-align:left; overflow:hidden;}
.nav ul li .submenu li a{
width:160px;
float:left;
text-align:left;
padding:0;
display:block;
color:#333;
background:none;
font-size:12px;
font-weight:normal;
}





.nav_wb{ width:84px; float:right; position:relative;}
.nav_wb img{ width:22px; height:22px; margin:6px 0 0 6px;}
.nav_wb img.auto{ width:auto; height:auto; margin:0;}
.h111 div{
display:none;
position:absolute;
}
/*--------------------------------------------content/service--------------------------------------------------*/

.ser { width:100%; height:600px; overflow:hidden;}
.ser dl { width:1160px; min-height:600px; overflow:hidden; margin:0 auto; }
.ser dl dt { width:1160px; min-height:80px; overflow:hidden; padding-top:50px;}
.ser dl dt h1 { text-align:center; font-size:32px;padding-bottom:10px;}
.ser dl dt h2 { text-align:center; font-size:24px; line-height:44px;font-weight:normal;}
.ser dl dt h3 { text-align:center; font-size:16px; line-height:40px;font-weight:normal;}
.ser dl dt p { text-align:center; line-height:24px; }
.ser dl ul { width:1160px; min-height:80px; overflow:hidden; padding-top:45px; }
.ser dl ul li { width:230px; height:359px; float:left;margin:0 30px;}
.ser dl ul li h1 { width:230px; height:50px; line-height:50px; font-size:18px; font-weight:bold;float:left}
.ser dl ul li p { width:230px; float:left; line-height:25px; color:#000; font-size:14px;}
.ser_p1 { width:206px; height:206px; float:left; background:url(../images/ca_n.jpg) no-repeat; }
.ser_p1:hover{ background:url(../images/ca_n.jpg) no-repeat 0 -206px;}
.ser_p2 { width:206px; height:206px; float:left; background:url(../images/ca_n.jpg) no-repeat -206px 0;}
.ser_p2:hover{ background:url(../images/ca_n.jpg) no-repeat -206px -206px;}
.ser_p3 { width:206px; height:206px; float:left; background:url(../images/ca_n.jpg) no-repeat -412px 0;}
.ser_p3:hover{ background:url(../images/ca_n.jpg) no-repeat -412px -206px;}
.ser_p4 { width:206px; height:206px; float:left; background:url(../images/ca_n.jpg) right top no-repeat; }
.ser_p4:hover{ background:url(../images/ca_n.jpg) right bottom no-repeat;}
.con_j { width:43px; height:43px; background:url(../images/con_j.gif) no-repeat; margin:-10px auto; position:relative; z-index:1; }
.al{ width:100%; height:565px; background:url(../images/albj.jpg) no-repeat center;}
.al dl{ width:1160px; margin:0 auto; color:#FFFFFF}
.al dl dt { width:1160px; min-height:80px; padding-top:70px; }
.al dl dt h1 { text-align:center; font-size:32px; font-weight:bold;padding-bottom:10px;}
.al dl dt p { text-align:center; font-size:14px; line-height:30px;}
.al1{ width:520px;height:30px; background:url(../images/alz.gif) no-repeat left; padding:0 15px; margin:0 auto;margin-top:15px;}
.al1 ul{ float:right;height:30px; text-align:center; font-size:14px; line-height:30px;}
.al1 ul li{ float:left; padding:0 11px; letter-spacing:1px;}
.al2{ width:1160px; height:250px; margin:0 auto;}
.al_img{float:right;margin-right:80px;}

/*--------------------------------------------news--------------------------------------------------*/

.news{ width:100%; height:600px; overflow:hidden;background:#ECF0F1;}
.news div{width:1080px;height:480px;overflow:hidden;margin:60px auto;}
.news div h1{text-align:center;font-size:32px;color:#333;padding-bottom:10px;}
.news div h2{text-align:center;font-size:14px;font-weight:normal;padding-bottom:45px;}
.news div dl{width:520px;height:112px;float:left;margin:0 10px 20px 10px;border-bottom:1px dashed #ccc;}
.news div dt{width:510px;height:82px;float:left;padding:5px;background:#fff;}
.news div dt img{float:left;width:120px;height:82px;}
.news div dt h3{width:375px;font-size:14px;float:right;}
.news div dt a:hover *{color:#178ED6;}
.news_s{width:375px;float:right;line-height:24px;color:#999;}
.news_p{width:375px;float:right;line-height:20px;color:#999;}

/*--------------------------------------------link--------------------------------------------------*/

.link{width:100%;height:70px;padding:5px 0;background:#BEC3C7;overflow:hidden;}
.link dl{width:1160px;margin:0 auto;}
.link dl h1{float:left;font-size:18px;font-weight:bold;color:#333;padding:11px 0;}
.link dl ul{width:1040px;height:46px;overflow:hidden;float:right;padding-top:15px;}
.link dl ul li{float:left;margin-bottom:10px;}
.link dl ul li a{padding:0 10px;border-right:1px solid #000;}

/*--------------------------------------------bottom--------------------------------------------------*/

.bo{width:100%;height:240px;background:url(../images/bo_b.gif) repeat; border-bottom:1px solid #666;}
.bo dl { width:100%;}
.bo dl.bo_t{width:1160px;padding-bottom:20px; margin:0 auto;}
.bo ul { width:971px;overflow:hidden; float:left;margin-top:35px;border-right:1px solid #666; }
.bo li {width:135px;min-height:160px; overflow:hidden; float:left;margin-right:40px;}
.bo li.bo_l1{width:220px;border-right:1px solid #666;}
.bo li.bo_l2{width:120px;}
.bo li h1 { width:150px;padding-bottom:30px;float:left; font-size:14px; color:#fff; font-weight:bold; }
.bo li p { width:150px; line-height:22px; float:left; }
.bo li p.bo_p1{width:85px;margin-right:15px;line-height:24px;background:url(../images/bo_p.gif) no-repeat right;}
.bo li p.bo_p2{width:200px;}
.bo li p.bo_p3{width:43px;margin-right:8px;background:url(../images/bo_p3.gif) no-repeat right;}
.bo li p a {color:#ccc; }
.bo dt { width:111px;float:right;padding-top:50px; }
.bo dt h1 { width:111px; text-align:center; line-height:50px; font-size:14px; font-weight:bold; color:#fff; }
.bo dt img { width:111px; height:111px; float:left; }
.bo_c{width:100%; height:50px;line-height:50px;margin:0 auto;background:url(../images/bo_b.gif) repeat;text-align:center;color:#fff;}

/*--------------------------------------------products--------------------------------------------------*/

.ban{width:100%;height:348px;margin:0 auto;}
.pr_t{width:1160px;height:90px;margin:0 auto 60px;padding-top:40px;}
.pr_t h1{font-size:40px;color:#3598DB;font-weight:normal;}
.pr_t h2{color:#3598DB;}
.pr_t dl{text-align:right;float:right;}
.pr_t span{float:left;font-size:14px;font-weight:bold;text-align:center;margin-left:10px;}
.pr_t span a{width:143px;line-height:40px;float:left;color:#fff;background:#333;}
.pr_t span a:hover,.pr_t span a#sethere{background:#3598DB url(../images/product.gif) no-repeat 58px 34px;}
.pr_t dl p{padding-bottom:20px;}
.pr_th{width:143px;line-height:40px;float:left;background:#3598DB url(../images/ab_i.gif) no-repeat bottom;color:#fff;}

.pr_c1{width:1160px;height:310px;margin:0 auto;background:url(../images/pr.jpg) no-repeat 715px 20px;margin-bottom:80px;}
.pr_c1 h1{font-size:24px;height:50px;background:url(../images/product.gif) no-repeat 250px -6px;}
.pr_c1 dl{width:715px;height:260px;background:#3598DB;}
.pr_p1{padding:25px 30px;color:#fff;font-size:14px;line-height:26px;font-weight:bold;}

.pr_c2{width:1160px;height:310px;margin:0 auto;background:url(../images/pr.jpg) no-repeat 0 -290px;margin-bottom:80px;}
.pr_c2 h1{font-size:24px;height:50px;background:url(../images/product.gif) no-repeat 880px -6px;text-align:right;}
.pr_c2 dl{width:715px;height:260px;background:#E67F22;float:right;}
.pr_p2{padding:50px 30px;color:#fff;font-size:14px;line-height:26px;font-weight:bold;}

.pr_c3{width:1160px;height:310px;margin:0 auto;background:url(../images/pr.jpg) no-repeat 715px -600px;margin-bottom:80px;}
.pr_c3 h1{font-size:24px;height:50px;background:url(../images/product.gif) no-repeat 250px -6px;}
.pr_c3 dl{width:715px;height:260px;background:#1BBC9B;}
.pr_p3{padding:75px 30px;color:#fff;font-size:14px;line-height:26px;font-weight:bold;}

.pr_c4{width:1160px;height:310px;margin:0 auto;background:url(../images/pr.jpg) no-repeat 0 -910px;margin-bottom:80px;}
.pr_c4 h1{font-size:24px;height:50px;background:url(../images/product.gif) no-repeat 880px -6px;text-align:right;}
.pr_c4 dl{width:715px;height:260px;background:#2C82BB;float:right;}
.pr_p4{padding:100px 30px;color:#fff;font-size:14px;line-height:26px;font-weight:bold;}

.pr_c5{width:1160px;height:310px;margin:0 auto;background:url(../images/pr.jpg) no-repeat 715px -1219px;margin-bottom:80px;}
.pr_c5 h1{font-size:24px;height:50px;background:url(../images/product.gif) no-repeat 250px -6px;}
.pr_c5 dl{width:715px;height:260px;background:#1BBC9B;}
.pr_p5{padding:125px 30px;color:#fff;font-size:14px;line-height:26px;font-weight:bold;}

/*--------------------------------------------news--------------------------------------------------*/

.bgb{background:#EAF4FB;}
.ne{width:1160px;overflow:hidden;margin:0 auto;padding-bottom:30px;}
.ne li{width:1100px;height:150px;padding:20px 30px;overflow:hidden;float:left;margin-bottom:20px;background:#fff}
.ne li:hover,.ne li:hover *{background:#3598DB;color:#fff;}
.ne li h2{font-size:18px;color:#999;width:50px;padding-top:15px;float:left;}
.ne li img{width:215px;height:150px;float:left;margin:0 30px;}
.ne li h1{width:775px;height:40px;overflow:hidden;font-size:18px;font-weight:bold;}
.ne li span{font-size:14px;line-height:24px;}

.ne dl.ne_pt{width:1160px;overflow:hidden;margin:0 auto;border-bottom:1px solid #ddd;margin-bottom:15px;}
.ne_pt h1{width:940px;height:60px;overflow:hidden;font-size:36px;color:#3598DB;font-weight:normal;}
.ne div.ne_ptr{width:150px;height:39px;float:right;margin-top:5px;}
.ne dd{width:39px;height:39px;margin-left:11px;float:left;}
.ne dd a.ne_ptr1{width:39px;height:39px;float:left;background:url(../images/new_p.gif) no-repeat left top;}
.ne dd a.ne_ptr1:hover{width:39px;height:39px;float:left;background:url(../images/new_p.gif) no-repeat left bottom;}
.ne dd a.ne_ptr2{width:39px;height:39px;float:left;background:url(../images/new_p.gif) no-repeat center top;}
.ne dd a.ne_ptr2:hover{width:39px;height:39px;float:left;background:url(../images/new_p.gif) no-repeat center bottom;}
.ne dd a.ne_ptr3{width:39px;height:39px;float:left;background:url(../images/new_p.gif) no-repeat right top;}
.ne dd a.ne_ptr3:hover{width:39px;height:39px;float:left;background:url(../images/new_p.gif) no-repeat right bottom;}

.ne dl.ne_pc{font-size:14px;color:#666;line-height:24px;}
.ne dl.ne_pc dt{width:1160px;height:50px;}
.ne dl.ne_pc dt span{float:left;margin-right:20px;}
.ne dl.ne_pc p{width:1100px;padding:0 30px;text-indent:2em;}
.bshare-custom{padding:4px 0;}

.ne dl.ne_pb{width:1160px;line-height:60px;border-top:1px dotted #ddd;margin-top:30px;color:#666;}
.ne dl.ne_pb h2{font-size:14px;font-weight:normal;}
.ne dl.ne_pb>.ne_pbl{width:500px;float:left;}
.ne dl.ne_pb>.ne_pbr{width:500px;float:right;text-align:right;}

.new{width:100%;padding:30px 0;background:#eee;}
.new h1{width:1160px;height:50px;font-size:22px;color:#0066CC;margin:0 auto;font-weight:normal;}
.ne_re{width:1080px;margin:0 auto;overflow:hidden;}
.ne_re dl.ne_r{width:520px;height:112px;float:left;margin:0 10px 20px 10px;border-bottom:1px dashed #ccc;}
.ne_re dl.ne_r img{float:left;width:120px;height:82px;}
.ne_re dl.ne_r h3{width:385px;font-size:14px;float:right;}
.ne_re dl.ne_r a:hover *{color:#3598DB;}
.ne_r span.ne_d{width:385px;float:right;line-height:24px;color:#999;}
.ne_r span.ne_p{width:385px;float:right;line-height:20px;color:#999;}

/* flexslider */
.flexslider{position:relative;width:100%;height:594px;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);right:40px;}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);left:40px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;padding:0}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}


/* case */
#wrapper
{
	text-align:center;
	margin-top:20px;
}
.overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.5); /*dim the background*/
  text-align:center;
  display:none;
}

#overlay_pic {
    margin:200px auto;
    width:400px;
    box-shadow: 10px 10px 5px #000;
}

.jscarousal
{
	width: 1160px;
	margin:0 auto;
	padding: 22px 8px 22px 8px;
	position: relative; /*overflow: hidden;*/
}
.jscarousal .jscarousal-left, .jscarousal .jscarousal-right
{
	float: left;
	width: 58px;
	height: 58px;
	color: White;
	position: relative;
	top: 12px;
	cursor: pointer;
}
.jscarousal .jscarousal-left{background:url(../images/arrow.gif) left top no-repeat;margin-top:50px;}
.jscarousal .jscarousal-left:hover{background:url(../images/arrow.gif) no-repeat 0 -116px;margin-top:50px;}
.jscarousal .jscarousal-right{background:url(../images/arrow.gif) no-repeat 0 -58px;margin-top:50px;}
.jscarousal .jscarousal-right:hover{background:url(../images/arrow.gif) left bottom no-repeat;margin-top:50px;}
.jscarousal-contents
{
	width: 1000px;
	height: 206px;
	float: left;
	position: relative;
	overflow: hidden;
	margin:0 20px;
}
.jscarousal-contents > div
{
	position: absolute;
	width: 100%;
	height: 200px;
}
.jscarousal-contents > div > div
{
	float: left;
	margin:0 10px;
}
.jscarousal-contents > div > div:hover *
{	
	color:#ff0;
}
.jscarousal-contents img
{
	width: 228px;
	height: 178px;
	border: solid 1px #BBD5E3;
}

.hidden
{
	display: none;
}
.visible
{
	display: block;
}
.thumbnail-active
{
	cursor: pointer;
}
.thumbnail-inactive
{
	cursor: pointer;	
}
.thumbnail-text
{
	font-size:14px;
	color: #fff;
	text-align: center;
	display: block;
	padding: 5px 0;
	font-weight:bold;
}




/****************************************/
.blank{clear:both; height:1px; overflow:hidden; display:block;}
.blank40{height:40px;}
.blank82{height:82px;}
.lip{
width:1160px;
margin:0 auto;
}
.mainpage{
float:left;
width:100%;
line-height:180%;
font-size:14px;}


input.iambg{
width:560px;
padding-left:10px;
height:29px;
line-height:29px;
background:url(../images/iambg.jpg) left top repeat-x;
border:none;
border-right:1px solid #DADADA;
border-bottom:1px solid #DADADA;
font-size:14px;
color:#666;
margin:7px 0;
}
input.width60{ width:60px;}

textarea.iambg{
width:520px;
height:100px;
padding-left:10px;
background:url(../images/iambg.jpg) left top repeat-x;
border:none;
border-right:1px solid #DADADA;
border-bottom:1px solid #DADADA;
font-size:14px;
color:#666;
line-height:180%;
margin:7px 0;
}
input.greenbg{
width:139px;
height:43px;
line-height:43px;
background:url(../images/greenbg.gif) left top no-repeat;
text-align:center;
border:0;
float:left;
cursor:pointer;
font-size:14px;
color:#fff;
}

.myform{
width:608px;
float:left;
height:auto;
}

h1.borderline{
padding:0;
margin:0;
font-size:24px;
height:24px;
line-height:24px;
border-bottom:1px solid #ccc;
padding:10px 0;
margin:10px 0;
width:100%;
}


.whitemy{



color:#fff;



}



.whitemy a:link,.whitemy a:visited{
color:#fff;
}
.whitemy a:hover{
color:#FFCC00;
}

.widthauto{
width:1160px;
margin:0 auto;
}



.fpage{
width:100%;
margin:12px auto;
clear:both;
text-align:center;
float:left;
}


#float{position:absolute;top:0; width:100%; height:82px; z-index:999; }/*1210޸*/



.ca dl { width:100%; height:76px; border-bottom:1px solid #ccc; }
.ca dl h1 { width:800px; line-height:76px; color:#0282DB; float:left; }
.ca dl dt { width:147px; height:39px; float:right; margin:18px 0; }
.ca_an1 { width:39px; height:39px; float:left; margin-left:10px; }
.ca_an1 a { width:39px; height:39px; float:left; background:url(../images/cah_i.gif) center top; }
.ca_an1 a:hover { background:url(../images/cah_i.gif) center bottom; }
.ca_an2 { width:39px; height:39px; float:left; margin-left:10px; }
.ca_an2 a { width:39px; height:39px; float:left; background:url(../images/cah_i.gif) left top; }
.ca_an2 a:hover { background:url(../images/cah_i.gif) left bottom; }
.ca_an3 { width:39px; height:39px; float:left; margin-left:10px; }
.ca_an3 a { width:39px; height:39px; float:left; background:url(../images/cah_i.gif) right top; }
.ca_an3 a:hover { background:url(../images/cah_i.gif) right bottom; }

.cah { width:1130px; min-height:200px; overflow:hidden; padding:30px 15px; border-bottom:1px solid #eee;}
.cah div.pcBg{
width:600px;
min-height:200px; 
float:left;
text-align:left;
}



#CSSBox_1{float:left;width:504px;height:50px; margin:0 auto;overflow:hidden;}
#CSSBox_1 ul li{ float:left; list-style:none;margin:0 5px; width:62px; overflow:hidden;}
#CSSBox_1 ul li img{
width:60px;
height:48px;
border:1px solid #ccc;
}

#LeftButton_1{float:left;cursor:pointer; display:block; width:24px; height:38px;background:url(../images/pre-no.gif) left top no-repeat;}
#RightButton_1{float:left;cursor:pointer; display:block; width:24px; height:38px;background:url(../images/next-no.gif) left top no-repeat;}
#wrapper_1{width:552px; margin:0 auto; padding-top:20px;}





.cah div.pcBg div{

}


.cah dd { width:405px; min-height:20px; overflow:hidden; float:right; padding:35px 25px; border:1px solid #eee; }
.cah dd p { line-height:24px; color:#999; }
.cah dd p a { color:#999; }
.cah dd p span { font-weight:bold; color:#333; }


.newstime{ float:left; margin-top:45px; padding-bottom:10px; display:inline}
.hnjiathis{margin-top:45px;}

.zw { clear:both;width:100%; min-height:200px; padding:20px 0 0; }
.zw p { line-height:24px; color:#888; }




.wrapper {width:1160px;margin:0 auto;position:relative;}
.btn_blue,#filter li a.cur,.category li a.cur{background-color:#4d90fe;background-image:-webkit-linear-gradient(top,#4d90fe,#4787ed);background-image:-moz-linear-gradient(top,#4d90fe,#4787ed);background-image:-ms-linear-gradient(top,#4d90fe,#4787ed);background-image:-o-linear-gradient(top,#4d90fe,#4787ed);background-image:linear-gradient(top,#4d90fe,#4787ed);border:1px solid #3079ed;color:#fff;}
.btn_blue:hover,#filter li a.cur:hover,.category li a.cur:hover{background-color:#357ae8;background-image:-webkit-linear-gradient(top,#4d90fe,#357ae8);background-image:-moz-linear-gradient(top,#4d90fe,#357ae8);background-image:-ms-linear-gradient(top,#4d90fe,#357ae8);background-image:-o-linear-gradient(top,#4d90fe,#357ae8);background-image:linear-gradient(top,#4d90fe,#357ae8);border:1px solid #2f5bb7;border-image:initial;text-decoration:none}

#filter{height:68px;border-bottom:1px solid #d8d9d8;border-top:1px solid #d8d9d8; margin-bottom:12px}
#filter.fixed{width:100%;position:fixed;top:80px;left:0;z-index:1;background:#fff;}
* html #filter.fixed{position:absolute;top:expression(eval(document.documentElement.scrollTop+80));}
#filter .wrapper{height:68px;}
#filter li{display:inline-block;zoom:1;*display:inline;width:110px;margin-right:5px;margin-top:20px;vertical-align:middle;}
#filter li a{display:block;background-image:-webkit-gradient(linear,left top,left bottom,from(#e9e9e9),to(#d5d5d5));-webkit-user-select:none;background-color:#e9e9e9;background-image:-webkit-linear-gradient(top,#e9e9e9,#d5d5d5);background-image:linear-gradient(top,#e9e9e9,#d5d5d5);background-image:-o-linear-gradient(top,#e9e9e9,#d5d5d5);border:1px solid #dcdcdc;border:1px solid rgba(0, 0, 0, 0.1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#666;height:29px;line-height:29px;min-width:54px;padding:0 8px;text-align:center;}
#filter li a:hover{background-image:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));background-image:-webkit-linear-gradient(top,#f8f8f8,#f1f1f1);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);background-color:#f8f8f8;background-image:linear-gradient(top,#f8f8f8,#f1f1f1);background-image:-o-linear-gradient(top,#f8f8f8,#f1f1f1);border:1px solid #c6c6c6;box-shadow:0 1px 1px rgba(0,0,0,0.1);text-decoration:none;}
#filter p{position:absolute;top:25px;right:5px;}



.caseslistspe{
width:1120px;
padding-left:30px;
height:auto;
margin:0 auto;
}
.caseslistspe li{
width:310px;
height:260px;
border:1px solid #e1e1e1;
border-bottom:2px solid #ccc;position:relative;
float:left;
margin-right:70px;
margin-bottom:30px;
}

.caseslistspe li.makeright{
margin-right:0;
}

.caseslistspe li p{display:none;width:280px;height:207px;font-size:12px;line-height:1.5;text-align:left;padding:0 15px;background:#0A94DC;color:#999;position:absolute;left:0;top:0;margin:0 auto;}
#caseslist .cases  li  p strong{color:#fff; font-size:16px;line-height:200%;}
#caseslist .cases  li  p b{color:#fff; font-size:12px;line-height:200%;}
#caseslist .cases  li  p em{display:block;color:#fff;margin:12px 0; font-style:normal; line-height:120%; font-size:12px; width:280px; height:110px; overflow:hidden;}
#caseslist .cases  li p a{display:inline-block;zoom:1;*display:inline;font-weight:bold;color:#fff;height:30px;line-height:30px;padding:0 8px;margin-top:8px;}
#caseslist .cases  li p a.openurl{width:23px;height:23px;padding:0;background:url(../images/ico_website.png) no-repeat;overflow:hidden;text-indent:-9999px;position:absolute;bottom:5px;right:5px;}
#caseslist li p a.openurl:hover{background-position:0 -23px;}
#caseslist .cases  li p a.btn_blue{background-color:#FFCC00;color:#983500; width:140px; text-align:center; font-size:14px;}
#caseslist a.btn_yellow{background-color:#FFCC00;color:#983500; width:140px; text-align:center; font-size:14px;}


.caseslistspe li h1{
font-size:14px; padding:0 10px;
}
.caseslistspe li span{
font-size:11px; padding:0 10px;
color:#ccc;
}
#caseslist p strong b.font14{
font-size:14px;
}



.re { width:1160px; height:269px; padding:20px 0;}
.re_t { width:1160px; height:56px; border-bottom:1px solid #eee; }
.re_t h1 { float:left; color:#000; font-size:34px; line-height:56px; }
.re_t h1 span { color:#0282db; }
.re_t h2 { margin-left:20px; font-size:28px; color:#666; float:left; margin-top:16px; }
.re_l { float:left; width:26px; height:26px; margin:89px 16px 89px 0; }
.re_l a { float:left; width:26px; height:26px; background:url(../images/cas_j.png) right bottom no-repeat; }
.re_l a:hover { background:url(../images/cas_j.png) left bottom no-repeat; }
.re_r { float:right; width:26px; height:26px; margin:89px 0 89px 16px; }
.re_r a { float:right; width:26px; height:26px; background:url(../images/cas_j.png) right top no-repeat; }
.re_r a:hover { background:url(../images/cas_j.png) left top no-repeat; }
.re_c { width:912px; height:143px; float:left; padding:35px 0; }




#CSSBox{float:left;width:928px;height:191px;margin:0 auto;overflow:hidden;}
#CSSBox ul li{ float:left; list-style:none; width:218px; margin:10px 7px; padding:0; text-align:center; border:0;}
#CSSBox ul li img{
border:1px solid #ccc;
padding:1px;
width:214px;
height:167px;
}
#LeftButton{cursor:pointer; margin:0 6px; margin-top:80px;height:26px;width:26px;float:left;background:url('../images/cas_j.png') left -26px no-repeat;}
#LeftButton:hover{background:url('../images/cas_j.png') -26px -26px no-repeat;}
#RightButton{cursor:pointer;margin:0 6px; margin-top:80px;height:26px;width:26px;float:left;background:url('../images/cas_j.png') left top no-repeat;}
#RightButton:hover{background:url('../images/cas_j.png') -26px top no-repeat;}
#wrapper{width:1078px;margin:20px auto;}



#wechat,#mobile{
background:#fff;
width:135px;
padding:0 10px;
height:230px;
line-height:180%;
position:absolute;
text-align:center;
border:1px solid #ccc;
z-index:99999999;
font-size:12px;
top:24px;
left:-10px;
}
.hd{ display:none;}
.sw{ display:block;}




.e2{
	
}
.e2 li{
	width:100%;
	overflow:hidden;
	clear:both;
	padding:12px 0px;
	border-bottom:1px solid #EEE;
}
.e2 li a.preview{
	width:84px;
	float:left;
	margin-right:7px;
	margin-bottom:3px;
	margin-left:10px;
	display:inline;
}
.e2 li a.preview img{
	width:80px;
	/*height:60px;*/
	display:block;
	padding:1px;
	border:1px solid #EEE;
}
.e2 li a.preview:hover img{
	border:1px solid #AAA;
}
.e2 li a.title{
	overflow:hidden;
	line-height:25px;
	font-weight:bold;
	font-size:14px;
	margin-left:2px;
}
.e2 li a.title:link,.e2 li a.title:visited{
color:#3366CC;
}
.e2 li a.title:hover{
color:#F33;
}
.e2 span.info{
	display:block;
	line-height:23px;
	color:#555;
	padding-left:12px;
}
.e2 span.info small{
	color:#CC984A;
	font-size:12px;
	margin-left:3px;
}
.e2 span.info a{
	color:#690;
}
.e2 p.intro{
	color:#776955;
	line-height:20px;
	padding:0;
	margin:0;
	margin-left:5px;
	padding-left:10px;
	padding-right:10px;
}


.onlinebox{ width:75px; position:absolute; right:10px; top:583px;}
.onlinebox a { width:75px; height:75px; display:block;}
.online_list { width:75px;}
.online_list a { border-top:1px solid #FFF;font-family:"Microsoft YaHei"; text-align:center; height:30px;padding-top:45px;color:#999999; font-size:14px; color:#FFF;}
.online_list a.shili{ background:url(../images/index19.png) no-repeat; border:none;}
.online_list a.anli{ background:url(../images/index20.png) no-repeat}
.online_list a.fangan{ background:url(../images/index21.png) no-repeat}
.online_list a.yewu{ background:url(../images/index22.png) no-repeat; position:relative;}

a.kefu{ background:url(../images/index23.png) no-repeat; margin-top:1px;}

.online_list a.online_share { background:url(../images/index24.png) no-repeat;}

a.online_leave { background:url(../images/index25.png) no-repeat;}

.onlinebox a.goTop { background:url(../images/index26.png) no-repeat; height:77px;}

.news-title h1 {color: #1a1a1a;font-size: 24px;font-family: "Microsoft YaHei";}
a.floatright{
float:right;
}


.hdme{
width:136px;
height:auto;
background:#fff url(../images/keT.png) left top no-repeat;
padding-top:63px;
border:1px solid #ccc;
border-top:none;
position:absolute;
top:228px;
*top:0;
right:0;
padding-bottom:9px;
}
.hdme a{
width:auto;
height:auto;
padding:0;
font-size:12px;
color:#333;
border:0;
}
.hdme a img{
position:relative;
top:6px;
}





#CSSBox_2{float:left;width:1000px;height:206px; margin:0 auto;overflow:hidden;}
#CSSBox_2 ul li{ float:left; list-style:none;margin:0 10px; width:230px; overflow:hidden;}
#CSSBox_2 ul li span{ display:block; text-align:center; font-size:14px; font-weight:700; margin-top:6px;}
#CSSBox_2 ul li img{
width:228px;
height:178px;
border:1px solid #ccc;
}

#LeftButton_2{float:left;cursor:pointer; display:block; width:58px; height:58px;background:url(../images/arrow.gif) no-repeat left top;margin-top:50px;}
#LeftButton_2:hover{background:url(../images/arrow.gif) no-repeat 0 -116px;}
#RightButton_2{float:left;cursor:pointer; display:block; width:58px; height:58px;background:url(../images/arrow.gif) no-repeat 0 -58px;margin-top:50px;}
#RightButton_2:hover{background:url(../images/arrow.gif)  left bottom no-repeat;}
#wrapper_2{width:1116px; margin:0 auto; padding-top:40px;}


.jscarousal .jscarousal-left{background:url(../images/arrow.gif) left top no-repeat;margin-top:50px;}
.jscarousal .jscarousal-left:hover{background:url(../images/arrow.gif) no-repeat 0 -116px;margin-top:50px;}
.jscarousal .jscarousal-right{background:url(../images/arrow.gif) no-repeat 0 -58px;margin-top:50px;}
.jscarousal .jscarousal-right:hover{background:url(../images/arrow.gif) left bottom no-repeat;margin-top:50px;}


div.tuoming{
width:100%;
height:24px;
text-align:center;
background:url(../images/tuoming.gif) left top no-repeat;
}




/*--------------------------------------------product--------------------------------------------------*/

.pro_bk{width:1160px;overflow:hidden;margin:70px auto;}
.pro_bk dt.pro_bkg{float:left;width:530px;height:280px;overflow:hidden;margin:10px;padding:15px;background:#EBEBEB;}
.pro_bk dt.pro_bkg:hover{background:#3598DB;}
.pro_bk dt.pro_bkg:hover *{color:#fff;}
.pro_bk dt.pro_bkg img{width:280px;height:280px;float:left;}
.pro_bk dt.pro_bkg h1{width:250px;float:right;font-size:18px;font-weight:bold;padding:20px 0 10px;}
.pro_bk dt.pro_bkg p{width:250px;height:216px;overflow:hidden;font-size:14px;line-height:24px;float:right;}


.pro_t{width:1160px;height:69px;background:#efefef;margin:0 auto 40px;}
.pro_tr{width:845px;height:69px;float:right;}
.pro_trc{width:368px;height:32px;margin:17px auto;border:1px solid #3598DB;}
.pro_trc input{width:305px;height:32px;line-height:32px;float:left;border:0;color:#666;padding:0 5px;}
.pro_trc button{float:right;border:none;width:52px;height:32px;background:#3598DB;color:#fff;font-size:14px; cursor:pointer;}
.pro_tl{width:315px;height:69px;color:#fff;background:#3598DB url(../images/pro_i.gif) no-repeat right;margin-bottom:45px;}
.pro_tl h1{font-size:26px;padding:20px 10px 0 20px;float:left;font-weight:normal;}
.pro_tl h2{font-size:22px;font-weight:normal;padding:12px 0 0 5px;}
.pro_tl h3{font-size:14px;font-weight:normal;margin-top:-6px;}
.pro_c{width:1160px;height:40px;margin:0 auto;}
.pro_c dd{ padding:0; margin:0;float:left;margin-right:8px;width:143px;height:40px;line-height:40px;}
.pro_c dd a{ display:block;background:#333;color:#fff;text-align:center;font-size:18px;font-weight:bold;}
.pro_c dd a:hover,#pro_cdh{background:#3598DB;}

.pro_b{width:980px;padding:45px 90px;margin:70px auto 0;overflow:hidden;background:#EBEBEB;}
.pro_b img{width:315px;height:315px;float:left;}
.pro_b dt{width:500px;overflow:hidden;float:right;padding:40px 0;color:#333;}
.pro_b dt h1{font-size:30px;}
.pro_b dt p{font-size:14px;line-height:24px;padding-top:10px;}


.pagination-wrapper{margin: 20px 0;} .pagination{height: 34px;text-align: center;} .pagination li {display: inline-block;height: 34px;margin-right: 5px;} .pagination li a{float: left;display: block;height: 32px;line-height: 32px;padding: 0 12px;font-size: 16px;border: 1px solid #dddddd;color: #555555;text-decoration: none;} .pagination li a:hover{background:#f5f5f5;color:#0099ff;} .pagination li.thisclass {background: #09f;color: #fff;} .pagination li.thisclass a,.pagination li.thisclass a:hover{background: transparent;border-color: #09f;color: #fff;cursor: default;}