﻿@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,figure,form,fieldset,legend,button,input,textarea,th,td{font: 12px/1.5 "微软雅黑","\5FAE\8F6F\96C5\9ED1","\5b8b\4f53",sans-serif;margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{font-weight:100}button,input,select,textarea{font-size:100%;outline:0}body{margin:0;overflow-x:hidden}a{blr:expression(this.onFocus=this.blur());color:#369;text-decoration:none}area{blr:expression(this.onFocus=this.blur())}.clearfix:after{content:'\0020';display:block;height:0;clear:both;font-size:0;visibility:hidden}.clearfix{ zoom: 1;}.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;line-height:0}.fl{float:left;display: inline;}.fr{float:right;display: inline;}em,i{font-style:normal}.none{display:none}.block{display:block}img{border:0}table{border-collapse:collapse;border:0;cellspacing:0;cellpadding:0}.verticalAlign{ vertical-align:middle; display:inline-block; height:100%; width:1px; margin-left:-1px;}
.btn{height:24px;padding:0 10px;font-size:12px;line-height:24px; background:#1abc9c; color:#FEFEFE; display:inline-block; vertical-align:middle;}
.btn:hover{background:#12836d; color:#FEFEFE;}
.grey{ border:solid 1px #ccc; background:#f1f1f1; color:#333;}
.grey:hover{ border-color:#ddd; background:#ccc; color:#111;}
.blue{ border:solid 1px #cdd8dc; background:#e4f7ff; color:#009edb;}
.blue:hover{ border-color:#009edb; background:#009edb; color:#fff;}
/*超出的文字省略，要定义宽度*/
span.spanleft { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display:block; }
.logo,.ind_text_name li.active,.backtop a, .backtop a:hover,.page ul li i,.listtext ul li{ background:url(images/icon.png) no-repeat; }

.header{ position:fixed; left:0; top:-5px; height:150px; width:100%; z-index:999; background:url(images/header.png) center center no-repeat;}
#header{ height:95px; display:block;}
.wrapper{ width:1000px; margin:0 auto;}
.logo{ background-position:0 0; width:220px; height:100px;}
.lang {margin-top:10px;font-size:12px;float:right;color:#666;height:20px;position:relative;width:140px;}
.lang span {position:absolute;top:20px;display:none}
.lang:hover span{display:block}
.userstat {float:right;margin-right:20px;margin-top:10px;font-size:12px;color:#666}
.userstat a{color:#0093cb;margin:0 5px}
.userstat a:hover {color:#c80000}
.nav{ margin-top:20px; /*height:95px; */font-size:16px;  line-height:30px; text-transform:uppercase;}
.nav a{ display:inline-block; padding:0 15px; color:#333;border-radius:20px;margin:0 5px}
.nav a:hover{ background:url(images/nav.hover.png) center center repeat-x;}
.nav a.cur{ background:url(images/nav_cur.jpg) center center repeat-x; color:#fff;}
.side{ width:150px;}
.side h3{ width:130px; height:40px; margin:10px; font-size:20px; line-height:40px; color:#0092ca;border-bottom:solid 2px #00abed;}
.sidenav{ border:solid 1px #ddd; padding-top:10px;}
.sidenav ul{ padding:0 10px 20px 10px;}
.sidenav ul li{ font-size:14px; text-transform:uppercase; border-bottom:solid 1px #ddd;background: url(images/bot_blue.gif) 8px 12px no-repeat; padding-left:15px;}
.sidenav ul li a{ color:#008fc5; display:block; padding:5px; }
.sidenav ul li:hover{color:#c80000; background: url(images/bot_blue.gif) 8px 12px no-repeat #f1f1f1;}
.sidenav ul.s{ padding:0}
.sidenav ul.s li{ font-size: 12px; text-transform: capitalize; border-bottom: solid 1px #ddd; padding: 2px 2px 2px 20px; background: url(images/bot_black.gif) 15px 12px no-repeat; }
.sidenav ul.s li a{ color:#333; padding:2px;}
.sidenav ul.s li a:hover{ color:#c80000; }
.search{ width:150px; margin:10px auto; border:solid 1px #ddd;}
.search ul{ width:130px; height:30px; padding:0 10px 10px 10px;}
.search ul li{ padding:0px; float:left;}
.search ul li input.key{ border:0px;border-bottom:solid 1px #ddd; width:100px; height:30px; line-height:30px; font-size:12px; color:#333;}
.content{ width:840px;}
.banner{ width:840px; height:260px; overflow:hidden;}
.con{ padding:0px}
.con h1{ border-bottom:solid 3px #f1f1f1; font-size:24px; color:#0093cb; height:40px; line-height:40px; margin:0 0px 10px 0px; padding:10px 0 0 20px;}

.text{  padding:0 20px;}
.text p{ font-size:14px; line-height:26px; color:#444;}
.text .fr img{ margin:0 15px;}
.place{ font-size: 12px; color: #222; line-height: 20px; padding: 0px; text-align: left; text-transform: capitalize; }
.place a{ color:#222; text-decoration:none; padding:0 5px;}
.place a:hover{ color:#8f1829; text-decoration:underline;}
.place i,.place span{ font-weight:bold; color:#00943f; padding:0 5px;}
#Contact { width: 840px; margin: 20px auto 0 auto; }
#Contact .text { width: 340px; float:right; padding:0 0 0 20px; line-height:25px; position:relative;}
#Contact .text .footer_link{ left:60px; top:260px;}
#Contact ul li { font-size: 14px;  margin: 16px 0;}
#Contact ul li p { line-height: 25px; padding: 0 10px; text-indent: 0em; }
#Contact ul li i { font: bold 20px/20px "Microsoft Yahei", Verdana, Geneva, sans-serif; color: #0093cb;}
#Contact ul li i span { font-size: 12px; margin-top: 5px; display:block; color:#888;  margin-bottom:10px;}
#Contact .map { width: 478px; float:left;height:500px;overflow:hidden; border:solid 1px #ccc;}
#Contact .map #dituContent{ width:100%; height:100%;}
#footer{padding:10px 0; margin-top:10px; border-top:solid 3px #d8d8d8;}
#footer p{ font-size:14px; line-height:24px; color:#222; text-align:center;}
#footer p a{ color:#222; text-decoration:underline;}
#footer p a:hover{ color:#a21305; text-decoration:none;}
/*客户专区*/
.sign_left { width: 500px; border-right: 1px solid #e1e1e1; float: left; padding: 20px 0 30px 10px }
.sign_left .tit { font-size: 20px; font-weight: normal; color: #0093cb; margin: 0 0 35px 20px; line-height: 26px; }
.sign_left table { width: 450px; margin: 0 100px 0 0; }
.sign_left table th, .sign_left table td { padding: 5px 10px; font-size: 14px; line-height: 24px; }
.sign_left table th { width: 160px; text-align: right; color: #555; font-weight: 100; }
.sign_right { float: right; width: 280px; font-size: 14px; padding: 50px 0 0 0; }
input.inp { height: 35px; border: 1px solid #d8d8d8; background: url(images/input.gif) no-repeat; padding: 0 5px; font: 14px/35px Tahoma, Geneva, sans-serif; color: #555; }
.inp120{ width:200px;}
.inp240{ width:240px;}
.inp60{ width:60px;}
.register_con{ width:820px;}
.register_con h4{ font-size:23px; color:#258DCE; padding:15px 0; text-align:center; border-bottom:solid 1px #ccc; background:#f8f8f8; margin-bottom:10px;}
.register_con .fl{ width:400px; height:260px; overflow:auto;}
.register_con .fr{ width:400px;}
.register_con .fr table td{ padding:5px;}
.men_header{ width:180px; font-size:12px; line-height:25px; text-align:center; padding:10px 0 0 20px;}
.men_header img{max-width: 150px; _width: expression(this.width > 150 && this.width > this.height ? 150 :true);height: auto; padding:5px; border:solid 1px #ccc; margin:0 15px 0 0;}
.men_header p{text-align:left; display:block;}
.men_header .men_name{ font-size:15px; color:#666; padding:-10px 0 10px 0; color:#0c9b97; font-weight:bold;}
.men_intro{ border-top:solid 1px #ecdccf; text-align:left;}
/*图片列表*/
.waterfallWrap{ width:822px; margin:20px auto; overflow:hidden;}
.waterfall{ width:840px;}
.waterfall ul li{ text-align:center; width:260px; background:#fff; background:#f1f1f1; margin:0 18px 18px 0; border:solid 1px #ccc;}
.waterfall ul li p{ font-size:12px; line-height:24px; color:#444;}
.waterfall ul li a p{}
.waterfall ul li img{ max-width:260px; _width: expression(this.width > 260 && this.width > this.height ? 260 :true); height:auto;}
.waterfall ul li:hover{ background:#0094B4;}
.waterfall ul li:hover p{ color:#fff;}
.waterfall ul li:hover img.img{filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9;}

.prolist { width:840px; overflow:hidden; margin:0px auto;}
.prolist ul { float:left;}
.prolist ul li { float:left; padding:0; margin:4px; width:200px; height:200px; border:solid 1px #ddd; overflow:hidden; position:relative; line-height: 200px; text-align:center;border-top-left-radius:1em;}
.prolist ul li a { text-decoration:none; }
.prolist ul li p { font-size:14px;font-weight:bold; line-height:24px; height:24px;padding:0 10px; overflow:hidden; text-align:center; /*width:200px;*/ position:absolute; left:0px; top:0;background:rgba(0,0,0,0.1)!important;filter: Alpha(opacity=10); background: #000; color:#666;border-bottom-right-radius:1em;}
.prolist ul li p span{ position:relative;}
.prolist ul li img {max-width: 200px; max-height: 200px; _width: expression(this.width > 200 && this.width > this.height ? 200 :true);
_height: expression(this.height > 200 ? 200: true);vertical-align: middle;display:inline-block; text-align:left;}
.prolist ul li:hover { background:none; border-color:#aad3e3;}
.prolist ul li:hover p {background:rgba(0,146,202,0.8)!important;filter: Alpha(opacity=80); background: #0092ca;}
.prolist ul li:hover p span { color:#fff;}
.prolist ul li:hover img.img{filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9;}
/*产品详细*/
.picDetail { width: 840px;padding:0; margin:0 auto;}
.place{ margin:15px; margin-bottom:0px;}
.picDetail .place a{ padding:0 5px;}
.picDetail ul li.picpp { width: 330px;}
.picDetail ul li.picinfo { width: 500px; padding:0; font-size: 12px; line-height: 24px; }
.picDetail ul li.picinfo table{ width:100%;}
.picDetail ul li.picinfo table th{ font-size: 12px; font-weight: bold; color: #222; width: 25%; text-align: right;padding: 5px 10px; vertical-align:top }
.picDetail ul li.picinfo table td {padding: 5px 10px; color:#222; }
.picDetail ul li.picinfo table td span.red { color: #f00; }
.picDetail ul li.picinfo table.info tr{ border-bottom: solid 1px #ccc; }
.picDetail ul li.picinfo table.pro_page{ width:90%; margin:20px auto;}
.picDetail ul li.picinfo table.pro_page td{ width:30%; text-align:center; font-size:14px;}
.picDetail ul li.picinfo table.pro_page td a{ background:#f1f1f1; color:#222; display:block; line-height:30px;}
.picDetail ul li.picinfo table.pro_page td a:hover{ background:#009cd8; color:#fff}

.box{width:300px;margin:10px;padding: 5px;  border:solid 1px #ccc;}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*line-height:1;}
.tb-thumb{margin:10px 0;overflow:hidden;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:42px;margin:0 6px 0 0;overflow:hidden;padding:1px;}
.tb-s310, .tb-s310 a{height:auto;width:300px;}
.tb-s310, .tb-s310 img{max-width:300px;_width: expression(this.width > 300 && this.width > this.height ? 300 :true); height:auto}
.tb-s310 a{*font-size:300px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a,.tb-s40 img{height:40px;width:auto;}
.tb-booth{border:0;position:relative;z-index:1;}
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #8f1829;height:40px;padding:2px;}
.tb-thumb .tb-selected div{background-color:#ff0;border:medium none;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;background:#ffffff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:2;}
/*新闻*/
.newslist{ width:830px; margin:0 auto;}
.newslist .newscont{border-bottom:dashed 1px #ccc; padding:10px 5px; margin-bottom:-1px;}
.newslist .newscont h3 a{ color:#444; font-size:18px;}
.newslist .newscont h3 a:hover{ color:#c80000; text-decoration:underline;}
.newslist .newscont p{ font-size:12px; line-height:24px;}
.newslist .newscont p.date{ color:#777;}
.newslist .newscont p.newinfo{ padding:10px;}
.newslist .newscont p.newinfo a{ padding:0 10px; text-decoration:underline;}
.newslist .newscont p.newinfo a:hover{ color:#f00; text-decoration:none;}
.newslist .newscont .r_img{ float:right; width:150px; height:150px;}
.newslist .newscont .r_img img{ width:120px; height:120px; padding:15px;}
.newslist .newscont:hover{ background:#f8f8f8;}


.article{ padding:20px 10px;}
.article .place{text-align:right; padding-bottom:20px;}
.article h5{ display:block; overflow:hidden; padding-left:0; text-align:center; font:26px/1 "\5fae\8f6f\96c5\9ed1", "\534e\6587\7ec6\9ed1", "\9ed1\4f53"; background:#F8F8F8; padding:15px 0}
.article ul li{font-size:14px; padding:15px 25px; line-height:26px; color:#444;}
.article ul.articlepicul li{ padding:10px 0px; text-align:center; width:720px;}
.article ul.rslides_tabs li{ padding:0px;}
.article p.publish{ background:#F8F8F8; border-bottom:solid 3px #f1f1f1; font-size:12px; line-height:26px; text-align:center; color:#222;}
.article p.publish span.red{color:#f00;}
.article p.publish a{ color:#222; margin:0 10px 0 0;}
.article p.publish a:hover{ color:#F00;}
.article p img{max-width: 800px; _width: expression(this.width > 800 && this.width > this.height ? 800 :true);height: auto;}
.article .page{ width:750px; margin:10px auto;}
.article .page ul li{ width:335px;}
.article .page ul li a{  width:250px; _width:200px;  height:25px; overflow:hidden; display:block; float:left;}
/*页码*/
.page table { border:0; font-size:12px; line-height:20px; font-weight:100; margin:15px auto; }
.page table td {}
.page table td a { background:#fff; color:#222; border:solid 1px #ccc; margin-right:10px; text-decoration:none; display:block; padding:4px 12px; }
.page table td a.current,.page table td a.current:hover { color:#fff; background:#0092ca; border-color:#0092ca; cursor:default }
.page table td a:hover { color:#222; background:#f0f0f0; }

/*滑动联系*/
.backtop{ right: 20px; bottom: 20px; position: fixed; _position: absolute;  _top: expression(documentElement.scrollTop + 660 + "px"); width:50px; height:50px; display:block; text-indent:-990em; z-index:999;}
.backtop a { display:block; width:50px; height:50px;background-position:-850px 0px; }
.backtop a:hover {background-position:-900px 0px;}
/*首页*/
.ind_text{ width:360px; margin-top:14px;}
#ind_texts {position:relative}
.ind_pic{ width:630px; overflow:hidden; margin-top:10px;}
.ind_pic h2{ font-size:16px; line-height:30px; color:#0091c9; font-weight:bold; background:#f5f5f5; padding:0 10px;}
.ind_text_name{ height:36px; position:relative;z-index:2;/*background:url(images/ind_text_name.jpg) no-repeat;*/}
.ind_text_name li{ float:left; width:100px; height:35px; line-height:30px; text-align:center; font-size:14px; display:block;}
.ind_text_name li.active{ color:#fff; background-position:0 -100px;}
.ind_text_name li.active a{ color:#fff;}
.ind_text_name li.active a:hover{ color:#ff0; text-decoration:underline;}
.ind_text_name li.normal a{ color:#222;}
.new_con{ border:solid 1px #ddd; background:#fff; height:200px;position: absolute;top:30px;width:100%}
.new_con dl.first{ /*width:100%; */height:70px; padding:5px 10px}
.new_con dl.first dt{ float:left; width:80px;}
.new_con dl.first dt img{ width:70px; height:70px;}
.new_con dl.first dd{ padding:0 0 0 80px;*padding:0 0 0 10px; height:80px;font-size:12px; line-height:20px; color:#666; position:relative;}
.new_con dl.first dd p *{ font-size:12px !important; line-height:24px !important; color:#444 !important}
.new_con dl.first dd h6{ font-size:14px; line-height:20px; padding:0; height:40px; overflow:hidden;}
.new_con dl.first dd h6 a{ /*color:#444;*/}
.new_con dl.first dd h6 a:hover{ text-decoration:underline;color:#c80000;}
.new_con ul{ padding:5px 10px 10px 10px;}
.new_con ul li{ font-size:12px; border-bottom:dashed 1px #ccc; padding:3px 3px 3px 15px; background:url(images/bot_black.gif) 5px 12px no-repeat;}
.new_con ul li a{ color:#000;}
.new_con ul li a span.spanleft{ width:280px;}
.new_con ul li a:hover{ color:#c80000; text-decoration:underline;}
.new_con ul li span.time{ float:right; font-size:11px; color:#777;}
.new_con .text{ padding:10px; height:170px; overflow:hidden;}
.new_con .text p{ font-size:12px; line-height:20px; color:#444;}

#full-screen-slider { width:100%; position:relative}
.indfull{ height:550px;}
#slides { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:relative}
#slides .header{ position:absolute;}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; transform: translateX(-50%); bottom:10px; z-index:901;  padding:5px 15px 5px 0; margin:0 !important}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:10px; border-radius:8px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#00ABEB}

.ajaxMsg {color:#666}
.ajaxMsg img{margin:0;margin-top:-3px}

.msgTable td {padding:3px}