@charset "utf-8";
/* 简单流媒体
   注意: 流媒体要求您删除 HTML 中媒体的高度和宽度属性
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 不支持最大宽度，因此默认为 100% 宽度 */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver 流体网格属性
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	2;
	dw-gutter-percentage:	25;
	
	灵感来自于 Ethan Marcotte 的“具有响应的 Web 设计” 
	http://www.alistapart.com/articles/responsive-web-design
	
	和 Joni Korpi 的“黄金网格系统”
	http://goldengridsystem.com/
*/

/* 移动设备布局: 480px 及更低。 */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/* 平板电脑布局: 481px 至 768px。样式继承自: 移动设备布局。 */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 95.55%;
	padding-left: 1.225%;
	padding-right: 1.225%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}

/* 桌面电脑布局: 769px 至最高 1232px。样式继承自: 移动设备布局和平板电脑布局。 */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 90%;
	max-width: 1232px;
	padding-left: 5%;
	padding-right: 5%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/* 头部logo和菜单 */

.topdiv {
	width:100%;
	margin: auto;
	background-color:#fff;
	position:fixed; 
	top:0;
	z-index:999;
}
#toptxtdiv {
	margin: auto;
	width: 1232px;
	height:80px;
	margin: auto;
	vertical-align: middle;
	background-color:#fff;
}

#toptxtdiv .logodiv{
	float:left;
	width:280px;
	padding-left:0;
	padding-right:0;
	margin: auto;
}

#toptxtdiv .navdiv{
	float:right;
	width:600px;
	padding-left:0;
	padding-right:0;
	margin: auto;
	background-color:#fff;
	display:block;
	white-space:nowrap;
}

#toptxtdiv .navdiv a{
text-decoration:none; 
color: #000;

letter-spacing:2px;
}
#toptxtdiv .navdiv a:hover{
text-decoration:none; 
color: #000;

letter-spacing:2px;
}

#toptxtdiv .navdiv li
{
width:80px;
height:20px;
margin:18px 5px 5px 5px;
display:inline-block;

}

/* 头部logo和菜单结束 */

/* 首页样式开始 */

/* 焦点广告开始 */
.js-silder{
	position: relative;	
	min-width: 320px;
}
.silder-scroll{
	width: 100%;
	overflow: hidden;
}
.silder-main{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.silder-main-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.silder-main-img .silder-txt{
	position: absolute;
    z-index: 100;
    top: 25%;
    left: 0;
    right: 0;
    margin: auto;
    width: 1020px;
    height: 200px;
    background: transparent;
	text-align:center;
}
.silder-main-img .silder-txt h1{
	font-size:70px;
	color:#FFF;
}
.silder-main-img .silder-txt h2{
	font-size:50px;
	color:#FFF;
}
.silder-main-img .silder-txt h3{
	font-size:30px;
	color:#FFF;
}

.silder-main-img .silder-txt h3 a{
text-decoration:none; 
color:#FFF;
}
.silder-main-img .silder-txt h3 a:hover{
text-decoration:none; 
color:#217ad5;
}

.silder-main-img img{
	width: 100%;
}
.js-silder-ctrl{
	width: 100%;
	text-align: center;
}
.silder-ctrl-prev,
.silder-ctrl-next{
	position: absolute;
	top: 0;
	width: 8%;
	height: 100%;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	font-family: "宋体";
	font-size: 52px;
	font-weight: 600;
	text-shadow: #666 2px 2px 5px;
}
.silder-ctrl-prev{
	left: 0;
	text-align: left;
}
.silder-ctrl-next{
	right: 0;
	text-align: right;
}
.silder-ctrl-prev>span,
.silder-ctrl-next>span{
	position: absolute;
	top: 50%;
	margin-top: -40px;
}
.silder-ctrl-prev>span{
	left: 0;
}
.silder-ctrl-next>span{
	right: 0;
}

.silder-ctrl-con{
	display: inline-block;
	width: 4%;
	padding: 10px 0;
	margin: 0 10px;
	cursor: pointer;
}
.silder-ctrl-con>span{
	display: block;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
	padding: 5px 0;
	cursor: pointer;
	background-color: #e4e4e4;
}
.silder-ctrl-con.active>span{
	background-color: #7bbedf;
}

/* 焦点广告结束 */



/* 数据介绍 */
.h-present {
	width:100%;
	padding-left:0;
	padding-right:0;
	margin: auto;
	overflow:hidden;
	background-color:#fff;

}
#presentdiv {
	margin: auto;
	width: 1232px;
	min-height:300px;
	margin: auto;
	margin-top:50px;
	background-color:#fff;
}
#presentdiv .ct-tile{
	height:60px;
	text-align:center;
	padding-top:50px;
	color:#292929;
}
#presentdiv .n-fenge{
	height:1px;
	background-color:#22b1fc;
	margin-bottom:20px;
	width: 200px;
    margin-left: 42%;

}
#presentdiv .ctxts{
	width:1024px;
	color:#8f8f8f;
	font-size:16px;
	margin-left:9%;

}

