@charset "utf-8";
/* CSS Document */
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input{margin:0px;padding:0px;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
img{border:none;}
body {color:#666; font-family:\5b8b\4f53,Arial,sans-serif;font-size:12px; width:100%; min-width:1200px;}
ul,ol,li,form, dl {list-style: none;}
p{margin:0px; padding:0px;}
a{text-decoration:none;color:#000;target="_blank"}
a:hover {text-decoration:none;}
div{ margin:0 auto;}
div{
	font-family:微软雅黑;}
	
.qcfd{clear:both;}	
.border{border:1px solid #000;}	
.tb{background-color:#f4f4f4;font-size:14px; color:#000; line-height:30px; height:30px;}	
.conter{width:1200px;height:auto;text-align:center;font-size:14px;}

.zl{float:left; }
.zr{ float:right; }
.top_l{
	width:320px;
	height:71px;
	line-height:117px;
	margin:11px -14px 23px 0;
	float:left;	 
	}
.top_4{ width:2px; height:50px; margin-top:34px; border-left:1px solid #999;float:left;	}
.top_2{
	width:320px;
	height:51px;
	line-height:117px;
	margin:33px 20px 33px 0;
	float:left;	 
	}
.top_3{
	width:241px;
	height:69px;
	line-height:117px;
	margin:24px 20px 24px 0;
	float: right;	 
	}
/*导航*/
.nav{width:100%;height:45px;background-color:#0e50b7;}
.nav a{color:#FFF;}
.nav li{float:left;width:149px;height:45px;text-align:center;line-height:45px;color:#FFF;font-size:16px;border-right:1px solid #FFF; position:relative;z-index:100;}
#nav_li{border:none;}
.nav li a:hover{background-color:#ef8615;display:block;}
.nav li ul{position:absolute; display:none; background-color:#0e50b7; font-size:12px;}
.nav li:hover ul{position:absolute; display:block; background-color:#0e50b7; font-size:16px;}
.nav li ul li{height:45px;font-size:14px; line-height:45px; position:relative; border:none;}
.nav li ul li a:hover{background-color:#ef8615;display:block; height:45px;}
.nav li:hover ul li ul{width:500px;  height:auto; position:absolute; left:149px; display:none;}
.nav li:hover li:hover ul{width:500px; height:auto; position:absolute; left:149px; top:0px; display:block;}
.nav li ul li ul li{ width:99px; height:45px; border-right:1px solid #CCC; border-bottom:1px solid #CCC;}	
/*轮播*/
.banner { position: relative; overflow: auto; text-align: center;}
.banner li { list-style: none; }
.banner ul li { float: left; }
#b04 { width:100%;}
#b04 .dots { position: absolute; left: 0; right: 0; bottom: 20px;}
#b04 .dots li 
{ 
	display: inline-block; 
	width: 10px; 
	height: 10px; 
	margin: 0 4px; 
	text-indent: -999em; 
	border: 2px solid #fff; 
	border-radius:30px; 
	cursor: pointer; 
	opacity: .4; 
	-webkit-transition: background .5s, opacity .5s; 
	-moz-transition: background .5s, opacity .5s; 
	transition: background .5s, opacity .5s;
}
#b04 .dots li.active 
{
	background: #fff;
	opacity: 1;
}
#b04 .arrow { position: absolute; top: 200px;}
#b04 #al { left: 15px;}
#b04 #ar { right: 15px;}
/*公司简介*/
.gs{
	width:1200px;
	height:57px;
	margin:20px 0 20px 0;
	background-image:url(../images/gsjj.png);}
.gs_s{
	width:1200px;
	height:30px;
	text-align:center;
	}
.tab{
    margin:0 auto;
	width:1200px;
	height:auto;
	text-align:center;
	}
.cptab{
	padding-left:450px; padding-right:450px; padding-top:10px;}
.tab li{
	display: inline-block;
	width:100px;
	height:30px;
	line-height:30px;
	font-size: 18px;
}


.gs_x lu{
	width:1200px;
	height:280px;
	}
.gs_x li{
	width:278px;
	height:260px;
	margin:10px;	
	float:left;
	position: relative;
	cursor: pointer;
	}
.gs_x dd{
	padding-top:3px;}
.cptab li{
	background-color:#e9ae23;
	border-radius:30px;
	}
.cptab li a{ color:#fff;}
.cptab a:hover,.cptab li.current a{
	display:block;
	background-color:#e9ae23;
	border-radius:30px;
	color:#FFF;}

.con-two{
	width: 260px;
	height:160px;
	float: left;
	margin-right: 35px;
	margin-bottom: 15px;
	position: relative;
	cursor: pointer;
}

.txt-two{
	position: absolute;
	left: 0;
	top: 0;
	width:280px;
	height:231px;
	line-height:160px;
	text-align:center;
	color:#FFF;
	background: rgba(0,0,0,0.6);
	display:none;
}
.bk{width:279px;
	height:230px;
	border:1px solid #CCC;}
.con-two .img{ width:279px; height:230px;border:1px solid #ddd; text-align:center;display:table-cell;vertical-align:middle;*display: block; *font-family:Arial;*font-size:80px; overflow:hidden;}
.con-two img{ max-height:230px; vertical-align:middle; height:expression(this.height>230?"230px":this.height);}

.gs_ziti {
	width:100px;
	height:30px;
	line-height:30px;
	border:1px solid #FFF;
	margin-top:100px;
	}
.gs_ziti a{
	color:#FFF;}	
.gs_bjt{ width:100%; height:136px; padding-top:30px;}

.gy{
	width:1200px;
	height:57px;
	margin:20px 0 20px 0;
	background-image:url(../images/gywm.png);}
.gy_s{
	width:1200px; padding-top:20px; height:auto;}
.gy_s_l{
	width:500px;
	float:left;
	height:auto;}
.gy_s_r{
	width:700px;
	float:right;
	height:auto;}
.gy_s_r ul{padding-left:200px; padding-right:200px; width:300px;}
.gy_s_r li{ width:80px; height:25px; float:left; line-height:25px; border-radius:30px; margin:0 10px; }
.gy_s_r a:hover,.gy_s_r li.current a{
	display:block;
	background-color:#0e50b7;
	border-radius:30px;
	color:#FFF;}
.tabcon{
	padding-top:20px;
	text-align:left;
	text-indent:2em;}
/*精品*/

.jp{
	width:1200px;
	height:57px;
	padding:20px 0 20px 0;}

.jp_banner{width:1200px;height:230px;position:relative;margin:20px 0 20px 0;}
.jp_ban{width:1200px; height:230px; overflow:hidden;}
.jp_ban img{display:block; width:100%; height:225px; border:1px solid #CCC;}
.jp_ban li{float:left;width:280px;height:230px; padding-left:10px; padding-right:10px;}
.lban{
	width:50px;
	height:50px; position:absolute; top:92px;
	}
.l-btn{ left:-60px;}
.r-btn{ right:-60px;}
.jp_x_l {
	width:500px;
	padding:30px 0;
	height:auto;
	float:left;
	text-align:left;
	margin-right:50px;
	}
.jp_x_r{
	padding:30px 0;
	width:650px;
	height:auto;
	float:right;	
	text-align:left;}
.hd{
	border-bottom:1px #CCC solid;}
.hd span{
	border-left: 4px solid #00F;
    color:#000;
    display: inline-block;
    font-size: 16px;
    margin: 9px 0;
    padding-left: 15px;
	text-align:left;
}
.biao{
	padding-top:15px;}
.jp_x_l li{
	width:500px;
	height:30px;
	line-height:30px;
	border-bottom:2px dotted #CCC;
	}
.xw{
	width:500px;
	height:150px;
	margin:10px 0;	
	border-bottom:2px dotted #CCC;
	}
.xw img{
	width:178px;
	height:135px;
	margin:8px 20px 7px 0; 
 }
.xw h3{ padding-top:15px;}
.xx{ padding-top:4px;}
.xw p{
	text-indent:2em;
	margin:10px 0;}
.xx img{
	padding-right:10px;}
.jp_x_r ul{
	padding-top:10px;
	text-align:center;}
.jp_div{ width:650px; height:300px; padding-top:15px; margin-top:29px;}

.jp_x_r li{	
	width:212px;
	height:250px;
	float:left;
	padding:5px 2px;
	
	}
.jp_x_r li .img{ width:210px; height:210px;border:1px solid #ddd; text-align:center;display:table-cell;vertical-align:middle;*display: block; *font-family:Arial;*font-size:80px; overflow:hidden;}
.jp_x_r li img{ max-height:210px; vertical-align:middle; height:expression(this.height>210?"210px":this.height);}

.jp_r_z{
	width:212px;
	height:40px;
	line-height:40px;
	font-size:16px;
	color:#FFF;
	display:block;
	background-color:#7fa2d9;
	text-align:center;}
.jp_r_z a{ color:#fff;}

.wb{
	width:100%;
	height:240px;
	background:#555;
}
.wb_jj{ padding:3px 0;}
.wb_fb{ width:1200px; height:200px;}
.wb_jj a{
	color: #ababab
}
.wb_l_1{ width:300px; padding-top:60px; text-align:center; height:150px; float:left; }
.wb_l_2{ width:299px; margin-top:20px;  ; margin-bottom:20px; height:160px; float:left; font-size:14px; border-right:#FFF 1px  dotted; color:#ababab; }
.wb_l_3{ width:299px; padding-top:40px; text-align:center; height:150px; float:left; font-size:14px; }
.wb_l_3 img{ width:120px; height:120px;}
.gseb{ float: left; width: 90px; padding-top: 40px;}
.wb_s{
	padding-top:10px; color:#FFF; font-size:16px;}
	/*QQ*/
.main-im{position:fixed;left:10px;top:30%; margin-top:-136px;z-index:100;width:110px;height:auto;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background: url(../images/qq-icon-bg.png) no-repeat top center}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:block;}
.main-im .im_main .qq_c{ margin-top:4px; width:109px; height:80px; border-bottom:solid 1px #ddd;}
.main-im .im_main .qq_c a img{ margin-top:10px; margin-left:10px;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;/*height:105px;*/border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel .wx-code img{
	display: block;
	max-width: 90%;
	margin: 0 auto
}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-left:1px solid #dddddd;background:#f5f5f5;background: url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;right:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:-12px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:-12px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:100%;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background: url(../images/totop-icon.png) no-repeat center center;float:left;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background: url(../images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background: url(../images/open_im.png) no-repeat left top; display:none;}
