﻿@charset "utf-8";
/* CSS Document */

.index{
	width: 100%;
	height: auto;
}
.index .top{
	max-width: 100%;
	min-width: 1004px;
	height: 106px;
	border-bottom: 1px solid #fff;
	background: url(../images/index_02.jpg) repeat-x;
}
.index .top .top-div{
	width: 1004px;
	margin:  0 auto;
	position: relative;
}
.index .top .top-div .logo{
	padding-top: 32px;
}
.index .top .top-div .language{
	padding:19px 0 20px 0;
	overflow:hidden;font-size:0;line-height:0;/*ie6.7*/
}
.index .top .top-div .nav{
	clear: right;
	
}
.index .top .top-div .nav li{
	float: left;
	display:inline;
	height: 43px;
	margin-left: 19px;
	clear: right;
	*margin-left:16px;
	_margin-left:16px;
}
.index .top .top-div .nav li .nav-a{
	font-family: "微软雅黑";
	font-size: 16px;
	color: #000;
	padding: 0 4px;
	line-height: 43px;
}
.index .top .top-div .nav .last .nav-a{
	padding-right:0px;
}
.index .top .top-div .nav li .nav-a img{
	padding-right: 2px;
	vertical-align: -2px;
	_padding-top:13px;
	*+margin-top: -4px;
}
.index .top .top-div .nav li div{
	display:none;
	position: absolute;
	top: 106px;
	border-top:1px solid #fff;
	height: 50px;
	_width: 983px;
}
.index .top .top-div .nav li .nav-div1{
	left:-10px;
}
.index .top .top-div .nav li .nav-div2{
	left:215px;
}
.index .top .top-div .nav li .nav-div3{
	left:510px;
}
.index .top .top-div .nav li .nav-div4{
	left:600px;
}
.index .top .top-div .nav li div img{
	float:left;
}
.index .top .top-div .nav li div a{
	display:inline-block;
	float:left;
	line-height:50px;
	font-family: "Arial";
	font-size: 15px;
	vertical-align:top;
	color: #039;
	padding-right: 10px;
	background: url(../images/index_24.png) repeat-x;
}
.index .top .top-div .nav li div .a1{
	padding-left:10px;
}
.index .top .top-div .nav li div a span{
	padding-left: 3px;
}
.index .section{
	max-width: 1345px;
	min-width: 1004px;
	_width: expression(
      document.body.clientWidth < 1004 ? "1004px" :
        ( document.body.clientWidth > 1345 ? "1345px" : "auto")
   	);
	margin: 0 auto;
}
.index .section .picture{
	height: 428px;
	background: url(../images/index_07.jpg) no-repeat;
	background-position: center;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.index .section .picture .picture-div{
	width: 1004px;
	margin: 0 auto;
}
.index .section .content{
	max-width: 1345px;
	height: 292px;
	margin: 0 auto;
	background: url(../images/index_04.jpg) repeat-x;
	background-position: top;
}
.index .section .content .content-div{
	width: 1004px;
	margin: 0 auto;
}
.index .section .content .content-div .left{
	width: 588px;
}
.index .section .content .content-div .right{
	width: 356px;	
}
.index .section .content .content-div .left .left-header,
.index .section .content .content-div .right .right-header{
	height: 47px;
}
.index .section .content .content-div .left .left-header .div1,
.index .section .content .content-div .right .right-header .div1{
	padding-top: 16px;
	font-family: "微软雅黑";
	font-size: 18px;
	color: #000;
}
.index .section .content .content-div .left .left-header .div1 img,
.index .section .content .content-div .right .right-header .div1 img{
	vertical-align: -2px;
	padding-right: 5px;
}
.index .section .content .content-div .left .left-header .div1 span,
.index .section .content .content-div .right .right-header .div1 span{
	font-family: "微软雅黑";
	font-size: 14px;
	color: #666;
	padding-left: 10px;
}
.index .section .content .content-div .left .left-header .div2,
.index .section .content .content-div .right .right-header .div2{
	padding-top: 18px;
}
.index .section .content .content-div .left .left-header .div2 a,
.index .section .content .content-div .right .right-header .div2 a{
	font-family: "微软雅黑";
	font-size: 12px;
	color: #039;
}
.index .content .left .left-content{
	padding: 10px 0 5px 0;
}
.index .content .left .left-content li{
	width: 283px;
	height: 94px;
	padding: 10px 0 12px 0px;
	float: left;
}
.index .content .left .left-content .li-left{
	padding-right: 22px;
}
.index .content .left .left-content li img{
	float: left;
	width: 133px;
	height: 94px;
	padding-right: 10px;
}
.index .content .left .left-content li div{
	width:140px;
	height:94px;
	font-family: "Arial";
	font-size: 12px;
	color: #000;
	height: 94px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	-moz-text-overflow: ellipsis; /* for Firefox */ 
    -o-text-overflow: ellipsis;    /* for Opera */ 
}
.index .content .left .left-content li div h5{
	font-family: "Arial";
	font-size: 14px;
	color: #039;
	letter-spacing: 0px;
	font-weight: normal;
	padding-bottom: 2px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.index .content .left .left-content li div a{
	font-family: "Arial";
	font-size: 12px;
	color: #900;
	padding-left: 10px;
}
.index .content .right .right-content{
	padding-top: 20px
}
.index .content .right .right-content img{
	width:355px;
	height:108px;
}
.index .content .right .right-content div{
	padding-top: 10px;
	font-family: "Arial";
	font-size: 13px;
	color: #000;
	line-height: 23px;
}
.index .content .right .right-content div a{
	font-family: "Arial";
	font-size: 12px;
	color: #900;
}
.index .footer{
	width: 100%;
	height: 60px;
	margin: 0 auto;
	background-color: #004b9d;
	border-top: 2px solid #daba00;
	border-bottom: 2px solid #577da3;	
}
.index .footer .footer-div{
	width: 1004px;
	margin: 0 auto;
	background-color: #004b9d;
	line-height: 60px;
	text-align: center;
	font-family: "Arial";
	font-size: 12px;
	color: #fff;
}

/*solution.html*/
.index .section .inside-img{
	height: 243px;
	background: url(../images/index_14.jpg) no-repeat;
	background-position: center;
}
.index .section .inside-page{
	max-width: 1345px;
	min-height: 400px;
	_height:400px;
	margin: 0 auto;
	background: url(../images/index_15.jpg) repeat-x;
	background-position: top;
}
.index .section .inside-page .content-div{
	width: 1004px;
	margin: 0 auto;
}
.index .section .inside-page .content-div .aside{
	position: absolute;
	top: 295px;
	_top:296px;
	width: 207px;
}
.index .section .inside-page .content-div .aside div{
	background: url(../images/index_20.png) repeat-y;
}
.index .section .inside-page .content-div .aside .aside-top{
	height: 59px;
	line-height: 59px;
	font-family: "微软雅黑";
	font-size: 18px;
	color: #039;
	padding-left: 30px;
	border-bottom: 1px solid #b6b6b6;
	font-weight:bold;
}
.index .section .inside-page .content-div .aside .aside-top span{
	font-family: "微软雅黑";
	font-size: 14px;
	color: #666;
	padding-left: 5px;
}
.index .section .inside-page .content-div .aside .aside-bottom li{
	width: 131px;
	margin: 0 auto;
	padding:18px 40px 18px 24px;
	border-top: 1px solid #e9eae9;
	border-bottom: 1px solid #eaeaea;
	position: relative;
}
.index .section .inside-page .content-div .aside .aside-bottom .li1{
	border-top: none;
}
.index .section .inside-page .content-div .aside .aside-bottom li a{
	font-family: "Arial";
	font-size: 13px;
	color: #000;
}
.index .section .inside-page .content-div .aside .aside-bottom li a span{
	font-size: 20px;
	color: #004b9d;
	font-weight: bold;
	position: absolute;
	top: 18px;
	right:30px;
	cursor:pointer;
}
.index .section .inside-page .content-div .right{
	padding:20px 0 0 230px;
}
.index .section .inside-page .content-div .right .right-top{
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #c6c6c6;
	font-family: "Arial";
	font-size: 14px;
	color: #000;
}
.index .section .inside-page .content-div .right .right-top a{
	font-family: "Arial";
	font-size: 14px;
	color: #000;
	padding: 0 5px;
}
.index .section .inside-page .content-div .right .right-top .a1{
	padding-left: 0px;
}
.index .section .inside-page .content-div .right .right-top span{
	font-family: "Arial";
	font-size: 18px;
	color: #039;
	float: right;
}
.index .section .inside-page .content-div .right .right-bottom{
	padding: 10px 0 60px 0;
	font-family: "Arial";
	font-size: 14px;
	color: #000;
	line-height: 35px;
}
.index .section .inside-page .content-div .right .right-bottom h2{
	font-family: "Arial";
	font-size: 18px;
	color: #000;
	line-height: 45px;
	font-weight: normal;
}
.index .section .inside-page .content-div .right .right-bottom img{
	padding: 15px 20px 0 0;
}

/*contact.html*/
.index .section .inside-page .content-div .right .right-bottom .map{
	width:772px;
	height: 276px;
	border: 1px solid #d4d4d4;
	margin:20px 0 20px 0; 
}
.index .section .inside-page .content-div .right .contact h2{
	line-height: 60px;
}
.index .section .inside-page .content-div .right .contact .contact-text{
	padding: 0 0 30px 30px;
	font-family: "Arial";
	font-size: 16px;
	color: #000;
	line-height: 45px;
}

/*technology.html*/
.index .section .inside-page .content-div .right .technology{
	text-align: center;
}
.index .section .inside-page .content-div .right .technology h2{
	text-align: left;
}
.index .section .inside-page .content-div .right .technology img{
	padding-bottom: 30px;
}

/*product.html*/
.index .section .inside-page .content-div .right .product li{
	float: left;
	padding: 20px 0 0 12px;
}
.index .section .inside-page .content-div .right .product .li-left{
	padding-left: 0px;
}
.index .section .inside-page .content-div .right .product li img{
	width: 182px;
	height: 166px;
	padding: 0px;
	border: 1px solid #b7b7b7;
}
.product-bg{
	border: 1px solid #003892;
}
.index .section .inside-page .content-div .right .product li div{
	text-align: center;
	line-height: 30px;
	font-family: "Arial";
	font-size: 15.82px;
	color: #333;
}
.index .section .inside-page .content-div .right .product .page{
	padding:30px 0;
	text-align: center;
}
.index .section .inside-page .content-div .right .product .page a{
	text-align: center;
	padding-left: 10px;
	font-family: "Arial";
	font-size: 12px;
	color: #999;
}
.index .section .inside-page .content-div .right .product .page .page-a{
	color: #000;
}
.index .section .inside-page .content-div .right .product .page a:hover{
	text-decoration: underline;
}

/*product-display.html*/
.index .section .inside-page .content-div .right .product-display{
	width: 774px;
	font-family: "Arial";
	font-size: 18px;
	color: #000;
	padding-bottom: 80px;
}
.index .section .inside-page .content-div .right .product-display h3{
	font-family: "Arial";
	font-size: 24px;
	color: #000;
	font-weight: normal;
	padding: 12px 0;
}
.index .section .inside-page .content-div .right .product-display div{
	float: left;
	font-family: "Arial";
	font-size: 16px;
	color: #000;
	padding-right: 50px;
	padding-bottom: 30px;
}
.index .section .inside-page .content-div .right .product-display h4{
	font-family: "Arial";
	font-size: 18px;
	color: #000;
	font-weight: normal;
	padding: 5px 0;
}
.index .section .inside-page .content-div .right .product-display div img{
	padding: 0px;
}
.index .section .inside-page .content-div .right .product-display div div img{
	border:1px solid #b7b7b7;
	padding: 15px 50px;
}
.index .section .inside-page .content-div .right .product-display span{
	height: 0px;
}