/* 部分数据样本 */
.h-sample {
	width:100%;
	padding-left:0;
	padding-right:0;
	margin: auto;
	overflow:hidden;
	background-color:#fff;

}
#samplediv {
	margin: auto;
	width: 1232px;
	min-height:300px;
	margin: auto;
	margin-top:50px;
	background-color:#fff;
}
#samplediv .ct-tile{
	height:60px;
	text-align:center;
	padding-top:20px;
	color:#292929;
	margin-left:1%;
}
#samplediv .n-fenge{
	height:1px;
	background-color:#22b1fc;
	margin-bottom:20px;
	width: 200px;
    margin-left: 42%;

}
#samplediv .ctxts{
	width:1024px;
	color:#1c1c1c;
	font-size:16px;
	margin-left:9%;
	text-align:center;

}
#samplediv .ctxts a{
text-decoration:none; 
color:#000;
}
#samplediv .ctxts a:hover{
text-decoration:none; 
color:#217ad5;
}

#samplediv .ctxts .lists{
	float:left;
	width:250px;
	height:330px;
	background-color:#fff;
	border:#f5f5f5 solid 1px;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:15px;
}
#samplediv .ctxts .lists:hover{
	float:left;
	width:250px;
	height:330px;
	background-color:#fff;
	border:#4196ed solid 1px;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:15px;
}

#samplediv .ctxts .lists .biaoti{
	font-size:18px;
}
#samplediv .ctxts .lists .leitu{
	width:250px;
	height:250px; 
	overfloat:hidden;
	margin-top:5px;
	margin-bottom:5px;
}
#samplediv .ctxts .lists .miaoshu{
	
	text-align:left;
	font-size:12px;
	padding-left:5px;
	padding-right:5px;
}



#samplediv .ctxts .img_border{
	border:#22b1fc solid 1px;
}
/* 交付方式 */
.h-deliver {
	width:100%;
	padding-left:0;
	padding-right:0;
	margin: auto;
	margin-top:50px;
	overflow:hidden;
	background-color:#f2f2f2;

}
#deliverdiv {
	margin: auto;
	width: 1232px;
	min-height:300px;
	margin: auto;
	margin-top:50px;
	background-color:#f2f2f2;
}
#deliverdiv .ct-tile{
	height:60px;
	text-align:center;
	padding-top:20px;
	color:#292929;
	margin-left:1%;
}
#deliverdiv .n-fenge{
	height:1px;
	background-color:#22b1fc;
	margin-bottom:20px;
	width: 350px;
    margin-left: 36%;

}
#deliverdiv .ctxts{
	width:1024px;
	color:#1c1c1c;
	font-size:16px;
	margin-left:9%;
	text-align:center;
    
}

