

/**优势**/
.youshi{
	background: url(../images/ys_bg.jpg) no-repeat top;
}
.ys_main{
	background: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,.05);
}
.ys_main ul{
	padding: 3.5em 2em;
}
.ys_main ul li{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 30px;
	border-right: 1px solid #ddd;
	transition: .5s;
	
}
.ys_main ul li:hover{
	background: #3d6cc4;
	border-radius: 10px;
}
.ys_main ul li:last-child{
	border-right: 0px;
}
.ys_main ul li img{
	padding: 10px;
	margin-bottom: 20%;
	display: inline-block;
	overflow: hidden;
	transition: .5s;
}
.ys_main ul li h4{
	padding: 12px 45px;
	background: #f0f0f0;
	display: inline-block;
	font-size: 22px;
	color: #333;
	margin: 0 0 24px 0;
	transition: .5s;
}
.ys_main ul li:hover h4{
	background: #5481d4;
	color: #fff;
}
.ys_main ul li p{
	color: #888;
	font-size: 16px;
	text-align: center;
	transition: .5s;
}
.ys_main ul li:hover p{
	color: #fff;
}
.ys_main ul li:hover img{
	border-radius: 50%;
	background: #fff;
	transform: translateY(20px);
}
@media only screen and (max-width: 990px) {
	.ys_main ul li{flex: 0 0 50%;max-width: 50%;}
}
@media only screen and (max-width: 650px) {
	.ys_main ul{padding: 1.5em 1em;}
	.ys_main ul li{padding: 0 15px;}
	.ys_main ul li img{width: 70px;}
	.ys_main ul li h4{font-size: 18px;padding:6px 20px;margin:0 0 16px 0;}
	.ys_main ul li p{font-size: 14px;}
}


/**流程**/
	.liucheng_main ul li{width: 20%;}
	.liucheng_main ul:nth-child(2) li{
		width: 25%;
	}
	.liucheng_main ul:nth-child(2){
		padding:0 10% ;
	}
	.liucheng_main ul li:nth-child(5) .box:after{
		top:110%;
		left: 48px;
		transform: rotate(135deg);
	transform-origin:20% 40%;
	
	-ms-transform: rotate(135deg); 		/* IE 9 */
	-ms-transform-origin:20% 40%; 		/* IE 9 */
	
	-webkit-transform: rotate(135deg);	/* Safari 和 Chrome */
	-webkit-transform-origin:20% 40%;	/* Safari 和 Chrome */
	
	-moz-transform: rotate(135deg);		/* Firefox */
	-moz-transform-origin:20% 40%;		/* Firefox */
	
	-o-transform: rotate(135deg);		/* Opera */
	-o-transform-origin:20% 40%;
	}
	.liucheng_main ul:nth-child(2) li .box:after{
		top:45%;
		left: -41px;
		transform: rotate(180deg);
	transform-origin:20% 40%;
	
	-ms-transform: rotate(180deg); 		/* IE 9 */
	-ms-transform-origin:20% 40%; 		/* IE 9 */
	
	-webkit-transform: rotate(180deg);	/* Safari 和 Chrome */
	-webkit-transform-origin:20% 40%;	/* Safari 和 Chrome */
	
	-moz-transform: rotate(180deg);		/* Firefox */
	-moz-transform-origin:20% 40%;		/* Firefox */
	
	-o-transform: rotate(180deg);		/* Opera */
	-o-transform-origin:20% 40%;
	}
.liucheng_main ul:nth-child(2) li:first-child .box:after{
	display: none;
}


.liucheng_main ul{
	margin: 0;
}
.liucheng_main ul li{
	float: left;
	position: relative;
	text-align: center;
	margin-bottom: 4%;
	
}

.liucheng_main ul li .box{
	width: 195px;
	height: 195px;
	border-radius: 50%;
	background: #f5f5f5;
	text-align: center;
	padding-top: 30px;
	display: inline-block;
	transition: .5s;
}
.liucheng_main ul li:hover .box{
	background: #3d6cc4;
	box-shadow: 0 0 20px rgba(0,0,0,.2);
	transform: translateX(5px);
}
.liucheng_main ul li:last-child:hover .box{
	transform: translate(-5px,5px);
}
.liucheng_main ul:nth-child(2) li:hover .box{
	background: #3d6cc4;
	box-shadow: 0 0 20px rgba(0,0,0,.2);
	transform: translateX(-5px);
}
.liucheng_main ul li .box:after{
	width: 31px;
	height: 27px;
	background: url(../images/jiantou_03.png) no-repeat;
	position: absolute;
	top:45%;
	right: -30%;
	content: "";
}



