@charset "utf-8";
/*-----------通用----start----------*/
*{ 
	margin: 0px;
	padding: 0px; 
}
li{ 
	list-style: none;
}
a{ 
	text-decoration: none;
}
img{ 
	border: none;
}
body{ 
	width: 100%;
	background: #fff;
}
/*-----------通用----end----------*/

/*------------------------------head------------start-------------*/
.header{
	width: 100%;
	height: 221px;
	position: absolute;
	top: 0px;
	z-index: 999;
	overflow: hidden;
}
.header .logo{
	display: block;
	width: 480px;
	height: 110px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}
.header .top{
	width: 100%;
	height: 35px;
	position: absolute;
}
.header .top .lianjie{
	width: 314px;
	height: 20px;
	top: 8px;
	right: 64px;
	position: absolute;
	z-index: 1;
}
.header .top .lianjie a{
	display: block;
	height: 20px;
	line-height: 20px;
	font-family: "宋体";
	font-weight: bold;
	float: left;
	margin-left: 24px;
	text-align: right;
	font-size: 14px;
	color: #ffffff;
}
.header .top .lianjie .a1{
	background: url(../images/zh.png) no-repeat left;
	width: 70px;
}
.header .top .lianjie .a2{
	background: url(../images/en.png) no-repeat left;
	width: 88px;
}
.header .top .lianjie .a3{
	background: url(../images/jp.png) no-repeat left;
	width: 80px;
}
.header .top .dc{
	width: 100%;
	height: 35px;
	position: absolute;
	z-index: -1;
	background: #0060C0;
	opacity: 0;
}
.header .bot{
	width: 100%;
	height: 110px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.header .bot .kcc{
	width: 4000px;
}
.header .bot .buchong{
	width: 2000px;
	height: 110px;
	background: #0060C0;
	opacity: 0.5;
	float: left;
}
.header .bot .nav{
	margin-left: 480px;
	float: left;
}
.header .bot .nav li{
	float: left;
	position: relative;
}
.header .bot .nav li .yj{
	display: block;
	width: 120px;
	height: 110px;
	position: relative;
	transition: width 0.5s;
	-moz-transition: width 0.5s;	/* Firefox 4 */
	-webkit-transition: width 0.5s;	/* Safari 和 Chrome */
	-o-transition: width 0.5s;	/* Opera */
}
.header .bot .nav li:hover .yj{
	font-weight: bold;
	width: 180px;
}
.header .bot .nav li:hover .yj .dc{
	background: #000000;
	width: 180px;
}
.header .bot .nav li .yj p{
	display: block;
	width: 120px;
	height: 110px;
	font-size: 16px;
	font-family: "宋体";
	color: #ffffff;
	text-align: center;
	line-height: 110px;
}
.header .bot .nav li .yj .dc{
	width: 120px;
	height: 110px;
	border-right: 1px solid #ffffff;
	position: absolute; 
	z-index: -1;
	top: 0px;
	left: 0px;
	background: #0060C0;
	opacity: 0.5;
	transition: width 0.5s;
	-moz-transition: width 0.5s;	/* Firefox 4 */
	-webkit-transition: width 0.5s;	/* Safari 和 Chrome */
	-o-transition: width 0.5s;	/* Opera */
}
.header .bot .nav li dl{
	position: absolute;
	z-index: -1;
	left: 0px;
	top: 0px;
	width: 180px;
	height: 110px;
	opacity: 0;
	transform: rotateX(90deg);
	-webkit-transform: rotateX(90deg);	/* Safari 和 Chrome */
	-moz-transform: rotateX(90deg);	/* Firefox */
	-o-transform: rotateX(90deg);	/* Opera */
}
.header .bot .nav li dl dd{
	display: table-cell;
	vertical-align: middle;
	line-height: 26px;
	text-align: center;
	height: 110px;
	width: 180px;
}
.header .bot .nav li dl dd a{
	color: #ffffff;
	font-size: 14px;
}
.header .bot .nav li dl dd a:hover{
	font-weight: bold;
}
.header .bot .nav li dl .dc{
	z-index: -1;
	position: absolute;
	left: -10px;
	top: 110px;
	width: 180px;
	height: 0px;
	border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 110px solid #0060C0;
	opacity: 0.5;
}
.header .bot .nav li:hover dl{
	padding-top: 110px;
	opacity: 1;
	transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);	/* Safari 和 Chrome */
	-moz-transform: rotateX(0deg);	/* Firefox */
	-o-transform: rotateX(0deg);	/* Opera */
	transition: opacity 0s ease 0.5s,transform 0.5s ease 0.5s;
	-moz-transition: opacity 0s ease 0.5s,-moz-transform 0.5s ease 0.5s;	/* Firefox 4 */
	-webkit-transition: opacity 0s ease 0.5s,-webkit-transform 0.5s ease 0.5s;	/* Safari 和 Chrome */
	-o-transition: opacity 0s ease 0.5s,-o-transform 0.5s ease 0.5s;	/* Opera */
}
.header .bot .nav li:hover dl .dc{
	left: 0px;
	border-left: 0px solid transparent;
    border-right: 0px solid transparent;
	transition: left 0.5s ease 0.5s,border-left 0.5s ease 0.5s,border-right 0.5s ease 0.5s;
	-moz-transition: left 0.5s ease 0.5s,border-left 0.5s ease 0.5s,border-right 0.5s ease 0.5s;	/* Firefox 4 */
	-webkit-transition: left 0.5s ease 0.5s,border-left 0.5s ease 0.5s,border-right 0.5s ease 0.5s;	/* Safari 和 Chrome */
	-o-transition: left 0.5s ease 0.5s,border-left 0.5s ease 0.5s,border-right 0.5s ease 0.5s;	/* Opera */
}
/*--------------------------------head------------end-------------*/