#deliverdiv .ctxts a{
text-decoration:none; 
color: #000;
}
#deliverdiv .ctxts a:hover{
text-decoration:none; 
color: #000;
}
#deliverdiv .ctxts li{
width:100px;
height:20px;
margin:18px 2px 5px 2px;
text-align:left;
display:inline-block;
background: url("../image/query.png") no-repeat;
padding-left: 23px;
}

/* 我们的产品 */
.h-product {
	width:100%;
	padding-left:0;
	padding-right:0;
	margin: auto;
	margin-top:50px;
	overflow:hidden;
	background-color:#fff;

}
#productdiv {
	margin: auto;
	width: 1232px;
	min-height:200px;
	margin: auto;
	background-color:#fff;
}
#productdiv .ct-tile{
	height:60px;
	text-align:center;
	padding-top:20px;
	color:#292929;
	margin-left:1%;
}
#productdiv .n-fenge{
	height:1px;
	background-color:#22b1fc;
	margin-bottom:20px;
	width: 350px;
    margin-left: 36%;

}
#productdiv .ctxts{
	width:1024px;
	color:#1c1c1c;
	font-size:16px;
	margin-left:9%;
	text-align:center;
    
}
/*无缝滚动*/
#demo {  
 background: #FFF;  
 overflow:hidden;  
 width: 100%;  
 height:520px;
}  
 
#indemo {  
float: left;  
width: 300%;  
}  
#demo1 {  
 float: left;  
}  
#demo2 {  
float: left;
} 

#indemo UL {  
 PADDING-RIGHT: 0px;  
 PADDING-LEFT: 0px;  
 LIST-STYLE-POSITION: outside;  
 PADDING-BOTTOM: 0px;  
 MARGIN: 0px;  
 PADDING-TOP: 0px;  
 LIST-STYLE-TYPE: none;  
 overflow: hidden;  
}  
  
#S_LIST LI {  
 width:344px;
 height:520px; 
 float:left;  
 padding: 0px;  
 margin: 0px;  
 list-style-image: none;  
 list-style-type: none;  
}  
#S_LIST A {  
 DISPLAY: block;  
 MARGIN: 0px;  
 WIDTH: 344px; 
 HEIGHT:520px;
 TEXT-ALIGN: center;  
 padding-top: 0px;  
 padding-right: 0px;  
 padding-bottom: 0px;  
 padding-left: 0px;  
}  


.he_border1 {
    background: #0e1521;
    width: 344px;
    height: 520px;
    padding: 0;
    margin: 0;
    position: relative;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden
}

.he_border1 .he_border1_img {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    opacity: 0.4;
    overflow: hidden
}

.he_border1:hover {
    background: #FFAE20;
}

.he_border1:hover .he_border1_img {
    position: absolute;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.2
}

.he_border1 .he_border1_caption {
    color: #fff;
    padding: 0;
    margin: 0;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden
}

.he_border1 .he_border1_caption::before, .he_border1 .he_border1_caption::after {
    position: absolute;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.4s, -webkit-transform .4s;
    -moz-transition: opacity 0.4s, -moz-transform .4s;
    -o-transition: opacity 0.4s, -o-transform .4s;
    transition: opacity 0.4s, transform .4s
}

.he_border1:hover .he_border1_caption::before, .he_border1:hover .he_border1_caption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.he_border1 .he_border1_caption, .he_border1 .he_border1_caption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden;
    z-index: 900
}

.he_border1 .he_border1_caption_h {
    text-align: center;
    width: 80%;
    position: absolute;
    top: 25%;
    left: 10%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    overflow: hidden;
    opacity: 1;
    font-size: 16px;
}

.he_border1:hover .he_border1_caption_h .number {
    color: transparent;
}

.he_border1 .he_border1_caption_h .number {
    font-weight: 700;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    font-size: 60px;
}

.he_border1 .he_border1_caption_h .title {
    font-weight: 700;
    margin: 20px auto;
    font-size: 36px;
}

