@charset "utf-8";
/* CSS Document */
/* ************************css reset************************ */

html {
	overflow-y: scroll;
	width: 100%;
}
body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: "微软雅黑";
	background: #f5f5f5;
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
blockquote,
p {
	padding: 0;
	margin: 0;
}
table,
td,
tr,
th {
	font-size: 12px;
}
ol,
ul {
	list-style: none;
}
li {
	list-style-type: none;
}
img {
	vertical-align: top;
	border: 0;
}
a {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	color: #0060a6!important;
	text-decoration: none;
}
a:active {
	color: #ba2636;
}
i {
	font-weight: normal;
	font-style: normal;
}
.clearfix {
	clear: both;
	background: fixed;
}
/* ************************css reset����************************ */

.subfoot-wrap {
	width: 100%;
	height: 245px;
	background: #e2e2e2;
}
.copyline {
	width: 100%;
	height: 57px;
	background: #f9f9f9;
}
/****************************������ʽ*****************************/
.phone-hearder {
	display: none;
}
/**************************banner��ʽ*******************************/

.banner {
	width: 100%;
	height: 329px;
	background: #FFFFFF;
}
.banner-centen {
	width: 100%;
	height: 329px;
	padding: 0 20px background: #BA2636;
	margin: auto;
}
.banner-centen .focus {
	width: 100%;
	height: 329px;
	overflow: hidden;
	position:relative;
}
.banner-centen .f-img-list {
	height: 329px;
	overflow: hidden;
	left: 0;
	z-index: 100;
	width: 100%;
}
.banner-centen .f-img-list img {
	position: absolute;
	top: 15%;
	left: 10%;
}
.banner-centen .f-img-list li {
	height: 329px;
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 101;
	background: url(#) center no-repeat;
	list-style: none;
}
.banner-centen .f-img-list li.on {
	z-index: 105;
}
.banner-centen .d-img-list-bg,
.banner-centen .d-img-list {
	position: absolute;
	left: 160px;
	top: 0;
	width: 200px;
	height: 380px;
}
.banner-centen .d-img-list-bg {
	background: #000000;
	opacity: 0.2;
	filter: Alpha(Opacity=20);
}
.banner-centen .d-img-list li {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 112;
	display: none;
	width: 200px;
	height: 329px;
	list-style: none;
}
.banner-centen .d-img-list li.on {
	z-index: 113;
	display: block;
}
.banner-centen .focus-btns {
	position: absolute;
	right: 140px;
	top: 280px;
}
.banner-centen .focus-page-btn {
	width: 66px;
	height: 66px;
	position: absolute;
	top: 160px;
	z-index: 110;
}
.banner-centen .focus-btn-prev {
	background: url('bleft.png') no-repeat;
	left: 30px;
}
.banner-centen .focus-btn-next {
	background: url('bright.png') no-repeat;
	right: 30px;
}
/************************************��ҳ����************************************/

.conten {
	width: 100%;
	height: 1382px;
	background: #f5f5f5;
}
.Module-Spacing {
	height: 20px;
}
.Column-title {
	font-size: 18px;
	color: #0060a6;
	line-height: 40px;
	padding: 0 15px;
}
.conten-centen {
	max-width: 1170px;
	height: auto;
	padding: 20px 20px;
	margin: auto;
}
/****************����Ҫ��*************************/

.conten-centen .Focus-News {
	width: 49%;
	height: 385px;
	max-width: 567px;
	float: left;
	border: 1px solid #e8e8e8;
	background: #ffffff;
	overflow: hidden;
}
.headlines {
	font-size: 18px;
	;
	color: #cc0000;
	padding: 0 20px;
	line-height: 30px;
	text-align: center;
}
.Secondlines {
	width: 100%;
	font-size: 16px;
	color: #cc0000;
	line-height: 30px;
	text-align: center;
	font-weight: normal;
}
.Focus-News ul {
	width: 100%;
}
.Focus-News ul li {
	padding-left: 15px;
	line-height: 35px;
	height: 35px;
	*line-height: 36px;
	*height: 36px;
	font-size: 12px;
	overflow: hidden;
	text-align: left;
	font-size: 16px;
	padding: 0 15px;
}
.Focus-News ul li a {
	width: 100%;
	float: left;
	display: inline-block;
	color: #333333;
}
.Focus-News ul li a .newtitle {
	float: left;
	display: block;
}
.Focus-News ul li a .newdate {
	float: right;
	display: block;
}
/****************ͼƬ����*************************/

.conten-centen .Pic-News {
	width: 49%;
	max-width: 570px;
	height: 385px;
	background: #ffffff;
	float: right;
}
.yx-rotaion {
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.yx-rotaion li {
	width: 100%;
	height: 355px;
	cursor: pointer;
}
.yx-rotaion li img {
	display: none;
	height: 355px;
}
.yx-rotaion-btn,
.yx-rotaion-title,
.yx-rotation-focus,
.yx-rotation-t,
.yx-rotaion-btn {
	position: absolute
}
.yx-rotation-title {
	position: absolute;
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: rgba(102, 102, 102, 0.5);
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	left: 0;
	bottom: 30px;
	_bottom: -31px;
	z-index: 1;
}
.yx-rotation-t {
	font-weight: bold;
	color: #333333;
	font-size: 16px;
	font-family: microsoft yahei;
	z-index: 2;
	bottom: 0;
	left: 0px;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	text-indent: 15px;
	width: 100%;
}
.yx-rotation-focus {
	height: 30px;
	line-height: 30px;
	right: 0px;
	bottom: 30px;
	z-index: 2;
}
.yx-rotation-focus span {
	width: 30px;
	transition: all linear 0.2s;
	height: 30px;
	float: left;
	line-height: 30px;
	vertical-align: middle;
	text-align: center;
	background: rgba(102, 102, 102, 0.5);
	margin: 0;
	cursor: pointer;
	color: #FFF;
	font-size: 16px;
}
.yx-rotation-focus span.hover {
	background: none repeat scroll 0% 0% rgba(0, 96, 166, 0.5);
	color: #fff
}
/****************��˾����*************************/

.Company-news {
	width: 49%;
	height: 303px;
	max-width: 567px;
	float: left;
	border: 1px solid #e8e8e8;
	background: #ffffff;
	overflow: hidden;
}
.Company-news ul {
	width: 100%;
}
.Company-news ul li {
	padding-left: 15px;
	line-height: 32px;
	height: 32px;
	*line-height: 33px;
	*height: 33px;
	font-size: 12px;
	overflow: hidden;
	text-align: left;
	font-size: 16px;
	padding: 0 15px;
}
.Company-news ul li a {
	width: 100%;
	float: left;
	display: inline-block;
	color: #333333;
}
.Company-news ul li a .newtitle {
	float: left;
	display: block;
}
.Company-news ul li a .newdate {
	float: right;
	display: block;
}
/****************����Ҫ��*************************/

.State-Special {
	width: 49%;
	max-width: 570px;
	height: 303px;
	float: right;
}
.State-news {
	width: 100%;
	max-width: 570px;
	height: 35px;
	border: 1px solid #e8e8e8;
	background: #FFFFFF;
}
.State-news .Column-title {
	height: 35px;
	line-height: 35px;
	float: left;
	height: 100%;
}
.State-news ul {
	width: 100%;
}
.State-news ul li {
	padding-left: 15px;
	line-height: 35px;
	height: 35px;
	font-size: 12px;
	overflow: hidden;
	text-align: left;
	font-size: 16px;
	padding: 0 60px 0 0;
	position: relative;
	*bottom: 35px;
	*padding: 0 60px 0 120px;
}
.State-news ul li .newtitle a {
	width: 100%;
	color: #333333;
}
.State-news ul li .newtitle {
	float: left;
	display: block;
}
.State-news ul li .newdate {
	float: right;
	display: block;
	padding-right: 5px;
	position: absolute;
	right: 0px;
}
.State-news-Arrow {
	font-size: 20px;
	width: 100%;
	color: #246eac;
	line-height: 35px;
	height: 35px;
	font-weight: bold;
}
/**************************************����ר��***************************************/

.cnooc-special {
	width: 100%;
	max-width: 570px;
	height: 196px;
	border: 1px solid #e8e8e8;
	background: #FFFFFF;
	margin-top: 17px;
}
.special-picinf {
	height: 74px;
	padding: 0 15px;
	overflow: hidden;
	vertical-align: top;
}
.special-picinf a {
	color: #333333;
}
.special-picinf img {
	float: left;
	padding-right: 15px;
}
.special-picinf h3 {
	font-size: 15px;
	line-height: 15px;
	padding-bottom: 10px;
	font-weight: normal;
}
.special-picinf p {
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;
	*display: none;
}
.special-list {
	height: 74px;
	padding: 0px 15px;
	overflow: hidden;
	vertical-align: top;
}
.special-list li {
	line-height: 40px;
	height: 40px;
	list-style: url(Prefix.jpg) inside;
	font-size: 15px;
}
.special-list li a {
	color: #333333;
}
/*********************************������Ϣ*********************************/

.phone-State-Special {
	display: none;
}
.Notice-information {
	width: 100%;
	height: 45px;
	border: 1px solid #E8E8E8;
	background: #FFFFFF;
}
.Notice-information .Column-title {
	height: 45px;
	line-height: 40px;
	float: left;
	height: 100%;
}
.Notice-information ul {
	width: 100%;
}
.Notice-information ul li {
	padding-left: 15px;
	line-height: 45px;
	height: 45px;
	font-size: 12px;
	overflow: hidden;
	text-align: left;
	font-size: 16px;
	padding: 0 60px 0 0;
	position: relative;
	*bottom: 45px;
	*padding: 0 60px 0 120px;
}
.Notice-information ul li .newtitle a {
	width: 100%;
	color: #333333;
	padding: 0 20px;
	background: url(NoticePoint.jpg) no-repeat left;
}
.Notice-information ul li .newtitle {
	float: left;
	display: block;
}
.Notice-information ul li .newdate {
	float: right;
	display: block;
	padding-right: 5px;
	position: absolute;
	right: 0px;
}
.Notice-information-Arrow {
	font-size: 20px;
	width: 100%;
	color: #246eac;
	line-height: 45px;
	height: 45px;
	font-weight: bold;
}
/*************************ҵ���л�******************************/

.Phone-Service-switch {
	display: none;
}
.Service-switch {
	width: 66%;
	height: 343px;
	max-width: 768px;
	float: left;
	border: 1px solid #E8E8E8;
	background: none repeat scroll 0% 0% #FFF;
	overflow: hidden;
}
.Service-switch .Service-left {
	width: 35%;
	height: 343px;
	min-width: 220px;
	float: left;
	overflow: hidden;
}
.Service-switch .tabs {
	overflow: hidden;
	list-style: none;
}
.Service-switch .tabs li {
	float: left;
	width: 49%;
	border-bottom: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
}
.Service-switch .tabs a {
	float: left;
	position: relative;
	width: 100%;
	height: 114px;
	line-height: 114px;
	color: #0060a6;
	font-size: 14px;
	text-align: center;
}
.Service-switch .tabs i {
	float: left;
	position: relative;
	width: 100%;
	height: 114px;
	line-height: 114px;
	color: #0060a6;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
}
.Service-switch .tabs .Exploration {
	background: url(Service1-2.png) no-repeat top center #FFFFFF;
}
.Service-switch .tabs .Exploration:hover {
	background: url(Service1-1.png) no-repeat top center #0060a6;
}
.Service-switch .tabs .li-Exploration .current {
	background: url(Service1-1.png) no-repeat top center #0060a6;
}
.Service-switch .tabs .Technical-service {
	background: url(Service2-2.png) no-repeat top center #FFFFFF;
}
.Service-switch .tabs .Technical-service:hover {
	background: url(Service2-1.png) no-repeat top center #0060a6;
}
.Service-switch .tabs .li-Technical-service .current {
	background: url(Service2-1.png) no-repeat top center #0060a6;
}
.Service-switch .tabs .Refining-sales {
	background: url(Service3-2.png) no-repeat top center #FFFFFF;
}
.Service-switch .tabs .Refining-sales:hover {
	background: url(Service3-1.png) no-repeat top center #0060a6;
}
.Service-switch .tabs .li-Refining-sales .current {
	background: url(Service3-1.png) no-repeat top center #0060a6;
}
.Service-switch .tabs .Gas-power {
	background: url(Service4-2.png) no-repeat top center #FFFFFF;
}
.Service-switch .tabs .Gas-power:hover {
	background: url(Service4-1.png) no-repeat top center #0060a6;
}
.Service-switch .tabs .li-Gas-power .current {
	background: url(Service4-1.png) no-repeat top center #0060a6;
}
.Service-switch .tabs .Financial-services {
	background: url(Service5-2.png) no-repeat top center #FFFFFF;
}
.Service-switch .tabs .Financial-services:hover {
	background: url(Service5-1.png) no-repeat top center #0060a6;
}
.Service-switch .tabs .li-Financial-services .current {
	background: url(Service5-1.png) no-repeat top center #0060a6;
}
.Service-switch .content {
	background: #fff;
	padding-top: 10px;
	font-size: 12px;
}
.Service-switch .Service-right {
	width: 63%;
	max-width: 500px;
	height: 323px;
	float: left;
	padding-left: 5px;
	background: none repeat scroll 0% 0% #FFFFFF;
	overflow: hidden;
}
.Service-switch .Service-right a {
	color: #333333;
}
.Service-switch .Service-right a img {
	padding-right: 15px;
	padding-bottom: 120px;
}
.Service-switch .Service-right a p {
	line-height: 24px;
	font-size: 14px;
}
.Service-switch .Service-right a h4 {
	line-height: 30px;
	font-size: 16px;
}
/************************Overseas-business***************************/

.Overseas-business {
	width: 32%;
	max-width: 370px;
	height: 343px;
	float: right;
	background: url(Overseasmap.jpg) no-repeat center;
}
/*************************Picture-scroll******************************/

.Picture-scroll {
	width: 66%;
	height: 180px;
	max-width: 770px;
	float: left;
	overflow: hidden;
}
/*��������*/

.Picture-scroll .wc960 {
	margin: 0 auto;
	width: 100%;
}
.Picture-scroll .fl {
	float: left;
}
.Picture-scroll .warp-pic-list li {
	float: left;
	display: inline;
}
.Picture-scroll .row .hd {
	height: 30px;
}
.Picture-scroll .btnbox {
	float: right;
	margin-right: 45%;
}
.Picture-scroll .tab-T-3 {
	width: 66px;
}
.Picture-scroll .tab-T-3 li {
	width: 13px;
	height: 13px;
	font-size: 0;
	background: url(slickbtn.png) no-repeat right;
	float: left;
	margin-left: 10px;
	cursor: pointer;
	display: inline;
}
.Picture-scroll .tab-T-3 li.cur {
	background: url(slickbtn.png) no-repeat left;
}
.Picture-scroll .rowE .warp-pic-list {
	position: relative;
	width: 100%;
	height: 150px;
	overflow: hidden;
}
.Picture-scroll .rowE .count li {
	width: 257px;
	height: 150px;
}
.Picture-scroll .rowE .count .img_wrap {
	width: 257px;
	height: 150px;
	display: block;
}
.Picture-scroll .rowE .btn {
	display: block;
	height: 34px;
	position: absolute;
	top: 50px;
	width: 24px;
	z-index: 200;
	cursor: pointer;
}
.Picture-scroll .rowE .prev {
	background: url(leftstop.png) no-repeat left top;
	left: 0;
}
.Picture-scroll .rowE .prev:hover {
	background: url(leftstart.png) no-repeat left top;
	;
}
.Picture-scroll .rowE .next {
	background: url(rightstop.png) no-repeat left top;
	;
	right: 0;
}
.Picture-scroll .rowE .next:hover {
	background: url(rightstart.png) no-repeat left top;
	;
	;
}
/***********************Online-journals***************************/

.Online-journals {
	width: 32%;
	max-width: 370px;
	height: 178px;
	float: right;
	background: none repeat scroll 0% 0% #FFF;
	border: 1px solid #E8E8E8;
	overflow: hidden;
}
.Online-journals .journals-left {
	width: 33%;
	height: 178px;
	min-width: 100px;
	float: left;
	overflow: hidden;
	border-right: 1px solid #E8E8E8;
}
.Online-journals .journals-left li {
	height: 44px;
	width: 100%;
	border-bottom: 1px solid #E8E8E8;
}
.Online-journals .journals-left li a {
	height: 44px;
	width: 95%;
	display: block;
	line-height: 44px;
	font-weight: bold;
	color: #999999;
	text-align: right;
	text-decoration: none;
}
.Online-journals .journals-left li .current {
	width: 94%;
	color: #0060a6;
	border-left: solid 3px #0060a6;
}
.Online-journals .journals-right {
	width: 65%;
	max-width: 240px;
	height: 160px;
	float: right;
	padding-top: 5px;
	background: none repeat scroll 0% 0% #FFFFFF;
	overflow: hidden;
}
.Online-journals .journals-right img {
	float: left;
	margin-left: 5px;
	margin-top: 10px;
	margin-right: 10px;
	-moz-box-shadow: 0px 0px 5px #888888;
	/* �ϵ� Firefox */
	
	box-shadow: 0px 0px 5px #888888;
}
.Online-journals .journals-right h4 {
	padding-top: 10px;
	color: #999999;
	line-height: 20px;
	height: 60px;
	font-size: 14px;
}
.Online-journals .journals-right p {
	padding: 5px 0;
}
.Online-journals .journals-right .Journal-download {
	color: #0060a6;
	font-weight: bold;
	padding-left: 20px;
	height: 24px;
	line-height: 24px;
	background: url(Journalbun.jpg) no-repeat top left;
}
.Online-journals .journals-right .Journal-download:hover {} .Online-journals .journals-right .Journal-reading {
	color: #0060a6;
	font-weight: bold;
	padding-left: 20px;
	height: 24px;
	line-height: 24px;
	background: url(Journalbun.jpg) no-repeat 0 -24px;
}
.Online-journals .journals-right .Online-reading {
	width: 90px;
	height: 27px;
	background: #1873b6;
	color: #FFFFFF;
	padding: 5px 10px;
	margin: 20px 0;
}
/**********************************friendly-link**************************************/

.friendly-link {
	width: 100%;
	height: 49px;
	background: #e2e2e2;
}
.fl-centen {
	max-width: 1170px;
	padding: 0 20px;
	height: 30px;
	margin: auto;
	position: relative;
}
.fl-centen h3 {
	width: 2%;
	min-width: 100px;
	height: 49px;
	line-height: 49px;
	max-width: 100px;
	font-size: 16px;
	color: #333333;
	font-weight: normal;
	float: left;
}
.fl-centen .outer {
	width: 89%;
	max-width: 1070px;
	float: right;
	position: relative;
}
.fl-centen .rss_input {
	display: block;
	overflow: visible;
	width: 21%;
	height: 49px;
	line-height: 49px;
	float: right;
	margin-left: 3%;
	z-index: 99;
}
.fl-centen .rss_input ul,
li {
	margin: 0;
	padding: 0;
}
.fl-centen .rss_input a.link {
	display: block;
	background: url(flbtn.jpg) right no-repeat;
	overflow: hidden;
	height: 26px;
	line-height: 26px;
	margin-top: 10px;
	width: 100%;
	color: #888888;
	text-indent: 15px;
	border: solid 1px #d5d2d2;
	display: block;
}
.fl-centen .rss_input ul {
	display: none;
	position: absolute;
	height: auto;
	width: 97%;
	background: #fff;
	right: 0px;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 100;
	display: none;
	top: 49px;
	border: 1px;
	solid #d8d8d8;
	border-top: 0;
}
.fl-centen .rss_input li {
	display: block;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	vertical-align: bottom;
	width: 190px;
	text-indent: 15px;
	float: left;
}
.fl-centen .rss_input li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #888888;
}
.fl-centen .rss_input li a:hover {}
/**********************************subfoot-wrap**************************************/

.subfoot-wrap {
	width: 100%;
	height: 245px;
	background: #e8e8e8;
}
.subfoot-centen {
	max-width: 1170px;
	padding: 0 20px;
	height: 245px;
	margin: auto;
}
.About-Us {
	width: 34%;
	float: left;
}
.subfoot-centen h4 {
	color: #333333;
	font-size: 16px;
	padding-top: 20px;
	line-height: 35px;
	font-weight: normal;
}
.subfoot-centen .About-Us p {
	color: #666666;
	line-height: 24px;
	font-weight: normal;
	font-size: 14px;
	font-family: arial;
}
.subfoot-centen .About-Us img {
	padding-top: 20px;
}
.Visitor {
	width: 8%;
	float: left;
	margin-left: 9%;
}
.Visitor li,
.Fast-nav li {
	height: 24px;
	list-style: url(footPrefix.jpg) inside;
	overflow: hidden;
}
.Visitor li a,
.Fast-nav li a {
	font-size: 14px;
	font-family: arial;
	line-height: 24px;
	color: #666666;
}
.Fast-nav {
	width: 29%;
	float: left;
	margin-left: 4%;
}
.Fast-nav ul {
	float: left;
	width: 50%;
	*width: 49%;
}
.Share {
	width: 9%;
	float: right;
}
.Share a {
	width: 25%;
	height: 24px;
	display: block;
	float: left;
}
.Share .qq-blog {
	background: url(Sharebtn.png) no-repeat 0 0;
}
.Share .qq-zone {
	background: url(Sharebtn.png) no-repeat 0 -24px;
}
.Share .qq-friend {
	background: url(Sharebtn.png) no-repeat 0 -48px;
}
.Share .sina-blog {
	background: url(Sharebtn.png) no-repeat 0 -72px;
}
.Share img {
	padding-top: 12px;
}
.Share h5 {
	color: #000;
	font-weight: normal;
	line-height: 25px;
}
/**********************************copyline**************************************/

.copyline {
	width: 100%;
	height: 35px;
	background: #f9f9f9;
}
.copyline-centen {
	max-width: 1170px;
	padding: 0 20px;
	height: 35px;
	margin: auto;
	color: #666666;
}
.copyline-centen .copy-left {
	line-height: 35px;
	float: left;
}
.copyline-centen .copy-right {
	line-height: 35px;
	float: right;
	text-align: right;
}
.copyline-centen .copy-right a {
	padding-left: 15px;
	padding-right: 15px;
	border-left: solid 1px #666666;
	color: #666666;
}
.Advice {
	width: 100%;
	height: auto;
	background: #f9f9f9;
}
.Use-Advice {
	color: #0060a6;
	text-align: center;
	line-height: 24px;
}
/***********************************��Ŀҳ��ʽ**********************************************/
/***************��ĿҳbannerͼƬ**********************/

.column-banner {
	width: 100%;
	height: 280px;
	overflow:hidden;
	background: #FFFFFF;
	
}
.column-banner-centen {
	max-width: 1170px;
	padding-top:170px;
	margin: auto;
}
.banner-title {
	width: 20%;
	min-width: 200px;
	height: 110px;
	background: url(columntitlebg.png) repeat;
	font-size: 42px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 110px;
	text-align: center;
}
@media (max-width: 1024px) {
	.column-banner-centen {
		max-width: 1170px;
		padding-top:170px;
		margin: auto;
	}
	.banner-title {
		width: 20%;
		min-width: 200px;
		height: 110px;
		background: url(columntitlebg.png) repeat;
		font-size: 35px;
		font-weight: bold;
		color: #FFFFFF;
		line-height: 110px;
		text-align: center;
	}
}
/*********************��Ŀ����**************************/

.column-conten {
	width: 100%;
	height: auto;
	background: #f5f5f5;
}
.column-conten .conten-centen {
	padding: 0px;
	background: #fcfcfc;
}
.column-left {
	width: 20%;
	min-width: 200px;
	float: left;
	border-right: #dcdcdc solid 1px;
	background: #f1f1f1;
	padding: 50px 0;
}
.column-left img {
	margin-top: 4px;
}
.Defaultcolumn {
	color: #888;
	font-size: 16px;
	line-height: 40px;
	font-weight: bold;
	text-decoration: none;
}
.activecolumn {
	color: #0060a6;
	font-size: 16px;
	line-height: 40px;
	font-weight: bold;
	text-decoration: none;
}
.threecolumn {
	color: #888;
	line-height: 40px;
	text-decoration: none;
	font-size: 16px;
}
.acthreecolumn {
	color: #0060a6;
	line-height: 40px;
	text-decoration: none;
	font-size: 16px;
}
.column-right {
	width: 78%;
	padding: 50px 0;
	float: right;
	background: #fcfcfc;
}
.Subordinate-column {
	color: #333;
	font-size: 22px;
	line-height: 40px;
	font-weight: normal;
}
.First-line {
	width: 98%;
	height: auto;
	padding: 20px 0;
}
.Leading-photo {
	width: 30%;
	float: left;
	height: 300px;
	min-width: 250px;
	font-size: 16px;
	text-align: center;
}
.Leading-photo img {
	width: 100%;
	margin: auto;
}
.Speech-leader {
	width: 67%;
	float: right;
	height: 300px;
}
.Speech-leader p a {
	font-size: 18px;
	line-height: 34px;
	color: #333;
	text-indent: 36px;
	display: block;
}
.Ellipsis {
	font-size: 24px;
	line-height: 50px;
	padding-left: 40px;
}
.Signature {
	float: right;
}
.Second-lines {
	width: 98%;
	height: 58px;
	border-top: 2px solid #E8E8E8;
	border-bottom: 2px solid #E8E8E8;
	margin: 20px 0;
}
.Second-lines li {
	width: 30%;
	float: left;
}
.Second-lines .ml-5 {
	margin-left: 5%;
	*margin-left: 4%;
}
.Second-lines a,
.Introduction-module a {
	color: #333;
	font-size: 22px;
	line-height: 58px;
	font-weight: normal;
}
.Introduction-module {
	width: 98%;
	height: 340px;
	margin-top: 20px;
}
.Introduction-module .module1,
.module2,
.module3,
.module4,
.module5 {
	width: 30%;
	float: left;
}
.Introduction-module .ml-5 {
	margin-left: 5%;
	*margin-left: 4%;
}
.module1 img,
.module2 img,
.module3 img {
	width: 100%;
	height: 170px;
	overflow: hidden;
}
.module4 img {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.module1 p,
.module2 p,
.module3 p {
	width: 100%;
	height: auto;
	overflow: hidden;
	color: #3D3D3D;
	font-size: 12px;
	line-height: 21px;
	font-family: "����";
	padding-top: 10px;
}
.module5 p {
	width: 100%;
	height: auto;
	overflow: hidden;
	color: #3D3D3D;
	font-size: 12px;
	line-height: 24px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #CBCBCB;
}
.module5 ul {
	padding-top: 15px;
}
.module1 p a,
.module2 p a,
.module3 p a {
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 12px;
	line-height: 21px;
	font-family: arial;
	text-decoration: none;
	color: #0060A5;
	;
	padding-top: 10px;
}
.module1 ul li,
.module2 ul li,
.module5 ul li {
	float: left;
	width: 45%;
	margin-left: 5%;
	list-style: url(linkqz.jpg) inside;
}
.module1 ul li a,
.module2 ul li a,
.module5 ul li a {
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 12px;
	line-height: 30px;
	text-decoration: none;
	color: #3D3D3D;
	padding-top: 10px;
}
.module1 .wrap,
.module2 .wrap {
	width: 100%;
	height: 120px;
	position: relative;
	overflow: hidden;
}
.module1 .wrap div,
.module2 .wrap div {
	width: 100%;
	height: 320px;
	padding: 120px 0;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url("trans.png") no-repeat scroll center 120px transparent;
}
.module1 .wrap div p,
.module2 .wrap div p {
	font-size: 12px;
	color: #FFF;
	line-height: 16px;
	text-align: left;
	width: 90%;
	margin: auto;
}
.module3 select {
	float: right;
	margin-right: 5%;
	margin-top: 7%;
	*margin-right: 5%;
	*margin-top: -15%;
}
.module3 ul li {
	float: left;
}
.module3 ul .leftli {
	width: 55%;
}
.module3 ul .rightli {
	width: 45%;
}
.module3 ul li img {
	width: 100%;
	height: auto;
}
.module3 ul li h4 {
	font-size: 12px;
	color: #3D3D3D;
	font-weight: normal;
	height: auto;
	line-height: 21px;
	margin-left: 8%;
	margin-bottom: 8%;
}
.module3 ul li h3 {
	font-size: 12px;
	color: #0060A7;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	padding-left: 30px;
	margin-left: 8%;
	margin-bottom: 8%;
}
.module3 ul li a {
	width: 90%;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	margin-left: 8%;
	text-align: center;
	background: #0060a5;
	display: block;
}
.module3 ul li a:hover {
	color: #FFFFFF!important;
}
.module3 ul li .xiaz {
	background: url(xiaz.jpg) left no-repeat;
}
.module3 ul li .yuedu {
	background: url(yuedu.jpg) left no-repeat;
}
.module3 ul li .xiaz a,
.module3 ul li .yuedu a {
	background: none;
	color: #0060A7;
	text-align: left;
	height: 30px;
	line-height: 30px;
}
.module3 ul li .xiaz a:hover,
.module3 ul li .yuedu a:hover {
	background: none;
	color: #0060A7!important;
}
/*************************��Ʒ�����***************************/

.Product-service {
	width: 70%;
	float: left;
	height: auto;
	font-size: 14px;
	line-height: 28px;
	color: #3D3D3D;
}
.Product-service p {
	text-indent: 2em;
	padding-bottom: 10px;
}
.Product-service a {
	background: url(dui.jpg) no-repeat left;
	padding-left: 0px;
	width: 25%;
	*width: 24%;
	text-indent: 15px;
	display: block;
	float: left;
	font-size: 12px;
	color: #0060A7;
	font-weight: bold;
	line-height: 30px;
}
.Product-service-pic {
	width: 27%;
	float: right;
}
.Product-service-pic img {
	width: 100%;
}
.Dividing-line {
	border-top: 2px solid #E8E8E8;
	width: 98%;
}
/****************************�ɳ�����չ************************************/

.develop-left {
	width: 65%;
	*width: 64%;
	float: left;
	height: auto;
	font-size: 14px;
	line-height: 28px;
	color: #3D3D3D;
	text-align: left;
}
.develop-right {
	width: 30%;
	float: left;
	height: auto;
	font-size: 14px;
	line-height: 28px;
	color: #3D3D3D;
	text-align: right;
	margin-left: 5%;
}
.develop-left img,
.develop-right img {
	width: auto;
	height: 100%;
}
@media (max-width: 1024px) {
	.develop-left img,
	.develop-right img {
		width: 98%;
		min-height: 215px;
	}
}
/*******************************����ҵ��*************************************/

.Overseas-text p {
	text-indent: 2em;
	line-height: 30px;
	font-size: 14px;
	color: #666;
	padding-bottom: 20px;
}
.Overseas-pic img {
	width: 100%;
	max-width: 869px;
}
/*********************************ְҵ����****************************************/

.zyzx-present {
	line-height: 30px;
	font-size: 14px;
	color: #666;
}
.zyzx-present-link {
	float: right;
	color: #0060A6;
}
#focus_Box {
	position: relative;
	width: 100%;
	height: 240px;
	margin: 20px auto;
}
#focus_Box ul {
	position: relative;
	width: 80%;
	margin: auto;
	height: 240px;
}
@media (max-width: 1024px) {
	#focus_Box ul {
		position: relative;
		width: 80%;
		margin-left: 45px;
		height: 240px;
	}
}
#focus_Box li {
	z-index: 0;
	position: absolute;
	width: 0px;
	background: #787878;
	height: 0px;
	top: 146px;
	cursor: pointer;
	left: 377px;
	border-radius: 4px;
	box-shadow: 1px 1px 12px rgba(200, 200, 200, 1)
}
#focus_Box li img {
	width: 100%;
	background: url(loading.gif) no-repeat center 50%;
	height: 100%;
	vertical-align: top
}
#focus_Box li p {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: url(float-bg.png) repeat;
	text-indent: 8px;
	color: #fff;
}
#focus_Box li p span {
	display: inline-block;
	width: 70%;
	height: 40px;
	overflow: hidden;
}
#focus_Box .prev,
#focus_Box .next {
	display: block;
	z-index: 100;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	width: 52px;
	height: 52px;
	top: 100px;
}
#focus_Box .prev {
	background: url(zyzxbtn.png) left bottom no-repeat;
	left: 0px
}
#focus_Box .next {
	background: url(zyzxbtn.png) right bottom no-repeat;
	right: 0px
}
#focus_Box .prev:hover {
	background-position: left top;
}
#focus_Box .next:hover {
	background-position: right top;
}
#focus_Box a.imgs-scroll-btn {
	display: block;
	position: absolute;
	z-index: 110;
	top: 7px;
	right: 15px;
	width: 51px;
	height: 23px;
	overflow: hidden;
	background: url(share-btn.png) no-repeat;
	text-indent: -999px;
}
/**********************************��˾����********************************************/

