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

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;  
}
i{ font-style:normal !important}
.logbg{

	text-align:center;
	background-color:#4B86D5;
	height:178px;

}
.clearfix:before, .clearfix:after {
	content: '';
	display: table;
}
.clearfix:after {
	clear: both;
}
.clear {
	clear: both;
	overflow: hidden
}
html, body {
	height: 100%;
	width: 100%
}
body {
	color: #808080;
	font-family: "微软雅黑", Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 28px;
	padding: 0;
	margin: 0;
	background-color: #f4f6f9;
}
h2, h3 {
	color: #333; 
}
ul, li {
	padding: 0;
	margin: 0;
	list-style: none
}
p {
	padding: 0;
	margin: 0;
	word-break:break-all
}
a {
	text-decoration: none;
	color: #2556b8;
	cursor: pointer
}
a:hover {
	color: #f39622
}
 input:-moz-placeholder {
color: #656565;
}
input:-ms-input-placeholder {
color: #656565;
}
input::-webkit-input-placeholder {
color:#656565;
}
input[type="text"] {
	height: 36px;
	border: 1px solid #bfbfbf;
	line-height: 36px;
	background-color: #fff;
	width: 100%;
	font-size: 15px;
	font-family: "微软雅黑", Arial, Helvetica, sans-serif;
	color: #656565;
	padding:0 10px;
}
input[type="password"] {
	height: 36px;
	border: 1px solid #A2A2A2;
	line-height: 36px;
	background-color: #fff;
	width: 100%;
	font-size: 15px;
	font-family: "微软雅黑", Arial, Helvetica, sans-serif;
	color: #656565;
	padding:0 10px;

}
select {
	height: 36px;
	border: 1px solid #bfbfbf;
	line-height: 36px;
	width: 100%;
	font-size: 15px;
	font-family: "微软雅黑", Arial, Helvetica, sans-serif;
	color: #656565;
}
input[type="date"] {
	height: 36px;
	border: 1px solid #A2A2A2;
	line-height: 36px;
	background-color: #fff;
	color: #656565;
	font-size: 14px;
	font-family: "微软雅黑", Arial, Helvetica, sans-serif;
}
.s500 {
	width: 48% !important; 
}
.s100 {
	width: 100px;
}
.sbig {
	width: 396px !important
}
.tip {
	font-size: 13px;
	color: #656565;
	border:1px dashed #bfbfbf;
	 padding:10px 20px;
	 line-height:24px
}
.successtip{ border:1px solid #FF7200; color:#FF7200; margin:40px auto; padding:5px 20px; width:40%; min-width:500px; font-size:13px; text-align:center; }

.btnback {
	width: 120px;
	height: 40px;
	background-color: #2556b8;
	color: #fff;
	border: 1px solid #2556b8;
	text-align: center;
	margin: 10px;
	font-size: 15px;
	cursor: pointer
}
.btnnext {
	width: 120px;
	height: 40px;
	background-color: #4B86D5;
	color: #fff;
	border: 1px solid #4B86D5;
	text-align: center;
	margin: 10px;
	font-size: 15px;
	cursor: pointer
}
.wbig{ width:45% !important}
.btnborder {
	border: 1px solid #ddd;
	color: #333;
	background-color: #fff;
	padding: 8px 20px;
	width: 120px;
	text-align: center;
	font-size: 15px;
	cursor: pointer
}
.selectbtn{  text-align:center; margin:0 auto; width:150px; color:#2556b8}
.selectbtn img{ display:block; text-align:center}
.red {
	color: #ed5565 !important
}
.bghigh {
	background-color: #ed6d63!important;
	border: 1px solid #ed6d63 !important;
	color: #fff !important
}
.btn {
	border-radius: 4px;
	padding: 8px 20px;
	color: #1a4eb5;
	border: 1px solid #1a4eb5;
	width: 120px;
	text-align: center;
	cursor: pointer;
	line-height:32px;
}
.btnblue {
	background-color: #1a4eb5;
	border: 1px solid #1a4eb5;
	color: #fff;
	border-radius: 4px;
	padding: 8px 20px;
	width: 120px;
	text-align: center;
	font-size: 15px;
	cursor: pointer
}
.btnred {
	background-color: #ed6d63;
	color: #fff;
	border-radius: 4px;
	padding: 3px 9px;
	width: 120px;
	text-align: center;
	font-size: 15px  !important;
	cursor: pointer
}
.btnred.gray{ background-color:#ccc !important}
.pdt {
	padding-top: 20px
}
.pdtorganizer {
	padding-top: 10px; color:#2b54a5
}
.logbg-img{  background:url(../login/passwordbg.png) no-repeat;background-size:cover;height:178px; color:#fff; font-size:36px;text-align:center; line-height:170px;}
.menuSelect {
	border-bottom: 2px solid #0450ab;
	padding: 10px 0
}
.pdtb {
	padding-top: 20px
}
.pdtb2 {
	padding-top: 20px;
}
.pdtb3 {margin:0 auto;}
.compd{ padding:30px 20px
} 
.banner {
	width: 100%;
	height: 550px;
	overflow: hidden;
	position: relative;
	font-size: 0
}
.b-img {
	height: 550px;
	position: absolute;
	left: 0;
	top: 0;
}

.b-img a {
	display: block;
	height: 550px;
	float: left;
	position: relative
}
.b-list {
	height: 50px;
	padding-top: 500px;
	position: relative;
	margin: 0 auto;
	z-index: 1;
}
.b-list span {
	display: block;
	cursor: pointer;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 3px solid rgba(255,255,255,0.8);
	float: left;
	margin: 0 5px;
	_margin: 0 3px;
}
.b-list .spcss {
	border: 3px solid #346ad8;
}
.bar-left {
	position: absolute;
	z-index: 1;
	display: block;
	width: 100px;
	height: 100%;
	left: 0px;
	background: none;
	top: 0px;
}
.bar-right {
	position: absolute;
	z-index: 1;
	display: block;
	width: 100px;
	height: 100%;
	right: 0px;
	background: none;
	top: 0px;
}
.bar-left em {
	display: block;
	width: 50px;
	height: 100px;
	background: url(../image/arrow.png) 0px 0px no-repeat;
	margin: 0 auto;
	margin-top: 220px;
}
.bar-right em {
	display: block;
	width: 50px;
	height: 100px;
	background: url(../image/arrow.png) -50px 0px no-repeat;
	margin: 0 auto;
	margin-top: 220px;
}
.bar-left .emcss {
	background-position: 0px -100px;
}
.bar-right .emcss {
	background-position: -50px -100px;
}
.banner-text {
	position: absolute;
	top: 150px;
	left: 700px;
	z-index: 10;
	color: #fff;
	width: 600px
}
.banner-text h1 {
	font-size: 28px;
	line-height: 32px;
	font-weight: 600;
	padding: 0;
	color: #fff
}
.banner-text p {
	font-size: 18px;
	color: rgba(255,255,255,1);
	padding-top:15px
	
}
/****** 子页面样式 *******/
.pagesbanner{ width: 100%;
	height: 300px;
	overflow: hidden;
	position: relative;
	font-size: 0 }
.pagesbanner img{ background-size:cover; width:100%}
.pagesbanner-text{position: absolute;
	top: 60px;
	left: 200px;
	z-index: 10;
	color: #fff;
	width: 700px}
	.pagesbanner-text h1 {
	font-size: 28px;
	line-height: 32px;
	font-weight: 600;
	padding: 0;
	color: #fff
}
.pagesbanner-text p {
	font-size: 18px;
	color: rgba(255,255,255,1);
	padding-top:10px;
}
.pagesbanner-text2{
	padding-top: 100px;
	color: #fff;
	text-align:center;
	width: 100%}
	.pagesbanner-text2 h1 {
	font-size: 40px;
	line-height: 40px;
	font-weight: 600;
	padding: 0;
	color: #fff
}
.pagesbanner-text2 p {
	font-size: 18px;
	color: rgba(255,255,255,1);
	padding-top:10px;
}
.pagesbanner-text2 img {margin:60px 0 0 0;}
.page {
	font-size: 15px;
	height: 100%;
	
}
.page h2 {
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
	text-align: center;
	font-size:24px;
}
.page h3 a { color:#999 !important}
.pagetime {
	color: #aaa !important;
	padding-top: 5px !important;
	font-size: 16px !important;
	text-align: center;
	padding-top: 15px !important;
	padding-bottom: 10px !important;
	text-indent: 0  !important;
	
}
.pagetime span{ padding:0 10px} 
.page p {
	padding: 20px 0;
	line-height: 36px;
	text-indent: 2em;
	font-size:16px
}
.page a { color:#333 !important}
.pagepic {
	text-align: center;
	margin: 0 auto;
	padding: 20px
}
.pagepic img {
	width: 800px
}
.page-box {
	padding: 20px 0px;
}
.inpimg {
}
.impimg img {
	width: 300px !important;
	vertical-align:middle
}
.pagenav{ display:flex; justify-content:flex-start; }
.pagenav-title{ font-size:16px;line-height:50px; vertical-align:middle; color:#333}
.pagenav-con{}
.pagenav-con span{ font-size:16px; border:1px solid #dde1e7; padding:3px 20px; color:#333; display:inline-block; margin:10px 5px; cursor:pointer; background-color:#fff}
.pagenav-con span.act{ border:1px solid #2556b8; color:#2556b8; }
.product{  box-shadow:1px 5px 5px rgba(0,0,0,0.1);width:19%; height:260px; text-align:center; position:relative; background-color:#fff  }
.productcom{  box-shadow:1px 5px 5px rgba(0,0,0,0.1);width:19%; text-align:center; position:relative; background-color:#fff  }
.product-one{  box-shadow:1px 5px 5px rgba(0,0,0,0.1);width:240px; border-radius:6px;  text-align:center; position:relative; background-color:#fff  }
.product-one:hover {transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;  box-shadow:0 5px 20px 1px rgba(0,0,0,0.2);}
.product-one p{ text-align: left; padding:38px 0 5px 0; font-size:14px;line-height: 24px; }
.product-text{  font-size:16px; color:#333;   margin:0 auto; position:relative ; width:200px }
.product-text:before{ content:""; height:2px; width:40px; position:absolute; top:30px; left:40%; background-color:#2556b8}
.product p{  padding:5px; font-size:16px; margin:0 auto; padding-bottom:40px; }
.label{ position:absolute; left:5px; top:-2px;box-shadow:0px 1px 2px rgba(0,0,0,0.3); background-color:#3dcca6; min-width:50px; font-size:12px; color: #fff; padding:2px 5px 5px 5px; line-height:24px; z-index:5; border-radius:0 0 2px 2px;}

.product-cicle{ color:#fff;box-shadow:0px 1px 10px rgba(0,0,0,0.1); background:url(../image/grain.png) center rgba(37,86,184,0.5);  margin:10px 0 10px 0; vertical-align:middle; line-height:100px ; font-size:20px;height: 100px; 
  }
 .bigbox{ height:160px; line-height:160px; font-size:24px; }
 .product-cicle:after{ background:url(../image/grain.png) no-repeat}
.blur {	
    filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */
    
    -webkit-filter: blur(10px); /* Chrome, Opera */
       -moz-filter: blur(10px);
        -ms-filter: blur(10px);    
            filter: blur(10px);
    
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */
}
.qyxx img{ padding:20px; width:300px}
.qysl img{ padding:20px; height:180px; object-fit: cover;}
.xcsp{ background: url(../image/banner0.jpg) no-repeat top #080500; background-size:contain; color:#fff; height:1400px;}
.xcsp-title{ color:#fff; padding:30px 0 15px 0; font-size:28px; }
.xcsp p{ color:#fff}
.xcsp-box{ margin:20px ; border-radius:10px; background-color:#fff; padding:20px 30px; border-radius:10px;  box-shadow:1px 3px 5px rgba(0,0,0,0.5)}
.pdb15{ padding-bottom:15px}
#tab{
			position: relative;
			width: 100%;
			margin-top:60px;
			
		}
.tab{ padding:20px 0}		
.tablist{ display:flex; justify-content:center}
		.list_nav{
			
			width: 200px;
			height: 50px;
			background-color:rgba(35,83,164,0.5);
			text-align: center;
			line-height: 50px;
			margin:0 20px;
			cursor:pointer;
			color:#fff;
			 box-shadow:1px 3px 5px rgba(0,0,0,0.1)
		}
		.tab_nav{
			display: none;
			top:50px;
			width: 100%;
		}
		.bg{background-color:rgba(35,83,164,0.05); padding:20px 30px}
		.on{
			display: block;
		}

/*进度条*/
	
	.skillbar {
	position:relative;
	display:block;
	margin-bottom:15px;
	width:100%;
	background-color:rgba(0,0,0,0.05);
	height:16px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition:0.4s linear;
	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;
	-o-transition:0.4s linear;
	transition:0.4s linear;
	-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;
	-ms-transition-property:width, background-color;
	-o-transition-property:width, background-color;
	transition-property:width, background-color;
}

.skillbar-title {
	position:absolute;
	top:0;
	left:0;
width:120px;
text-align:right;
padding-right:10px;
	font-size:12px;
	color:#666;
	background:#fff;
	 border:1px solid #fff;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.skillbar-title span {
	display:block;
	background:rgba(0, 0, 0, 0.1);
	padding:0 20px;
	height:16px;
	line-height:16px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.skillbar-bar {
	height:16px;
	width:0px;
background-color:rgba(78,143,252,0.7);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.skill-bar-percent {
	position:absolute;
	right:10px;
	top:0;
	font-size:13px;
	height:16px;
	line-height:16px;
	color:#999;
}
.sat{ width:100%; padding:10px 0}
.sat p{  color:#333; padding:0 0 5px 0;}
.sat p span{ float:right; font-size:12px; }
.sat p span i{ color:#2556b8; font-style:normal}

/****** 公用样式 *******/
.content { padding-top:20px;
	width: 1280px;
	margin: 0 auto;
}
.content_home { padding:20px 0
}
.content-box {
	padding: 20px 10% 20px 10%;
	margin: 20px 0
}
/*.content-box {
	width: 1280px;
	margin: 0 auto;
}*/
.combox{ padding:20px; background-color:#fff; }
.bgwhite {
	background-color: #fff;
	box-shadow: 1px 5px 5px rgba(0,0,0,0.05);
	padding-bottom: 40px
}

.bggreen{ background-color:#3dcca6 !important}
.bgblue{ background-color:rgba(37,86,184,0.7) !important}
.bgred{ background-color:#ed6d63!important}
.blue{ color:rgba(37,86,184,1) !important}
h2 {
	font-size: 28px;
	padding: 10px 0 40px 0;
	font-weight: normal;
}
/* h2:after{ content:"";   display:block;border-bottom:3px solid #0450ab; width:40px; margin-top:20px}*/
h3 {
	margin-bottom: 8px;
	font-size: 18px;
	line-height: 40px
}
.wpd2 {
	width: 49%
}
.w2 {
	width: 50%
}
.w41 {
	width: 24% !important
}
.w4 {
	width: 46%
}
.w5 {
	width: 24%
}
.w6 {
	width: 55%
}
.w7{ width:70%}
.box {
	background-color: #fff
}
.box p {
	font-size: 15px;
	line-height:24px;
	padding-bottom:10px;
}
.box img {
	background-size: contain;
	width: 100%;
}
.pd {
	padding: 5px 20px 20px 20px
}
.btnbox {
	padding: 20px 10px;
	color: #333;
	background-color: #fff;
	font-size: 24px;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.05);
	line-height: 72px;
	background-image: url(../image/grain.png);
}
.btnbox span {
	float: right
}
.rotate_box:hover .btnbox{
	animation-name: rotate_y;
	animation-duration: 2s;
}
@keyframes rotate_y{
	0%{
		transform: rotateY(0deg);/*从0度开始*/
	}
	100%{
		transform: rotateY(360deg);/*360度结束*/
	}
}
.bottombox {
	height: 180px;
	line-height: 180px;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 1px #0450ab;
	font-weight: 600;
	letter-spacing: 5px;
	background-color: #fff;
	font-size: 28px;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.05);
	background-image: url(../image/pic4.png)
}
.background1 {
	background-image: url(../image/pic5.png) !important
}
.background2 {
	background-image: url(../image/pic6.png) !important
}
.background3 {
	background-image: url(../image/pic7.png) !important
}
.title {
	font-size: 18px;
	color: #363636;
	padding-bottom: 5px;
	margin-bottom:10px;
	
}
.newzxhd{text-align:left}
.newzxhd h2{ padding:30px  0 10px 0;font-size:28px !important;text-align: left !important;}
.newzxhd h2 span{ font-size:18px;color:#1a4eb5}
.newzxhdtext{ font-size:16px; line-height:28px;}
.graytitle{ color:#999; font-size: 18px;margin-bottom:20px}
.list {
	line-height: 32px;
	font-size: 15px
}
.list p {
	border-bottom:1px dotted #aaa;    
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.list p  a{ color:#808080
}
.list p  a:hover{ color:#f39622
}
.list p span {
	float: right;
	color: #bbb
}
.compic {
	padding: 10px 0
}
.compic span {
	padding-right: 30px;
	padding-bottom: 10px;
	font-size: 20px;
	display: table-cell;
	height: 40px;
	vertical-align: middle
}
.comico {
}
.comico div {
	float: left;
	width: 14.2%;
	text-align: center;
	margin: 0 auto;	
	padding-top: 15px;
	padding-bottom: 25px;
	-webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.comico div:hover {
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.07), 0 6px 12px 0 rgba(0, 0, 0, 0.05);
}
.comico div p {
	padding-top: 5px
}
/****** 注册 *******/
.regbox {
	
	margin: 0 auto;
		background-color: #fff;
		padding-bottom:40px
		
		
		
	
}
.registered {
	padding: 20px 10%;
	
}
.regtitle {
	font-size: 24px;
	font-weight: normal;
	padding: 20px 0 20px 0;
	color: #fff
}
.zcsteps{ color:#fff; padding-top:20px
}
.zcsteps-line{  height:1px; border-bottom:2px dashed #fff; width:200px; margin-top:25px}
.zccurrent{ color:#FCD840}
.zcsteps-actline{  height:1px; border-bottom:3px solid #FCD840; width:200px; margin-top:25px; position:relative}
.zcsteps-actline:after{ content:""; border: 10px solid #FCD840;
  border: 8px solid transparent;
  border-left: 8px solid #FCD840;
  width: 0;
  border-radius:2px 3px 5px 5px;
  height: 0px; position:absolute; right:-10px; top:-6px;}
.steps{ padding:20px 20px 100px 20px}
.steps ul{ display:flex; justify-content:center; width:100%}
.steps ul li{   height:2px;   position:relative; margin:0 10px;}
.steps ul li.current{ color:#2556b8}
.steps-line{  height:1px; border-bottom:2px dashed #A2A2A2; width:200px; margin-top:25px}
.steps-actline{  height:1px; border-bottom:3px solid #4b86d5; width:200px; margin-top:25px; position:relative}
.steps-actline:after{ content:""; border: 10px solid #4b86d5;
  border: 8px solid transparent;
  border-left: 8px solid #4b86d5;
  width: 0;
  border-radius:2px 3px 5px 5px;
  height: 0px; position:absolute; right:-10px; top:-6px;}
.none{ width:20px !important; }
.steps ul li.line{}
.steps ul li i{ width:24px; height:24px; font-style:normal; display:block; background-color:#dde1e7; position:absolute; z-index:999; right:-12px; border-radius:50%; top:-12px; text-align:center; line-height:24px; color:#fff}
.steps ul li span{ width:150px; right:-50px; text-align:center; top:60px; position:absolute}
.start{ position:absolute; }
.start i{ width:24px; height:24px; font-style:normal; display:block; position:absolute; z-index:999; right:-12px; border-radius:50%; top:-12px; text-align:center; line-height:24px; color:#fff;background-color:#2556b8 !important; }
.start span{ width:100px; right:-50px; text-align:center; top:15px; position:absolute;color:#2556b8 !important}
.steps ul li.act{   height:2px; background-color:#2556b8; display:table-cell; position:relative}
.steps ul li.act i{background-color:#2556b8 !important; line-height:24px !important}
.steps ul li.act span {color:#2556b8 !important;}
.steps ul li.complete{   height:2px; background-color:#2556b8;display:table-cell; position:relative}
.steps ul li.complete i{background-color:#2556b8 !important; line-height:26px !important}
.steps ul li.complete span {color:#2556b8 !important;}
.complete{ }
.complete i{line-height:26px}
.information{ background-color:#fff; width:400px !important; padding:20px;  box-shadow:  1px 1px 10px rgba(0,0,0,0.1); }
.information span{ width:120px; text-align:right; padding:5px; display:inline-block}
.tipbox{ background-color:#ed6d63; color:#fff; text-align:center; padding:0px 10px; display:inline-block; margin-left:20px; font-size:14px; font-weight:normal;border-radius:4px}
.tipbox.gray{ background-color:#ccc !important}
.pagelist{ display:block}
.pagelist-row{ display:table-row}
.pagelist-lcell{ display:table-cell; width:100px; text-align:right; padding:10px}
.pagelist-rcell{ display:table-cell; padding:10px}
.timetip{ text-align:center; padding:10px 0; color:#333; font-size:14px; background:#e9ebee; border-top:1px solid #c0c1c2; border-bottom:1px solid #c0c1c2;}
.timetip span{ padding-left:50px}
.form {
	display: table;
	padding: 30px 0 20px 0;
	margin: 0 auto;
	min-width:600px;
	width:50%
}
.form-tr {
	display: table-row
}
.border{ 
border-bottom: 1px dashed #BFBFBF;}
.form-th {
	display: table-cell;
	width: 140px;
	vertical-align: middle;
	font-size: 16px;
	color: #333;
	text-align: left;
	padding-right: 10px;
	
}
.formpd{ padding-top:10px; vertical-align:top}
.form-th span{ width:20px; display:inline-block; text-align:center}
.form-td {
	display: table-cell;
	padding: 10px 0;
	vertical-align:middle
}
.flex {
	 display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.codeinput {
	
}
.code {
	width: 120px;
	border: 1px solid #ddd;
	text-align: center;
	height: 35px;
	line-height: 35px;
	margin-left:20px
}
.pdb {
	padding-bottom: 50px
}
.finish {
	font-size: 16px;
	padding: 60px 0 100px 0;
	text-align: center
}
.finish img {
	vertical-align: middle;
	padding-bottom: 10px
}
.createtitle {
	
	font-size: 18px;
	color: #333;
	font-weight: bold;
	margin: 20px 10px 0 10px;
	line-height: 36px;
	text-align:center; position:relative
}
.createtitle:after{ content:"";  height:2px; background-color:#4898DD; position:absolute; display:block; left:50%; margin-left:-40px; top:36px; width:80px}
.strength{ padding-top:8px; width:100%}
.strength img{ width:100%; height:4px}
.create {
	padding: 8px 0;
	font-size: 15px;
	color:#333
}
.create-text {
	
	width: 120px;
	color:#333;
	 padding:5px 0
}
.create-text span {
	width: 12px;
	display: inline-block
}
.create-input {
	
}
.create-input span {
	padding-right: 20px
}
.phtitle{ font-size:16px; padding:10px 0}
.photo {
	width: 200px;
	height: 135px;
	line-height:210px;
background: #EDEDED;
	text-align:center;
	 vertical-align:middle;
	 display:table-cell;
	 margin:5px 0
}
.smallbox {
	background-color: #eee;
	padding: 1px 20px;
	margin-left: 20px;
	font-size: 12px;
	color: #666
}
/* 选择图标样式 */
.yListr {
	
}
.yListr ul {
}
.yListr ul li { display:flex; justify-content:space-between 
}
.yListr ul li span {
	color: #333;
	font-size: 14px;
	padding-top: 10px;
	
}
.yListr ul li em {
	cursor: pointer;
	color: #666;
	font-style: normal;
	border: 1px solid #C7CED4;
	line-height: 32px;
	height: 36px;
	margin:5px 0;
	width: 32%;
	text-align: center;
	position: relative;
	background-color: #fff
}
.yListr ul li em.yListrclickem {
	line-height: 30px;
	border: 2px solid #4898DD;
	height: 36px;
	position: relative;
	background-color: #4898DD;
	color: #fff
}
.yListr ul li em.yListrclickem i {
	display: block;
	width: 10px;
	height: 10px;
	background: url(../login/choose.png) no-repeat 0 0;
	left: 35%;
	top: 12px;
	position: absolute;
}
.yListr .colorp00 {
	color: #333333;
	font-size: 18px;
	line-height: 50px;
}
.yListr .colorp00 span {
	color: #ed610c;
	font-size: 14px;
	padding-left: 20px;
}
.yListr .colorp00 em {
	font-style: normal;
}
.yListr form input, .yListr form select {
	outline: none;
	border: 1px solid #dcdcdc;
	width: 86px;
	height: 34px;
	font-size: 14px;
	color: #333333;
	padding-left: 8px;
}
.yListr form select {
	height: 34px;
}
/****** footer *******/
.footer {
	background-color: #2556b8;
	padding: 20px 10%;
	color: rgba(255,255,255,0.5);
	font-size:13px;
	
}
.footer p{ display:inline-block; padding:0 20px }


/* 滚动 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
	float: left;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
	cursor: url(grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}
/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls {
	text-align: center;
}
/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div {
	color: #FFF;
	display: inline-block;
	zoom: 1;
 *display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
	filter: Alpha(Opacity=60);/*IE7 fix*/
	opacity: 0.6;
	text-decoration: none;
}
* {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#scroll {
	width: 100%;
}
#scroll1 {
	width: 100%;
}
/* 左右滑动按钮 */
.owl-theme .owl-controls .owl-buttons div {
	position: absolute;
	top: 170px;
	width: 30px;
	height: 36px;
	vertical-align: middle;
	line-height: 40px;
	margin: 0;
	padding: 0;
	border-radius: 0;
	font: 36px/36px "黑体";
	background-color: transparent;
	overflow: hidden;
	_display: none;
	color: #fff;
	filter: Alpha(Opacity=80);/*IE7 fix*/
	opacity: 0.8;
	font-weight: bold;
	padding-top: 10px\9;
*padding-top:10px!important;
	_padding-top: 10px;
}
.owl-theme .owl-controls .owl-buttons .owl-prev {
	left: -20px;
}
.owl-theme .owl-controls .owl-buttons .owl-next {
	right: -20px;
}
.owl-theme .owl-controls .owl-buttons .owl-prev:before {
	content: "<";
}
.owl-theme .owl-controls .owl-buttons .owl-next:before {
	content: ">";
}
.scroll-outer {
}

	
/* ------------------------ layer ------------------------*/
.smallLay {
	width: 40% !important;
	min-width:600px;
	background-color: #FFFFFF;
	line-height: 24px;
	text-align: left;
	-webkit-box-shadow: 5px 2px 6px #555;
	-moz-box-shadow: 3px 3px 6px #555;
	
	padding:20px 0
}
.smallLay_title {
	height: 40px;
	padding-left: 20px;
	padding-right: 10px;
	line-height: 40px;
	font-size: 16px;
	border-bottom: 1px solid #e8e8e8
}
.smallLay_con{ padding:20px 30px}
.btn_bottom {
	text-align: center;
	margin: 0 auto;
	padding-top: 20px
}
.list_table {
	border-collapse: collapse;
	width: 100%;
	background: #FFFFFF;
	margin-top: 10px
}
.list_table tr {
}
.list_table th {
	height: 35px;
	text-align: right;
	color: #333;
	font-weight: normal;
	padding: 5px;
	width: 80px;
	line-height:35px;
	padding-right:20px;
	vertical-align:top
}

.list_table td {
	height: 35px;
	border-collapse: collapse;
	text-align: left;
	padding: 5px;
	padding-left: 5px
}
textarea{border: 1px solid #bfbfbf; padding:5px; min-height:80px; width:100%}

.bottombox .lhmore {
    color: #fff; 
    background: #0450ab;
    text-align: center;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 1;
    height: 55px;
    line-height: 55px;
    font-size: 14px;
    font-weight: initial;
    opacity: 0;
    cursor: pointer;
}
.bottombox:hover .lhmore {
    -webkit-transform: translateY(-55px);
    transform: translateY(-55px);
    opacity: .7;
}


/* 新增 */

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.clearfix:before, .clearfix:after {
	content: '';
	display: table;
}
.clearfix:after {
	clear: both;
}
.clear {
	clear: both;
	overflow: hidden
}
html, body {
	height: 100%;
	width: 100%
}
body {
	color: #6b6b6b;
	font-family: "微软雅黑", Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 28px;
	padding: 0;
	margin: 0;
	background-color: #f0f6fd;
}
h2, h3 {
	color: #363636
}

ul, li {
	padding: 0;
	margin: 0;
	list-style: none
}
p {
	padding: 0;
	margin: 0;
	word-break:break-all
}
a {
	text-decoration: none;
	color: #2556b8;
	cursor: pointer
}
a:hover {
	color: #f39622
}

.pdtb {
	padding-top: 40px
}
.iframe{ height:100% }
h1,h2,h3,h4{ font-weight:normal !important; margin:10px 0; color:#363636}
.btnback {
	width: 120px;
	height: 40px;
	background-color: #2556b8;
	color: #fff;
	border: 1px solid #2556b8;
	text-align: center;
	margin: 10px;
	font-size: 15px;
	cursor: pointer
}
.btnnext {
	width: 120px;
	height: 40px;
	background-color: #4B86D5;
	color: #fff;
	border: 1px solid #4B86D5;
	text-align: center;
	margin: 10px;
	font-size: 15px;
	cursor: pointer
}
.wbig{ width:45% !important}
.btnborder {
	border: 1px solid #ddd;
	color: #333;
	background-color: #fff;
	padding: 8px 20px;
	width: 120px;
	text-align: center;
	font-size: 15px;
	cursor: pointer
}
.selectbtn{  text-align:center; margin:0 auto; width:150px; color:#2556b8}
.selectbtn img{ display:block; text-align:center}
.red {
	color: #ed5565 !important
}
.orange{ color:#ffa800}
.white{color: #fff !important}
.bghigh {
	background-color: #ed6d63!important;
	border: 1px solid #ed6d63 !important;
	color: #fff !important
}
.btn {
	border-radius: 4px;
	padding: 8px 20px;
	color: #1a4eb5;
	border: 1px solid #1a4eb5;
	width: 120px;
	text-align: center;
	cursor: pointer
}
.btnblue {
	background-color: #1a4eb5;
	border: 1px solid #1a4eb5;
	color: #fff !important;
	border-radius: 4px;
	padding: 10px 9px;
	width: 120px;
	text-align: center;
	font-size: 15px  !important;
	cursor: pointer
}

.headerbtn {
	background-color: #1a4eb5;
	color: #fff !important;
	border-radius: 6px;
	padding: 8px 10px !important;
     text-align: center;
	font-size: 14px  !important;
	cursor: pointer
}
.pdt {
	padding-top: 20px
}
.wpd2 {
	width: 49%
}
.w2 {
	width: 50%
}
.w3 {
	width: 32% !important
}

.w30 {
	width: 30% !important
}

.w5 {
	width: 24%
}

.w6 {
	width: 60%
}
.w7{ width:70% !important}


.flex {
	 display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

/****** footer *******/
.footer {
	background-color: #2556b8;
	padding: 15px 10%;
	color: rgba(255,255,255,1);
	font-size:12px;


}
.footer p{ display:inline-block; padding:0 20px }




/*css从这个地方开始复制*/

/*header部分复制一下替换原来的*/
.header {
	background-color: #fff;
	box-shadow: 1px 5px 5px rgba(0,0,0,0.1);
	border-bottom: 1px solid #fbfbfb;
	height: 80px;
	line-height: 80px;
	padding: 0 10%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	color: #363636
}
.logo {
	font-size: 24px;
	font-weight:bold
}
.logo img {
	vertical-align: middle;
	padding-right: 10px
}
.menu {
}
.menu li {
	float: left;
	padding: 26px 15px;
	font-size: 16px;
	line-height: 30px
}
.menu li a {
	color: #363636;
}
.menu li a:hover {
	border-bottom: 2px solid #0450ab;
	padding: 10px 0
}
.menu li a:focus {
	border-bottom: 2px solid #0450ab;
	padding: 10px 0
}
.menu li span {
	margin-left: 10px;
}
.menu li span img{ vertical-align:middle; margin-right:3px}
.menu li span a { font-size:14px

}
.menu li span a:hover {
	border-bottom: none;
}
.menu li span a:focus {
	border-bottom: none;
}


/******新增 新页面样式********/
.btnlightblue {
	background-color: #00aeff;
	border: 1px solid #00aeff;
	color: #fff !important;
	border-radius: 4px;
	padding: 8px 10px;
	width: 100px;
	text-align: center;
	font-size: 15px  !important;
	cursor: pointer
}

.combanner-detail{ background-color:#083285; height:250px !important;margin-top: 80px; position:relative;
	box-shadow:1px 5px 5px rgba(0,0,0,0.1);}
.combanner-detail .combanner-text-left{ width:1280px; margin:0 auto;  padding:90px 50px 30px 0; color:#fff;}

.combanner{ background-color:#083285; height:300px;margin-top: 80px; position:relative;
	box-shadow:1px 5px 5px rgba(0,0,0,0.1);}
.combanner-con{ margin:0 auto; position:relative; width:100%}
.textleft{ width:1280px;  padding:80px 0 30px 0; color:#fff; margin:0 auto }
.textleft h1{ font-size:28px}
.pleft{ padding-left:80px}
.textleft{ text-align:left; line-height:48px; font-size:36px !important;}
.combanner-text-left{ width:1280px; margin:0 auto;  padding:115px 50px 30px 0; color:#fff;}
.combanner-text-left h1{
	font-size: 28px;
	line-height: 32px;
	font-weight: 600;
	padding: 0;
	color: #fff
}
.combanner-text-left p{
	font-size: 18px;
	color: rgba(255,255,255,1);
	padding-top:10px;
}
.combanner-text{ width:550px; margin:0 auto;  padding:40px 0 30px 0; color:#fff; text-align:center;}
.combanner-text h1{ font-size:36px; font-weight:normal}
.combanner-text p{ padding:20px; font-size:14px;}
.combanner-nav{ width:100%;background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;
    filter: Alpha(opacity=50);
    background: #062563; height:50px; width:100%; position:absolute; bottom:0; line-height:50px;}
.combanner-nav ul{ width:1200px; margin:0 auto}
.combanner-nav ul li{
  color:#fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.combanner-nav ul li a{ color:#fff; padding:15px 20px}
.on a{ color:#00aeff !important; border-bottom:2px solid #00aeff}
.combanner-nav ul li a:focus{ color:#00aeff; border-bottom:2px solid #00aeff}
.comline{ height:2px; border-bottom:1px dashed #ddd; margin:5px 0}

.comcon{ width:1280px; margin:0 auto;padding:36px 0 ; text-align:center; position:relative }
.compgt{ padding-top:20px}
.comcon section{ text-align:center; margin:0 auto}
.comcon  h2{ font-size:30px; color:#363636; padding-bottom:20px; text-align:center}
.join{ padding:20px 0}
.join ul{ padding:20px 0}
.join ul li{ color:#363636 }
.join ul li img{ vertical-align:middle; margin-right:10px} 
.joinstep{background-color:#fff; width:200px; padding:20px 0; border:1px solid #f2f2f2;box-shadow:0 5px 8px 1px rgba(0,0,0,0.05);  line-height:50px;}
.joinarrow{ background: url(../image/joinarrow.png) no-repeat center; width:48px; height:48px; margin:40px 0}
.joinstep:hover{box-shadow:0 5px 20px 1px rgba(0,0,0,0.2); cursor:pointer }
.joinbox{ width:48%; padding:20px 40px; min-height:250px; background-color:#fff; border-radius:6px; box-shadow:0 5px 8px 1px rgba(0,0,0,0.05);display:inline-block; color:#363636 ; text-align:left; font-size:14px; }
.joinbox img{ }
.joinbox p{ font-size:24px;  padding:20px 0}
.joinbox:hover{box-shadow:0 5px 20px 1px rgba(0,0,0,0.2); cursor:pointer}
/* .joinbox:hover p{ color:#be3a01 !important} */
.rztxbg{ background:url(../image/rztxbg.png) no-repeat center; height:170px; margin:-50px 0 -90px 0; }
#fatab{
			position: relative;
			width: 100%;
			margin-top:20px;

		}
.fatab{ padding:40px 0}
.fatablist{ display:flex; justify-content:center}
.fatabline:before{ content:""; height:208px; border-bottom:1px solid #ddd; position:absolute; left:0; right:0; display:block}
		.falist_nav{
			width: 150px;
			height: 40px;
			text-align: center;
			line-height: 38px;
			margin: 20px 20px 20px 0;
			cursor: pointer;
		}
		.active{
			border-bottom: 4px solid #2556b8;
			color: #363636;
		}
		.fatab_nav{
			display: none;
			top:50px;
			width: 100%;
		}
		.faleft{ width:90px; height:150px; background:url(../image/fabg.png) no-repeat;background-size: 100% 100%; display:inline-block}
		.faleft p{ width:16px; text-align:center; color:#fff; padding:70px 0; line-height:20px; font-size:16px; margin:0 auto}
.faright{ background-color:#f6f6f6; border-top-right-radius:6px;border-bottom-right-radius:6px; display:inline-block; margin-left:5px; width:92%; height:150px; color:#363636; text-align:left; padding:30px 40px; vertical-align:top; line-height:32px; font-size:16px;background:url(../image/rztxbg.png) no-repeat right #fff;background-size: contain; border:1px solid #f2f2f2;box-shadow:0 3px 5px 1px rgba(0,0,0,0.05);}
		.bg{background-color:rgba(35,83,164,0.05); padding:20px 30px}
		.on{
			display: block;
		}
.rzlc{ color:#363636; margin:40px 0;  }
.rzlcbg1{ background:url(../image/bg1.jpeg) no-repeat center; background-size:cover}

.rzlc p{ }
.rzlc-title{ color:#363636; text-align:left}
.rzlc-list{}
.rzlc-list ul{}
.rzlc-list ul li{ position:relative; background-color:#fff; box-shadow:0 5px 8px 1px rgba(0,0,0,0.05);  border:1px solid #f2f2f2; padding:10px 20px 20px 20px ;  height:200px; width:23%; color:#363636; border-radius:6px;vertical-align:middle; margin:10px 0; display:inline-block}
.f5 li{ width:18%!important;}
.rzlc-list ul li h3{ font-size:18px; padding:0 0 10px 0; margin:0}
.rzlc-list ul li p{ color:#6b6b6b; line-height:24px; text-align:left; font-size:13px;}
.rzlc-list ul li img{  }  
.rzlc-list ul li:hover{  background-color:#fff; box-shadow:0 8px 20px 1px rgba(0,0,0,0.2); cursor:pointer}
.hzhb{ width:1280px; margin:0 auto }
.hzhb ul{}
.hzhb ul li{ background-color:#fff; padding:20px; width:24%; height:100px; margin:10px 0; position:relative }
.hzhb ul li img{  background-size:contain; height:50px;}
.hzhb ul li p{ display:none}
.hzhb ul li:hover{background-color:#fff; color:#363636; box-shadow:0 8px 20px 1px rgba(0,0,0,0.2); cursor:pointer }
.hzhb ul li:hover img{ display:none}
.hzhb ul li:hover p{ display:block;margin-top: 15px; }
.hzcontact{color:#fff; background-color:#1a4eb5; box-shadow:0 8px 20px 1px rgba(0,0,0,0.2);}
.bggray{ background:#f0f6fd}
.combgwhite{ background-color:#fff}
.p12{ font-size:12px !important}
.zxhdbox{ border:1px solid #eeeeee; background-color:#fff; margin:25px 0;height:200px; position:relative; text-align:left;line-height:24px}
.zxhdbox-img{ width:210px; display:inline-block; }
.zxhdbox-img img{ height:200px; background-size:cover}
.zxhdbox-con{ padding:10px 30px; width:400px; color:#6b6b6b; font-size:14px; display:inline-block; text-align:left; vertical-align:top }
.zxhdbox-con h3{  font-size:18px;line-height:28px;}
.zxhdbox-con h3 img{ vertical-align:middle; padding-left:10px}
.zxhdbox-con h3 span{ color:#002368; font-size:16px !important;}
.zxhdbox-con h3 i{font-style:normal;font-size:14px!important;}
.zxhdbox-con p span{ padding-left:40px; }
.zxhdbox-text{ padding-top:5px; line-height:24px}
.signup{ background:url(../image/signupbg.png) no-repeat ; color:#fff; text-align:center; padding-left:20px; width:130px; height:40px; line-height:40px;  position:absolute; right:0; bottom:0}
.zxhdbox:hover{ box-shadow:0 8px 20px 1px rgba(0,0,0,0.2);cursor:pointer }
.zxhdbox-right{ background-color:#fff; padding:20px 0; margin:25px 0; height:830px;}
.zxhdbox-right-title{ border-bottom:1px solid #f0f6fd; padding:0 0 10px 0 ; color:#363636; font-size:18px;}
.zxhdbox-right-con{ padding:0 30px ; text-align:left; line-height:24px; font-size:14px; height:600px; overflow:auto; color:#6b6b6b}
.zxhdbox-right-con h4{ color:#424343;line-height:28px; font-size:18px; padding:20px 0 10px 0}
.zxhdbox-right-list{ font-size:12px; padding:10px 0}
.zxhdw1{ width:65%}
.zxhdw2{ width:32%}

.xc-sliding{ margin-top:10px }
.xc-sliding li{ display:inline-block; margin:5px; width:10px; height:10px; border-radius:50%; background-color:#c6c6c6}
.xc-sliding li.act{ background-color:#1a4eb5}
.xczyline{ border-bottom:1px solid #cabacd }
.xczybg{ background:url(../image/xczybg.png) no-repeat  center; position:absolute; bottom:-71px; left:0; right:0; height:300px;  width:100%; text-align:left}
.xczy-text{ text-align:left; width:67%; color:#363636}
.xczy-text h2{ text-align:left}
.xczy-box{  background-color:#fff; margin:20px 0; padding:20px;  box-shadow:0px 5px 8px 1px rgba(0,0,0,0.05); border-radius:6px;}
.xczy-box:hover{box-shadow:0px 5px 20px 1px rgba(0,0,0,0.2);}
.xczy-list{}
.xczy-list ul{}
.xczy-list ul li{ position:relative; background-color:#f6f6f6; border-radius:6px; padding:30px 30px 50px 30px;   color:#363636; font-size:14px; vertical-align:middle; margin:10px; text-align:left ; line-height:24px;}
.stitle{ font-size:24px; padding:10px 0 20px 0; }
.xczy-list ul li img{ margin:10px; }
.xczy-list ul li:hover{background-color:#ffffff; box-shadow:0 8px 20px 1px rgba(0,0,0,0.2); top:-5px; cursor:pointer}
.xczy-list_yw ul li{ position:relative; background-color:#FFFFFF; border-radius:6px; padding:30px 30px 50px 30px;   color:#363636; font-size:14px; vertical-align:middle; margin:10px; text-align:left ; line-height:24px;}
.xczy-list_yw ul li img{ margin:10px; }
.xczy-list_yw ul li:hover{background-color:#ffffff; box-shadow:0 8px 20px 1px rgba(0,0,0,0.2); top:-5px; cursor:pointer}
.aboutus{ background-color:#f6f6f6; height:980px; position:relative}
.aboutusimg { background:url(../image/aboutbg.png) no-repeat -120px; position:absolute; right:0; bottom:0;
 height:900px; width:680px;top: 80px}
.aboutus-con{ background: #fff none repeat scroll 0 0 !important; box-shadow:0 5px 8px 1px rgba(0,0,0,0.05);
    filter: Alpha(opacity=8);
    background: #234790; color:#fff; border-radius:6px; width:680px; height:880px; position:absolute; left:15%; top:90px; padding:80px 40px 40px 40px; }
.aboutus-left{ font-size:16px; color:#000000; width:120px; text-align:right; padding-right:20px; display:inline-block;vertical-align:top}
.aboutus-right{ width:400px;display:inline-block; font-size:14px; color:#5e5e5e; }
.aboutus-right img{ padding-right:10px}
.aboutus-line{ height:2px ; border-bottom:1px dashed #dddddd; margin:40px 0}
.aboutus-location{ margin-bottom:30px; position:relative; font-size:14px;}
.aboutus-location i{ background:url(../image/location.png) no-repeat ; width:9px; height:13px; display:block; position:absolute; top:10px; left:-10px;margin-left:10px}
.aboutus-location  p{ padding-left:20px}
/******新闻中心********/
.newcenter{ color:#363636}

.newcenter-left{  border:1px solid #ddd; padding:10px; width:120px; height:90px; margin:10px 30px}
.newcenter-right{ text-align:left; line-height:24px;width:1100px;}
.newcenter-right-title{  font-size:18px; margin:10px 0 15px 0}
.newcenter-right p{ font-size:14px; color:#6B6B6B}
.newcenter-right  p:hover{ color:#083285; cursor:pointer}
.newcenter-box{ background-color:#fff;  box-shadow:0px 5px 8px 1px rgba(0,0,0,0.05); border-radius:6px;}
.newcenter-box img{ height:240px; background-size:cover; width:100%}
.newcenter-box-con{ text-align:left; padding:10px 20px 30px 20px; line-height:24px; }
.newcenter-box-con h3{ line-height:28px; font-size:18px;}
.newcenter-box-con h3:hover{ color:#083285; }
.newcenter-box:hover{ background-color:#fff;   box-shadow:0px 5px 20px 1px rgba(0,0,0,0.2); border-radius:6px; cursor:pointer}
.newcenter-tzgg{ border:1px solid #eee;background-color:#fff;  padding:20px 10px 10px 10px ; margin:10px 0; border-radius:6px; cursor:pointer}
.newcenter-tzgg:hover{  box-shadow:0px 5px 20px 1px rgba(0,0,0,0.2); border-radius:6px;  cursor:pointer}
.newcenter-tzgg-img{  display:inline-block}
.newcenter-tzgg-img img{width:220px; height:120px;   background-size:cover;object-fit: cover;}
.newcenter-tzgg-right{ text-align:left; line-height:24px; font-size:14px; color:#6b6b6b;display:inline-block; padding-left:20px; vertical-align:top; width:60%}
.newcenter-tzgg-right h3{ font-size:18px;line-height:28px; margin:0 0 10px  0;}
/*.newcenter-tzgg-right h3:hover{ color:#083285}*/
.newcenter-tzgg-bottom{ text-align:right; padding-top:10px}
.newcenter-tzgg-bottom span{ color:#083285}

/****** banner背景********/
/*.partnersimg{ background:url(../image/partnersimg.png) no-repeat; position:absolute; right:0; height:300px; width:444px;}*/
.hezuoimg{ background:url(../image/c_hezuo.jpg) no-repeat center; height:300px; width:100%; }
.zxhdimg{ background:url(../image/c_zxhd.jpg) no-repeat center; height:300px; width:100%; }
.xczyimg{ background:url(../image/c_ziyuan.jpg) no-repeat center; height:300px; width:100%;}
.xwzximg{ background:url(../image/c_xwzx.jpg) no-repeat  center; height:300px; width:100%; }
.chanpinimg{ background:url(../image/c_chanpin.jpg) no-repeat  center; height:300px; width:100%; }
.qiyeimg{ background:url(../image/qyxx.png) no-repeat  center; height:300px; width:100%; }

.xcdtimg{ background:url(../image/xcdt.png) no-repeat  center; height:300px; width:100%; }
.banner1img{ background:url(../image/banner1.jpg) no-repeat  center; height:300px; width:100%; }
.zcfgimg{ background:url(../image/zcfg.png) no-repeat  center; height:300px; width:100%; }
.xcslimg{ background:url(../image/xcsl.png) no-repeat  center; height:300px; width:100%; }
.xcfhimg{ background:url(../image/xcfh.png) no-repeat  center; height:300px; width:100%; }
.xcshimg{ background:url(../image/xcsh.png) no-repeat  center; height:300px; width:100%; }
.xcpximg{ background:url(../image/xcpx.png) no-repeat  center; height:300px; width:100%; }
.xcresourceimg{ background:url(../image/xczy.png) no-repeat  center; height:300px; width:100%; }

/*进度条*/

	.skillbar {
	position:relative;
	display:block;
	margin-bottom:15px;
	width:100%;
	background-color:#f2f2f2;
	height:16px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition:0.4s linear;
	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;
	-o-transition:0.4s linear;
	transition:0.4s linear;
	-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;
	-ms-transition-property:width, background-color;
	-o-transition-property:width, background-color;
	transition-property:width, background-color;
}

.skillbar-title {
	position:absolute;
	top:0;
	left:0;
width:120px;
text-align:right;
padding-right:10px;
	font-size:12px;
	color:#666;
	background:#fff;
	 border:1px solid #fff;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.skillbar-title span {
	display:block;
	background:rgba(0, 0, 0, 0.1);
	padding:0 20px;
	height:16px;
	line-height:16px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.skillbar-bar {
	height:16px;
	width:0px;
background-color:#7facf9;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.skill-bar-percent {
	position:absolute;
	right:10px;
	top:0;
	font-size:13px;
	height:16px;
	line-height:16px;
	color:#999;
}
.sat{ width:100%; padding:10px 0}
.sat p{  color:#363636; text-align:left}
.sat p span{ float:right; font-size:13px; color:#6b6b6b }
.sat p span i{ color:#2556b8; font-style:normal}


@media (max-width: 1840px) {.w6{ width:50%}}
@media (max-width: 1740px) {.w6{ width:55%}}

@media (max-width: 1680px) {
	.header{ padding:0 5%}
	.bannermenu{left:5% !important;}
	.banner-text{ left:550px}
	.content-box{padding:20px 5%;margin:20px 0}
	.w6{ width:55%} 
	.aboutus-con{ left:10%}
	}
@media (max-width: 1440px) {
	.header{ padding:0 2%}
	.bannermenu{left:2% !important;}
	.banner-text{ left:500px}
	.content-box{padding:20px 2%;margin:20px 0}
.w6{ width:50%}
.list{ line-height:32px; font-size:14px}
.box p{font-size:14px; line-height:28px}
.bgwhite{ padding-bottom:40px} 
	.aboutus-con{ left:5%}
.newcenter-tzgg-img img{width:150px; height:150px;   background-size:cover}
.newcenter-tzgg-right{width:70%}
.textleft{ width:90%;   }



	}
@media (max-width: 1320px) {

	.menu li{ float:left; padding:26px 8px; font-size:15px; line-height:30px}
.logo{ font-size:18px }
.logo img{ vertical-align:middle; padding-right:10px; width:50px}
.w4 img{ width:100%}
.comcon{ width:98%;  }
.joinstep{ width:160px; }
.combanner-con{ width:100%}
.zxhdimg{ height:300px; background-size:cover; width:100% }
.xczyimg{ height:300px; background-size:cover; width:100% }
.combanner-nav ul{ width:80%}
.zxhdbox-con{ width:380px; padding:10px 15px }
.w7{ width:65% !important}
.zxhdbox-con p span{ padding-left:10px;}
.zxhdbox{ height:220px;}
.zxhdbox-img img{ height:220px; object-fit: cover;}


	}

/*底部通用样式*/
.foot {
	background-color: #2b458e;
	padding: 15px 0;
	color: rgba(255,255,255,1);
	font-size:12px;
}
.foot p{ text-align:left; color:rgba(255,255,255,0.6); font-size:13px;line-height: 30px;}
.foot p img{ margin-right:5px}
.foot p span{ padding-left:20px}
.foot h4{ font-size:18px;color:#fff; padding:0; margin:0; text-align:left; padding:20px 0 10px 0}
.footrx{ background-color:rgba(255,255,255,0.02); color:rgba(255,255,255,0.6);border-radius:8px; padding:20px; margin-top:20px;font-size:14px; height:100px; }
.footrx p{font-size:24px; color:#ec6941; padding:5px 0}
.foot-bottom{ border-top:1px solid rgba(255,255,255,0.05); width:100%; color:rgba(255,255,255,0.4)}
.foot-bottom-left{ float:left}
.foot-bottom-right{ float:right}
.foot-bottom span{ padding-left:20px}
.foot-con{ width:1280px; margin:0 auto; padding:15px 0 15px 0}
.foot-right{ width:2px; background-color:rgba(0,0,0,0.2); height:100%; height:150px; border-right:1px solid rgba(255,255,255,0.2)}
.foot-right a{  color:rgba(255,255,255,0.4)}
@media (max-width: 1366px) {

	.foot-con{ width:98%;  }
}


/****** 新增CSS *******/
.bannermenu{ position:absolute; left:200px; top:0; bottom:0;  width:430px;  background: #000000;
	filter:Alpha(opacity=90);/* 只支持IE6、7、8、9 */ background-color:rgba(24,24,24,0.9);

	*zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */z-index:998; color:#fff; }
.bannermenu-top{  height:44px; border-bottom:3px solid #1a4eb5; width:75px; line-height:44px; color:#fff; font-size:18px; margin:10px 30px 5px 30px }
.bannermenu-title{ color:#fff; position:relative; font-size:15px; padding:16px 30px 10px 30px }
.bannermenu-con{ border-bottom:1px solid rgba(255,255,255,0.3); margin: 0 30px; color:#fff; font-size:12px; padding-bottom:10px;line-height: 24px  }
.bornone{ border-bottom:none !important}
.bannermenu-con span{ padding-right:12px; border-right:1px solid rgba(255,255,255,0.5); margin-right:12px; height:13px; }
.bannermenu-con span.none{ border-right:none}
.bannermenu-con span a{ color:rgba(255,255,255,0.6) !important}

.white{ color:#fff !important}
.cpsp{ background:url(../image/homebg.jpg) no-repeat; background-size:100%; padding-top:60px}
.cpsppd{ /*padding-top:40px;*/ padding-bottom:40px}
.cpsp-con{ margin:0 auto}
.cpsp-con span{ font-size:16px;  padding:10px 20px; color:#333; display:inline-block; margin:10px 24px 10px 0; cursor:pointer; background-color:rgba(255,255,255,0.5)}
.cpsp-con span.act{ background-color:#1a4eb5;color:#fff; }
.cpsp-box{background: rgba(255,255,255,0.8) none repeat scroll 0 0 !important;
	box-shadow: 0 5px 8px 1px rgb(0 0 0 / 5%);
	filter: Alpha(opacity=80);
	background: #fff;
	padding:  30px;  margin:20px 0}
.cpsp-box-flex{ display:flex; justify-content:space-between; text-align:left}
.cpsp-box-con{ border-right:1px dashed rgba(0,0,0,0.2); padding:0 20px 0 10px;line-height:20px;}
.cpsp-box-con h4{ font-size:15px; font-weight:normal; color:#363636; padding:10px 0; margin:0}
.cpsp-box-con h4 img{ margin-right:5px; vertical-align:middle}
.cpsp-box-con p{ list-style:circle; font-size:12px; color:#808080;  padding:6px 0}
.cpsp-box-con p:before{ content:"";  width:5px; height:5px; border-radius:50%; background-color:#1a4eb5; display:inline-block; margin-right:10px; vertical-align:middle;}
.cpspnone{ border-right:none}
.spsp-pd{ padding-top:20px}
.p14{ font-size:14px !important;}


.show{ padding:20px 0}
.plannone{ display:none}
.rollBox{overflow:hidden;padding:0;margin:0 auto; position:relative }
.rollBox .LeftBotton{height:40px;width:40px;background: url(../image/leftarrow.png) no-repeat;overflow:hidden; position:absolute; left:0; top:40px;cursor:pointer;}
.rollBox .RightBotton{height:40px;width:40px;background:url(../image/rightarrow.png) no-repeat right 0;overflow:hidden; position:absolute; right:0; top:40px;cursor:pointer;}
.rollBox .Cont{overflow:hidden;float:left; width:88%; margin:0 6% 0 6%}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{text-align:center; margin:10px 0px; width:150px; float:left; display:intext-align;  cursor:pointer}
.rollBox .Cont .pic:focus{ border-bottom:3px solid #2353a4}
.rollBox .Cont .pic p{ text-align:center; padding-bottom: 5px}
.rollBox .Cont .pic img{display:block; margin:10px auto}
.rollBox #List1,.rollBox #List2{float:left;}

.planbox{ width:24%; padding:20px ; margin:10px 0;background-color:#fff; border-radius:6px; box-shadow:0 5px 8px 1px rgba(0,0,0,0.05);  display:inline-block; color:#363636 ; text-align:left; font-size:14px; }
.planbox-title{ font-size:16px;}
.planbox-title i{  display:inline-block}
.planbox-title i img{ height:30px;margin-right: 5px; vertical-align:middle}
.planbox-con{ padding:10px 0 0 0; font-size:12px; display:flex; justify-content:flex-start }
.planbox-con-left{ width:28px; background-color:#7f9bc0; word-break:break-all; color:#fff; height:70px; text-align:center; vertical-align:middle; }
.planbox-con-left p{ width:12px; margin:0 auto ; vertical-align:middle; line-height:20px;  padding-top:15px}
.planbox-con-mid{margin:5px ; text-align:left; width:60% }
.planbox-con-mid p{line-height: 28px}
.planbox-con-mid p span{ display: inline-block;  text-align:right; padding-right:20px; width:80px;}
.planbox-con-right{ border-left:1px solid #d0d6dd; margin:5px 0; }
/*.planbox-con-right p{ padding-left:10px}*/
.planact{border-bottom:3px solid #2353a4}
.planbox-con-right p{padding-left: 10px;line-height: 28px}