body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0px; padding: 0px; }
body, button, input, select, textarea { font: 12px/1.5 "Arial","黑体","宋体"; }
h1, h2, h3, h4, h5, h6 { font-size: 100%;}
address, cite, dfn, em, var { font-style: normal; }
ul, ol { list-style: none outside none; }
a { text-decoration: none;outline:none; }
b{font-weight: normal;}
/* a:hover{text-decoration: underline;} */
legend { color: rgb(0, 0, 0); }
fieldset, img { border: 0px none; }
img{display:block;border:none; margin: 0 auto;}
.header, .content, .page, .bottom, .footer{margin-left: auto; margin-right: auto;}
.cf:before,.cf:after {content:"";display:table;}
.cf:after {clear:both;}
.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both;}

/* IE 6/7浏览器 (触发hasLayout) */
.cf {*zoom:1;}
.hide{display:none;}
img{display:block;border:none; margin: 0 auto;}
/* html{width:100%;height:auto;}
body{width:100%;height:auto;} */
body{position: relative; width:100%; text-align:center;overflow-x:hidden;}
#location a{display:inline-block;}

/*PC隐藏*/
.search_iphone,
.nav_li_mibile,
.foot_bottom_iphone,
.mobile_location{ display: none;}

.layoutRow {width: 100%;}
.layoutColumn {width: 100%;}
.page{
	width:100%;
	height:auto;
	background-color:#fff;
	overflow: hidden;
}
.header{
	width:100%;
	height:80px;
	position: relative;
	z-index: 99;
	/* background-color:#fff; */
}
.header_con{
	width: 960px;
	height: 80px;
	margin: 0 auto;
	position: relative;
	z-index: 122;
	text-align:left;
}

.logo{
	float:left;
	width: 245px;
}
.header_right{
	float: left;
	height: 80px;
	width: 715px;
}
.nav{
	 width: 675px;
	 position:relative;
	 height:80px;
	 padding-left: 40px;
}
.nav .nav_con{
	float: left;
}
.nav li{
	float: left;
	line-height: 80px;
	position: relative;
}
.nav li a{
	height: 80px;
	display: inline-block;
	padding: 0 9px;
	font-family: "Arial";
	font-size: 14px;
	color: #4f5c6d;
	/* *width: 56px; */
}
.nav li i{
	
	position: absolute;
	width: 0;
	height: 0;
	border-width: 7px;
	border-style: solid;
	border-color: transparent;
	border-top-color: #fff;
	bottom: -14px;
	_bottom: -7px;
	_width: 13px;
	_height: 7px;
	_background: url(../images/public/pull-guide.png) 0 0 no-repeat;
	_border:none;
	left: 50%;
	margin-left: -7px;
	overflow: hidden;
	display: none;
}
.nav .search_en{
	width: 189px;
	float: right;
}
.nav .search_en p{
	height: 30px;
	line-height: 30px;
	font-size: 12px;
}
.nav .search_en a{
	color: #b7b7b7;
	margin-right: 6px;
}
.nav .search_en form{
	height: 22px;
	width: 178px;
	position: relative;
	overflow: hidden;
	background: #fff url(../images/public/form_bg.png) 0 0 no-repeat;
}
.nav .search_en .search_ku{
	height: 22px;
	width: 178px;
	position: relative;
	overflow: hidden;
	background: #fff url(../images/public/form_bg.png) 0 0 no-repeat;
}
.nav .search_en a.chinese{
	color: #1b2541;
	font-family: "微软雅黑";
	font-weight: bold;
}
.nav .search_en .key_word{
	width: 121px;
	padding-left: 9px;
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	background: none;
	height: 22px;
	line-height: 22px;
	/* vertical-align: middle; */
}
.nav .search_en .search_btn{
	width: 31px;
	height: 22px;
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	background: none;
	/* vertical-align: middle; */
	cursor: pointer;
}
.nav_pull{
	width: 100%;
	height: 250px;
	display:none;
	position: absolute;
	z-index: 99;
	top:80px;
	left:0;
	overflow: hidden;
	text-align:left;
}
.aboutus,.governance,.investment,.resources,.careers{
	height: 140px;
	width: 100%;
	padding-top: 60px;
	padding-bottom: 50px;
	display: block;
	position:absolute;
	left:0;
	top:0;
}
.hide_pull .bg{
	width:100%;
	height:250px;
	position:absolute;
	top:0;
	z-index:99;
}
#zw{cursor: pointer;}
 