/*------------------------------banner------------start-------------*/
.banner2{
	width: 100%;
	height: 350px;
	position: relative;
	overflow: hidden;
}
.banner2 img{
	width: 1920px;
	position: absolute;
	margin-left: -960px;
	left: 50%;
	z-index: -10;
}
/*--------------------------------banner------------end-------------*/

/*--------------------------------main------------start-------------*/
.main{
	width: 758px;
	height: 312px;
	position: absolute;
	z-index: 99;
	margin-top: -156px;
	top: 50%;
	margin-left: -378px;
	left: 50%;
}
.main .shang{
	position: absolute;
	width: 758px;
	height: 250px;
	z-index: 99;
	overflow: hidden;
}
.main .shang .s{
	position: absolute;
	width: 150px;
	height: 57px;
	top: 250px;
	left: 0px;
	border-top: 3px solid #0060C0;
	overflow: hidden;
	transition: top 0.5s,left 0.5s,width 0.5s,height 0.5s;
	-moz-transition: top 0.5s,left 0.5s,width 0.5s,height 0.5s;	/* Firefox 4 */
	-webkit-transition: top 0.5s,left 0.5s,width 0.5s,height 0.5s;	/* Safari 和 Chrome */
	-o-transition: top 0.5s,left 0.5s,width 0.5s,height 0.5s;	/* Opera */
}
.main .shang .s .tubiao{
	width: 700px;
	height: 185px;
	padding-top: 55px;
	padding-left: 27px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	
}
.main .shang .s .tubiao .bt{
	display: inline-block;
	width: 100px;
	height: 80px;
	line-height: 30px;
	margin: 10px 20px;
	text-align: center;
	color: #333333;
	font-family: "宋体";
	font-size: 12px;
}
.main .shang .s .tubiao .bt img{
	width: 60px;
	height: 55px;
}
.main .shang .s .dc{
	position: absolute;
	top: 0px;
	width: 758px;
	height: 247px;
	background: #ffffff;
	opacity: 0.8;
	z-index: -1;
}
.main .shang .s label{
	position: absolute;
	color: #0060C0;
	font-family: "黑体";
	font-size: 20px;
	left: 27px;
	top: 15px;
}
.main .shang .s .gd{
	position: absolute;
	color: #FF0000;
	font-family: "宋体";
	font-size: 14px;
	right: 24px;
	top: 15px;
	font-weight: bold;
}
.main .shang .s .gd:hover{
	text-decoration: underline;
}
.main .shang .s ul{
	position: absolute;
	top: 45px;
	left: 27px;
}
.main .shang .s ul li{
	width: 693px;
	height: 32px;
	line-height: 32px;
	padding-left: 13px;
	background: url(../images/dian.jpg) no-repeat left center;
}
.main .shang .s ul li p{
	width: 580px;
	display: block;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
	float: left;
}
.main .shang .s ul li p a{
	color: #333333;
	font-family: "宋体";
	font-size: 14px;
}
.main .shang .s ul li p a:hover{
	text-decoration: underline;
}
.main .shang .s ul li span{
	float: right;
	color: #666666;
	font-family: "宋体";
	font-size: 14px;
}
.main .shang .s1{
	top: 0px;
	width: 758px;
	height: 247px;
}
.main .shang .s2{
	left: 152px;
}
.main .shang .s3{
	left: 304px;
}
.main .shang .s4{
	left: 456px;
}
.main .shang .s5{
	left: 608px;
}
.main .xia{
	width: 758px;
	height: 60px;
	position: absolute;
	bottom: 0px;
	z-index: 99;
}
.main .xia .an{
	width: 150px;
	height: 60px;
	position: absolute;
	cursor: pointer;
}
.main .xia .an:hover label{
	font-weight: bold;
}
.main .xia .an:hover .dc{
	background: #000000;
}
.main .xia .an label{
	display: block;
	width: 150px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	position: absolute;
	font-size: 16px;
	font-family: "宋体";
	color: #ffffff;
	letter-spacing: 4px;
}
.main .xia .an .dc{
	width: 150px;
	height: 60px;
	position: absolute;
	z-index: -1;
	background: #D60201;
	opacity: 0.8;
}
.main .xia .an1{
	left: 0px;
}
.main .xia .an2{
	left: 152px;
}
.main .xia .an3{
	left: 304px;
}
.main .xia .an4{
	left: 456px;
}
.main .xia .an5{
	right: 0px;
}
/*--------------------------------main------------end-------------*/