.he_border1 .he_border1_caption_p {
    font-size: 16px;
    text-align: center;
    width: 80%;
    position: absolute;
    top: 25%;
    left: 10%;
    overflow: hidden;
    opacity: 0
}

.he_border1:hover .he_border1_caption_p {
    opacity: 1
}

/*无缝滚动*/




/* 首页样式结束 */



/* 内容部分 */
.contestdiv {
	width:100%;
	padding-left:0;
	padding-right:0;
	margin: auto;
	overflow:hidden;
	background-color:#efefef;

}
#contesttxtdiv {
	margin: auto;
	width: 1232px;
	min-height:500px;
	margin: auto;
	margin-top:100px;
	background-color:#efefef;
}


/* 关于我们，联系我们 业务介绍 */
#contesttxtdiv .ct-tile{
	height:60px;
	text-align:center;
	padding-top:50px;
	color:#292929;
}
#contesttxtdiv .n-fenge{
	height:1px;
	background-color:#22b1fc;
	margin-bottom:20px;
	width: 200px;
    margin-left: 42%;

}
#contesttxtdiv .ctxts{
	width:900px;
	color:#8f8f8f;
	font-size:16px;
	margin-left:13%;

}
#contesttxtdiv .ctxts2{
	width:100%;
	color:#8f8f8f;
	font-size:16px;
	margin-left:0%;

}
#contesttxtdiv .ctxts a{
text-decoration:none; 
color: #8f8f8f;
}
#contesttxtdiv .ctxts a:hover{
text-decoration:none; 
color: #8f8f8f;
}
/*，联系我们  */


/* 数据产品  */
.pudt {
	width:100%;
	padding-left:0;
	padding-right:0;
	margin: auto;
	overflow:hidden;
	background-color:#efefef;

}
#pudtdiv {
	margin: auto;
	width: 1232px;
	min-height:500px;
	margin: auto;
	margin-top:100px;
	margin-bottom:20px;
	background-color:#efefef;
}

#pudtdiv .putxts{
	padding-top:20px;
	width:100%;
	color:#474747;
	text-indent:0.5em;
}
#pudtdiv .putxts samp{
	color:#8f8f8f;
	text-indent:0.5em;
}

#pudtdiv .pulist{
	width:1232px;
	color:#8f8f8f;
}
#pudtdiv .pulist .pulit{
	float:left;
	background: #0e1521;
    width:24%;
	height:296px;
    padding: 0;
    margin-top:15px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:15px;
    position: relative;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden
}

#pudtdiv .pulist .pulit .pu_border1_img {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    opacity: 0.4;
    overflow: hidden
}

#pudtdiv .pulist .pulit:hover {
    background: #FFAE20;
}

#pudtdiv .pulist .pulit:hover .pu_border1_img {
    position: absolute;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.2
}

#pudtdiv .pulist .pulit .he_border1_caption {
    color: #fff;
    padding: 0;
    margin: 0;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden
}

#pudtdiv .pulist .pulit .he_border1_caption::before, .he_border1 .he_border1_caption::after {
    position: absolute;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.4s, -webkit-transform .4s;
    -moz-transition: opacity 0.4s, -moz-transform .4s;
    -o-transition: opacity 0.4s, -o-transform .4s;
    transition: opacity 0.4s, transform .4s
}

#pudtdiv .pulist .pulit:hover .he_border1_caption::before, .he_border1:hover .he_border1_caption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

#pudtdiv .pulist .pulit .he_border1_caption, .he_border1 .he_border1_caption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden;
    z-index: 900
}

#pudtdiv .pulist .pulit .he_border1_caption_h {
    text-align: center;
    width: 80%;
    position: absolute;
    top: 25%;
    left: 10%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    overflow: hidden;
    opacity: 1;
    font-size: 16px;
}

#pudtdiv .pulist .pulit:hover .he_border1_caption_h .number {
    color: transparent;
}