.aboutus .bg{
	background: #556FB5 url(../images/public/aboutus_pull_bg.jpg) center top no-repeat;
}
.governance .bg{
	background: #3E92D3 url(../images/public/governance_pull_bg.jpg) center top no-repeat;
}
.investment .bg{
	background: #39B8E1 url(../images/public/investment_pull_bg.jpg) center top no-repeat;
}
.resources .bg{
	background: #45C6DF url(../images/public/resources_pull_bg.jpg) center top no-repeat;
}
.careers .bg{
	background: #77D2EC url(../images/public/careers_pull_bg.jpg) center top no-repeat;
}
.pull_con{
	width: 960px;
	margin: 0 auto;
	z-index:199;
	position:relative;
	display:none;
}
.pull_con ul{
	width: 528px;
	height: 140px;
	float: left;
}
.aboutus ul{
	border-right: 1px solid #93A6D6;
}
.governance ul{
	border-right: 1px solid #83BDE7;
}
.investment ul{
	border-right: 1px solid #80D5EE;
}
.resources ul{
	border-right: 1px solid #8BDEEE;
}
.careers ul{
	border-right: 1px solid #AAE6F5;
}
.pull_con li{
	padding-left: 320px;
}
.pull_con ul a{
	color: #fff;
	font-size: 14px;
	line-height: 28px;
	position:relative;
}
.pull_con_right{
	padding-left: 36px;
	width: 394px;
	height: 140px;
	float: right;
	color: #263b72;
}
.governance .pull_con_right{
	color: #015a87;
}
.investment .pull_con_right{
	color: #006699;
}
.resources .pull_con_right{
	color: #27667b;
}
.careers .pull_con_right{
	color: #2d859e;
}
.pull_con_right h2{
	font-size: 16px;
}
.pull_con_right .intro{
	font-family: "Arial";
	float: left;
	margin-top: 15px;
	line-height: 20px;
	/* width: 330px; */
}
.pull_con_right img{
	float: left;
}
.pull_con_right p{
	float: left;
	width: 330px;
	margin-left: 10px;
	*display: inline;
}
.pull_con_right p img{
	float: left;
	margin-right: 15px;
}

/*********footer***********/
.footer{
	/* height: 322px; */
	width: 100%;
	background-color: #DCE0E3;
	position:relative;
	z-index:200;
	padding:30px 0px 80px 0px
}
.footer .foot2{margin: 5px 0px; width: 880px; float: left;}
.footer_main{
	width: 960px;
	position:relative;
	margin: 0 auto;
	text-align:left;
	/* height: 322px; */
}.footer_main .footer_nav{
	padding-top: 20px;
	padding-bottom: 80px;
}
.footer_main .footer_nav li{
	/* width:192px ; */
	float: left;
}
.footer_main .footer_nav li.f_aboutus{
	width: 170px;
	text-align: left;
}
.footer_main .footer_nav li.f_governance{
	width: 260px;
}
.footer_main .footer_nav li.f_investment{
	width: 210px;
}
.footer_main .footer_nav li.f_resources{
	width: 200px;
}
.footer_main .footer_nav li.f_careers{
	width: 120px;
}

.footer_main .footer_nav h2{
	border-bottom: 1px solid #8392A4;
	height: 20px;
	line-height: 20px;
	padding-bottom: 15px;
	font-size: 14px;
	color: #5b697b;
}
.footer_main .footer_nav li li{
	float: none;
}
.footer_main .footer_nav li ul{
	margin-top: 10px;
}
.footer_main .footer_nav li li a{
	color: #8993a0;
	font-family: "Arial";
	line-height: 20px;
}
.copylight{
	/*height: 20px;
	line-height: 20px;*/
	height: 36px;
	line-height: 36px;
	color: #34476a;
	font-family: "Arial";
	position: relative;
	overflow: hidden;
}
.copylight font{ margin: 0 6px;}
.copylight span.copylight_info{
	display: block;
	width: 372px;
	position: absolute;
	right: 0;
	top: 0;
}
.copylight span.arial{
	font-family: arial;
}
.copylight a{
	color: #34476a;
}
.copylight1{
	/*height: 4px;
	line-height: 4px;*/
	height: 20px;
	line-height: 20px;
	color: #34476a;
	font-family: "Arial";
	position: relative;
}
.copylight1 span.copylight_info1{
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}
.copylight1 span.arial{
	font-family: arial;
}
.copylight1 a{
	color: #34476a;
}
/*********content********/
.content{
	width: 100%;
	height: auto; 
	/*background-color: #fff;*/
	position: relative;
	overflow: none;
	z-index: 1;
}
/******中间主体******/
.content_main{
	width: 960px;
	height: auto;
	margin: 0 auto;
	position:relative;
	padding-top: 40px;
	padding-bottom: 50px;
	text-align:left;
	z-index:99;
}