/*------------------------------------foot--------start-------------*/
.footer{
	width: 100%;
	height: 90px;
	background: #000000;
	opacity: 0.8;
	text-align: center;
	line-height: 90px;
	font-family: "宋体";
	font-size: 14px;
	color: #ffffff;
	margin-top: 50px;
}
.footer a{
	color: #ffffff;
}
.footer a:hover{
	text-decoration: underline;
}
/*--------------------------------foot------------end-------------*/

/*-------------------------内页主体------------start-----------------*/
.main_n{
	width: 960px;
	overflow: hidden;
	min-height: 500px;
	margin: 0 auto;
}
/*左侧*/
.main_n .left{
	width: 210px;
	float: left;
	border-top: 2px solid #00a1f1;
	margin-top: 34px;
}
.main_n .left li{
	width: 210px;
	overflow: hidden;
}
.main_n .left li .bt{
	display: block;
	width: 200px;
	height: 50px;
	padding-left: 10px;
	border-bottom: 1px solid #b6d9e8;
	line-height: 50px;
	color: #333333;
	font-size: 16px;
	font-family: "微软雅黑";
}
.main_n .left li .bt:hover{
	border-bottom: 1px solid #00a1f1;
}
.main_n .left li dl{
	width: 222px;
	padding: 15px 0px;
	overflow: hidden;
	border-bottom: 1px solid #b6d9e8;
}
.main_n .left li dl dd a{
	display: table;
	width: 36px;
	height: 36px;
	margin: 0px 12px 10px 4px;
	border: 1px solid #00a1f1;
	color: #00a1f1;
	line-height: 14px;
	font-family: "微软雅黑";
	padding: 10px;
	font-size: 14px;
	text-align: center;
	float: left;
}
.main_n .left li dl dd a p{
	display: table-cell;
	vertical-align: middle;
}
.main_n .left li dl dd a:hover{
	border: 1px solid #00a1f1;
	background: #00a1f1;
	color: #ffffff;
}

/*右侧*/
.main_n .right{
	width: 710px;
	float: right;
}
.main_n .right .dqwz{
	height: 34px;
	line-height: 34px;
	font-family: "宋体";
	font-size: 12px;
}
.main_n .right .dqwz a{
	font-family: "宋体";
	font-size: 12px;
	color: #333333;
}
.main_n .right .dqwz a:hover{
	color: #00a1f1;
}
.main_n .right .biaoti{
	font-family: "宋体";
	color: #00a1f1;
	font-size: 28px;
	font-weight: bold;
	border-bottom: 1px solid #b6d9e8;
	line-height: 50px;
}

.main_n .right .nr{
	margin-top: 42px;
}
.main_n .right .nr .bt{
	font-family: "宋体";
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #333333;
	margin-bottom: 20px;
}
.main_n .right .nr .sj{
	font-family: "宋体";
	font-size: 12px;
	text-align: right;
	color: #666666;
	margin-bottom: 20px;
}