.liucheng_main ul li .box .liucheng_img{
	height: 72px;
	width: 72px;
	display: inline-block;
	overflow: hidden;
	margin-bottom: 24px;
}
.liucheng_main ul li .box .liucheng_img img{
	transition: .5s;
	width: 100%;
}
.liucheng_main ul li:hover img{
	transform: translateY(-72px);
}
.liucheng_main ul li .box h4{
	font-size: 22px;
	color: #888;
	margin: 0;
	transition: .5s;
}
.liucheng_main ul li:hover h4{
	color: #fff;
}


.hezuo{
	background: #f5f8ff;
}
.hezuo_main ul li{
	width: 20%;
	padding: 0 .7%;
	margin-bottom: 1.4%;
}
.hezuo_main ul li a{
	display: block;
	width: 100%;
	background: #fff;
	text-align: center;
	transition: .5s;
	text-decoration: none;
}
.hezuo_main ul li a:hover{
	background: #e3ebfa;
	box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.hezuo_main ul li:last-child a{
	padding: 24% 0;
	background: #3d6cc4;
	color: #fff;
	
}
.hezuo_main ul li:last-child a:hover{
	background: #0f409b;
	border-radius: 10px;
}
.hezuo_main ul li a img{
	width: 100%;
}

/**解决方案**/
.jjfa_main ul li{
	width: 33.33333%;
	padding: 0 1%;
	margin-bottom: 2%;
}
.jjfa_main ul li a{
	background: #f5f5f5;
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	text-decoration: none;
	padding: 6% 8%;
	color: #595959;
	position: relative;
	transition: .5s;
}
.jjfa_main ul li a:hover{
	box-shadow: 0 0 8px rgba(0,0,0,.2);
	background: #fff;
}
.jjfa_tb{
	width: 64px;
	height: 64px;
	overflow: hidden;
	margin-right: 8%;
	
}
.jjfa_tb img{
	width: 100%;
	transition: .2s;
}
.jjfa_main ul li a:hover img{
	transform: translateY(-64px);
}
.jjfa_main ul li a h3{
	font-size: 22px;
	letter-spacing: 2px;
	transition: .5s;
	margin: 0;
}
.jjfa_main ul li a:hover h3{
	color: #3d6cc4;
}
.jjfa_main ul li a span.top{
	width: 100%;
	display: block;
	height: 2px;
	background: #3d6cc4;
	position: absolute;
	left: 0;
	top:49.5%;
	transition:.5s;
	opacity: 0;
}
.jjfa_main ul li a span.bottom{
	width: 100%;
	display: block;
	height: 2px;
	background: #3d6cc4;
	position: absolute;
	left: 0;
	bottom:49.5%;
	transition:.5s;
	opacity: 0;
}
.jjfa_main ul li a span.left{
	height: 100%;
	display: block;
	width: 2px;
	background: #3d6cc4;
	position: absolute;
	top: 0;
	transition:.5s;
	top: 9.5%;
	left: 50%;
	opacity: 0;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg); 		/* IE 9 */
	-webkit-transform: rotate(90deg);	/* Safari 和 Chrome */
	-moz-transform: rotate(90deg);		/* Firefox */
	-o-transform: rotate(90deg);		/* Opera */

}
.jjfa_main ul li a span.right{
	height: 100%;
	display: block;
	width: 2px;
	background: #3d6cc4;
	position: absolute;
	top: 9.5%;
	right: 50%;
	opacity: 0;
	transition: .5s;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg); 		/* IE 9 */
	-webkit-transform: rotate(90deg);	/* Safari 和 Chrome */
	-moz-transform: rotate(90deg);		/* Firefox */
	-o-transform: rotate(90deg);		/* Opera */
	
}
.jjfa_main ul li a:hover .top{
	top:0;
	opacity: 1;
}
.jjfa_main ul li a:hover .bottom{
	bottom:0;
	opacity: 1;
}
.jjfa_main ul li a:hover .left{
	left: 0;
	top: 0;
	opacity: 1;
	transform: rotate(0);
	-ms-transform: rotate(0); 		/* IE 9 */
	-webkit-transform: rotate(0);	/* Safari 和 Chrome */
	-moz-transform: rotate(0);		/* Firefox */
	-o-transform: rotate(0);		/* Opera */
}
.jjfa_main ul li a:hover .right{
	right: 0;
	top: 0;
	opacity: 1;
	transform: rotate(0);
	-ms-transform: rotate(0); 		/* IE 9 */ 	
	-webkit-transform: rotate(0);	/* Safari 和 Chrome */
	-moz-transform: rotate(0);		/* Firefox */
	-o-transform: rotate(0);		/* Opera */
}