/********主页右边遮罩**********/
.intro_business_mask{
	height: 293px;
	width: 100%;
	position: absolute;
	top:328px;
	background-color: #eee;
	left: 50%;
	z-index: 55;
}
.joinus_mask{
	height: 95px;
	width: 100%;
	position: absolute;
	top:641px;
	background-color: #94B7DB;
	left: 50%;
	z-index: 55;
}
.left_mask{
	height: 100%;
	/**height: 5000px;*/
	*height: 100%;
	width: 100%;
	position: absolute;
	/* top: 20%; */
	top: 96px;
	right: 50%;
	z-index: 66;
	background-color: #fff;
}
.line_mask{
	background-color: #EFF1F2;
	height: 2px;
	line-height:2px;
	overflow:hidden;
	width: 100%;
	position: absolute;
	bottom: 120px;
	right: 40%;
	z-index: 99;
}

/*二级公共*/
.sub_left{
	width: 710px;
	float: left;
	height: auto;
	position: relative;
}
.subnav{
	height: 45px;
	_height: 46px;
	width: 710px;
	line-height: 45px;
	font-size: 16px;
	color: #334D97;
	position: relative;
	z-index: 99;
}
.subnav a{
	color: #fff;
	height: 45px;
	_height: 46x;
	display: block;
	float: left;
	position: relative;
}
.subnav a span{
	padding: 0 10px;
}
.subnavbg{
	height: 5px;
	_height: 6px;
	overflow: hidden;
	background-color: #fff;
	width: 710px;
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
	z-index: -99;
}
.subnav span.unvisibility{
	visibility:hidden;
	padding: 0;
}

.sub_right{
	width: 250px;
	height: auto;
	padding-top: 35px;
	float: right;
	word-break:break-all; 
}
.sub_right p{
	padding-left: 30px;
	font-family: "Arial";
	color: #fff;
	line-height: 20px;
}
.sub_right .xwsz_location{
	padding-left: 30px;
	padding-right: 62px;
	font-family: "Arial";
	color: #fff;
	line-height: 20px;
}
.sub_right p a{
	color: #fff;
}
.sub_right p a:hover{
	text-decoration: underline;
}
.sub_right p.second{
	font-size: 29px;
	line-height: 80px;
	margin-top: 30px;
	font-family: "Arial";
}
.sub_right .breadcrumbs p span{display: inline-block;}

/*超链接*/
/*#content-lj a {color: #666;	}*/
#content-lj a{
	color: #1b2541;
	text-decoration: underline;
}
/*-------------------------------↓分页样式开始↓------------------------------------*/
.page_num{padding-top:15px; height:40px; overflow:hidden; width:60%; margin:auto;float:right; margin-right: 40px;}
#page_div{line-height:21px; color:#575757; font-family:Arial, Helvetica, sans-serif; width:auto; *width:328px; +width:330px!important; height:20px; float:right;}
#pagination_input{ width:40px; height:9px; line-height:9px; margin:0 2px; padding:0; overflow:hidden; border:1px solid #ccc;}
#page_div .pagination_index, #page_div .pagination_index_num{ 
  padding:0 4px;
margin-right:0px;
float: left; height:20px; line-height:21px; }
#page_div .pagination_index a, #page_div .pagination_index_num a{padding:0px; margin:0px;text-align:center;  color:#575757;}
#page_div .pagination_index a:hover, #page_div .pagination_index_num a:hover{padding:0px; margin:0px;text-align:center;  color:#575757;}
#page_div .pagination_index_last{ width:auto; +width:145px!important; float:right; text-align:right; margin:0 auto;}
#page_div .pagination_index_last a{ color:#575757;}
/* ========="首页"样式=========*/
#page_div .pagination_index_num{margin-right:2px; padding:0px; width:20px;}
#page_div .currentIndex{ background:#145190; border:1px solid #145190; width:20px; height:20px;
line-height:20px; color:#FFF;text-align:center; font-weight:bold;} /*=========当前页码样式=========*/
/*-------------------------------↑分页样式结束↑---------------------------------------*/
/*.line{ width:100%; border-bottom:1px solid #ccc; margin:20px auto 10px;}*/
.con_li{float:left; width:600px; overflow:hidden; height:30px; padding-left:10px;}
.topIframe{ height:208px;}
/*-------------------------------↓分页样式开始↓------------------------------------*/

