@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0;font-weight:normal;}
img{border:none}
object{ display:block;}
ul,ul li{ list-style:none; margin:0}
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
.play{ display:none;}  
.dis{display:block;}
.undis{display:none;}
.hidden{ display:none}
.text-overflow{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.overflow{ overflow:hidden}
.text_overflow{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%}
.tac{ text-align:center;}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }
.w50{ width:50%;}

body{margin:0px; padding:0px;font-family:"微软雅黑", Arial, Helvetica, sans-serif; font-size:12px;color:#555; }

.index-wrap{position:relative; z-index:555}
.bg-white{ background:#fff}
.bg-f2{ background:#fff}

.about-text-block { width:490px; padding-top:116px;}
.about-text-block .t2{ font-size:30px; color:#333; line-height:42px; padding:25px 0}
.about-text-block .t3{ font-size:14px; color:#666; line-height:24px; min-height:120px; padding-bottom:30px;white-space:normal;word-break:break-all;}

.about-title{ text-align:center;}
.about-title .t1{ font-size:38px; color:#000; line-height:100%; padding-bottom:39px;}
.about-title .t2{ color:#666; font-size:18px; position:relative; line-height:100%; padding-bottom:36px; margin-top:-19px;}
.about-title .line{ height:1px; width:40px; background:#000; margin:0 auto; display:block;}

/*text*/
.f_r{ float:right; width:50%;}
.f_l{float:left; width:50%}
.bgblack{ background-color:#f5f5f5;}

.about-licheng{}
.event_box{width:100%;margin:auto; padding:80px 0;}
.event_box .w600{width:1200px; margin:auto;}
.event_box .w600 .parHd {width:600px;position:relative; border-top:#CCC 1px solid; margin-left:600px; z-index:998;}
.parHd .tempWrap{margin:-12px auto; position:relative; width:600px;}
.parHd .tempWrap li{font-size:18px;color:#000;background:url(../images/dot_ico.png) no-repeat; padding-top:35px; width:200px;}
.parBd{text-align:left; margin-top:-200px;}
.parBd h4 {position:relative;margin:30px 0;width:100%; display:inline-block;text-align:left; overflow:hidden;}
.parBd h4 .tutu{display:flex; align-items:center; overflow:hidden;}
.parBd h4 .tutu span img{ width:100%;}
.parBd p{line-height:180%;font-size:16px;margin:0 auto;}
.sNext{width:30px;height:30px;display:block;position:absolute;top:-15px; right:0; z-index:999;}
.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}
.parHd li.act span{display:block;width:24px;height:24px;overflow:hidden;background:url(../images/cat1.png) no-repeat;position:absolute;top:-12px;left:15px;z-index:21;}
.parHd li span,.parHd li.clone span{display:none;}

:after,:before{box-sizing:inherit}
a{text-decoration:none;color:inherit}
.col-sm-4{float:left;position:relative;width:33.33333333%;}
.aboutwenhua .t1{ color:#333;}
.aboutwenhua span.line{ height: 1px;
    width: 40px;
    background: #333;
    margin: 0 auto;
    display: block;}
.selected-solution{height:695px;background: url(..../images/about/bgwenhua.jpg) top center no-repeat; padding-bottom:60px;}
.selected-solution>div{position:relative;width:95%;margin:0 auto}
.selected-solution .swiper-container{height:695px; width:95%;}
.selected-solution .layer-title{color:#393b40;padding:50px 0 30px;text-align:center;font-size:30px;letter-spacing:1.09px}

/*主体列表*/
.selected-solution .solution-cardlist{max-width:100%;margin:auto;}
.selected-solution .solution-cardlist .swiper-slide,.swiper-wrapper{height:560px!important}
.selected-solution .solution-cardlist .col-sm-4{padding:0 10px;top:0;transition:all .15s linear;box-sizing:border-box;}
.selected-solution .solution-cardlist .col-sm-4 .solution-card{background:#f5f5f5;border-radius:6px;text-align:left;overflow:hidden;transition:all .15s linear; height:420px;}
.selected-solution .solution-cardlist .col-sm-4:hover{position:relative;top:-20px;transition:all .25s linear}
.selected-solution .solution-cardlist .col-sm-4:hover .solution-card{box-shadow:0 10px 40px 0 rgba(0,0,0,.1);transition:all .2s linear}
.selected-solution .solution-cardlist .col-sm-4 .solution-card img{width:100%;transition:all .2s linear}
.selected-solution .solution-cardlist .col-sm-4 .solution-card h3{margin:20px 30px 10px;font-size:18px;color:#252b3a;letter-spacing:.65px;text-align:left; font-weight:bold;}
.selected-solution .solution-cardlist .col-sm-4 .solution-card p{margin:0 30px;font-size:15px;color:#666a75;letter-spacing:.51px; line-height:1.5;}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl{margin:0 30px;overflow:visible}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt{margin-bottom:10px;font-size:14px;color:#252b3a;letter-spacing:.51px;line-height:19px;position:relative}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt:before{position:absolute;display:inline-block;left:-8px;top:7px;content:'';vertical-align:middle;width:4px;height:4px;border-radius:50%;background:#252b3a}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dd{float:left;width:50%;margin-bottom:6px;font-size:12px;color:#a0a2a8;letter-spacing:.44px;line-height:20px}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span{margin:20px 30px 0;font-size:14px;display:inline-block;color:#666a75;letter-spacing:.51px;line-height:22px;opacity:0;transition:opacity .15s linear}
.selected-solution .solution-cardlist .col-sm-4:hover .solution-card>span{opacity:1;transition:opacity .2s linear 50ms}

.content11{width:90%; margin:auto; background:#FFF; overflow:hidden; margin-bottom:60px; padding:40px 30px;}
.content11 dt{text-align:center; font-size:38px; color:#333;}
.content11 p{width:40px; height:1px; background:#666; margin:auto; margin-top:30px;}
.content11 dd{margin-top:30px; color:#666; font-size:16px;}

/*重置swiper*/
.swiper-container-horizontal>.swiper-pagination-bullets.solution-pagination{bottom:15px}
.solution-pagination .swiper-pagination-bullet{width:24px;height:4px; margin-top:40px;border-radius:100px;overflow:hidden;background:#dfe1f1;border:none;cursor:pointer;content:'';display:inline-block;box-sizing:border-box;opacity:1;vertical-align:middle}
.solution-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#50acaf;box-sizing:border-box}
.swiper-container-solution .swiper-button-prev{left:0;width:14.5px;height:30px;margin-top:0;background-image:url(../images/marketplace-home-arrow_big.png);background-size:cover;transition:background-image .15s}
.swiper-container-solution .swiper-button-next{right:0;width:14.5px;height:30px;margin-top:0;background-image:url(../images/marketplace-home-arrow_big.png);transform:rotate(180deg);background-size:cover;transition:background-image .15s}
.swiper-container-solution .swiper-button-next:hover,.swiper-container-solution .swiper-button-prev:hover{background-image:url(../images/marketplace-home-arrow_big_hover.png);transition:background-image .2s}

.about-changbu{ width:100%;}
.about-index-block{ overflow:hidden; background:#fff;}
.aboutxinxi{width:50%; height:100%;}
.aboutxinxi .about-text-block{margin-left:230px;}
.aboutxinxi .about-text-block .t3{font-size:16px; margin-bottom:20px; line-height:1.8}
.aboutpic{width:50%;}
.aboutpic .slideBox {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.aboutpic .slideTxtBox .slideBox .hd2 {
	width:100%;
	height: 12px;
	overflow: hidden;
	position: absolute;
	right:0px;
	bottom:10px;
	z-index:999;
}
.aboutpic .slideTxtBox .slideBox .hd2 ul {
	width:100%;
	overflow: hidden;
	zoom: 1;
	float: left;
}
.aboutpic .slideTxtBox .slideBox .hd2 ul li {
	float: left;
	margin-left: 10px;
	width: 12px;
	height: 12px;
	line-height: 12px;
	text-align: center;
	background: #333;
	cursor: pointer;
	border-radius: 100%;
}
.aboutpic .slideTxtBox .slideBox .hd2 ul li.on {
	background: #fff;
	color: #fff;
}


.aboutpic .slideTxtBox .slideBox .bd2 {
	width:100%;
	position: relative;
	height: 100%;
	z-index: 0;
}
.aboutpic .slideTxtBox .slideBox .bd2 li {
	zoom: 1;
	vertical-align: middle;
	position: relative;
}

.aboutpic .slideTxtBox .slideBox .bd2 img {
	width:100%;
	display: block;
}

.about-cp{ }
.about-cp .swiper-container {
	    padding-bottom:100px;
    }
.about-cp .swiper-wrapper{
	}
.about-cp .swiper-slide {
	    width:920px;
		transition-timing-function:linear;
    }
	@media only screen and (max-width:1200px){
.about-cp .swiper-slide {
	        width:770px;
        }
	}
	@media only screen and (max-width:980px){
.about-cp .swiper-slide {
	        width:471px;
        }
	}
	@media only screen and (max-height:480px){
.about-cp .swiper-slide {
	        width:471px;
        }
	}
.about-cp .swiper-slide img{
		width:100%;
		border-radius: 4px;}
.about-cp .swiper-slide .title{color:#333;font-size:18px;text-align:center}	
.about-cp  .swiper-button-next, .swiper-button-prev{
		width:86px;
		height:112px;
		background-size:86px 112px;
		margin-top:-56px;
		outline:none;}
.about-cp .swiper-button-next{
		background-image:url(../images/cursor-next.png);}
.about-cp .swiper-button-prev{
		background-image:url(../images/cursor-prev.png);}	
.about-cp .swiper-pagination{bottom:30px;}			
.about-cp .swiper-pagination-bullet{
		background:none;
		opacity:1;
		margin:0 6px !important;
		width:9px;
		height:9px;
		position:relative;
		outline:none;
		vertical-align:middle;}
.about-cp .swiper-pagination-bullet span{
		width:3px;
		height:3px;
		background:#CCC;
		display:block;
		border-radius:50%;
		margin-top:3px;
		margin-left:3px;
	}
.about-cp .swiper-pagination-bullet i{
		background:#007074;
		height:1px;
		width:20px;
		position:absolute;
		top:4px;
		transform:scaleX(0);
		transform-origin:left;
		z-index:3;
		transition-timing-function:linear;
		}
.about-cp .swiper-pagination-bullet-active span,.swiper-pagination-bullet:hover span{
		width:9px;
		height:9px;
		margin-top:0;
		margin-left:0;
		background:#007074;
		position:relative;
		z-index:1;
		}
.about-cp .swiper-pagination-bullet-active i{
		animation:middle 6s;
		}
.about-cp .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{
		animation:first 6s;
		}
.about-cp .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{
		animation:last 6s;
		}				
	@keyframes first{
	  0% {transform:scaleX(0.5);left:0px;}/*091*/
	  100% {transform:scaleX(1);left:2px;} /*0915*/
	}
	@keyframes last{
	  0% {transform:scaleX(0.7);left:-10px;}/*1090*/
	  20% {transform:scaleX(0.3);left:2px;} /*090*/
	  100% {transform:scaleX(0.3);left:0px;} /*090*/
	}		
	@keyframes middle{
	  0% {transform:scaleX(0.7);left:-10px;}/*1091*/
	  20% {transform:scaleX(0.45);left:2px;}/*092*/
	  100% {transform:scaleX(1);left:2px;} /*0913*/
	}	