#pudtdiv .pulist .pulit .he_border1_caption_h .number {
    font-weight: 700;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    font-size: 60px;
}

#pudtdiv .pulist .pulit .he_border1_caption_h .title {
    font-weight: 700;
    margin: 10px auto;
    font-size: 26px;
}

#pudtdiv .pulist .pulit .he_border1_caption_p {
    font-size: 13px;
    text-align: center;
    width: 80%;
    position: absolute;
    top: 25%;
    left: 10%;
    overflow: hidden;
    opacity: 0
}

#pudtdiv .pulist .pulit:hover .he_border1_caption_p {
    opacity: 1
}


/* 分页 */
.neifeny {
	width:100%;
	padding-left:0;
	padding-right:0;
	margin: auto;
	overflow:hidden;
	background-color:#efefef;

}
#neifeny {
	margin: auto;
	width: 1232px;
	min-height:80px;
	margin: auto;
	margin-top:10px;
	margin-bottom:20px;
	background-color:#efefef;
}

#neifeny .fenye01{
	padding-top:20px;
	width:100%;
	color:#474747;
	text-align:center;
	margin-top:1px;
	margin-bottom:30px;
}
#neifeny .fenye01 a{
text-decoration:none; 
color: #000;
letter-spacing:2px;
padding:20px 20px 20px 20px;
border-bottom:#323538 solid 1px;
}
#neifeny .fenye01 a:hover{
text-decoration:none; 
color: #000;
letter-spacing:2px;
padding:20px 20px 20px 20px;
border-bottom:#3581cf solid 1px;
}

/* 内容部分结束 */

/* 底部开始 */
.footerdiv {
	width:100%;
	padding-left:0;
	padding-right:0;
	margin: auto;
	overflow:hidden;
	background-color:#292929;

}
#footertxtdivs {
	margin: auto;
	width: 1232px;
	min-height:280px;
	margin: auto;
	margin-top:60px;

}
#footertxtdivs .fdiv01{
	float:left;
	width: 150px;
	min-height:200px;
	margin: auto;

}
#footertxtdivs .fdiv01 h3{
	color:#FFF;
	text-align:left;
	padding-left:45px;
}
#footertxtdivs .fdiv01 .navlii{
	float:right;
	width:150px;
	padding-left:0;
	padding-right:0;
	margin: auto;
	display:block;
	white-space:nowrap;
}

#footertxtdivs .fdiv01 .navlii a{
text-decoration:none; 
color: #fff;

letter-spacing:2px;
}
#footertxtdivs .fdiv01 .navlii a:hover{
text-decoration:none; 
color: #fff;

letter-spacing:2px;
}

#footertxtdivs .fdiv01 .navlii li
{
width:80px;
height:10px;
margin:18px 5px 5px 5px;
list-style-type:none;
font-size:12px;

}

#footertxtdivs .fdiv03{
	float:right;
	width: 250px;
	margin-top:30px;
}
#footertxtdivs .fdiv04{
	float:right;
	width: 250px;
	margin-top:10px;

}


#footertxtdivs .fdiv02{
	float:left;
	width: 1232px;
	min-height:60px;
	margin: auto;
	text-align:center;
	font-size:12px;
	color:#CCC;
	padding-top:20px;
}
#footertxtdivs .fdiv02 a{
text-decoration:none; 
color: #fff;

}
#footertxtdivs .fdiv02 a:hover{
text-decoration:none; 
color: #fff;

}
/* 返回顶部 */
#totop{position:fixed;bottom:40px;right:10px;z-index:999;width:50px; cursor:pointer; display:none;}
#totop a{display:block;width:50px;height:24px;padding-top:48px;background:url(../image/toTop.gif) no-repeat;text-align:center;color:#888}
#totop a.cur{background-position:-56px 0;text-decoration:none;color:#3a9}
/* 底部结束 */

}