﻿@charset "utf-8";
/* CSS Document */
/*header*/
.header{ position: relative; background: #fff; z-index: 2222;}
.Logo{ height: 74px; }
.logo{ display: inline-block; padding-top:2px;}
.toplink{ display: inline-block; color: #fff; height: 25px; line-height: 25px; margin-top:30px; background: #5b6064;opacity:0.6;filter:alpha(opacity=60);}
.toplink a{ padding:0 10px; color: #fff;}
.toplink a:hover{ color:#fcb316;}
.nav{ height: 60px; background: url(../images/navbg.png) repeat-x left top; color: #fff;}
.nav ul li{display: inline; float: left; position: relative;}
.nav ul li a{ display: inline-block; padding:0 43px; color: #ecf1ed; font-weight: bold; line-height: 60px; font-size: 14px;}
.nav ul li a:hover,.nav ul li a.current{ color:#fff;}

.subnav{ height:46px; padding-left:12px;}
.subnav li{ display:inline; float: left; }
.subnav li a{ color:#666; display:block; height:46px;padding:0 38px;}
.subnav li a:hover,.subnav li a.current{ color:#007ab7; background:url(../images/subnav_arr.png) no-repeat center bottom;}

/*footer*/
.footer{ width:100%; color:#b0b0b0;  padding:10px 0 20px; border-top:23px solid #0b3d78; background-color:#eeefef;}
.bottomlink{ padding:10px 0;}
.bottomlink .title{ color: #666;}
.bottomlink a{ padding:0 5px;color:#b0b0b0;}
.bottomlink a:hover{color: #666;}
.sharelinks{ border-bottom:1px solid #cfcfcf; padding:0 0 10px 0; margin-bottom:10px; min-height: 15px;}
.botlinks{ display: inline; float: right;}
.botlinks a{color:#b0b0b0; padding:0 10px;}
.botlinks a:hover{color: #666;}
.jiathis_txt{font-weight: bold;color:#333;}

/*面包削导航*/
.bakenav{  padding:20px 50px;color:#007ab7; }
.bakenav a{ color:#999;}
.bakenav em{ padding:0 7px; color:#999; font-family:"宋体";}

/*------分页------*/
.allpage{ color:#1f6ca7; font-weight: bold;}
.page{ clear:both; text-align:right; padding:20px 5px; color:#666; overflow:hidden; zoom:1;}
.page .current{font-weight:bold;color:#1c1c1c;}
.page a{color:#666; padding:0 8px;}
.page a:hover{color:#1f6ca7;}

/*-----包含内页的公共副导航------*/
.pagecommon{ background:url(../images/pagecombg.png) repeat-x left top; min-height: 520px;}
.mainbox{ padding-bottom:50px; overflow: hidden; zoom:1;}
.mainbox .main_title{ font-size:30px; color:#666; font-family: "微软雅黑"; padding:25px 0;	}
.main_txt{ padding-bottom:50px; overflow:hidden; zoom:1;}
.main_txt p{ line-height: 24px; font-size: 14px; color:#666; }

.expertlist li{ padding:28px 24px; height:86px; margin-bottom:30px; background:#fff url(../images/expertbg.png) repeat-x 2px 2px; border:1px solid #ccc; border-radius: 5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.expertlist .firtitle{ font-weight: bold; color:#1f6ca7;}
.expertlist .sectitle a{display: block; color:#686868; font-weight:bold; padding:10px 0; border-bottom:1px dotted #a2a2a2;}
.expertlist .expert_txt a{display: block;  color:#686868; padding-top:13px;}
.expertlist a:hover{ color:#1f6ca7;}

.contact p{ line-height: 30px;}
.fsize{ font-size:18px;}
.fstyle{ color:#144f96; font-weight:bold;}

/*----企业荣誉-----*/
.imglist2{height:450px; overflow: hidden;}
.imglist2 li{ display: inline; float:left;  margin:0 14px;width:276px; height:420px; text-align: center;}
.imglist2 li a{ display: block; width:276px; height: 369px; }
.imglist2 li span{ display: block; text-align: center; font-size: 14px; padding-top:10px;color:#333; }
.jcarousel-skin-tango .jcarousel-direction-rtl{direction:rtl;}
.jcarousel-skin-tango .jcarousel-clip{ overflow:hidden; }
.imgwrapper2 .jcarousel-skin-tango .jcarousel-container-horizontal{width:912px;height:420px;position:relative;margin:0 auto;}
.imgwrapper2 .jcarousel-skin-tango .jcarousel-clip-horizontal{width:912px;height:420px;overflow:hidden;position:relative;}
.imgwrapper2 .jcarousel-skin-tango .jcarousel-item{ width:276px;height:420px;}
.imgwrapper2 .jcarousel-skin-tango .jcarousel-next-horizontal,
.imgwrapper2 .jcarousel-skin-tango .jcarousel-prev-horizontal{ position:absolute;top:130px;width:39px;height:99px;cursor:pointer;overflow:hidden;}
.imgwrapper2 .jcarousel-skin-tango .jcarousel-prev-horizontal{ left:-45px;background:url(../images/leftarr.png) no-repeat;}
.imgwrapper2 .jcarousel-skin-tango .jcarousel-next-horizontal{ right:-45px;background:url(../images/rightarr.png) no-repeat;}


/*中间内容*/
.indexcontent{ width:100%; overflow: hidden;position: absolute;top: 375px; left:0; z-index: 2000; }
.index_bannerad{ width:1000px; margin:0 auto 20px;}
.scrollcont{ background: #007ab8; height: 122px; border-bottom:1px solid #2c62a0;}
.middlecont{ background: #387ec3;height: 233px; }
.middlecont .wrap{ height: 232px; background: url(../images/middlebg.png) repeat-x left top;}
.indexcompany,.indexadvatage,.indexnews{ float: left; width:297px; height: 212px; padding:10px 18px; background: url(../images/line.png) no-repeat right top; color: #fff;}
.indexadvatage,.indexnews{ position: relative;}
.viewbt{ position: absolute;right: 20px; bottom:7px; color:#fff; display: inline-block;width:58px; height: 21px; line-height: 21px; text-align: center; background: url(../images/viewbtbg.png) no-repeat left top;}
a.viewbt:hover{ color: #fff; text-decoration: underline;}
.indexnews{ background: none;}2014-12-07
.middlecont h3{ font-size:14px;}
.middlecont p{ padding-top:12px; line-height: 18px;}
.indexnews li{padding:10px 0; line-height: 18px; border-bottom:1px solid #3369a9;}
.indexnews li .A a{color:#fff;}
.indexnews .yellow{ font-weight: bold; color:#fcb812;}
.indexnews .Q a:hover{color:#fcb316;}

/*-----首页图片滚动----*/
.imgwrapper{ padding-top:20px;}
.imglist{height:86px; overflow: hidden; }
.imglist li{ display: inline; float:left; width:120px; height:86px;  }
.imglist li .img{ display:inline; float: left; width:86px; height: 86px; text-align:left;  background: url(../images/scrollbg.png) no-repeat right bottom; margin:0 17px;}
.imglist li .img a{ display:block; float:left; width:82px; height:82px; text-align:center; background:#fff; position:relative;}
.imglist li .img a img{ margin-top:6px;}
.imglist li .img a span{ display:block; width:82px; padding-top:5px; color:#333; position:absolute; bottom:5px; left:50%; margin-left:-41px;}
.jcarousel-skin-tango .jcarousel-direction-rtl{direction:rtl;}
.jcarousel-skin-tango .jcarousel-clip{ overflow:hidden; }
.imgwrapper .jcarousel-skin-tango .jcarousel-container-horizontal{width:960px;height:86px;position:relative;margin:0 auto;}
.imgwrapper .jcarousel-skin-tango .jcarousel-clip-horizontal{width:960px;height:86px;overflow:hidden;position:relative;}
.imgwrapper .jcarousel-skin-tango .jcarousel-item{ width:120px;height:86px;}
.imgwrapper .jcarousel-skin-tango .jcarousel-next-horizontal,
.imgwrapper .jcarousel-skin-tango .jcarousel-prev-horizontal{ position:absolute;top:12px;width:18px;height:62px;cursor:pointer;overflow:hidden;}
.imgwrapper .jcarousel-skin-tango .jcarousel-prev-horizontal{ left:-24px;background:url(../images/arrow.png) no-repeat 0 0;}
.imgwrapper .jcarousel-skin-tango .jcarousel-next-horizontal{ right:-23px;background:url(../images/arrow.png) no-repeat -19px 0;}

.wrapindex{ width:100%;margin:0 auto; position:relative; overflow:hidden; min-width:1000px;}
.wrap{ width:1000px; margin:0 auto; }
.indexBanner{ width:1600px;height:508px;margin:0 auto;position:relative;overflow:hidden;position:absolute;left:50%;top:133px;margin-left:-800px;background:url("../images/loading.gif") center center no-repeat;}
.indexBanner img{display:block;}
.indexBanner li{position:absolute;left:0;top:0;z-index:10;display:none;background-color:#fff;}
.indexBanner dl{position:absolute;right:234px;top:470px;z-index:11;}
.indexBanner dd{background:none;width:10px;height:10px;overflow:hidden;float:left;margin-right:5px;text-indent:-6666px;cursor:pointer;}
.indexBanner dd.current{background:none;}
/*.indexBanner span{display:block;position:absolute;z-index:12;top:220px;height:62px;width:31px; text-align:left; padding:20px 0 0 10px;cursor:pointer; border:1px solid #f00;}
.indexBanner span.prev{left:180px;background: url("../images/leftarr.png") no-repeat scroll left center transparent;}
.indexBanner span.next{right:180px; background: url("../images/rightarr.png") no-repeat scroll left center transparent;}*/

/*合作伙伴*/
.partner{ background-color:#165197;background:rgba(22,81,151,0.85); filter:alpha(opacity=85); padding:30px; margin-top:10px; margin-bottom:50px;}
.partner_top{ color:#fff; padding-bottom:30px; border-bottom:1px solid #ccd6e2;}
.partner_tab{ background-color:#fff; min-height:500px; padding-top:35px; margin-top:25px;}
.partner_tab h4 { padding-left:20px; height:24px; background:url(../images/tabbg.gif) repeat-x left bottom;}
.partner_tab h4 span{ float:left; line-height:22px; height:22px; text-align:center; color:#b0b0b0; margin-right:6px; background:#444; padding:0 18px; border:1px solid #444; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;cursor:pointer;}
.partner_tab h4 span.current{background:#fff; cursor:pointer; color:#154e93; border-bottom:1px solid #fff;}
.partner_tab .subcon{ clear:both; padding:30px 15px;  display:none; overflow:hidden; zoom:1;}
.partner_tab .subcon ul li { display:inline; float:left; width:145px; height:60px; padding:15px 17px; }

.ideaimg{ float: left; width:220px; }
.ideatxt { display: inline; float: right; width:660px;margin-left:65px; padding:15px 27px; overflow: hidden; zoom:1;}
.ideatxt p{ line-height: 24px; color:#333; font-size: 12px;}

.staffimg{float: right; width:715px; margin-left:30px; }

/*------新闻中心-----*/
.careers{ display: inline; float: right; width:715px;margin-left:65px; padding:15px 0 15px 0; overflow: hidden; zoom:1; }
.careers dl { clear: both; padding:35px 5px 35px 18px; overflow: hidden; zoom:1;}
.careers dl dt{ float: left; width:92px; padding-right:18px; font-size:16px; color:#6eb820; font-weight:bold;}
.careers dl dd{ float: right; width:580px;color:#6b6b6b; line-height: 24px; padding-bottom:20px; position: relative;}
.careers dl dd .carview{ position: absolute; right:0; bottom:0; display: block; width:104px; height: 19px; line-height: 19px; text-align: center; color:#000; background:url(../images/viewbg.png) no-repeat left top;}

.tbody_title{ text-align: center; border-bottom:1px dotted #b2b2b2; padding-bottom:15px; color:#555;}
.tbody_title h2{ font-weight: bold; font-size: 16px; padding:15px 0;}
.tbody_txt{ padding:30px 0; line-height: 24px;color:#555;}
.tbody_txt p{color:#555; font-size:12px; line-height: 21px;}
.relateposition{ clear: both;}
.relateposition h4{ font-size:14px; font-weight: bold; color:#333; padding:8px 0; border-bottom:1px dotted #b2b2b2;}
.relateposition ul{ padding-top:5px;}
.relateposition ul li{ line-height: 21px;background:url(../images/listicon.gif) no-repeat left center; padding-left:10px; }
.relateposition ul li a{ color:#555;}
.relateposition ul li a:hover{ color:#1f6ca7;}

.news{ padding-bottom:50px;}
.news li{ padding-bottom:28px; margin-top:28px; border-bottom:1px solid #eee;}
.news li .title{ font-size: 16px; color:#666; line-height: 24px; font-family: "微软雅黑";}
.news li .date{ color:#777; padding:12px 0;}
.news li .detailall{ display: block; padding:5px 0 5px 25px;color:#ccc;background:url(../images/detailall.png) no-repeat left center;}
.news li.hover .title{ color:#007ab7; font-weight: bold;}
.news li.hover .detailall{ color:#9ecef0;background:url(../images/detailall2.png) no-repeat left center;}
.news .newfont{ margin-top:-30px; font-weight: normal;}

/*----------产品技术-----------*/
.bgno{ background:none;}
.bg_product{  background:url(../images/bg_product.jpg) no-repeat center top; overflow:hidden;}
.product{height:688px; position:relative;}
.pro-inner{ width:100%; text-align:center; position:absolute; top: 180px;}
.product li{display: inline-block; width:329px; height:345px; margin:0 41px;text-indent:-100000px;}
.product a{ width:100%; height:100%; display:block;}
.item-product a{ background:url(../images/product.png) no-repeat left top;}
.item-technology a{ background:url(../images/technology.png) no-repeat left top;}

#boxshadow { 
	position:absolute; 
	left:0; 
	top:0;
	position: fixed;
	width: 100%;
	height: 100%;
	background: #434B50;
	opacity: 0.9; 
	filter:alpha(opacity=90);
	visibility: visible;
	z-index: 9999;
	overflow: hidden;
	display:none;
}
#boxshadow-cont{ 
	background-color:#fff;
	position:absolute;
	position:fixed;
	width: 862px;
	height: 585px;
	left:50%; 
	top:50%;
	margin-left:-431px;
	margin-top:-292px;
	overflow: hidden;
	z-index: 10000;
	display: none;
}
#boxshadow-tech{ 
	background-color:#fff;
	position:absolute;
	position:fixed;
	width: 862px;
	height: 585px;
	left:50%; 
	top:50%;
	margin-left:-431px;
	margin-top:-292px;
	overflow: hidden;
	z-index: 10000;
	display: none;
}
.prolist{ position:relative; width:800px; margin:0 auto; }
.prolist .boxclose{ position:absolute; right:-25px; top:-15px; text-indent:-100000px;display:block; width:40px; height:40px; background:url(../images/close.png) no-repeat left top;}
.prolist .title{ font-weight:bold; font-size:18px; color:#0b4782; margin-top:20px; margin-bottom:25px;}
.procont{ height:500px; overflow-y:auto;}
.prolist ul{ margin-right:40px;}
.prolist li{ padding-bottom:33px;padding-right:30px; margin-bottom:30px; border-bottom:1px dotted #a2a2a2; }
.pro-img{ display:table-cell; float:left; width:168px; text-align:left;}
.pro-img img{ width:148px; height:101px;}
.pro-txt{ width:100%; height:115px;  display:table-cell; position:relative;}
.pro-txt h4{ font-weight:bold; color:#000; font-family:"宋体";}
.pro-txt h4 a:hover{ color:#1f6ca7;}
.pro-txt .time{ color:#7f7f7f; font-family:arial; padding:10px 0;}
.pro-txt  p{ line-height:16px; color:#6b6b6b;}
.read{ display:block; color:#7f7f7f; padding-top:5px;}
.pro-txt .prodetail{ position:absolute; right:0; bottom:0; width:99px; height:20px; text-indent:-99999px; background:url(../images/moredetail.png) no-repeat;}

/*---------行业应用----------*/
.container {
	width: 100%;
	height: 800px;
}

.top {
	background:#fff;
	overflow: hidden;
	position: relative;
	height: 100%;
	width: 100%;
}
.top .top_bg {
	position: absolute;
	top: 90px;
	left: 0;
	width: 100%;
	height: auto;
}
.top .top_bd {
	display: block;
	position: absolute;
	width: 1000px;
	margin-left: -500px;
	left: 50%;
	top:133px;
}
.top .top_bd .industry_title{
	font-size:80px;
	color:#1f4e84;
	text-align: center;
	width: 630px;
	height: 76px;
	margin:85px auto 0;
	text-indent:-999999px;
	background:url(../images/ititle.png) no-repeat center center;
}
.top .top_bd .industry_txt{
	padding-top:50px;
	line-height: 24px;
	color:#1f4e84;
	font-size:14px;
	font-family: \5FAE\8F6F\96C5\9ED1;
}

.overall{
	width:100%;
	text-align: center;
	height: 81px; 
	padding:20px 0;
	background-color: #fff;
}
.overall ul{
	width:1000px;
	margin:0 auto;
	vertical-align: middle;
}
.overall ul li{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding:0 35px 10px;
	border-left:1px solid #ebebeb;
}
.overall ul li a{
	display: block;
}
.overall ul li a span{
	display: block;
	padding-top:10px;
	color:#000;
}
.land,.land_bg{
	display: block;
	width:100%;
	height: 100%;
	text-align:center;
	overflow: hidden;
}
.meteorology,.smartcity,.eprotect,.traffic,.pipeline,.water,.ocean{
	display: table-cell;
	vertical-align: middle;
	width:100%;
	height: 100%;
	text-align:center;
	overflow: hidden;
}
.land,.smartcity,.traffic,.water{
	background:#007ab7;
	color:#fff;
}
.meteorology,.eprotect,.pipeline,.ocean{
	background:#ebebeb;
	color:#1f4e84;
}
.meteorology .meteorology_bg,.smartcity .smartcity_bg,.eprotect .eprotect_bg,.traffic .traffic_bg,.pipeline .pipeline_bg,.water .water_bg,.ocean .ocean_bg{
	display: block;
	width:100%;
	height: 100%;
	position: relative;
	text-align:center;
	overflow: hidden;
}
/*
.meteorology .meteorology_bg img,.smartcity .smartcity_bg img,.eprotect .eprotect_bg img,.traffic .traffic_bg img,.pipeline .pipeline_bg img,.water .water_bg img,.ocean .ocean_bg img{
	display: block;
	height: 540px;
	width: 1000px;
	margin:0 auto;
	position: absolute;
	left:50%;
	top:50%;
	margin-left:-500px;
	margin-top:-270px;
}
.ocean .ocean_bg img{
	top:30%;
	margin-top:-162px;
}
.land .land_bg img{
	display: block;
	height: 540px;
	width: 1000px;
	margin:0 auto;
}*/
.ocean .footer{
	position: absolute;
	left:0;
	bottom:0;
	background: #fff;
}
.modelbox{
	height: 500px;
	width:1000px;
	margin:auto auto;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-500px;
	margin-top:-250px;
}
.land .modelbox{
	top:60%;
	margin-top:-180px;
	background:#007ab7;
	border-radius: 10px;
}

.left_model{
	display: table-cell;
	vertical-align: middle;
	padding-right:65px;
}
.right_model{
	display: table-cell;
	vertical-align: middle;
}
.modelbox .m_tit{
	font-size:40px;
	font-weight: bold;
	text-align: left;
}
.modelbox  .m_txt{
	text-align: left;
	padding-top:20px;
	width:440px;
	font-size: 14px;
	line-height: 24px;
}
.meteorology a,.eprotect a,.pipeline a,.ocean a{
	color:#1f4e84;
}
.land a,.smartcity a,.traffic a,.water a{
	color:#ebebeb;
}