.Company-profile {
	width: 96%;
	background: #e8e8e8;
	height: auto;
	padding: 20px 2%;
	font-size: 16px;
	line-height: 30px;
	color: #888;
}
.Dividing-line2 {
	width: 98%;
	height: 1px;
	border-bottom: 1px solid #E8E8E8;
	margin-top: 10px;
	margin-bottom: 10px;
}
.Company-module {
	height: 440px;
}
.Company-module h1 {
	color: #0060A6;
	line-height: 60px;
	font-family: "verdana";
	font-size: 40px;
	font-weight: bold;
	text-align: center;
}
.Company-module h6 {
	padding: 10px 5px;
	font-size: 14px;
	line-height: 22px;
	color: #666;
	font-weight: normal;
}
/*******************************��˾�߲㼰���»�***********************************/

.Leadership-list {
	width: 98%;
	height: auto;
}
.Leadership-list .Leadership-first {
	display: block;
}
.Leadership-list .Leadership-first li {
	padding: 20px 0;
	border-bottom: 1px dashed #CBCBCB;
}
.Leadership-list .Leadership-first li img {
	float: left;
	padding-right: 25px;
}
.Leadership-list .Leadership-first li img {
	float: left;
	padding-right: 25px;
	padding-bottom: 25px;
}
.Leadership-list .Leadership-first li h3 {
	font-size: 14px;
	font-weight: bold;
	font-family: ����;
}
.Leadership-list .Leadership-first li h3 a,
.Leadership-list .Leadership-Second li h3 a {
	font-size: 14px;
	font-weight: bold;
	font-family: ����;
	color: #333;
}
.Leadership-list .Leadership-first li h3 i {
	font-size: 14px;
	margin-left: 8px;
	color: #666;
	font-weight: 100;
}
.Leadership-list .Leadership-first li p {
	line-height: 24px;
	padding: 15px 0;
	min-height: 150px;
}
.Leadership-list .Leadership-Second {
	display: block;
}
.Leadership-list .Leadership-Second li {
	padding: 20px 0;
	width: 33.3%;
	float: left;
	border-bottom: 1px dashed #CBCBCB;
	text-align: center;
}
.Leadership-list .Leadership-Second li img {
	padding-bottom: 25px;
}
.Leadership-list .Leadership-Second li h3 {
	font-size: 14px;
	font-weight: bold;
	font-family: ����;
	color: #333;
	line-height: 30px;
}
.Leadership-list .Leadership-Second li h4,
a {
	font-size: 14px;
	font-weight: normal;
	color: #333;
	line-height: 30px;
}
.Leadership-list .Leadership-Third {
	display: block;
}
.Leadership-list .Leadership-Third li {
	padding: 20px 0;
	width: 25%;
	*width: 24%;
	float: left;
	border-bottom: 1px dashed #CBCBCB;
	text-align: center;
}
/************************������Ŀҳ��ʽ************************/