@media screen and (max-width:991px){
	.header{ height: 182px;}
	.search_iphone,
	.nav_li_mibile,
	.foot_bottom_iphone,
	.mobile_location{ display: block;}
	.search_en{ display: none;}
	.search_iphone{ background: #1e263f; overflow: hidden; padding: 6px 10px;}
	.search_iphone a{color: #fff; margin-right: 10px;}
	.search_btn_mibile{ background: url(../images/public/form_bg_mibile.png) no-repeat; width:18px; height: 18px; border: none; background-size: 90%;}
	.header_right,
	.nav{ height: 60px;}
	.header_con,
	.logo,
	.header_right,
	.nav{ width: 100%;}
	.logo,
	.nav .nav_con{ float: none;}
	.nav{ padding-left: 0;}
	.logo img{ margin: 0 auto;}
	.nav li,
	.nav li a{ line-height: 32px; height: 32px;}
	.nav li{ width: 33.3%;}
	.nav li a{ padding: 0; text-align: center; display: block; background: url(../images/public/nav_li_bg_mobile.png) no-repeat right center;}
	.nav li:nth-child(3) a,
	.nav li:nth-child(6) a{ background: none;}
	.nav li i{ display: none;}
	
	.footer{ padding: 20px 0px 10px}
	.footer_main .footer_nav{ display: none;}
	.footer .foot2{ width: 100%; margin: 0; float: none;}
	.footer_main{ width: 100%;}
	.footer .foot2 .foot2_fl{ display: block; width: 94%; margin: 0 auto; overflow: hidden; }
	.footer .foot2 .foot2_fl a,
	.footer .foot2 .foot2_fl font{ line-height: 26px; height: 26px;}
	.copylight{ height: auto;}
	.copylight a,
	.copylight font{ float: left; color: #1e263f; font-size: 14px;}
	.copylight font{ margin: 0 12px;}
	.copylight span.copylight_info,
	.copylight1,
	.ewm_img,
	.copylight span.fr{ display: none;}
	
	.foot_bottom_iphone{ width: 96%;border-top: 1px #c7c4c4 solid; margin: 0 auto; clear: both; height: auto; margin-top: 6px; padding:10px 0; overflow: hidden;}
	.foot_bottom_iphone .fl{ width: 80%;  line-height: 26px; padding-top: 20px;}
	.foot_bottom_iphone .fr{ width: 18%;}
	.foot_bottom_iphone .fr img{ width: 100%; height: auto;}
	.foot_bottom_iphone,
	.foot_bottom_iphone a{ color: #1e263f; font-size: 14px;font-family: Arial;}
	
	.mobile_location .breadcrumbs,
	.mobile_location .breadcrumbs a{ color: #fff; font-size: 13px; font-family: Arial;}
	.mobile_location .second{ width: 100%; margin: 0 auto; text-align: center; background:no-repeat center; background-size: 100%; color: #fff; font-size: 18px; padding: 10px 0; margin: 20px 0 10px}
	
	.sub_left{ width: 100%; float: none; position: static;}
	.subnavbg,
	.subnav{ width: 100%; overflow: hidden;}
	.subnav a{ font-size: 16px; padding: 0 1px; height: auto;}
	.subnavbg{ display: none;}
	.subnav{ height: auto; line-height:30px; padding-bottom: 8px;}
	.survey_content .subnav a.current{ color: #074c81;}
	
	.sub_right{ display: none;}
	.culture_right,
	.left_mask,
	.line_mask{ display: none;}
	
	.content_main{ width: 100%}
	.content{ background: url(../images/gyzt/bg.png) no-repeat top right !important; background-size: 50% !important; padding: 0 2% 10px !important; width: 96% !important;}
	
	.page_num{ width: 100%; margin-right: 0;}
	
	
	.hide_pull{display:none !important;}
	.details p img {max-width: 100%; height: auto;}
	
}

@media screen and (max-width: 767px){
  video { width: 100% !important; height: auto !important;}
}

@media screen and (max-width:375px){
	.subnav a{ font-size: 14px; padding: 0;}
}

@media screen and (max-width:320px){
	.nav li a{ font-size: 13px;}
}