@charset "utf-8";
/*电子签约*/
.es_header{
	/*min-width: 1200px;*/
	background-color: #247bee;
	background-image: -webkit-linear-gradient(135deg, #247bee 0%, #0da5ff 100%);
	background-image: -moz-linear-gradient(135deg, #247bee 0%, #0da5ff 100%);
	background-image: -o-linear-gradient(135deg, #247bee 0%, #0da5ff 100%);
	background-image: linear-gradient(135deg, #247bee 0%, #0da5ff 100%);
}	
	.es_con{
		/*width: 1170px;*/
		margin: 0 auto;
		background:  top center no-repeat;
		background-size: auto 100%;
		padding-bottom: 30px;
	}
		.es_logo{
			padding-top: 40px;
		}
			.es_logo img{
				height: 40px;
			}
		.es_banner{
			text-align: center;
		}
			.es_slogan{
				height: 210px;
			}
			.es_apply{
				display: block;
				width: 240px;
				height: 60px;
				background: #fff;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				-o-border-radius: 4px;
				border-radius: 4px;
				font-size: 24px;
				color: #247bee;
				text-align: center;
				line-height: 60px;
				margin: 40px auto;
			}
			.es_apply:hover{
				opacity: .9;
			}
			.es_hint{
				line-height: 30px;
				padding: 5px 20px;
				color: #fff;
				font-size: 20px;
				color: #ffffff;
			}
				.es_hint span{
					display: block;
				}
/*联合签约机构*/
.es_organization{
	background: #fff;
	padding: 70px 20px;
}
	.es_organcon{
		margin: 0 auto;
	}
		.es_organization h4{
			line-height: 1.5;
			font-size: 40px;
			color: #4e5e80;
			font-weight: 600;
		}
		.es_organlist{
			overflow: hidden;
			margin-top: 20px;
		}
			.es_organlist li{
				width: 33.333333%;
				float: left;
			}
			.es_organlist li div{
				font-size: 16px;
				line-height: 1.5;
				padding: 6px 0;
				color: #7a89a3;
			}
		.es_all{
			display: none;
		}
.es_imagetext{
	background: #f4f7fa;
	padding: 70px 20px 83px;
}
	.es_it{
		overflow: auto;
		margin: 0 auto;
		padding: 10px 0;
	}
		.es_mobile{
			display: none;
		}
		.es_itl{
			float: left;
			margin-right: 60px;
		}
			.es_itl img{
				width: 240px;
				margin-right: 20px;
				-webkit-box-shadow: 0 0 20px 0 rgba(85,126,203,0.20);
			    -moz-box-shadow: 0 0 20px 0 rgba(85,126,203,0.20);
			    -ms-box-shadow: 0 0 20px 0 rgba(85,126,203,0.20);
			    -o-box-shadow: 0 0 20px 0 rgba(85,126,203,0.20);
			    box-shadow: 0 0 20px 0 rgba(85,126,203,0.20);
			}

		.es_itr{
			overflow: hidden;
		}
			.es_itr h4{
				line-height: 1.4;
			    font-size: 32px;
			    color: #4e5e80;
			    font-weight: 600;
			    margin-bottom: 30px;
			}
			.es_itr p{
				font-size: 18px;
				color: #7a89a3;
				line-height: 1.5;
			}
			.es_itr a{
				display: block;
			    width: 240px;
			    height: 60px;
			    background-color: #46bcff;
			    background-image: -webkit-linear-gradient(90deg, #46bcff 0%, #76ddff 100%);
			    background-image: -moz-linear-gradient(90deg, #46bcff 0%, #76ddff 100%);
			    background-image: -o-linear-gradient(90deg, #46bcff 0%, #76ddff 100%);
			    background-image: linear-gradient(90deg, #46bcff 0%, #76ddff 100%);
			    -webkit-border-radius: 4px;
			    -moz-border-radius: 4px;
			    -o-border-radius: 4px;
			    border-radius: 4px;
			    font-size: 24px;
			    color: #fff;
			    text-align: center;
			    line-height: 60px;
			    margin: 50px 0 0;
			}
			.es_itr a:hover{
				opacity: .9;
			}
.es_corea{
	background: #fff;
	padding: 60px 20px;
}
	.es_coreacon{
		margin: 0 auto;
		padding: 10px 0;
	}
		.es_coreatitle{
			line-height: 1.4;
		    font-weight: 600;
		    margin-bottom: 30px;
		    font-size: 40px;
			color: #4e5e80;
			text-align: center;
		}
		.es_corealist{
			overflow: hidden;
			margin: 0 -15px;
		}
			.es_corealist li{
				width: 370px;
				margin: 0 15px 30px;
				float: left;
				background: #ffffff;
			}
			.es_corealist li h4{
				height: 100px;
				line-height: 100px;
				text-align: center;
				font-size: 28px;
				color: #ffffff;
				background: #0b6deb;
				font-weight: 500;
			}
			.es_corealist div{
				height: 130px;
				line-height: 1.8;
				font-size: 16px;
				color: #4e5e80;
				padding: 16px 20px 14px;
				border: 1px solid rgba(0,0,0,0.10);
			}
.es_company{
	background: #f4f7fa;
	padding: 70px 20px;
}
	.es_companycon{
		overflow: hidden;
		margin: 0 auto;
		padding: 10px 0;
	}
		.es_coml{
			float: left;
		}
			.es_coml h4{
				line-height: 40px;
			    font-weight: 600;
			    margin-bottom: 40px;
			    font-size: 40px;
				color: #4e5e80;
			}
				.es_coml h4 span{
					color: #247bee;
					margin-left: 18px;
				}
			.es_roll{
				width: 740px;
				height: 360px;
				background: #ffffff;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				-o-border-radius: 3px;
				border-radius: 3px;
			}
			    .swiper-container {
			      width: 100%;
			      height: 100%;
			    }
			    .swiper-slide {
				      text-align: center;
				      font-size: 18px;
				      background: #fff;

				      /* center slide text vertically */
				      display: -webkit-box;
				      display: -ms-flexbox;
				      display: -webkit-flex;
				      display: flex;
				      -webkit-box-pack: center;
				      -ms-flex-pack: center;
				      -webkit-justify-content: center;
				      justify-content: center;
				      -webkit-box-align: center;
				      -ms-flex-align: center;
				      -webkit-align-items: center;
				      align-items: center;
			    }
			    .swiper-button-next, .swiper-button-prev{
			    	width: 20px;
			    	height: 20px;
			    	margin-top: -10px;
			    	outline: none;
			    	background:  center center no-repeat;
			    	background-size: 8px 14px;
			    }
			    .swiper-button-prev{
			    	transform:rotate(180deg);
					-ms-transform:rotate(180deg);
					-moz-transform:rotate(180deg);
					-webkit-transform:rotate(180deg);
					-o-transform:rotate(180deg);
			    }
				.es_swiper{
					padding: 0 30px;
					width: 100%;
				}
					.es_swiper ul{
						text-align: left;
						margin: 0 22px;
						overflow: hidden;
					}
						.es_swiper li{
							width: 50%;
							float: left;
							font-size: 16px;
							line-height: 36px;
							color: #7a89a3;
							position: relative;
						}
						.es_swiper li:before{
							content: '';
							width: 5px;
							height: 5px;
							display: inline-block;
							background: #7a89a3;
							-webkit-border-radius: 50%;
							-moz-border-radius: 50%;
							-o-border-radius: 50%;
							border-radius: 50%;
							position: absolute;
							left: 0;
							top: 50%;
							margin-top: -3px;
						}
						.es_swiper li div{
							padding-left: 18px;
							overflow:hidden;
							text-overflow:ellipsis;
							-webkit-text-overflow:ellipsis;
							-moz-text-overflow:ellipsis;
							-ms-text-overflow:ellipsis;
							-o-text-overflow:ellipsis;
							white-space:nowrap;
						}
		.es_comr{
			width: 340px;
			height: 440px;
			float: right;
			background: #fff;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-o-border-radius: 3px;
			border-radius: 3px;
			padding: 0 30px;
		}
			.es_comr h5{
				height: 80px;
				line-height: 80px;
				font-size: 20px;
				color: #4e5e80;
			    font-weight: 600;
				border-bottom: 1px solid rgba(0,0,0,0.10);
				margin-bottom: 25px;
			}
			.es_comlist{
				height: 288px;
				line-height: 30px;
				overflow: hidden;
			}
				.es_comlist li{
					height: 36px;
					line-height: 36px;
					font-size: 16px;
					color: #7a89a3;
					overflow:hidden;
					text-overflow:ellipsis;
					-webkit-text-overflow:ellipsis;
					-moz-text-overflow:ellipsis;
					-ms-text-overflow:ellipsis;
					-o-text-overflow:ellipsis;
					white-space:nowrap;
				}
				.es_comlist li span{
					display: inline-block;
					/*color: #247bee;*/
					font-weight: 600;
				}

.es_news{
	min-height: 340px;
	background: #fff;
	padding: 70px 20px;
}
	.es_newscon{
		overflow: hidden;
		margin: 0 auto;
		padding-top: 10px;
	}
		.es_newsl{
			width: 580px;
			float: left;
		}
			.es_newscon h4{
				line-height: 40px;
			    font-weight: 600;
			    margin-bottom: 40px;
			    font-size: 40px;
				color: #4e5e80;
			}
			.es_newslist{

			}
				.es_newslist li{
					line-height: 36px;
					color: #7a89a3;
					position: relative;
				}
				.es_newslist li:before{
					content: '';
					width: 5px;
					height: 5px;
					display: inline-block;
					background: #7a89a3;
					-webkit-border-radius: 50%;
					-moz-border-radius: 50%;
					-o-border-radius: 50%;
					border-radius: 50%;
					position: absolute;
					left: 0;
					top: 50%;
					margin-top: -3px;
				}
					.es_newslist li a{
						max-width: 70%;
						padding-left: 18px;
						font-size: 16px;
						color: #7a89a3;
						display: block;
						overflow:hidden;
						text-overflow:ellipsis;
						-webkit-text-overflow:ellipsis;
						-moz-text-overflow:ellipsis;
						-ms-text-overflow:ellipsis;
						-o-text-overflow:ellipsis;
						white-space:nowrap;
					}
					.es_newslist li a:hover{
						color: #247bee;
						text-decoration: underline;
					}
				.es_morenews{
					display: inline-block;
					font-size: 16px;
					color: #247bee;
					padding-left: 18px;
					margin: 10px 0 2px;
				}
				.es_morenews:hover{
					text-decoration: underline;
				}
		.es_newsr{
			width: 580px;
			float: right;
		}
				.es_pdfdl li{
					background: #ffffff;
					border: 1px solid rgba(0,0,0,0.10);
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					-ms-border-radius: 3px;
					-o-border-radius: 3px;
					border-radius: 3px;
					padding: 20px;
					overflow: hidden;
					margin-bottom: 20px;
				}
					.es_pdfdl li img{
						height: 40px;
						float: left;
						margin-right: 20px;
						float: left;
					}
					.es_pdfdl li div{
						overflow: hidden;
					}
					.es_pdfdl li p{
						width: -webkit-calc(100% - 100px);
						width: -moz-calc(100% - 100px);
						width: -o-calc(100% - 100px);
						width: calc(100% - 100px);
						font-size: 16px;
						color: #333333;
						line-height: 20px;
						overflow:hidden;
						text-overflow:ellipsis;
						-webkit-text-overflow:ellipsis;
						-moz-text-overflow:ellipsis;
						-ms-text-overflow:ellipsis;
						-o-text-overflow:ellipsis;
						white-space:nowrap;
					}
					.es_pdfdl li a{
						font-size: 14px;
						line-height: 16px;
						display: block;
						color: #247bee;
						margin-top: 4px;
					}



.es_footer{
	background-color: #247bee;
	background-image: -webkit-linear-gradient(135deg, #247bee 0%, #0da5ff 100%);
	background-image: -moz-linear-gradient(135deg, #247bee 0%, #0da5ff 100%);
	background-image: -o-linear-gradient(135deg, #247bee 0%, #0da5ff 100%);
	background-image: linear-gradient(135deg, #247bee 0%, #0da5ff 100%);
}
.es_footerc{
	background:  center top;
	background-size: auto 100%;
	text-align: center;
	padding: 80px 0 35px;
}
	.es_footercon{
		margin: 0 auto;
	}
		.es_footer img{
			height: 60px;
			margin-bottom: 30px;
		}
		.es_footer h4{
			font-size: 60px;
			color: #ffffff;
			line-height: 80px;
			font-weight: 600;
		}
		.es_footer p{
			font-size: 30px;
			color: #ffffff;
			line-height: 40px;
			margin-top: 15px;
		}
		.es_service{
			font-size: 16px;
			color: #fff;
			margin-top: 60px;
		}
			.es_service span{
				margin: 0 15px;
			}


@media screen and (min-width: 700px) {
	.es_footer{
		min-width: 1200px;
	}
	.es_con,.es_organcon,.es_it,.es_footercon,.es_coreacon,.es_companycon,.es_newscon{
		width: 1170px;
	}
	
}
@media screen and (max-width: 700px) {
	.es_organization h4,.es_itr h4,.es_coreatitle,.es_coml h4,.es_comr h5,.es_comlist li span{
		font-weight: bold;
	}
	.es_con{
		padding-bottom: 20px;
	}
		.es_logo{
			padding: 20px 20px 30px;
		}
			.es_logo img{
				height: 40px;
			}
		.es_slogan{
			width: 85%;
			height: auto;
		}
		.es_apply{
			width: 180px;
			height: 40px;
			line-height: 40px;
			background: #fff;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			-o-border-radius: 4px;
			border-radius: 4px;
			font-size: 18px;
			color: #247bee;
			text-align: center;
			margin: 30px auto 20px;
		}
		.es_hint{
			line-height: 1.4;
			padding: 5px 25px;
			color: #fff;
			font-size: 16px;
			color: #ffffff;
		}
			.es_hint span{
				display: block;
			}
	.es_organization {
	    padding: 30px 20px;
	}
		.es_organization h4{
			font-size: 26px;
		}
		.es_organlist{
			height: 290px;
			overflow: hidden;
			-webkit-transition: height 0.25s ease; 
		    -moz-transition: height 0.25s ease;
		    -ms-transition: height 0.25s ease;
		    -o-transition: height 0.25s ease;
		    transition: height 0.25s ease;
		}
			.es_organlist li{
				width: 100%;
				float: none;
				/*margin-bottom: 10px;*/
			}
				.es_organlist li div {
				    font-size: 14px;
				    padding: 4px 2px;
				}
		.es_all{
			text-align: center;
			color: #247bee;
			display: block;
			margin-top: 10px;
		}
			.es_all em{
				display: inline-block;
				-webkit-transition: all 0.25s ease; 
			    -moz-transition: all 0.25s ease;
			    -ms-transition: all 0.25s ease;
			    -o-transition: all 0.25s ease;
			    transition: all 0.25s ease;
			}
			.es_all svg{
				vertical-align: middle;
				margin: 0 3px;
			}
			.up{
				transform:rotate(180deg);
				-ms-transform:rotate(180deg);
				-moz-transform:rotate(180deg);
				-webkit-transform:rotate(180deg);
				-o-transform:rotate(180deg);
			}
	.es_imagetext {
	    padding: 20px 20px;
	}
		.es_mobile{
			display: block;
	    	line-height: 1.4;
		    color: #4e5e80;
		    font-size: 26px;
    		margin-bottom: 30px;
		}
		.es_itl{
			float: none;
			margin-right: 0;
			margin-bottom: 30px;
		}
		.es_itl img{
			width: 47%;
			margin-right: 6%;
		}
		.es_itl img:last-child{
			margin-right: 0;
		}
		.es_itr h4{
			display: none;
		}
			.es_itr h4 span{
				display: block;
			}
		.es_itr p {
		    font-size: 16px;
		    color: #7a89a3;
		    line-height: 1.5;
		}
		.es_itr a{
			width: 180px;
		    height: 40px;
		    line-height: 40px;
		    font-size: 18px;
		    text-align: center;
		    margin: 30px auto 10px;
		}
	.es_company{
	    padding: 20px 20px;
	}
		.es_coml{
			float: none;
		}
			.es_coml h4{
		    	line-height: 1.4;
			    font-size: 26px;
	    		margin-bottom: 30px;
			}
			.es_roll{
				width: 100%;
				height: auto;
				margin-bottom: 20px;
			}
				.swiper-button-next, .swiper-button-prev {
				    width: 10px;
				    height: 16px;
				    margin-top: -8px;
				    background-size: 10px 16px;
				}
				.es_swiper{
					padding: 30px 20px;
					width: 100%;
				}
					.es_swiper ul{
						/*width: 100%;*/
						margin: 0 15px;
					}
						.es_swiper li{
							font-size: 14px;
							line-height: 26px;
							/*margin: 0 30px;*/
							/*float: none;*/
						}
						.es_swiper li:before{
							width: 4px;
							height: 4px;
							margin-top: -2px;
						}



		.es_comr{
			height: auto;
			float: none;
			padding: 0 20px 20px;
		}
			.es_comr h5 {
			    height: 60px;
			    line-height: 60px;
			    font-size: 18px;
			    margin-bottom: 15px;
			}
			.es_comr {
			    width: auto;
			}
			.es_comlist{
				height: 240px;
				line-height: 30px;
				padding-bottom: 30px;
			}
				.es_comlist li{
					height: 30px;
					line-height: 30px;
					font-size: 14px;
				}
	.es_corea {
	    padding: 30px 20px 10px;
	}
		.es_coreatitle{
		    font-size: 26px;
    	}
		.es_corealist{
			overflow: inherit;
			margin: 0;
		}
			.es_corealist li{
				width: 100%;
				margin: 0 0 20px;
				float: none;
			}
			.es_corealist li h4{
				height: 50px;
				line-height: 50px;
				text-align: center;
				font-size: 20px;
			}
			.es_corealist div{
				height: auto;
				font-size: 14px;
				padding: 16px 20px 20px;
			}
	.es_news{
		padding: 20px;
	}
		.es_newsl,.es_newsr{
			width: auto;
			float: none;
		}
			.es_newscon h4{
				display: block;
			    line-height: 1.4;
			    color: #4e5e80;
			    font-size: 26px;
			    margin-bottom: 30px;
			}
			.es_newslist{
				padding: 0 10px;
			}
		.es_newsr{
			/*margin-top: 60px;*/
		}
			.es_newsr h4{
				margin-top: 50px;
			}
			.es_newsl li{
				height: 30px;
				line-height: 30px;
				font-size: 14px;
				overflow: hidden;
			}
			.es_newsl li a{
				max-width: 100%;
			}
			.es_pdfdl li{
				padding: 20px 16px;
			}
			.es_pdfdl li p{
				width: 100%;
				height: 20px;
				line-height: 20px;
			}
			.es_pdfdl li img{
				margin-right: 15px;
			}
			/*.es_newsl li a,.es_pdfdl li p{
				white-space:inherit;
			}*/

	.es_footerc {
		background-size: auto 100%;
	    padding: 40px 0 20px;
	}
		.es_footer img {
		    height: 40px;
		    margin-bottom: 5px;
		}
		.es_footer h4 {
    		font-size: 40px;
    	}
		.es_footer p{
			font-size: 20px;
			line-height: 1.5;
			margin-top: 5px;
		}
		.es_service{
			margin-top: 35px;
		}
			.es_service span{
				display: block;
				font-size: 14px;
				margin: 4px 0;
			}
}