a:hover{ text-decoration:none;}
.inews{ background:#f5f8ff;}
.am-fl{ float:left;}
.am-fr{ float:right;}
.news-left{ width:48%;}
.news-right{ width:49%;}
.ntit{ margin-bottom:10px;height:32px; line-height:32px;}
.ntit h2{ float:left; font-size:20px; font-weight:bold; }
.ntit a{ font-size:12px; float:right; display:inline-block; margin-top:6px;}
.hotnew{ background:#fff; padding-right:15px; max-height:180px; overflow:hidden;}
.hotnew i{ width:250px; display:inline-block; overflow:hidden; float:left; margin-right:15px;}
.hotnew h2{ font-size:14px; font-weight:normal; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin:20px 0 10px 0; color:#333;}
.hotnew p{ font-size:12px; color:#666;    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
.hotnew span{ font-size:12px; color:#145194; display:block; margin-top:15px;}
.lnlist{}
.lnlist ul li{ padding:15px 0; border-bottom:1px solid #f4f2f0;}
.lnlist ul li .date{ width:58px; height:58px; background:#4b9ced; color:#fff; text-align:center; margin-right:15px;}
.lnlist ul li .date em{ font-size:20px; font-weight:bold; font-style:normal; display:block;}
.lnlist ul li .date span{ display:block; text-align:center; font-size:12px;}
.lnlist ul li h2{ font-size:14px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:8px; margin-top:5px;color:#333;}
.lnlist ul li h2 a{color:#333; }
.lnlist ul li p{ font-size:12px; color:#898988}
.rnlist{ background:#fff; padding:12px 25px;}
.rnlist ul li{ padding:20px 0; border-bottom:1px solid #d9d7d5;}
.rnlist ul li i{ width:100px; height:70px; float:left; margin-right:15px; display:block; overflow:hidden;}
.rnlist ul li h2{ font-size:14px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:4px; margin-top:4px;color:#333;}
.rnlist ul li h2 a{ }
.rnlist ul li p{ font-size:12px; color:#898988}
.rnlist ul li:last-child{ border:none;}
.rnlist ul li:after,.rnlist ul li:before{ content:""; display:table; clear:both;}








@media only screen and (max-width: 1340px) {
	.labp_title h3{font-size: 30px;}
	.labp_titletwo h3{font-size: 30px;}
   .liucheng_main ul li .box{width: 160px;height: 160px;}
   .liucheng_main ul li .box .liucheng_img{width: 45px;height: 45px;margin-bottom: 10px;}
   .liucheng_main ul li:hover img{transform: translateY(-45px);}
}
@media only screen and (max-width: 1180px) {
	.labp_title h3{font-size: 28px;}
	.labp_titletwo h3{font-size: 28px;}
   .liucheng_main ul li .box{width: 120px;height: 120px;}
   .liucheng_main ul li .box .liucheng_img{width: 35px;height: 35px;margin-bottom: 0;}
   .liucheng_main ul li:hover img{transform: translateY(-35px);}
   .liucheng_main ul li .box h4{font-size: 16px;}
   .liucheng_main ul li .box:after{


   	position: absolute;
   	top:40%;
   	right: -40%;

   }
   .liucheng_main ul:nth-child(2) li .box:after{top:40%;left: -25%;}
   
   .jjfa_main ul li{width: 50%;}
   .jjfa_main ul li:nth-child(9){display: none;}
}

@media only screen and (max-width: 990px) {
	.labp_title h3{font-size: 26px;}
	.labp_titletwo h3{font-size: 26px;}
	.anli_main li .box .box-content{padding: 30px 15px;}
	.anli_main li .box .title{font-size: 16px;}
	.anli_main li .box .description{font-size: 14px;height: 50px;overflow: hidden;}
	.anli_main li .box .title:after, .anli_main li .box .description:after{margin: 10px auto;}
	.hezuo_main ul li{width: 33.333333%;}
	.hezuo_main ul li:nth-last-child(2){display: none;}
  .liucheng_main ul li .box:after{width: 24px;height: 21px;background-size:cover ;top:40%;right: -30%;}
  .liucheng_main ul:nth-child(2) li .box:after{top:40%;left: -15%;}
  
  .hezuo_main ul li:last-child a{padding: 22% 0;}
  
  .jjfa_main ul li a h3{font-size: 20px;}
  .jjfa_tb{width: 50px;height: 50px;}
  .jjfa_main ul li a:hover img{transform: translateY(-50px);}
  .news-left{ width:100%; margin-bottom:15px;}
.news-right{ width:100%;}
.hotnew i{ width:200px;}
.ntit h2{ font-size:16px; font-weight:normal;}
}


@media only screen and (max-width:768px) {
	.labp_title h3{font-size: 24px;}
	.labp_titletwo h3{font-size: 24px;}
	.liucheng_main ul li .box{border-radius: 5px;padding: 10px 0 !important;} 
	.liucheng_main ul li .box{width: 100%;height: 100%;background: none;padding: 0;}
	.liucheng_main ul li .box .liucheng_img{width: 35px;height: 35px;margin-bottom: 0;}
	.liucheng_main ul li .box:after{width: 20px;height: 17px;background-size:cover ;top:40%;right: -10%;}
	.liucheng_main ul:nth-child(2) li .box:after{top:40%;left: -0%;}
	 .liucheng_main ul li .box h4{font-size: 14px;}
	 .am-show-sm{ display:block !important;}
	 .hezuo_main ul li:last-child a{font-size: 14px;}
	
}
@media only screen and (max-width: 650px) {
	.anli_main li .box .box-content{padding: 20px 10px;}
	.anli_main li .box .title{font-size: 16px;}
	.anli_main li .box .description{font-size: 12px;}
	.labp_title h3{font-size: 22px;}
	.labp_titletwo h3{font-size: 22px;}
   .jjfa_main ul li a h3{font-size: 16px;}
   .jjfa_tb{width: 40px;height: 40px;}
   .jjfa_main ul li a:hover img{transform: translateY(-40px);}
}
@media only screen and (max-width:575px){
	.liucheng_main ul li .box .liucheng_img{width: 25px;height: 25px;margin-bottom: 0;}
	.liucheng_main ul li:hover img{transform: translateY(-25px);}
	.liucheng_main ul li .box:after{width: 10px;height: 8px;background-size:cover ;top:40%;right: -10%;}
	.liucheng_main ul:nth-child(2) li .box:after{top:40%;left: -0%;}
	.liucheng_main ul li .box h4{font-size: 12px;}
	.liucheng_main ul li:nth-child(5) .box:after{top: 110%;left: 10%;}
	.anli_main li{flex: 0 0 50%;max-width: 50%;padding:  0 5px;}
	.hezuo_main ul li:last-child a{font-size: 12px;}
	.hezuo_main ul li:last-child a{padding: 21.5% 0;}
	.jjfa_main ul li a h3{font-size: 14px;}
	.jjfa_tb{width: 35px;height: 35px;}
	.jjfa_main ul li a:hover img{transform: translateY(-35px);}
}
@media only screen and (max-width: 479px) {
	.anli_main li .box .title:after, .anli_main li .box .description:after{margin: 3px auto;}
	.anli_main li .box .box-content{padding: 10px 5px;}
	.anli_main li .box .title{font-size: 14px;}
	.anli_main li .box .description{font-size: 12px;line-height: 1.2;height: 26px;overflow: hidden;}
   .anli_main li .box .box-content{ padding: 10px; }
   
   .jjfa_main ul li a h3{font-size: 12px;}
   .jjfa_tb{width: 30px;height: 30px;}
   .jjfa_main ul li a:hover img{transform: translateY(-30px);}
}

@media only screen and (max-width:376px) {
	.jjfa_main ul li a h3{font-size: 12px;letter-spacing: 0;}
	.jjfa_tb{width: 25px;height: 25px;}
	.jjfa_main ul li a:hover img{transform: translateY(-25px);}
}

@media only screen and (max-width:320px) {}
