#header{ position:relative; height:90px; background:#fff;z-index:9999;  width:100%; border-bottom:#f0f0f0 solid 1px;}
#header .logo{ position:absolute; left:0px; top:3px;}
#header .lan{position:absolute;top:12px;right:0px;}
#header .lan a{ display: inline-block;width:40px; height:18px; line-height:18px; background:url(../images/lan.png) no-repeat;}
#header .lan a#cn{ background-position:0 -18px; }
#header .lan a#en{ background-position:0 0;}
#header .search{position:absolute;top:32px;right:12px;background: url(../images/search.png) no-repeat; width:278px; height:30px; overflow:hidden;}
#header .search #kwd { float:left; display:block; background:none; width: 220px;padding-left: 8px;height:20px;line-height:18px;border:none; margin-top:5px;}
#header .search .btn { float:right; display:block; background:none; width: 46px;height: 30px;border: 0px;cursor: pointer;}

/*---菜单---*/
.fixedNav{position:fixed; top:0px; left:0px; width:100%; z-index:100000; }
.navbg{ width:100%;height:45px; background:#14469B;}
.nav{height:45px;}
.nav li{float:left; width:165px;display:inline;position:relative;}
.nav li h3{font-weight: normal; }
.nav li h3 a{color:#fff;font-size:16px; display:block; height:45px; line-height:45px; text-align:center;}
.nav li h3 a:hover{ background:#0986E1;}
.nav .on h3 a{background:#0986E1;}

/*---子菜单---*/
.nav .sub{display:none;position:absolute; left:0px; top:45px; z-index:9999; width:165px; background:#f8f9fb; border-top:#e9e9e9 solid 1px;}
.nav .sub ul{ float:left;width:145px; padding:10px; overflow:hidden;}
.nav .sub ul li{width:145px; border-bottom:#eee dotted 1px;}
.nav .sub ul li a{display:block; font-size:12px;color:#666; padding:2px;margin:3px 0;}
.nav .sub ul li a:hover{ text-decoration:underline; color:#000;}
.nav .sub img{ display:block; margin:10px; float:right; width:240px;}

.w-title { background:#F0F0F2 url(../images/tbg.png) right -40px no-repeat; height: 40px; line-height:40px; position:relative;}
.w-title strong { display:inline-block; background:#14469B url(../images/tbg.png) no-repeat;height: 40px; font-size:16px; color:#fff; padding:0 20px;}
.w-title span{color:#cac9c9; font-size:12px; padding-left:10px; text-transform:uppercase;}
.w-title a{ position:absolute; right:10px; top:0px; font-size:12px; font-family:Arial, sans-serif}
a.more{ display:block; width:36px; height:36px; background:url(../images/more.png) 0 -36px no-repeat; margin-top:5px;}
a.more:hover{background:url(../images/more.png) no-repeat;}

.w-left{ float:left; width:730px;}
.w-right{ float:right; width:400px;}

.w-about{width:100%; height:215px; overflow:hidden;}
.w-about img{float:left; display:block;width: 250px;height: 160px; margin-right:20px; margin-top:20px; border: 1px solid #ebf1f5;}
.w-about div{ float:left; width:430px; font-size:12px;color:#939393;}
.w-about h4{font-size:16px; margin:5px 0 0 0;color:#2b2b2b;}
.w-about p{ font-size:14px;}

.w-news li{ float:left; width:50%; margin-bottom:20px;}
.w-news li span{ display:block; float:left; width:55px; height:110px; border-right:#eaeaea solid 1px; margin-right:20px;}
.w-news li span i{ display:block; font-style: normal; color:#949494; font-size:14px;}
.w-news li span em{ display:block; font-style: normal; color:#cac9c9; font-size:12px;}
.w-news li div{ float:left; width:260px;}
.w-news li strong{display:block; color:#2b2b2b; font-weight:normal; height:30px; line-height:30px;}
.w-news li p{font-size:12px; color:#939393;}
.w-news li a:hover strong{ color:#14469B;}

.w-kh{width:100%; height:190px; overflow:hidden;}
.w-kh ul{ zoom:1;}
.w-kh li { clear:both; margin-top:20px; height:75px;}
.w-kh li img{float:left; display:block;width: 105px;height: 75px;border: 1px solid #ebf1f5; margin-right:20px; margin-left:10px;}
.w-kh li div{ float:left; width:250px; font-size:12px;color:#939393;}
.w-kh li strong{font-size:16px; margin:5px 0;color:#2b2b2b;}
.w-kh li a:hover strong{ color:#14469B;}

.w-jh{width:188px;height: 150px; overflow:hidden;background:#F0F0F2; position:relative; text-align:center; border-radius:5px; -webkit- border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;}
.w-jh a{ display: block;width:100%; height: 150px; overflow:hidden;}
.w-jh img{ width:70px; height:70px; display:block; margin:25px auto 5px auto;}
.w-jh a:hover{ background:#14469B; color:#fff;}
.tab-box .tab-con{ display:none; clear:both; padding-top:20px;}

.w-cplist {width:100%; height:225px; position:relative;}
.w-list { display:block; zoom:1; position:absolute; left:30px; top:20px; width:1100px;height:205px; overflow:hidden; }
.w-list li{ float:left; width:275px;}
.w-list li a{ display:block;width: 220px;height: 200px; margin:0 auto; text-align:center;}
.w-list li img{ display:block;width: 220px;height: 160px;border: 1px solid #ebf1f5; margin-bottom:5px;}
.w-list li a:hover img{border: 1px solid #14469B;}

.w-cplist a.sPrev, .w-cplist a.sNext{ position:absolute;top:48px; display:block;  width:30px; height:100px; border-radius:5px; cursor:pointer;filter:alpha(opacity=30); -moz-opacity:0.3;opacity:0.3;}
.w-cplist a.sPrev{ left:0px; background:#14469B url(../images/arrow-l.png) center center no-repeat;}
.w-cplist a.sNext{right:0px; background:#14469B url(../images/arrow-r.png) center center no-repeat;}
.w-cplist a.sPrev:hover, .w-cplist a.sNext:hover{filter:alpha(opacity=60); -moz-opacity:0.6;opacity:0.6;}


#footer { margin-top:10px; background:#373a43; overflow:hidden; padding-top:20px; position:relative;border-top:#14469B solid 3px;color:#f7f8f9;}
#footer a{color:#f7f8f9;}
#footer a:hover{color:#fff;}
#footer .f-lxwx{overflow:hidden; padding-bottom:10px;}

#footer .f-nav{ float:left; width:681px; margin:20px 0; overflow:hidden;}
#footer .f-nav li{float:left; width:170px;display:inline;position:relative;}
#footer .f-nav li h3{font-weight: normal; padding-left:20px;}
#footer .f-nav li h3 a{font-size:16px; display:block; height:40px;}
#footer .f-nav li h3 a:hover{text-decoration:underline;}
#footer .f-nav .sub{ padding-left:20px;}
#footer .f-nav .sub li{width:100%; height:22px;}
#footer .f-nav .sub li a{font-size:12px;}
#footer .f-nav .sub li a:hover{text-decoration:underline;}

#footer .cabout{float:right; margin-top:20px; width:300px;}
#footer .cabout h3{ font-size:16px; font-weight:normal;}
#footer .cabout strong{ font-size:22px; display:block;}
#footer .cabout a{ display: inline-block; width:48px; font-size:12px; margin-right:30px;font-weight:bolder;}
#footer .cabout a i{ display: block; margin-right:30px; width:48px; height:48px; overflow:hidden;background:url(../images/i-icons.png) no-repeat;}
#footer .cabout a:hover i{background:url(../images/i-icons.png) 0 -50px no-repeat;}
#footer .cabout a i.weibo { background-position:0 0;}
#footer .cabout a:hover i.weibo { background-position:0 -50px;}
#footer .cabout a i.weixin { background-position:-50px 0;}
#footer .cabout a:hover i.weixin { background-position:-50px -50px;}
#footer .cabout a i.tqq {background-position:-100px 0;}
#footer .cabout a:hover i.tqq {background-position:-100px -50px;}

#footer .f-wx { float:right; text-align:center;width:120px; font-size:14px; margin-right:10px; margin-top:35px;}
#footer .f-wx img{ display:block; width:120px; height:120px;}

.f-copy{ background:#2e313a; position:relative; border-top:#414751 solid 1px; padding:10px;color:#f7f8f9;}
.f-copy p{ font-size: 12px;}
.f-copy span{margin-left: 10px;}
.f-copy a{ position:absolute; right:10px; top:0px; font-size: 12px;color:#939393;}
.f-copy a:hover{color:#fff;}

.sub-banner{ height:248px; background:url(../images/s-banner.jpg) center top no-repeat;}
.sub-banner-n{ height:248px; background:url(../images/s-banner-n.jpg) center top no-repeat;}
.sub-banner-c{ height:248px; background:url(../images/s-banner-c.jpg) center top no-repeat;}
.sub-banner-p{ height:248px; background:url(../images/s-banner-p.jpg) center top no-repeat;}

.sub-left{ float:left; width:260px;}

.l-title{ height:55px; line-height:55px; font-size:22px; color:#222;}
.l-tree {}
.l-tree li{margin-bottom: 1px; font-size: 16px; line-height: 45px; color:#444; background: #eef2f5; cursor: pointer;}
.l-tree li a{display:block;border-left:#ddd solid 5px;  color:#444; padding-left: 32px;}
.l-tree li a:hover{border-left:#14469B solid 5px; color:#14469B;}
.l-tree li.cur a{border-left:#14469B solid 5px; color:#14469B;}

/*左侧产品导航*/
.sub-menu-list{}
.sub-menu-head{ margin-bottom: 1px; font-size: 16px; line-height: 45px; color:#444; background: #eef2f5; cursor: pointer;}
.sub-menu-head a{ display:block;line-height: 45px; border-left:#eef2f5 solid 5px;  color:#444;padding-left: 32px; }
.sub-menu-head a:hover{border-left:#14469B solid 5px; color:#14469B;}
.sub-menu-list .on a{border-left:#14469B solid 5px; color:#14469B;}

.sub-menu-body{ display:none; border: 1px solid #ebf1f5;border-top: 0px;}
.sub-menu-body a{ width:100%; font-size: 13px; line-height: 13px; padding: 10px 10px 10px 37px; color:#555; display: block;}
.sub-menu-head:hover span{ display: block;}
.sub-menu-body a:hover{ color: #14469B;}
.sub-menu-body .cur a{color:#14469B;}


.l-contact{ }
.l-contact a{ display:block; width:258px; height:60px; line-height:60px; overflow:hidden; margin-top:10px;background:#14469B; position:relative; text-align:center; border-radius:5px; -webkit- border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;color:#fff;}
.l-contact a:hover{ background:#0986E1;}
.l-contact a:hover p{ color:#fff;}
.l-contact img{ position:absolute; left:40px; top:10px; width:40px; height:40px;}
.l-contact p{ position:absolute; left:110px; font-size:16px;}

.sub-right{ float:right; width:860px; padding-bottom:20px;}

.sitemap{ height:45px; border-bottom:#eee solid 1px; position:relative;}
.sitemap span{ position:absolute; left:0px; display:block; width:350px; height:45px; line-height:45px; background:#fff; font-size:22px;}
.sitemap em{ position:absolute; right:0px; top:8px; font-style: normal;}

/*新闻*/
.news-list{ margin-top:10px;}
.news-list li{border-bottom:1px dotted #D2D1D1;position:relative; padding:15px 0; }
.news-list li a{ display:block; font-size:16px; height:30px; font-weight:bolder;}
.news-list li span{ position:absolute; top:0px; right:0px;font-size:12px;}
.news-list li p{ font-size:12px;color:#aaa;}

/*产品*/
.pd-list { margin-top:0px;}
.pd-list ul{ zoom:1;}
.pd-list li{ margin-top:20px; border-bottom:#ccc solid 1px; padding-bottom:20px;}
.pd-list li img{ float:left; display:block;width: 220px;height: 160px; border: 1px solid #ebf1f5;}
.pd-list li div{ float:right; width:600px; font-size:12px;color:#939393;}
.pd-list li h4{font-size:18px; margin-bottom:10px; margin-top:5px; color:#2b2b2b;}
.pd-list li p{ font-size:14px;}
.pd-list li a:hover img{border: 1px solid #14469B;}

/*案例*/
.case-list{ margin-top:20px;}
.case-list li{clear:both;border:1px solid #ebf1f5;background:#FFF;height:160px;margin-bottom:15px;}
.case-list li img{ float:left; width:220px; height:160px; margin-right:50px;}
.case-list li p{float:left; width:550px;padding-top:40px; color:#9f9f9f;}
.case-list li strong{ display:block;font-size:16px;font-weight: bolder;color:#2a2a2a; padding-bottom:10px;}

/*下载*/
.down-list{ margin-top:20px;}
.down-list li { background:url(../images/d.gif) 0 center no-repeat; line-height: 50px; border-bottom: 1px dotted #bbbbbb; padding-left:20px;}
.down-list li .dow-text{float: left;width: 300px; display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.down-list li .dow-xz{float: right;display:block;height: 32px;line-height: 32px;background:#0986E1;color: #FFFFFF;padding: 0 10px;border-radius: 4px; margin-top:9px;
}
.down-list li .dow-xz:hover{ background:#14469B;}

/*搜索*/
.s-list{ margin-top:20px;}
.s-list li { background:url(../images/dot.png) 0 center no-repeat; line-height: 45px; border-bottom: 1px dotted #bbbbbb; padding-left:15px;}

.single_pic { float:left; width:400px; margin-right:30px;}
.single_tit{ float:left; width:400px; color:#515151; font-size:12px;}
.single_tit p{ font-size:24px; color:#14469B;}

.single_xx{ height:30px; padding:0 10px 0 20px;   border-bottom:1px solid #ddd;  position:relative; }
.single_xx span{ display:block; position:absolute; top:-1px; padding:0 15px; height:28px; line-height:27px; background:#fff; color:#14469B; border:1px solid #ddd; border-bottom:1px solid #fff;border-top:#14469B solid 3px; color:#14469B; font-size:16px; }

.sub-right .function {	padding: 10px 0px;margin: 10px 0px;border-top:1px dashed #ddd; font-size:14px;}
.sub-right .url {height: 30px;	padding: 10px 0;}
.sub-right .url a {font-size:16px;	padding: 5px 15px;	display: inline-block;	background:#757575;	border: 1px solid #757575;	color:#fff;	margin: 15px 10px 15px 0px;}
.sub-right .url a:hover {color: #ff8810;background: #fff;border: 1px solid #ddd;}

#xg_list li{ margin-top:20px;border-bottom:1px dashed #ddd; padding-bottom:20px;}
#xg_list li img{ float:left; display:block;width: 190px;height: 165px; margin-top:8px; margin-right:20px; margin-left:20px;}
#xg_list li div{ float:left; font-size:12px;}
#xg_list li h4{ text-align:left; font-size:14px; font-weight:normal;}

/*正文定义*/
#article-lsf { padding:20px 0;line-height:28px;font-size:14px;}
#article-lsf p{margin-bottom:20px;}
#article-lsf img{WIDTH: expression(this.width > 900 && this.width > this.height ? 900 : true);max-width: 900px;margin-top:20px;}

.zs-title{ font-weight:normal;color:#222; font-size: 16px; padding:10px 0;}
.zs-list { border-collapse: collapse; width:100%;}
.zs-list td{ padding:2px 5px;border: 1px solid #ebf1f5; font-size:12px;word-break: keep-all}


/*正文文章样式*/
.single_title{font-size:24px; font-weight: normal; text-align:center;margin-top:25px ;color:#14469B;}
.single_add{color:#A0A0A0;text-align:center; padding-bottom:10px; border-bottom:#DBDEE1 dashed 1px; margin-top:10px; font-size:12px;}
.pre_next{line-height:28px;border-top:1px solid #D7D7D7;padding-top:15px;margin-top:15px; font-size:12px;}
.pre_next span{ display:block;}

/*搜索样式*/
.search-kwd{font-size:16px; font-weight:bolder; color:#000; padding:15px 0 0 10px;}

/*关键词*/
.sitetag{ padding:35px 0 10px 0; font-weight:bolder;}
.sitetag span{ margin-right:30px;}
.sitetag a{ border:#aaa solid 1px; font-weight:normal; background:#efefef; margin-right:10px; padding:0px 5px;}
.sitetag a:hover{ background:#ddd;}

/*表单*/
.table_post{ font-family: Verdana, Geneva, sans-serif;}
.table_post h2{ background:#eee; font-weight:normal; font-size:14px; padding:10px;}
.table_post table{border-collapse: collapse; width:100%; margin-top:20px;border:1px solid #ebebeb;}
.table_post th{ background:#fafafa; width:120px; padding:10px; font-size:14px;}
.table_post td{ padding:5px 10px; font-size:14px;}
.table_post em{ color:#F00; font-style:normal;font-size:12px;}
.table_post select {width:222px; padding:3px 5px; border:#c3c3c3 solid 1px; height:25px; background:url(../images/input_bg.png) repeat-x;}
.table_post input{width:400px; height:30px; line-height:28px; border:#ebebeb solid 1px;}
.table_post textarea{ width:400px; height:100px;border:#ebebeb solid 1px;margin:3px auto;}
.table_post .btn{ background:#14469B; border:none; width:120px; height:35px; line-height:33px; text-align:center; color:#FFF; cursor:pointer; margin:10px 20px 10px 0px; font-size:14px;border-radius:3px;}


/*分页样式开始*/
.turnover { height:50px; font-family:"宋体" ;text-align:center; margin-top:30px; font-size:14px;}
.turnover a, .turnover .current, .turnover .disabled{display:inline-block; height:32px; line-height:32px; padding:0 12px;margin-left:2px; text-align:center;}
.turnover a, .turnover .disabled { background:#fff;border:1px solid #ddd;text-decoration:none;}
.turnover a:hover, .turnover .current {border:1px solid #14469B; background:#14469B; color:#fff;  }