.main_n .khzs{
	width: 960px;
	overflow: auto;
	margin: 0 auto;
}
.main_n .khzs .dqwz{
	height: 34px;
	line-height: 34px;
	font-family: "宋体";
	font-size: 12px;
}
.main_n .khzs .dqwz a{
	font-family: "宋体";
	font-size: 12px;
	color: #333333;
}
.main_n .khzs .dqwz a:hover{
	color: #00a1f1;
}
.main_n .khzs .fl{
	width: 960px;
	overflow: auto;
	margin-top: 32px;
	margin-bottom: 32px;
}
.main_n .khzs .fl .biaoti{
	width: 960px;
	height: 46px;
	border-bottom: 2px solid #00A1F1;
}
.main_n .khzs .fl .biaoti p{
	float: left;
	height: 46px;
	color: #fff;
	line-height: 48px;
	font-family: "微软雅黑";
	font-size: 20px;
	padding: 0 17px;
	background: #00A1F1;
}
.main_n .khzs .fl .nr{
	width: 960px;
	overflow: auto;
}
.main_n .khzs .fl .nr .lb{
	width: 258px;
	height: 160px;
	margin: 0 30px;
	text-align: center;
	float: left;
	margin-top: 30px;
}
.main_n .khzs .fl .nr .lb img{
	width: 198px;
	height: 130px;
}
.main_n .khzs .fl .nr .lb p{
	line-height: 30px;
	font-family: "微软雅黑";
	font-size: 14px;
}
.main_n .khzs .fl .gd{
	width: 152px;
	height: 43px;
	margin: 0 auto;
	background: #00A1F1;
	border-radius: 21px;
	text-align: center;
	line-height: 43px;
	color: #fff;
	font-size: 14px;
	margin-top: 30px;
	font-family: "宋体";
	cursor: pointer;
}
/*-------------------------内页主体------------end-----------------*/

/*-------------特殊页---------------start-----------*/
.main_t{
	width: 960px;
	overflow: hidden;
	min-height: 500px;
	margin: 0 auto;
}
.main_t .biaoti{
	font-family: "宋体";
	color: #00a1f1;
	font-size: 28px;
	font-weight: bold;
	border-bottom: 1px solid #b6d9e8;
	line-height: 50px;
	text-align: center;
	width: 960px;
}
.main_t .nr{
	width: 960px;
}
/*--------------特殊页------------end------------*/

/*------------------新闻资讯-----start----------------------*/
.main_n .right .xwzx{
	overflow: hidden;
}
.main_n .right .xwzx ul li{
	width: 690px;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #dddddd;
	background: url(../images/dian.jpg) no-repeat 10px center;
	padding-left: 20px;
}
.main_n .right .xwzx ul li p{
	width: 555px;
	height: 40px;
	float: left;
	display: block;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
}
.main_n .right .xwzx ul li span{
	float: right;
	color: #666666;
}
.main_n .right .xwzx ul li p a{
	font-size: 14px;
	color: #333333;
	font-family: "宋体";
}
.main_n .right .xwzx ul li p a:hover{
	color: #00a1f1;
}

/*------------------新闻资讯-----end----------------------*/

