@charset "utf-8";
/* CSS Document */
body{ background: url(../imgs/bg.jpg) ; color:#000; font-size:12px; font-family:'宋体'; padding:0; margin:0;}
ul,li,p,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,a{margin:0;padding:0;text-decoration:none}
form,span,input,select{margin:0;padding:0}
ul,li,ol{list-style:none;list-style-type:none}
p,dl,dt,dd,h1,h2,h3,h4,h5,h6{overflow:hidden}
img{border:0}
h1,h2,h3,h4,h5,h6,dl,dt,dd{text-align:left}
ul,li{text-align:left}
iframe{frameborder:0;marginwidth:0;marginheigh:0;scrolling:no}
div{text-align:left;margin-left:auto;margin-right:auto}
a{ color:#000;}
a:hover{text-decoration: none;}
.clear{clear:both}


.w1002{ width:1002px;}
.fl{ float:left;}
.fr{ float:right;}

.top{ height:110px; background:url(../imgs/bg2.jpg) repeat-y top; margin-top:10px;}
.header{height:30px; background:url(../imgs/topbg.jpg) no-repeat top;}
.toper{ height:80px; background:url(../imgs/navbg.jpg) no-repeat center 30px;}
.toper h1{ display:block; width:400px; height:60px; float:left; padding:13px 0 0 25px;}
.nav{ width:550px; height: auto; }
.ser{ width:220px; height:22px; line-height:22px; text-align:right; padding-left:300px; padding-bottom:10px;}
.tb1{ background: url(../imgs/sea_bg1.jpg) no-repeat center; width:170px;}
.ser1{ height:18px; line-height:20px; color:#999;width:170px;}

.navList{ width:550px; height: 40px;}
.navList a{ display:block; float:left; width:90px; height:40px; line-height:40px; text-align:center; font-weight:bold; color:#fff;}


.index_banner{ height: auto;background:url(../imgs/bg2.jpg) repeat-y top; text-align:center;}
.s_banner{ width:1002px; height:303px;  position:relative; padding:0 0 20px 0;}
#beat {	width:965px;	height:303px;	margin-left:auto;	margin-right:auto;	overflow:hidden;	position:relative;_left:0px; top:0;overflow:hidden;}
#beat img { border:0; width:965px; height:303px;}
#beat ul {height: 320px; overflow:hidden;	margin:0;	padding:0;	position:absolute;	}
#beat ul li {	float:left;	width:965px;	height:303px;	overflow:hidden;	background:none;}
#beat ul li div {	position:absolute;	overflow:hidden;}
#beat .btnBg {	position:absolute;	width:100px;	height:20px}
#beat .btn {	position:absolute;	width:100px;height:20px;	padding:5px 10px;	right:0;	bottom:10px;	text-align:right;}
#beat .btn span {	display:inline-block;	_display:inline;	_zoom:1;	width:20px;	height:8px;	_font-size:0;	margin-left:5px;	cursor:pointer;	background:#027dc0;}
#beat .btn span.on {	background:#fff;}
#beat .preNext {	width:45px;	height:100px;	position:absolute;top:90px;cursor:pointer;}
#beat .pre { left:0;}
#beat .next { right:0;background-position:right top;}

.w965{ width:965px;}
.index_main{ height: auto;background:url(../imgs/bg2.jpg) repeat-y top; }
.main{ height: auto; }
.index_left{ width:193px; height:250px;}
.index_left h3{height:32px; background:url(../imgs/left_m.jpg) no-repeat top; line-height:30px; color:#fff; padding:0 0 0 15px; }
.index_left h3 a{ font-size:12px; font-weight:normal; color:#fff; padding-left:80px;}
.index_l_list{ width:191px; height:210px; border:1px solid #eee; border-top:0;}
.index_l_list p{ display:block; height:20px; line-height:20px; padding-left:10px;}
.index_l_list p a{ color:#1880bd; font-weight:bold; font-size:12px;}

.index_mid{ width:495px; height:250px; background:url(../imgs/index_about.jpg) no-repeat top;}
.index_mid h3{ height:40px; line-height:45px; background:url(../imgs/index_about_h.jpg) no-repeat 30px 10px; color:#fff; padding-left:53px;font-size:12px;}
.index_mid h3 a{ float:right; padding-right:25px; font-size:12px; font-weight:normal; color:#0676b8;}
.index_mid p{ padding:10px 20px; line-height:22px; color:#8d8d8d;}
.index_mid p img{ float:right; padding:10px;}
.index_contact{ width:275px; height:250px;background: url(../imgs/cont.jpg) no-repeat; text-indent:-9999px;   }



.index_pro{ height:170px; padding-top:20px;}
.index_pro h3{ height:30px; background: url(../imgs/index_pro_h.jpg) no-repeat; line-height:30px; color:#fff; padding-left:40px; font-size:12px; padding-bottom: 15px;}
.leftbtn{  width:20px; height:120px; background:url(../imgs/left_btn.jpg)  left center no-repeat ; float:left; cursor:pointer; }
.rightbtn{ width:20px; height:120px; background:url(../imgs/right_btn.jpg)  left center no-repeat ; float:right; cursor:pointer; }
.roll{ float:left; width:925px; height:120px; overflow:hidden; position:relative; }
.roll ul{ height:120px; width:100000px; position:relative; padding:0; margin:0; }
.roll ul li{ float:left; width:125px; height:95px;padding:5px; border:1px solid #d4d7d7; margin: 0 8px; }
.roll ul li img{  width:125px; height:95px; }

.index_main_foot{ height:12px; background:url(../imgs/footbg.jpg) no-repeat top;}

.foot{ height:60px; line-height:24px; text-align: center; padding-top:10px; color:#818181; font-family:Arial, Helvetica, sans-serif;}


.banner{ padding:10px 0;}
.left{ width:198px; height: auto; line-height:22px;}
.left h3{ height:36px; background:url(../imgs/lefetop_bg.jpg) no-repeat top; line-height:46px; padding-left:20px; color:#fff;}
.left p{ line-height:24px; color:#8d8d8d; font-family:Arial, Helvetica, sans-serif;font-size:12px; padding-left:10px;}
.left p b{ color:#a10000; }
.left p.p1{ padding-left:70px;}


.right{ width:750px; height: auto ;}
.right_h{ width:750px;height:30px;line-height:30px;color:#555; text-align: right;}
.r_add{ width:130px; height:30px; color:#fff;font-weight: bold;background: url(../imgs/index_pro_h.jpg) no-repeat top; text-align:center; } 
.r_add1{ width:190px; height:30px; color:#fff;font-weight: bold;background: url(../imgs/index_pro_h2.jpg) no-repeat top; text-align:center; } 
.right_h a{ color:#555; font-size:12px;font-weight: normal; }

.right_in{ width:730px; height:auto; line-height:26px; font-size:14px; color:#333;}




.left_list{ width:198px; height:auto; padding:5px 0; background: url(../imgs/left_list_b.jpg) repeat-y;}
.left_list li{ color:#d80c00; padding:0 12px; width:178px; height:24px;}
.left_list li a{ height:24px; display:block; color:#555; border-bottom:1px solid #dcdcdc; padding-left:10px;}
.left_list li a:hover{ color:#d80c00; font-weight:bold;}
.left_list li a.z_select{ color:#d80c00; font-weight:bold;}


.pro_ins{ width:730px; height:auto; line-height:24px;}
.pro_ins p{ display: block; float:left; width:127px; height:auto; padding:10px 10px 15px;}
.pro_ins p img{ width:125px; height:95px; border:1px solid #ccc;}
.pro_ins p i{ display:block; width:127px; height:30px; line-height:30px; text-align: center; font-style:normal; color:#555; overflow:hidden;}



.pro_in{ width:730px; height:auto; line-height:24px;}
/*.pro_in p{ display: block; float:left; width:127px; height:auto; padding:10px 10px 15px;}
.pro_in p img{ width:125px; height:95px; border:1px solid #ccc;}
.pro_in p i{ display:block; width:127px; height:30px; line-height:30px; text-align: center; font-style:normal; color:#555; overflow:hidden;}
.fy{ padding-top:20px; line-height:30px; text-align:right;color:#555}
.fy a{ color:#555;}*/

.w750{ width:750px;}
.pro1{ height:auto; color:#3e3e3e; padding:20px 0;}
.pro1 img{ float:left; width:280px; height:248px; border:1px solid #000; margin-left:10px;}
.pro1_in{ width:440px; height:250px;}
.pro1 p{ width:440px; height:30px; padding:0; margin:0; line-height:30px;}
.pro2 { width:750px; height:auto;}
.pro2_in{ padding:10px 20px; color:#333; padding-bottom:30px;} 
.pro2 h3{ height:50px; background:url(../imgs/index_pro_h.jpg) no-repeat left top; line-height:30px; color:#fff; padding-left:40px; font-size:12px;}


.honor{ width:680px; height:auto; line-height:22px; color:#999; padding-top:20px;}
.honor li{ width:180px; height: 150px; float: left; padding:10px 15px;  margin:0 10px 0px 0;}
.honor li img{ width:180px; height:130px;border:1px solid #555;}
.honor li p{ display:block; height:20px; line-height:20px; text-align: center; }

#thumbBox{ /*Outermost DIV for thumbnail viewer*/position: absolute;left: 0;top: 0;width: auto;padding:10pxpadding-bottom: 10px;background: #fff;visibility: hidden;z-index: 40;cursor: hand;cursor: pointer;border:1px solid #ececec;}
#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */font: 12px Arial, Helvetica, sans-serif;line-height: 1.1em;color: #16387C;padding: 5px 0;text-align: right;}
#thumbBox #thumbImage{background-color: white;padding:3px; text-align:center;}
#thumbLoading{position: absolute;visibility: hidden;border: 1px solid black;background-color: #fff;padding: 5px;z-index: 5;}

/*qq*/
.SonlineBox{ width:162px; font-size:12px;overflow:hidden; top:-600px; z-index:9999; }
.SonlineBox .openTrigger{ width:30px; height:110px; position:absolute; top:0px;  z-index:1; cursor:pointer;  background:#00a91c url(../images/redOpen.jpg) no-repeat;}
.SonlineBox .titleBox{ width:100%; height:35px; line-height:35px; background:#f00 url(../images/redTitleBg.gif) repeat-x; border-bottom:2px solid #c30202; position:relative; z-index:1;}
.SonlineBox .titleBox span{ margin-left:10px; color:#fff; font-size:14px; font-family:'微软雅黑','黑体';}
.SonlineBox .contentBox{ display:block; width:100%; height:auto; border:2px solid #c30202; overflow:hidden; background:#fff; position:absolute; z-index:2; }
.SonlineBox .contentBox .closeTrigger{ width:25px; height:25px; display:block; cursor:pointer;  position:absolute; top:5px;right:5px; z-index:2; background:url(../images/closeBtnImg.gif) no-repeat;}
.SonlineBox .contentBox .listBox{overflow:hidden; margin:6px 0; position:relative;}
.SonlineBox .contentBox .listBox .QQList{ display:block; width:100%; margin:5px auto 5px auto; padding:0px 0;}
.SonlineBox .contentBox .listBox .QQList span{ display:block; width:47%; height:25px; overflow:hidden; text-align:right;float:left; line-height:26px; color:#444;}
.SonlineBox .contentBox .listBox .QQList div.ico{ width:52%; height:25px; overflow:hidden; float:left;}
.SonlineBox .contentBox .listBox .QQList div.ico a{}

.SonlineBox .contentBox .tels{ width:90%; margin:0 auto; border-top:1px dotted #ccc; height:auto; padding-bottom:10px; line-height:200%; text-align:center;}
.SonlineBox .contentBox .tels font{ display:block; line-height:35px; font-family:'微软雅黑','黑体'; font-size:16px; color:#555;}
.SonlineBox .contentBox .tels span{ display:block; line-height:25px; font-family:"Palatino Linotype", "Book Antiqua"; font-size:20px; color:#555; font-weight:bold;}