.column-right-left {
	width: 70%;
	float: left;
	padding-right: 2%;
}
.column-right-left p {
	line-height: 26px;
}
.column-right-right {
	width: 27%;
	float: left;
	border-left: 1px solid #DCDCDC;
}
.right-company-pic,
.right-company-listbox {
	width: 90%;
	margin: auto;
	clear: both;
	overflow: hidden;
}
.right-company-listbox h2 {
	color: #0061A5;
	font-size: 18px;
	line-height: 50px;
	font-weight: bold;
}
.right-company-listbox ul li {
	height: 30px;
	line-height: 30px;
	background: url(NoticePoint.jpg) no-repeat scroll 5px 17px transparent;
	padding-left: 15px;
	white-space: normal;
	overflow: hidden;
}
.right-company-listbox ul li a {
	color: #000000;
	line-height: 30px;
}
.right-company-pic2,
.right-company-listbox2 {
	width: 90%;
	margin: auto;
	clear: both;
	overflow: hidden;
}
.right-company-listbox2 h2 {
	color: #0061A5;
	font-size: 18px;
	line-height: 50px;
	font-weight: bold;
}
.right-company-listbox2 ul li {
	height: 30px;
	line-height: 30px;
	background: url(NoticePoint.jpg) no-repeat scroll 5px 17px transparent;
	padding-left: 15px;
	white-space: normal;
	overflow: hidden;
}
.right-company-listbox2 ul li a {
	font-size: 12px;
	color: #000000;
	line-height: 30px;
}
/*********************��֯�ṹ***********************/

