@charset "utf-8";
/******************************************公共样式****************************************/
* {
	margin: 0;
	padding: 0;
}
html,body {
	font-size: 16px;
	font-family: "微软雅黑","Microsoft YaHei","HanHei SC","PingHei","PingFang SC","STHeitiSC-Light","Helvetica Neue","Helvetica","Arial";
	color: #333;
	background: #fff;
}
ul li,ol li {
	list-style: none;
}
a {
	text-decoration: none;
	outline: none;
	blr: expression(this.onFocus=this.blur());
	color: #333;
}
img {
	width: 100%;
	border: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th,td {
	font-weight: normal;
	text-align: left;
}
input,textarea,select,button {
	font-size: 100%;
	font-family: inherit;
	margin: 0;
	padding: 0;
	outline: none;
}
label,button {
	cursor: pointer
}
textarea {
	white-space: pre;
	resize: none;
	border: 1px solid #ececec;
}
article,aside,figcaption,figure,footer,header,hgroup,nav,section,summary {
	display: block;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
.clearfix {
	zoom: 1;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.boxSizing {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
/*头部*/
header .top{
	position: relative;
	padding:35px 0 30px;
}
header .word{
	padding-top: 18px;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
	text-indent: 90px;
}
header .word img{
	display: inline-block;
	width:45%;
}
header .logo,header .share{
	position: relative;
	z-index: 5;
}
header .logo{
	width: 25%;
}
header .share{
	width:7%;
}
nav{
	background: #053d83;
}
/*底部*/
footer{
	padding: 20px 0;
	background: #053d83;
	color: #fff;
	font-size: 15px;
}
footer a{
	color: #fff;
}
.footer1 .email a{
	color: #eab400;
}
/*banner*/
.block_home_slider {
	position: relative;
	background-color: #ffffff;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.block_home_slider .slide {
	position: relative;
	width: 100%;
	height: 0;
	padding-top:36%;
	overflow: hidden;
}
.block_home_slider .caption {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	right: 0px;
	bottom: 0px;
	text-align: left;
}
.block_home_slider .caption0{
	height: 100%;
}
.block_home_slider .caption_con{
	width:25%;
	background:rgba(128,128,128,0.8);
	height: 100%;
	position: relative;
}
.block_home_slider .caption_con .word{
	position: absolute;
	width: 90%;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.block_home_slider .caption_con:after{
	content: "";
	width: 100%;
	height:5%;
	background: #053D83;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
}
.block_home_slider .caption p {
	font-size: 17px;
	color: #fff;
	line-height:32px;
}
.block_home_slider .caption .title {
	padding-bottom:5%;
	font-size:20px;
	color: #ffffff;
}
.block_home_slider .flex-direction-nav a {
	width:40px;
	height:175px;
	margin-top: -87px;
	display: block;
	position: absolute;
	top: 50%;
	text-indent: -9000px;
}
.block_home_slider .flex-direction-nav a.flex-prev {
	background: url(/images/bann_prev.png) no-repeat center center;
	background-size:contain;
	left: 2%;
}
.block_home_slider .flex-direction-nav a.flex-next {
	background: url(/images/bann_next.png) no-repeat;
	background-size:contain;
	right: 2%;
}
.block_home_slider .flex-control-paging {
	width:160px;
	display: inline-block;
	position: absolute;
	bottom:3%;
	left: 50%;
	margin-left: -80px;
}
.block_home_slider .flex-control-paging li {
	margin-right: 20px;
	float: left;
	overflow: hidden;
	list-style-type: none;
}
.block_home_slider .flex-control-paging li:last-of-type{
	margin-right: 0;
}
.block_home_slider .flex-control-paging li a {
	width: 16px;
	height: 16px;
	display: block;
	border-radius: 8px;
	background: #fff;
	text-indent: -9000px;
	cursor: pointer;
}
.block_home_slider .flex-control-paging li a.flex-active {
	background: #f2ba00;
}
.block_home_post_feature {
	width: 300px;
}
.block_home_post_feature p {
	padding-bottom: 0px;
}
.flexslider {
	margin: 0;
	padding: 0;
}
.flexslider .slides> li {
	display: none;
	-webkit-backface-visibility: hidden;
	list-style-type: none;
}
.flexslider .slides img {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
}
.flex-pauseplay span {
	text-transform: capitalize;
}
/*首页*/
.index h2{
	text-align: center;
	font-size: 28px;
	color: #003f8f;
	margin-bottom: 35px;
	font-weight: normal;
}
.index h2:before{
	content: "";
	display: block;
	margin: 0 auto 30px;
	width: 48px;
	height: 8px;
	background: #eab400;
}
.index_news{
	padding-bottom: 2%;
	border-bottom: 1px solid #eab400;
}
.index_news .news_img{
	width: 50%;
}
.index_news .news_list{
	width: 50%;
	padding-left: 3%;
}
.index_news .news_list li{
	line-height: 45px;
	font-size: 18px;
}
.index_news .news_list li a{
	display: block;
	color: #003f8f;
	position: relative;
}
.index_news .news_list li a:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.index_news .news_list li a span{
	display: block;
	margin-right:85px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.index_news .news_list li a time{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 14px;
	color: #999999;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.index_news .news_list .more_news{
	font-size: 18px;
	color: #003f8f;
	margin-top: 20px;
}
.index_video{
	margin-bottom: 60px;
}
.more_video{
	width: 156px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	display: block;
	color: #fff;
	margin: 0 auto 30px;
	font-size: 18px;
	background: #eab400;
}
.index_friends{
	background: #1555a6;
	margin-bottom: 20px;
}
.index_friends h2{
	color: #fff;
}
.index_friends h2:before{
	background: #fff;
}
.index_friends li{
	float: left;
	width: 25%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 1%;
}
.index_friends li div{
	position: relative;
	width: 100%;
	height: 0;
	padding-top:114%;
	overflow: hidden;
}
.index_friends li div img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.index_friends .know_more{
	padding: 35px 0 25px;
	display: block;
	text-align: center;
	margin:0 auto;
	font-size: 20px;
	color: #fff;
}
/*子页*/
.banner0{
	position: relative;
	height: 0;
	overflow: hidden;
	padding-top:12%;
}
.banner0 img{
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: auto;
	height: 100%;
}
.breadNav{
	margin-top: 8px;
	line-height: 55px;
	border-bottom: 1px solid #d3d3d3;
}
.breadNav a.on{
	color: #9e9e9e;
}
.subPage{
	margin: 40px 0 60px;
}
.sub_page_left{
	width: 68%;
}
.sub_page_left .button{
	margin-top: 30px;
	text-align: center;
	display: block;
	width: 160px;
	height: 45px;
	line-height: 45px;
	border-radius: 4px;
	color: #fff;
	background:#033b7b;
}
.sub_page_left .button img{
	width: auto;
	margin: 0 !important;
	vertical-align: middle;
}
.sub_page_right{
	width: 32%;
	padding: 0 3%;
	background: url(/images/sub_page_right_bg.png) no-repeat center bottom;
	background-size:60%;
}
.sub_page_right a{
	display: block;
	text-indent: 5px;
	height: 45px;
	line-height: 45px;
	border-bottom: 1px solid #c0c0c0;
}
.sub_page_right a.on,.sub_page_right a:hover{
	color: #003f8f;
}
.aboutUs .sub_page_left img{
	margin-bottom: 20px;
}
.aboutUs .sub_page_left h3{
	font-size: 34px;
	padding: 30px 0;
}
.aboutUs .sub_page_left p{
	line-height: 25px;
}
.textIntro .img{
	margin-left: 5%;
}
.textIntro h3{
	font-size: 36px;
}
.textIntro h3 .source{
	font-size: 18px;
}
.textIntro .source{
	text-align: right;
	font-weight: bold;
}
.textIntro p{
	line-height:30px;
}
.communication .list li{
	height: 56px;
	line-height: 56px;
	position:relative;
}
.communication .list li:nth-of-type(even){
	background: #f2f3f1;
}
.communication .list li a{
	display: block;
	margin-right: 120px;
	color: #6b6c6c;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-indent: 3px;
}
.communication .list li:nth-of-type(even) a{
	color: #8a8b8b;
}
.communication .list li time{
	position: absolute;
	top: 0;
	right: 20px;
}
.paging{
	text-align: center;
	margin-top: 60px;
}
.paging ul{
	display: inline-block;
}
.paging ul li{
	float: left;
	margin-right: 5px;
	border: 1px solid #d8dce0;
	border-radius: 3px;
}
.paging ul li:last-of-type{
	margin-right: 0;
}
.paging ul li a{
	display: block;
	height:35px;
	line-height:35px;
	padding: 0 15px;
	color: #8c8c8c;
}
.paging ul li.page a:hover{
	background: #269edc;
	color: #fff;
}




.page { overflow: hidden; text-align: center; padding: 50px 0; }
.page a { padding: 0.5% 0.9%; border: 1px solid #d9d9d9;  width: 30px;height: 30px; line-height: 30px;  color: #8c8c8c; font-size: 16px;   margin: 0 0.4%; }
.page .no, .page a:hover { 	background: #269edc;color: #fff;border:1px solid #269edc; }
.page .disabled{ padding: 0.5% 0.9%; border:1px solid #d9d9d9;  width: 30px;height: 30px; color: #8c8c8c; font-size: 16px;  margin: 0 0.4%; }
.page .current{  padding: 0.5% 0.9%;  width: 30px;height: 30px;  background: #269edc;color: #fff;border:1px solid #269edc;  font-size: 16px;  margin: 0 0.4%; }

.joinUs form{
	padding-top: 60px;
}
.joinUs .tit{
	color: #a1a1a0;
	text-indent: 22px;
	margin-bottom: 10px;
}
.joinUs .shortInput > div{
	width: 47%;
}
.joinUs .input{
	border: 2px solid #e6ecef;
	border-radius: 5px;
	height: 50px;
	line-height: 50px;
	margin-bottom: 15px;
	overflow: hidden;
}
.joinUs .input input{
	height: 100%;
	width: 100%;
	border: none;
	text-indent: 10px;
}
.joinUs .submit input{
	background: #023b7b;
	color: #fff;
	text-align: center;
	text-indent: 0;
	cursor: pointer;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
}
.video li{
	width: 47%;
	margin-bottom: 40px;
}
.video li:nth-of-type(odd){
	float: left;
}
.video li:nth-of-type(even){
	float: right;
}
@media only screen and (min-width: 1200px){
	.wrapper{
		width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
    iframe{width:100%;height:600px;}
}

@media only screen and (max-width: 1199px){
	.wrapper{
		width: 96%;
		margin-left: auto;
		margin-right: auto;
       
	}
	.flex-direction-nav{
		display: none;
	}
    iframe{
        width:100%;
        height:300px;
    }
}

@media only screen and (min-width:1024px) {
	nav li{
		float: left;
		width: 10.11%;
		text-align: center;
		position: relative;
	}
	nav li:first-of-type{
		float: right;
		text-align: right;
		color: #fff;
		font-weight: bold;
	}
		nav li:nth-of-type(2){
		width: 7%;
        
	}
	nav li:nth-of-type(4){
		width:12%;
	}
	nav li:nth-of-type(5){
		width: 18%;
	}
	nav li:nth-of-type(6){
		width: 12%;
	}
	 nav li:nth-of-type(2)>a{
		display: block;
		height: 56px;
		line-height: 56px;
		color: #fff;
		transition: background-color 0.5s;
	}
     nav li:nth-of-type(3)>a{
		display: block;
		height: 56px;
		line-height: 56px;
		color: #fff;
		transition: background-color 0.5s;
	}
     nav li:nth-of-type(4)>a{
		display: block;
		height: 56px;
		line-height: 56px;
		color: #fff;
		transition: background-color 0.5s;
	}
     nav li:nth-of-type(5)>a{
		display: block;
        height:56px;
        line-height:28px;
        /*vertical-align:middle; 
		word-wrap:break-word;*/
		color: #fff;
		transition: background-color 0.5s;
	}
     nav li:nth-of-type(6)>a{
		display: block;
		height:56px;
        line-height:28px;
		color: #fff;
		transition: background-color 0.5s;
	}
      nav li:nth-of-type(7)>a{
		display: block;
		height:56px;
        line-height:28px;
		color: #fff;
		transition: background-color 0.5s;
	}
       nav li:nth-of-type(8)>a{
		display: block;
		height:56px;
        line-height:28px;
		color: #fff;
		transition: background-color 0.5s;
	}
        nav li:nth-of-type(9)>a{
		display: block;
		height: 56px;
		line-height: 56px;
		color: #fff;
		transition: background-color 0.5s;
	}
	nav li:not(:first-of-type).on > a,nav li:not(:first-of-type):hover > a{
		background: #f2ba00;
	}
	nav li:first-of-type a{
		display:inline-block;
		line-height: 56px;
		color: #fff;
	}
	nav li:first-of-type a.on,nav li:first-of-type a:hover{
		color: #f2ba00;
	}
	nav section{
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background: rgba(2,59,123,0.7);
		z-index: 200;
	}
	nav section a{
		display: block;
		color: #FFFFFF;
		padding:12px 0;
		text-align: center;
	}
	nav section a:hover{
		background: rgba(232,180,24,0.7);
	}
        nav section span{
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background: rgba(2,59,123,0.7);
		z-index: 200;
	}
	nav section  span a{
		display: block;
		color: #FFFFFF;
		padding:12px 0;
		text-align: center;
	}
	nav section span a:hover{
		background: rgba(232,180,24,0.7);
	}

    nav section  span strong a{
		display: block;
		color: #FFFFFF;
		padding:12px 0;
		text-align: center;
	}
	nav section span strong a:hover{
		background: rgba(232,180,24,0.7);
	}
	.footer1{
		width: 42%;
	}
	.footer2{
		width: 58%;
	}
	.footer1 .link{
		width: 56%;
	}
	.footer1 .email{
		width: 44%;
		text-align: center;
	}
}

@media only screen and (max-width:1023px) {
	#burger{
		margin:0 auto 10px;
		width: 30px;
	    height: 20px;
		cursor: pointer;
	}
	#burger span{
		width: 30px;
		height: 4px;
		background-color: #C9C9C9;
		display: block;
		margin-bottom: 4px;
		-webkit-transition: -webkit-transform 250ms, opacity 250ms;
		-moz-transition: -moz-transform 250ms, opacity 250ms;
		transition: transform 250ms, opacity 250ms;
	}
	#burger span:last-of-type{
		margin-bottom: 0;
	}
	#burger.on span:nth-child(1){
		transform: rotateZ(-45deg) translateX(-5px) translateY(6px);
	}
	#burger.on span:nth-child(2){
	    opacity: 0;
	    -webkit-transform: rotateZ(-90deg);
	    -moz-transform: rotateZ(-90deg);
	    -ms-transform: rotateZ(-90deg);
	    -o-transform: rotateZ(-90deg);
	    transform: rotateZ(-90deg);
	}
	#burger.on span:nth-child(3){
		transform: rotateZ(45deg) translateX(-5px) translateY(-6px);
	}
	nav{
		display: none;
	}
	nav li:first-of-type{
		text-align: center;
		color: #fff;
	}
	nav li:first-of-type a{
		display: inline-block;
		color: #fff;
		height: 40px;
		line-height: 40px;
	}
	nav li:first-of-type a.on{
		color: #f2ba00;
	}
	nav li:not(:first-of-type) > a{
		color: #fff;
		display: block;
		text-indent: 10px;
		height:45px;
		line-height:45px;
		border-top: 1px solid rgba(255,255,255,0.5);
	}
	nav section{
		display: none;
	}
	nav section a{
		font-size: 14px;
		color: #fff;
		display: block;
		text-indent:20px;
		height: 40px;
		line-height: 40px;
		border-top: 1px dashed rgba(255,255,255,0.5);
	}
    nav section span{
		display: none;
	}
	nav section span a{
		font-size: 14px;
		color: #fff;
		display: block;
		text-indent:50px;
		height: 40px;
		line-height: 40px;
		border-top: 1px dashed rgba(255,255,255,0.5);
	}
    nav section span strong{
		display: none;
	}
	nav section span strong a{
		font-size: 14px;
		color: #fff;
		display: block;
		text-indent:65px;
		height: 40px;
		line-height: 40px;
		border-top: 1px dashed rgba(255,255,255,0.5);
	}
	.block_home_slider .slide{
		padding-top: 50%;
	}
	.footer1,.footer2,.link,.email,.copy,.make{
		width: 100%;
		text-align: center;
	}
	.link,.email,.copy,.make{
		margin-bottom:7px;
	}
	footer span{
		white-space: nowrap;
	}
	.block_home_slider .caption{
		display: none;
	}
	.index_news .news_img{
		display: none;
	}
	.index_news .news_list{
		width: 100%;
		padding: 0;
	}
	.banner0{
		padding-top: 18%;
	}
	.sub_page_right{
		display: none;
	}
	.sub_page_left{
		width: 100%;
	}
}

@media only screen and (max-width: 768px) {
	.index_friends li{
		width: 50%;
		margin-bottom:10px;
	}
}

@media only screen and (max-width:558px) {
	header .logo{
		width: 70%;
	}
	header .share{
		width: 20%;
	}
	header .word{
		text-indent: 0;

	}
	header .word img{
		width: 60%;
	}
	header .top{
		padding:25% 0 20px;
	}
	.video li{
		width: 100%;
	}
}

@media only screen and (max-width:480px) {
	.block_home_slider .flex-control-paging{
		display: none;
	}
	.index_news .news_list .more_news{
		width: 100%;
		text-align: center;
		margin-top: 10px;
	}
	.block_home_slider .slide{
		padding-top: 80%;
	}
	.paging ul li a {
	    height: 30px;
	    line-height: 30px;
	    padding: 0 7px;
	}
	.joinUs .shortInput > div{
		width: 100%;
	}
	.communication .list li time{
		font-size: 14px;
		right: 5px;
	}
	.communication .list li a{
		margin-right: 90px;
	}
}