﻿@charset "utf-8";
/*body*/
body{
	background-color:#f6f7f9;
}
/*预设css*/
.ellipsis{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.bai_bg{
	background-color:#ffffff;
}
.bai_hui_shadow{
	background-color:#ffffff;
	box-shadow: 0px 0px 5px #e6e6e6;
	padding: 10px 0px 34px;
}
/*css3动画*/
@keyframes breathe{
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes case{
	0% {
		transform: scale(.9);
	}
	50% {
		transform: scale(1.000001);
	}
	100% {
		transform: scale(.9);
	}
}
/*index banner*/
.index_banner{
	width:100%;
	min-height:480px;
}
.wrapper{
	position: relative;
	margin: 0px auto;
	width: 100%;
	height: 100%;
}
.banner {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.imgList {
	width: 100%;
	height: 100%;
	position:relative;
}
.imgList li {
	display: none;
	width: 100%;
	height: 100%;
}
.imgList li a img{
	width: 100%;
	height: 100%;
}
.imgList .imgOn {
	display: inline;
}
.infoList {
	position: absolute;
	left: 10px;
	bottom: 10px;
	z-index: 30;
}
.infoList li {
	display: none;
}
.infoList .infoOn {
	display: inline;
	color: white;
}
.indexList {
	position:absolute;
	left: 0;
	right: 0;
	width:250px;
	margin:0 auto;
	bottom: 3.5%;
	z-index: 30;
}
.indexList li {
	width: 50px;
	height: 8px;
	float: left;
	margin-right:12px;
	background: #bbc8d8;
	cursor: pointer;
	border-radius: 5px;
}
.indexList .indexOn {
	background: #11b554;
}
.banner_tab{
	width:1150px;
	position:absolute;
	left: 0;
	right: 0;
	margin:0 auto;
	bottom: 9.8%;
	background-color: #003a73;
	height: 29%;
	clear:both;
}
.banner_tab li{
	background-color: #003a73;
	float: left;
	cursor:pointer;
	width: 267px;
	height: 100%;
	text-align: center;
	padding: 0px 10px;
}
.banner_tab li img{
	position: relative;
	top:16.6%;
	width:74.5%;
	height:70.7%;
}
.banner_tab li img:hover{
	animation: case 1s linear infinite both;
}

.banner_tab .tab_click{
	padding: 20px 10px 0px;
	box-shadow: 1px 1px 5px #244f7b;
	position: relative;
	top:-20px;
	background-color:#07529c;
}
/*index_scorll-start*/
.index_scorll{
	background-image: url(../images/index_scorll_hui_06.jpg);
	background-repeat: repeat-x;
	height: 119px;
	width: 100%;
	border-bottom:1px solid #c3cbd4;
	box-shadow: 0px 0px 10px #c3cbd4;
}
.index_scorll .main_wapper>div{
	float:left;
	margin-top: 37px;
	margin-right: 15px;
}
.index_scorll div p{
	font-size: 14px;
	color:#050101;
	float:left;
	line-height: 28px;
}
p.words_two{
	width:28px;
}
p.words_three{
	width:42px;
}
p.words_four{
	width:56px;
}
.index_scorll p.p_top{
	margin-top:15px;
}
.dataNums{
	display: block;
	height: 44px;
	text-align: center;
	float:left;
	margin:3px 6px 0px;
}
.dataNums p{
	width: 26px;
	height: 44px;
	margin: 0px 3px;
	text-align: center;
	background: url(../images/index_scorll_bg_05.png) no-repeat;
	font: bold 30px "Arial"!important;
	color: #07529c!important;
}
.dataNums p span{
	position: relative;
    top: 5px;
}
/*index footer到底*/
.index_footer p{
	border-bottom:1px solid #ceced0;
}
.index_footer span{
	color:#999999;
	font-size: 14px;
	position:relative;
	top:10px;
	background-color:#f6f7f9;
} 
/*common主体 css*/
.common_video>div>dl div{
	margin-left: 20px;
}
.common_video>div>dl.w_523{
	width: 563px;
	height: 304px;
    margin-left:0px;
    float: none;
    margin-bottom:14px;
    color: #333333;
    position:relative;
    cursor:pointer;
}
.common_video>div>dl.w_523 dd{
	position:absolute;
	width: 100%;
	height: 38px;
	background-image: url(../images/zc_02_20.png);
	background-repeat: repeat-x;
	bottom:0;
	left: 0;
}
.common_video>div>dl.w_523 dd span{
	font-size: 18px;
	color:#ffffff;
	font-family: "simhei";
	height: 38px;
	line-height: 38px;
	display: inline-block;
}
.common_video>div>dl.w_523 dd span.fl{
	margin-left: 34px;
	width:470px;
}
.common_video>div>dl.w_523 dd span.fr{
	margin-right: 26px;
}
.common_video>div ul li {
    cursor: pointer;
    border:none;
}
.lan_border li{
	width:536px;
	padding: 0px 10px 0px 2px;
	margin-left:13px;
	border-bottom:1px dashed #ccc7c7!important;
	height: 40px;
    line-height: 40px;
    font-size: 14px;
    color:#333333;
}
.lan_border li p{
	white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow:hidden;
}
.lan_border li p.fl{
	width:353px
}
.lan_border li img{
	position:relative;
	left:-15px;
	top:18px;
}
.lan_border_small{
	border:1px solid #07529c;
	color:#07529c;
	font-weight:normal;
	font-size:12px;
	padding: 0px 3px;
}
.index_more{
	display: inline-block;
	color:#11b554;
	font-size: 15px;
	width:126px;
	height: 32px;
	line-height: 32px;
	border:1px solid #11b554;
	border-radius: 3px;
	animation: case 1s linear infinite both;
}
.index_more:hover{
	background-color: #11b554;
	color:#fff;
}
.index_colleage>div {
    width: 287px;
    height: 192px;
    overflow: hidden;
}
.index_colleage img {
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	overflow: hidden;
}
.index_colleage img:hover {
	transition: all 1.2s linear;
	-moz-transition: all 1.2s linear;
	-o-transition: all 1.2s linear;
	-webkit-transition: all 1.2s linear;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-m-transform: scale(1.2);
	transform: scale(1.2);
}
.service_con{
	width:298px;
	height:154px;
	border: 1px solid #cccccc;
	background-color:#fff;
    border-right:none;
}
.service_con img{
	float:left;
	width:76px;
	height: 85px;
    margin: 37px 20px 0px 37px;
}
.service_con div{
	margin-top:52px;
}
.service_con div h6{
	color:#333333;
	font-size:18px;
}
.service_con div h6.h6_14{
	font-size:14px;
	font-family: "arial";
	margin-top:5px;
	font-weight: initial;
}
.common_video>div>div.index_colleage{
	width: 285px;
	height: 326px;
	padding: 5px 5px 10px;
    margin-right: 3px;
    border:none;
}
.common_video>div>div.index_colleage h3{
	font-size: 16px;
}
.common_video>div>div.index_colleage h4{
	font-size: 14px;
	white-space: inherit;
	margin-top:12px;
}
.common_video>div>div.index_space{
	height: 280px!important;
}
.common_video>div>div.index_space h4{
    white-space: nowrap;
}
.common_video>div>div.index_space h4 img{
	margin-right: 5px;
}
.common_video>div>div.index_training{
	height: 270px!important;
}
.common_video>div>div.index_training h3{
	font-size: 15px;
}
.common_video>div>div.index_training h4{
	margin-top:10px;
}
.dl_circle{
	width: 275px!important;
    margin-left: 13px!important;
    margin-bottom: 40px!important;
    cursor: pointer;
}
.dl_circle dt{
	background-color: #ffffff;
    width: 127px;
    height: 127px;
    border-radius: 5px;
}
.dl_circle dt img{
	border-radius: 5px;
}
.dl_circle dd{
	color:#666666;
}	
.dl_circle_dd_title{
	font-size:15px!important;
	margin:2px 0px 15px;
	width:126px;
}
.dl_circle_dd_topic{
	width:126px;
	text-overflow: inherit!important;
	white-space:inherit!important; 
	line-height: 20px;
}
.common_video>div>dl dd b{
	margin: 0px 0px 15px;
}
.dl_long{
	margin-left: 0px!important;
	padding-bottom: 34px;
	padding-top:21px;
	cursor:pointer;
	width:1198px!important;
	margin-bottom:0px!important;
}

.dl_long:hover{
	background-color:#fafafa!important;
	border:1px solid #e6e6e6;
}
.dl_long dd h4 {
    position: absolute;
    top: 0px;
    right: 6px;
}
.collect_share_con span{
	position:inherit;
}
.dl_long div dd {
	font-size: 13px!important;
}
.index_gov{
	border-bottom:2px solid #11b554;
}   
.index_gov li{
	float: left;
	background-color:#07529c;
	font-size: 16px;
	color: #fff;
	padding:6px 15px;
	margin-right:5px;
	line-height: normal!important;
} 
.index_gov_click{
	background-color:#11b554!important;
}
div.zf_div{
    width: 116px;
    height: 120px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    float: left;
    margin: 0px 20px 30px 0px;
    padding: 0px 6px;
} 
div.zf_div div{
	position:absolute;
	width:42px;
	height: 39px;
	overflow: hidden;
	top:22px;
	left: 39px;
}
div.zf_div p{
	color:#07529c;
	font-size: 14px;
	font-weight: bold;
	margin:70px auto;
	text-align: center;
}
/* 手机端 */
@media screen and (max-width:680px){
	.dl_long div.fl{
		width: 100%!important;
	}
	.container_main .bai_bg:nth-child(2),.container_main .bai_bg:nth-child(4),.container_main .bai_bg:nth-child(5),.container_main .bai_bg:nth-child(8){
		display: none;
	}
	.container_main div:nth-child(3){
		display: none;
	}
	.common_video{
		width: 100% !important;
	}
	.common_video>div>dl.w_523 {
		width: 100%;
		height: auto;
	}
	.common_video>div>dl.w_523 a dt img{
		width: 100% !important;
		height: auto !important;
	}
	.common_video>div ul li{
		width: auto;
	}
	.lan_border li p.fl{
		max-width: 230px;
	}
	.dl_long{
		width: 100%!important;
		display: flex;
    	flex-direction: column;
	}
	.dl_long dt{
		margin-left: 0px!important;
	}
	.common_video>div>dl div{
		margin-left: 0px;
	}
	.dl_long dd{
		width: 100%;
	}
	.dl_long dt a img{
		width: 100%;
		height: auto;
	}
	.common_video>div>dl.w_523 dd span.fl {
		margin-left: 0px;
		width: auto;
	}
	.common_video>div>dl.w_523 dd span.fr {
		margin-right: 0px;
	}
	.common_title .fl span{
		display: none;
	}
	.common_video>div>dl.w_523 dd span {
		font-size: 12px;
	}
	.header .header_bottom{
		display: none;
	}
	body {
		background-color: #f6f7f9;
		min-width: initial;
		width: 100vw;
		overflow-x: hidden;
	}
	.main_wapper {
		width: auto;
	}
	.header_center a {
		margin: 23px 0px 0px 0px;
	}
	.header_center a img{
		width: 83%;
	}
	.header_top_left {
		font-size: 16px;
	}
	.footer{
		display: none;
	}
	.index_scorll{
		display: none;
	}
	.imgList li a img {
		height: auto;
	}
	.template {
		top: 0% !important;
		height: auto !important;
		width: 65% !important;
    	left: 27.8% !important;
	}
	.header_center {
		height: 88px;
	}
	.index_banner {
		width: 100%;
		min-height: initial;
		height: auto!important;
	}
	.footer_bottom {
		line-height: 52px;
	}
	.footer_bottom p {
		margin-top: 0px;
	}
	.bai_bg {
		padding: 15px 10px 23px!important;
    	margin: -15px 0px!important;
	}
}
@media screen and (max-width:321px){
	.lan_border li p.fl{
		max-width: 170px;
	}
}