.O-S-img {
	width: 98%;
	height: auto;
	padding: 0px;
}
.O-S-img img {
	width: 100%;
}
.Affiliated-units {
	height: 40px;
	width: 98%;
	padding: 0px;
	background: #eeeeee;
	font-family: "΢���ź�";
	font-size: 16px;
	color: #0060A6;
	font-weight: bold;
	line-height: 40px;
	text-indent: 23px;
}
.Affiliated-units-list {
	width: 98%;
}
.Affiliated-units-list ul .Company-name {
	width: 29%;
	float: left;
	padding: 2%;
	color: #000000;
	line-height: 180%;
	height: 130px;
}
.Company-name .Name {
	color: #19BDE1;
	font-weight: bold;
}
/*********************��˾����***********************/

.quality-title {
	height: 40px;
	width: 98%;
	padding: 0px;
	background: #eeeeee;
	font-family: "΢���ź�";
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	line-height: 40px;
	text-indent: 23px;
	margin: 20px 0;
}
.quality-Introduce {
	width: 96%;
	display: block;
	padding-left: 2%;
}
.quality-Introduce li {
	list-style: disc;
	line-height: 200%;
}
/******************ҵ������*******************/

.Columns-present {
	width: 98%;
	padding: 20px 0;
}
.Columns-present p {
	line-height: 200%;
	text-indent: 2em;
}
.Columns-present h4{
	line-height: 250%;
	text-indent: 2em;
	font-size: 16px;
	font-weight: normal;
}
.Columns-present .Blue-More{
	text-align: right;
	color: #0060A6;
}
.Business-name {
	width: 48%;
	float: left;
	padding-left: 2%;
	*padding-left: 1%;
}
.Business-name li {
	width: 50%;
	float: left;
	height: 34px;
	line-height: 34px;
	background: url(Business-name-bg.jpg) no-repeat left top;
	margin: 10px 0;
	text-indent: 10%;
	
}
.Business-name li a{
	color: #999;
	font-size: 16px;
}
.Business-name .NameLi-1 {
	background: url(Business-name-bg.jpg) no-repeat 0 0;
}
.Business-name .NameLi-2 {
	background: url(Business-name-bg.jpg) no-repeat 0 -34px;
}
.Business-name .NameLi-3 {
	background: url(Business-name-bg.jpg) no-repeat 0 -68px;
}
.Business-name .NameLi-4 {
	background: url(Business-name-bg.jpg) no-repeat 0 -102px;
}
.Business-name .NameLi-5 {
	background: url(Business-name-bg.jpg) no-repeat 0 -136px;
}
.Business-Video {
	width: 50%;
	float: right;
}
.Deep-water-img{
	width: 98%;
}
.Deep-water-img ul .ml-5{
	margin-left: 5%;
	*margin-left: 4%;
}
.Deep-water-img ul li{
	float: left;
	width: 30%;
}
.Deep-water-img ul li .Business-title {
    color: #333;
    font-size: 16px;
    line-height: 58px;
    font-weight: normal;
}
.Deep-water-img ul li a img{
	width: 100%;
	height: auto;
}
/******************��������******************/
.honor-Introduce {
	display: block;
	width: 98%;
}
.honor-Introduce p {
	text-indent: 2em;
	font-size: 14px;
	line-height: 180%;
	margin: 14px 0;
}
/******************��չ����******************/
.development-Introduce {
	width: 98%;
	margin-top: 20px;
}
.development-Introduce p {
	margin: 14px 0;
}
.azviewtable div td{
	font-size:14px;
	line-height:24px;
}
/******************��ҵ�Ļ�******************/
.children-column {
	margin-top: 20px;
}
/*************��ҳ����������ʵ����**************/
.syss{
	font-size:18px;
	color:#0060a6;
	line-height:35px;
	font-weight:bold;
}