/*------------------里程碑-----start----------------------*/
.main_n .right .lcb{
	width: 710px;
	background: #f3f3f3;
	overflow: auto;
	position: relative;
	min-height: 400px;
}
.main_n .right .lcb .nianfen{
	width: 70px;
	overflow: auto;
	position: absolute;
	top: 49px;
	left: 0px;
}
.main_n .right .lcb .nianfen p{
	width: 70px;
	height: 40px;
	border-bottom: 1px solid #f3f3f3;
	cursor: pointer;
}
.main_n .right .lcb .nianfen p span{
	display: block;
	width: 60px;
	height: 40px;
	background: #fff;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	font-family: "微软雅黑";
	font-weight: bold;
	color: #828282;
}
.main_n .right .lcb .nianfen .dier{
	width: 60px;
	height: 2px;
	background: #dddddd;
}
.main_n .right .lcb .fenk{
	width: 620px;
	overflow: auto;
	margin-top: 40px;
	margin-right: 10px;
	float: right;
}
.main_n .right .lcb .fenk .t{
	width: 620px;
	overflow: auto;
}
.main_n .right .lcb .fenk .k{
	width: 620px;
	overflow: auto;
	position: relative;
}
.main_n .right .lcb .fenk .k .l{
	width: 70px;
	height: 24px;
	line-height: 24px;
	background: url(../images/yd1.jpg) no-repeat right;
	position: absolute;
	color: #333;
	font-size: 12px;
	font-family: "arial";
	top: 8px;
	left: 3px;
}
.main_n .right .lcb .fenk .k .r{
	width: 550px;
	padding-bottom: 7px;
	overflow: auto;
	float: right;
	border-left: 4px solid #ddd;
	background: url(../images/lcb_sj.jpg) no-repeat 13px 12px;
}
.main_n .right .lcb .fenk .k .r div{
	width: 503px;
	float: right;
	overflow: auto;
	background: #fff;
	padding-left: 24px;
	padding-bottom: 16px;
	border-bottom: 2px solid #ddd;
}
.main_n .right .lcb .fenk .k .r div p{
	line-height: 48px;
	font-weight: bold;
	font-family: "宋体";
	color: #333;
	font-size: 14px;
}
.main_n .right .lcb .fenk .n .l{
	left: 6px;
	background: url(../images/lcb_nf_yq.jpg) no-repeat right;
}
.main_n .right .lcb .fenk .n .r{
	color: #0060C0;
	font-size: 22px;
	font-family: "微软雅黑";
	background: none;
	padding-top: 5px;
	padding-bottom: 20px;
}
.main_n .right .lcb .fenk .o .l{
	background: none;
}
.main_n .right .lcb .fenk .o .r{
	height: 30px;
	background: none;
}
/*------------------里程碑-----end----------------------*/

/*------------------图片列表-----start----------------------*/
.cpzx{
	width: 720px;
	margin: 0 auto;
	overflow: hidden;
}
.cpzx ul{
	width: 726px;
	overflow: hidden;
}
.cpzx ul li{
	width: 225px;
	height: 450px;
	margin-right: 17px;
	float: left;
	margin-top: 30px;
}
.cpzx ul li a{
	display: block;
	width: 223px;
	height: 448px;
	border: 1px solid #D9D9D9;
}
.cpzx ul li a img{
	width: 223px;
	height: 278px;
}
.cpzx ul li a .p1{
	text-align: center;
	color: #333;
	font-family: "微软雅黑";
	font-size: 20px;
	margin-top: 18px;
}
.cpzx ul li a .p2{
	text-align: center;
	color: #666;
	font-family: "微软雅黑";
	font-size: 14px;
	margin-top: 5px;
}
.cpzx ul li a .p3{
	width: 195px;
	margin: 0 auto;
	margin-top: 15px;
	color: #666;
	font-family: "宋体";
	font-size: 12px;
	line-height: 18px;
}
/*------------------图片列表-----end----------------------*/

/*--------------------页码-----start--------------------*/
.page{ 
	margin: 0 auto;
	margin-top: 20px;
	width: 454px;
	height: 31px;
	clear:both;
}
.page ul li a{ 
	display: block;
	height: 29px;
	margin: 0 8px;
	font-size: 14px;
	border: 1px solid #00a1f1;
	float: left;
	line-height: 29px;
	text-align: center;
	color: #555555;
	font-family: "微软雅黑";
}
.page ul li a:hover{
	color: #ffffff;
	background-color: #00a1f1;
}
.page ul .sx{
	width: 94px;
}
.page ul .sz{
	width: 28px;
}
/*--------------------页码-----end--------------------*/

/*--------------------自适应-----start--------------------*/
@media screen and (max-width: 1626px) {
	.header{
		height: 256px;
	}
	.header .logo{
		top: 36px;
	}
	.header .top .dc{
		opacity: 0.5;
		border-bottom: 1px solid #ffffff;
	}
	.header .bot{
		top: 36px;
	}
}
@media screen and (max-height: 850px) {
	body{
		overflow: auto;
		position: relative;
	}
	.banner{
		height: 850px;
	}
}
@media screen and (max-width: 1210px) {
	body{
		width: 1210px;
		overflow: auto;
		transform: scale(1);
		-ms-transform: scale(1);	/* IE 9 */
		-webkit-transform: scale(1);	/* Safari 和 Chrome */
		-o-transform: scale(1);	/* Opera */
		-moz-transform: scale(1);	/* Firefox */
	}
}
/*--------------------自适应-----end--------------------*/