* {

	margin: 0 auto;

	padding: 0;

	list-style: none;

	text-decoration: none;



}



body {

	width: 100%;

	height: 100%;

	min-width: 1200px;

}



.header {

	height: 100%;

}



.top {

	height: 40px;

	background-color: #fbfbfb;

	font-size: 0.75rem;

	border-bottom: 1px solid #e5e5e5;

	color: #666666;

}



.top_main {

	width: 1200px;

	line-height: 36px;

}



.top_ul_01 li {

	float: left;

	padding-right: 15px;

}



.top_ul_02 li {

	float: right;

	padding-left: 15px;

}



.top_ul_02 a {

	color: #666666;



}



.logo {

	height: 100px;

	background-image: url(../img/pc_logo.png);

}



.logo_img {

	width: 1200px;

}



.logo_img>img {

	margin-top: 8px;

}



.nav {
	height: 50px;
	background-color: #336abf;
}
.nav>ul {
	width: 1200px;
	line-height: 50px;
	font-size: 16px;
}
.nav>ul>li {
	width: 150px;
	height: 50px;
	float: left;
	text-align: center;
	cursor: pointer;
}
.nav li:hover {
	background-color: #205cb8;
}
.nav li:hover .xiala {
	display: block;
	background-color: #3466b4;
}
.nav li:nth-child(8):hover .xiala_1 {
	display: block;
	background-color: #3466b4;
}
.nav a {
	color: white;
	width: 145px;
	height: auto;
	display: block;
	padding: 14px 0;
	line-height: 22px;
}
.nav>ul>li .xiala,
.xiala_1 {

	display: none;

	position: relative;

	z-index: 2;

	color: white;

	background-color: #3466b4;

}



.banner {

	width: 100%;

	height: 100%;

	max-width: 1920px;

	/* background-image: url(../img/banner_xs.png); */

	position: relative;

}

.banner img{

	width: 100%;

	height: 100%;

}

.banner a {

	color: #fff;

	text-align: center;

}



.banner h1 {

	padding-top: 112px;

	padding-bottom: 15px;

	font-size: 36px;

}



.banner_lump01,

.banner_lump02 {

	width: 13px;

	height: 13px;

	background-color: #ffffff;

	opacity: 0.7;

	transform: rotate(45deg);

}



.banner_lump01 {

	position: absolute;

	top: 133px;

	left: 840px;

}



.banner_lump02 {

	position: absolute;

	top: 133px;

	right: 840px;

}



.tool {

	height: 410px;

	width: 1200px;

	overflow: hidden;

	background-image: url(../img/xs_tool_bg.png);

	background-repeat: no-repeat;

	position: relative;

	font-size: 16px;

	text-align: center;

}

.tool a{

	display: block;

	width: 75px;

	height: 75px;

	float: left;

	color: #333;

}

.tool p{

	margin-top: 60px;

}

.tool li{

	width: 75px;

	height: 75px;

}

.tool_01{

	position: absolute;

	bottom: 50px;

	left: 250px;

	background-image: url(../img/js_not01.png);

	background-position-x: 10px;

	background-repeat: no-repeat;

}



.tool_02{

	position: absolute;

	bottom: 190px;

	left: 370px;

	background-image: url(../img/js_not02.png);

	background-position-x: 10px;

	background-repeat: no-repeat;

}

.tool_03{

	position: absolute;

	top: 110px;

	left: 560px;

	background-image: url(../img/js_not03.png);

	background-position-x: 10px;

	background-repeat: no-repeat;

}

.tool_04{

	position: absolute;

	bottom: 190px;

	right: 370px;

	background-image: url(../img/js_not04.png);

	background-position-x: 10px;

	background-repeat: no-repeat;

}

.tool_05{

	position: absolute;

	bottom: 50px;

	right: 250px;

	background-image: url(../img/js_not05.png);

	background-position-x: 10px;

	background-repeat: no-repeat;

}

.tool_01:hover{

	background-image: url(../img/xs_selectd01.png);

}

.tool_02:hover{

	background-image: url(../img/xs_selectd02.png);

}

.tool_03:hover{

	background-image: url(../img/xs_selectd03.png);

}

.tool_04:hover{

	background-image: url(../img/xs_selectd04.png);

}

.tool_05:hover{

	background-image: url(../img/xs_selectd05.png);

}



.tool a:hover {

	color: #e8472d;

	font-weight: bold;

}





.tab{

	width: 1200px;

	height: 186px;

}


.tab li{

	width: 240px;

	height: 186px;

	text-align: center;

	float: left;

}

.tab li img{

	margin-top: 30px;

	margin-bottom: 22px;

}





.tab a{

	display: block;

	width: 240px;

	height: 186px;

	color: #000;

	font-size: 18px;

	border-top: 13px solid  #5c607b;

}

.tab_01 a{

	border: none;

}

.tab_01{

	background-color:#f3f5ff;

	border-top: 13px solid  #1d2248;

	font-weight: bold;

}

.zrsc{

	width: 100%;

	height:590px;

	margin-bottom: 46px;

}

.sc{

	width: 1200px;

	height: 100%;

}



.sc ul{

	height: 590px;

	margin-top: 46px;

	margin-bottom: 30px;

}

.sc li{

	width: 276px;

	height: 276px;

	float: left;

	margin-right: 31px;

	background-color: #fff;

	box-shadow: 3px 2px 21px 0px

			rgba(0, 0, 0, 0.1);

}

.sc li:nth-child(4){

	margin-right: 0;

}

.sc li:nth-child(8){

	margin-right: 0;

}

.sc_jianju{

	margin-top: 30px;

	

}

.sc img{

	width: 276px;

	height: 172px;

}

.sc_text {

	width: 220px;

}



.sc h4 {

	font-size: 16px;

	color: #333;

	margin-top: 10px;

	margin-bottom: 8px;

	overflow: hidden;

	white-space: nowrap;

}



.sc li p {

	font-size: 12px;

	color: #666666;

	line-height: 20px;

}



.sc li p:nth-child(3) {

	float: right;

}



.sc li:hover {

	background-color: #f3f5ff;

}

.fooder {

	width: 100%;

	height: 322px;

	min-width: 1200px;

	background-color: #000;

	overflow: hidden;

}



.fooder_01 {

	width: 1200px;

	height: 266px;

	border-bottom: 1px solid #999;

	position: relative;

}



.fooder_01 ul {

	padding-top: 48px;

	font-size: 12px;

	float: left;

}



.fooder_01 li {

	padding: 10px 0;

}



.fooder_01 a {

	color: #999;

}



.fooder_01 ul:nth-child(2) {

	margin: 0 40px;

}



.cbs {

	height: 100%;

	width: 350px;

	/* margin-left: 144px; */

	float: right;

	margin-right: 250px;

}



.cbs img {

	padding-left: 70px;

}





.cbs li {

	float: left;

	padding: 0 10px;

	border-right: 1px solid #999;

	margin-top: 45px;

}

.cbs li:nth-child(7){

	border: none;

}



.sys {

	position: absolute;

	right: 30px;

	top: 48px;

}



.sys>p {

	text-align: center;

	color: #999;

	font-size: 12px;

	padding-top: 2px;

}



.fooder_02 {

	width: 1200px;

	height: 56px;

}



.fooder_02 p {

	text-align: center;

	color: #999;

	font-size: 12px;

	line-height: 56px;

}