/*公用*/
*{margin:0;padding:0;font-family: "Microsoft YaHei";font-size:16px;}
a{ outline: none!important;}
li{list-style: none;}

aside.ourphone{
	position:fixed;
	right:0;
	bottom:15%;
	width:40px;
	height:40px;
	background:rgba(0,0,0,.6);
	border-radius:4px 0 0 4px;
	transition:all .3s;
}
aside.ourphone:hover{
	background:#00c0ff;
}
aside.ourphone .phone{
	color:#fff;
	display:block;
	text-align:center;
	line-height:40px;
	font-size:25px;

}
aside.ourphone .fromright{
	position:absolute;
	white-space:nowrap;
	right:-150px;
	top:-100%;
	padding:10px 10px;
	background:rgba(0,0,0,.6);
	color:#fff;
	transition:right .3s;
}
aside.ourphone:hover .fromright{
	right:0;
}
.container-fluid{padding:0;}
html,body{height:100%;}
a:hover{text-decoration:none;}
a:link{text-decoration:none;}
#fp-nav .fp-tooltip{color:#fff !important;}
/*右边导航的颜色*/
#fp-nav ul li a span{
	background:#fff;
}

nav{height:60px;line-height:60px;
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	color:#333;
	position:fixed;top:0;left:0;width:100%;
}
nav .pull-left{height:100%;width:150px;position:relative;font-weight:900;}
nav img{margin-left:10px;margin-top:7px}
nav ul li{display:inline-block;position:relative;padding:0 30px;}
nav ul li.active a{color:#00a0e9;}
nav ul li.active:after{
	content:'';
	position:absolute;
	width:100%;
	background:transparent;
	border:1px solid #00a0e9;
	background:#00a0e9;
	border-radius:30px;
	top:20%;
	bottom:19%;
	left:0;
	z-index:10;
}
nav ul li a{color:#fff;}
/*轮播点点样式*/
.carousel_points{
	position:absolute;
	right:30px;
	top:50%;
	z-index:100;
	margin-top:-100px;
}
.carousel_points .point{
	background:#fff;
	width:12px;
	height:12px;
	border-radius:50%;
	margin:30px 0;
	cursor:pointer;
	-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);
	-moz-box-shadow:0 0 5px rgba(0,0,0,.1);
	box-shadow:0 0 5px rgba(0,0,0,.1);
}
.carousel_points .point:hover{
	background:#000;
}
.carousel_points .point.active{
	background:#000;
}
/*点击展示下一屏箭头*/
.downarrow_box{
	position:absolute;
	bottom:14px;
	left:50%;
	z-index:100;
	width:30px;
	height:40px;
	margin-left:-20px;
	cursor:pointer;
}
.downarrow_box img{
        opacity: .5;
        transition:all 0.5s;
        -webkit-transition:all 0.5s;
}
.downarrow_box:hover img{
        opacity:1;
	animation:joggle 1.2s ease-in-out .5s infinite;
	-webkit-animation:joggle 1.2s ease-in-out .5s infinite;
	-ms-animation:joggle 1.2s ease-in-out .5s infinite;
	-o-animation:joggle 1.2s ease-in-out .5s infinite;
	-moz-animation:joggle 1.2s ease-in-out .5s infinite;
	
}
@keyframes joggle{
	0%{
		transform:translateY(-20px);
	}
	50%{
		transform:translateY(0);
	}
	100%{
		transform:translateY(-20px);
	}
}
@-moz-keyframes joggle{
	0%{
		-moz-transform:translateY(-20px);
	}
	50%{
		-moz-transform:translateY(0);
	}
	100%{
		-moz-transform:translateY(-20px);
	}
}
@-ms-keyframes joggle{
	0%{
		-ms-transform:translateY(-20px);
	}
	50%{
		-ms-transform:translateY(0);
	}
	100%{
		-ms-transform:translateY(-20px);
	}
}
@-o-keyframes joggle{
	0%{
		-o-transform:translateY(-20px);
	}
	50%{
		-o-transform:translateY(0);
	}
	100%{
		-o-transform:translateY(-20px);
	}
}
@-webkit-keyframes joggle{
	0%{
		-webkit-transform:translateY(-20px);
	}
	50%{
		-webkit-transform:translateY(0);
	}
	100%{
		-webkit-transform:translateY(-20px);
	}
}
.section{position:relative;overflow:hidden;}
header{position:absolute;left:0;right:0;top:7%;}
header h3{position:relative;margin-bottom:20px;color:black;}
header h3:after{content:"";position:absolute;height:4px;width:50px;background:#00a0e9;left:50%;bottom:-13px;color:red;margin-left:-25px;}
header h4{color:black;letter-spacing:.1em;}

.section.first .hidescreen{background:transparent;position:absolute;width:100%;height:100%;z-index:3000;opacity:0;}

.section.first .hidescreen{background:transparent;position:absolute;width:100%;height:100%;z-index:3000;opacity:0;}
.section.first .btn-circle{
	position:absolute;
	bottom:3%;
	left:50%;
	z-index:3000;
	margin-left:-20px;
	width: 40px;  
  	height: 40px;
  	line-height:40px;
  	padding:0;
  	border-radius:50px;
  	background:rgba(225,225,225,.5);
  	border:none;
  	transition:all 0.5s;
}
.section.first .btn-circle span.glyphicon{
	top:2px;
}
.section.first .btn-circle:hover{
	background:rgba(0,0,0,.5);
}
.section.solution .row {
    margin-right: -15px;
    margin-left: -15px;
}
.section.solution .testimonials-pager{
    position: relative;
    width: 450px;
    height: 450px;
    margin: 0 auto;
}
.section.solution .pager{
    position: absolute;
    width: 100px;
    height: 100px;
    background: #ffffff;
    text-align: center;
    color: #202020;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
}
.section.solution .pager:nth-child(1) {
    left: 95px;
    top: 20px;
}
.section.solution .pager:nth-child(2) {
    right: 95px;
    top: 20px;
}
.section.solution .pager:nth-child(3) {
    right: 10px;
    top: 160px;
}
.section.solution .pager:nth-child(4) {
    right: 95px;
    bottom: 20px;
}
.section.solution .pager:nth-child(5) {
    left: 95px;
    bottom: 20px;
}
.section.solution .pager:nth-child(6) {
    left: 10px;
    top: 160px;
}
.section.solution .pager .image{
	position:relative;
	overflow:hidden;
}
.section.solution .pager .toptext{
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.4);
	z-index:1000;
	top:0;
	left:0;
	color:#fff;
	border-radius: 50%;
}
.section.solution .pager .toptext span{
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:100%;
	
}
.section.solution .pager img{
	height:100px;
	margin-left:-30px;
}
.section.solution .pager{
	margin:20px 0;
}
.section.solution .pager.active .toptext{
	display:none;
}
.section.solution .pager.active:before {
    opacity: 1;
    transform: scale(1.1,1.1);
}
.section.solution .pager:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.30);
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.section.solution .bx-controls {
    position: relative;
    padding-top: 50px;
}
.section.solution .slides-column{
	padding-right:0;
}
.section.solution .slide-item {
    padding-top: 150px;
    background: url(../img/icon-quote.png) left 80px no-repeat;
    color:#fff;
}
.section.solution .slide-text {
    position: relative;
    font-size: 14px;
    line-height: 2em;
    margin-bottom: 30px;
}
.section.solution .arrows{
	margin-right:10px;
	text-align:center;
}
.section.solution .arrow{
	height:35px;
	line-height:35px;
	width:35px;
	color:#fff;
	background:#333;
	margin-left:5px;
	cursor:pointer;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-ms-transition:all .4s;
	-o-transition:all .4s;
	transition:all .4s;
}
.section.solution .arrow:hover{
	background:#4f4f4f;
}
.section.solution .testimonials-pager:before {
    animation-name: rotateme;
    animation-duration: 12s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: rotateme;
    -webkit-animation-duration: 12s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotateme;
    -moz-animation-duration: 12s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: rotateme;
    -ms-animation-duration: 12s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: rotateme;
    -o-animation-duration: 12s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
.section.solution .testimonials-pager:before {
    content: '';
    position: absolute;
    left: 160px;
    top: 160px;
    width: 130px;
    height: 130px;
    border: 2px solid rgba(255,255,255,0.50);
    background:url(../img/logorotate.png) center center no-repeat;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.section.solution .testimonials-slider{
	position:relative;
}
@-webkit-keyframes rotateme {
	from{
		-webkit-transform: rotateZ(0);
	}
	to{
		-webkit-transform: rotateZ(360deg);
	}
}
@-o-keyframes rotateme {
	from{
		-o-transform: rotateZ(0);
	}
	to{
		-o-transform: rotateZ(360deg);
	}
}
@-moz-keyframes rotateme {
	from{
		-moz-transform: rotateZ(0);
	}
	to{
		-moz-transform: rotateZ(360deg);
	}
}
@-ms-keyframes rotateme {
	from{
		-ms-transform: rotateZ(0);
	}
	to{
		-ms-transform: rotateZ(360deg);
	}
}
@keyframes rotateme{
	from{
		transform: rotateZ(0);
	}
	to{
		transform: rotateZ(360deg);
	}
}
.section.case h1{font-size:600px;color: #dedff1;position:absolute;top:-170px;left:0;width:100%;}

.section.case .casecarousel{
	width:90%;
}
.section.case .casecarousel ul{
	margin-bottom:0;
}
.section.case .casecarousel .J_Poster{
	width:100%;
	position:relative;
}
.section.case .casecarousel .poster_btn{
	position:absolute;
	width:60px;
	height:60px;
	cursor:pointer;
	top:50%;
	z-index:100;
	margin-top:-10px;
}
.section.case .casecarousel .poster_prev_btn{
	background:url(../img/left.png) center center no-repeat;
	left:0;
}
.section.case .casecarousel .poster_next_btn{
	background:url(../img/right.png) center center no-repeat;
	right:0;
}
.section.case .casecarousel .poster_list{
	position:relative;
	min-height:350px;
}
.section.case .casecarousel li.poster_item{
	position:absolute;
	left:0;
	top:0;
	
}
.section.case .casecarousel li.poster_item .poster_item_tit{
	color:#333;
	
}
.section.case .casecarousel li.poster_item .poster_item_tit h4{
	font-weight:900;
	font-size:16px;
       white-space:nowrap;
}
.section.case .casecarousel .casepic_box{
	position:relative;
	overflow:hidden;
}
.section.case .casecarousel .casepic_box img{
	width:100%;
}
.section.case .casecarousel .casepic_box img.up{
	position:absolute;
	left:0;
	top:0;
}
.section.case .casecarousel .casepic_box a{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	padding:30px;
	transition:all .4s;
	opacity:0;
	background:rgba(0,0,0,.5);
	
}
.section.case .casecarousel .casepic_box a .min_mes{
	opacity:0;
	border:1px solid #fff;
	height:100%;
	width:100%;
	transition:all .4s;
	transform:scale(.7);
	text-align:center;
	position:relative;
}
.section.case .casecarousel .casepic_box a .min_mes .more{
	color:#fff;
	position:absolute;
	bottom:30px;
	right:15%;
}
.section.case .casecarousel .casepic_box a .min_mes .more:hover{
	color: #00c0ff;
}
.section.case .casecarousel li.poster_item .poster_item_text{
	position:absolute;
	left:50%;
	top:50%;
	width:70%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	text-align:left;
	color:#fff;
}
.section.case .casecarousel .casepic_box a:hover .min_mes{
	opacity:1;
	transform:scale(1);
	
}
.section.case .casecarousel .casepic_box a:hover{
	opacity:1;
}
.section.news .news_box{
	position:relative;
}
.section.news .tit_box{
	position:relative;
	width:100%;
	height:44px;
}
.section.news .tit_line{
	background:#5aaff7;
	position:absolute;
	left:50%;
	top:0;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
	color:#fff;
	border-radius:50px;
	overflow:hidden;
	
}
.section.news .tit_line ul{
	margin-bottom:0;
}
.section.news .tit_line .backslider{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	background:#333;
	border-radius:50px;
	
}
.section.news .tit_line ul{
	margin-bottom:0;
	overflow:hidden;
	font-size:0;
}
.section.news .tit_line .tit{
	cursor:pointer;
	padding:10px 20px;
	position:relative;
	font-size:16px;
}
.section.news .news_content{
	padding-left:0;
	padding-right:0;
}
.section.news .news_content_part{
	position:relative;
	overflow:hidden;
	display:none;
}
.section.news .news_content_part.active{
	display:block;
}
.section.news .news_content ul{
	position:relative;
	left:0;
}
.section.news .news_content li{
	width:25%;
	padding:40px 25px 25px 25px;
        overflow:hidden;
}
.section.news .news_content li .item{
	background:#fff;
        -webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
}
.section.news .news_content li .item:hover{
	-webkit-box-shadow:0 0 15px rgba(0,0,0,.2);
	-moz-box-shadow:0 0 15px rgba(0,0,0,.2);
	box-shadow:0 0 15px rgba(0,0,0,.2);
        margin-top: -10px;
}
.section.news .news_content li .item .imgbox{
	width:100%;
	height:124px;
	overflow:hidden;
	position:relative;
}
.section.news .news_content li .item .imgbox .databox{
	position:absolute;
	left:10px;
	top:0;
	background:#5aaff7;
	color:#fff;
	padding:5px;
}
.section.news .news_content li .item .imgbox .databox span{
	font-size:12px;
}
.section.news .news_content li .item .imgbox .databox h6{
	font-size:16px;
}
.section.news .news_content li .item .textbox{
	padding:15px 15px 20px 15px;
	width:100%;
	text-align:left;
}
.section.news .news_content li .item .textbox h5{
	height:35px;
}
.section.news .news_content li .item .textbox p{
	color:#999;
	font-size:14px;
	text-overflow:ellipsis;
	text-overflow:-webkit-ellipsis;
	text-overflow:-ms-ellipsis;
	text-overflow:-o-ellipsis;
	text-overflow:-moz-ellipsis;
	overflow:hidden;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-o-box;
	-webkit-line-clamp:2;
	-moz-line-clamp:2;
	-ms-line-clamp:2;
	-o-line-clamp:2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	-o-box-orient: vertical;
	max-height:40px;
        height:40px;
}
.section.news .news_content li .item .textbox a{
	font-size:14px;
	color:#333;
}
.section.news .news_content li .item .textbox a:hover{
	color:#00a0e9;
}
.section.news .arrows{
	margin-right:10px;
}
.section.news .arrow{
	height:35px;
	line-height:35px;
	width:35px;
	color:#fff;
	background:#333;
	margin-left:5px;
	cursor:pointer;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-ms-transition:all .4s;
	-o-transition:all .4s;
	transition:all .4s;
}
.section.news .arrow:hover{
	background:#4f4f4f;
}
.section.custom .logos ul li{width:20%;padding:0;font-size:0;vertical-align:bottom;float:left;box-sizing: border-box;}
.section.custom .logos ul li{
	opacity:.7;
	transition:all .3s;
}
.section.custom .logos ul li:hover{
	opacity:1;
}
.section.custom{
	position:relative;
}
.section.custom center.moresubmit{position:absolute;left:0;right:0;bottom:13%;z-index:1000;}
.section.custom .pre:hover,.section.custom .next:hover{
	opacity:1;
}
.section.custom .fp-tableCell{
	padding:0 10px !important;
}
.section.custom .coplogo .waibox{
	overflow:hidden;
	opacity:.9;
}
.section.custom .alllogos{
	position:relative;
}

.section.ziqiu .contactbox{
	display:table;
	width:100%;
}
.section.ziqiu .contactbox .area{
	display:table-cell;
	vertical-align:middle;
}
.section.ziqiu .contactbox .leftArea{
	width:35%;
	position:relative;
}
.section.ziqiu .contactbox .leftArea .mapbox{
	position:relative;
}
.section.ziqiu .contactbox .leftArea .contact_map{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:67%;
	padding-top:4%;
	padding-left:4%;
	padding-right:4%;
	overflow:hidden;
}
.section.ziqiu .contactbox .rightArea{
	width:65%;
}
.section.ziqiu .contactbox .mes_in_top{
	padding:0 30px 0px 40px;
	-webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
	break-inside: avoid;
	padding-left:100px\0;
	+padding-left:100px;
	_padding-left:100px;
}
.section.ziqiu .contactbox .mes_in_top h2{
	color:#5aaff7;
	margin-top:0;
	margin-bottom:0;
}
.section.ziqiu .contactbox .mes_in_top .mes_item{
	line-height:33px;
}
.section.ziqiu .contactbox .mes_in_top .contact_icon{
	margin-right:15px;
	height:33px;
	width:25px;
	position:relative;
	cursor:pointer;
}
.section.ziqiu .contactbox .mes_in_top .contact_icon>img{
	width:25px;
}
.section.ziqiu .contactbox .mes_in_top .contact_icon .codebox{
	display:none;
	position:absolute;
	left:50%;
	margin-left:-50px;
	bottom:130%;
	background:#fff;
	width:100px;
	height:100px;
	z-index:200;
	box-shadow:0 0 5px rgba(0,0,0,.2);
}
.section.ziqiu .contactbox .mes_in_top .contact_icon:nth-child(1) .codebox{
	margin-left:-20px;
}
.section.ziqiu .contactbox .mes_in_top .contact_icon:nth-child(1) .codebox:before{
	left:20%;
}
.section.ziqiu .contactbox .mes_in_top .contact_icon .codebox:before{
	content:'';
	position:absolute;
	left:50%;
	top:100%;
	margin-left:-10px;
	border-width:8px 10px;
	border-style:solid;
	border-color:#fff transparent transparent transparent;
}
.section.ziqiu .contactbox .mes_in_top .contact_icon:hover .codebox{
	display:block;
}
.section.ziqiu .contactbox .mes_in_bottom{
	color:#5aaff7;
	padding-top:15px;
}
.section.ziqiu .contactbox .mes_in_bottom h3{
	display:inline-block;
}
.section.ziqiu .contactbox .mes_in_bottom h3 .bgcircle{
	font-size:24px;
	width:40px;
	height:40px;
	display:inline-block;
	position:relative;
}
.section.ziqiu .contactbox .mes_in_bottom span{
	font-size:22px;
	letter-spacing:5px;
}
.section.ziqiu .contactbox .mes_in_bottom .bgcircle{
	margin-right:5px;
}
.section.ziqiu .contactbox .mes_in_bottom .bgcircle span{
	font-size:22px;
	color:#fff;
	position:relative;
	letter-spacing:0;
}
.section.ziqiu .contactbox .mes_in_bottom .bgcircle:before{
	position:absolute;
	content:'';
	width:40px;
	height:40px;
	background:#5aaff7;
	left:0;
	top:-5px;
	border-radius:20px;
}
.section.ziqiu .btn-littlecircle span{color:#fff;margin-left:-4.5px;}


/*更多按钮*/
.morebtn{
	background:#00c0ff;
	width:100px;
	height:40px;
	line-height:40px;
	display:block;
	color:#fff !important;
	position:relative;
	overflow:hidden;
}
.morebtn .innerbox{
	position:absolute;
	left:-100%;
	top:0;
	background:#333;
	width:100px;
	height:40px;
	transition:all .3s;
	cursor:pointer;
}
.morebtn:hover .innerbox{
	left:0;
}
.morebtn label{
	position:absolute;
	left:50%;
	top:50%;
	cursor:pointer;
	-webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  -o-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
}
.section.solution .morebtn,.section.case .morebtn,.section.news .morebtn,.section.ziqiu .morebtn{
	position:absolute;
	left:50%;
	margin-left:-50px;
	bottom:10%;
}
.btn{
	border-radius:0;
}
a.indexlog{
	display:block;
	-webkit-transform:rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform:rotateY(0);
	-o-transform:rotateY(0);
	transform:rotateY(0);
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-ms-transition: all 1s;
	-o-transition:all 1s;
	transition:all 1s;
}
a.indexlog:hover{
	-webkit-transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	transform:rotateY(360deg);
}
.logobox{
	margin-right:5px;
}
.coplogo{
	position:relative;
}
.controls{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.controls .pre{
    position: absolute;
    left: -35px;
    width:30px;
    height: 100%;
    cursor:pointer;
    opacity:.5;
    transition: all .3s;
}
.controls .next{
    position: absolute;
    right: -35px;
    width:30px;
    height: 100%;
    cursor:pointer;
    opacity:.5;
      transition: all .3s;
}


.controls .pre:before{
    position: absolute;
    left: 0;
    top: 50%;
    width: 200%;
    height: 2px;
    background: #00A0E9;
    content: '';
    transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    -webkit-transform-origin: bottom left;
    transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
}
.controls .pre:after{
    position: absolute;
    left: 0;
    top: 50%;
    width: 200%;
    height: 2px;
    background: #00A0E9;
    content: '';
    transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
}
.controls .next:before{
   position: absolute;
    right: 0;
    top: 50%;
    width: 200%;
    height: 2px;
    background: #00A0E9;
    content: '';
    transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    -webkit-transform-origin: bottom right;
    transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
}
.controls .next:after{
    position: absolute;
    right: 0;
    top: 50%;
    width: 200%;
    height: 2px;
    background: #00A0E9;
    content: '';
    transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    -webkit-transform-origin: top right;
    transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
}
.section.custom .alllogos .item{
	padding:10px;
	background:#fff;
}
.alllogos .imgbox{
	float:left;
	width:20%;
}
.alllogos img{
	opacity:.7;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	z-index:1;
	-webkit-transform:scale(.8);
	-moz-transform:scale(.8);
	-ms-transform:scale(.8);
	-o-transform:scale(.8);
	transform:scale(.8);
}
.alllogos img:hover{
	opacity:1;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
	z-index:100;
	position:relative;
}
.moredetail{
	color:#333;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	border:1px solid #333;
	padding:5px 12px;
}
.moredetail:hover{
	background:#333;
	color:#fff;
}
/*回到页面顶部按钮*/
.btn_back_top{
	position:fixed;
	right:0;
	bottom:10%;
	width:40px;
	height:40px;
	line-height:40px;
	padding:0;
	z-index:100;
}
/*最右边联系我们*/
.right_contact{
	position:fixed;
	right:-300px;
	bottom:15%;
	background:#fff;
	min-height:130px;
	padding:15px;
	z-index:1000;
	width:300px;
}
.right_contact .btn-primary{
	position:absolute;
	right:100%;
	top:0;
	cursor: pointer;
	text-align:center;
	width:25px;
	padding-top:10px;
	padding-bottom:10px;
}
/*最右边边导航*/
.right_nav{
	position:fixed;
	right:0;
	top:50%;
	color:#fff;
	padding:15px 15px 15px 0;
	z-index:1000;
	text-align:right;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.right_nav li{
	margin:15px 0;
	vertical-align:middle;
        position:relative;
        height:18px;
}
.right_nav li.active{
	opacity:1;
}
.right_nav li a{
	color:#fff;
	font-size:16px;
       position:absolute;
       right:0;
        top:0;
white-space:nowrap;
}
.right_nav.black li a{
	color:#000;
}
.right_nav li.active a,.right_nav.black li.active a{
	color:#5aaff7;
}
.right_nav li.active i,.right_nav.black li.active i{
	background:#5aaff7;
}
.right_nav li.active,.right_nav.black li.active{
	color:#5aaff7;
}
.right_nav i{
	display:inline-block;
	height:12px;
	width:12px;
	background:#fff;
	border-radius:50%;
	vertical-align:middle;
	margin-left:10px;
}
.right_nav.black i{
	background:#000;
}
.section.solution{
	z-index:50;
}

.section{
	z-index:100;
}
.section.first{
	z-index:5000;
}
.section{
	opacity:0;
}
.section.first{
	opacity:1;
}
.nav_button{
        display:none; 
  }
.section.solution .leftArea li{
	font-size:16px;
	color:#fff;
	width:120px;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	cursor:pointer;
	margin-bottom:10px;
	transition:all .2s linear;
}
.section.solution .leftArea li.active{
	background-color: #2589ff;
    border-radius: 2px;
}
.section.solution .rightArea{
	color:#fff;
	border-left:1px solid rgba(255,255,255,.3);
	padding-left:100px;
}
.section.solution .rightArea .s-fs26{
	font-size:26px;
}
.section.solution .rightArea .item{
	display:none;
}
.section.solution .rightArea .item.active{
	display:block;
}
.solution_btn{
	margin-top:30px;
	color:#fff;
	font-size:16px;
	border:1px solid #fff;
	border-radius:2px;
	padding:6px 14px;
	display:inline-block;
}
.solution_btn:hover{
	background:#fff;
	color:#333;
}
.section.solution .rightArea ul li{
text-align:center;
}
.phone_none{
                display:block;
        }

.section.whatdo .part .min{
	position:relative;
}
.section.whatdo .part .min .imgbox{
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	width:200px;
	height:200px;
	overflow:hidden;
	margin-bottom:30px;
}
/*.section.whatdo .part .min:hover .imgbox{
	-webkit-transform:translateY(-100px);
	-moz-transform:translateY(-100px);
	-ms-transform:translateY(-100px);
	-o-transform:translateY(-100px);
	transform:translateY(-100px);
}*/

.section.whatdo .part .min .downtext{
	position:absolute;
	bottom:0;
	left:0;
	padding:0 15px;
}
.section.whatdo .part .min .downtitle{
	-webkit-transition:all 550ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-moz-transition:all 550ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-ms-transition:all 550ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-o-transition:all 550ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition:all 550ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	color:#fff;
}
/*.section.whatdo .part .min:hover .downtitle{
	-webkit-transform:translateY(-110px);
	-moz-transform:translateY(-110px);
	-ms-transform:translateY(-110px);
	-o-transform:translateY(-110px);
	transform:translateY(-110px);
}*/
.section.whatdo .part .min .downtitle h4{
	margin:40px 0 20px 0;
}
.section.whatdo .part .min .downtext p{
	webkit-transform:scale(0,0);
	-moz-transform:scale(0,0);
	-ms-transform:scale(0,0);
	-o-transform:scale(0,0);
	transform:scale(0,0);
	-webkit-transition:all .3s ease .4s;
	-moz-transition:all .3s ease .4s;
	-ms-transition:all .3s ease .4s;
	-o-transition:all .3s ease .4s;
	transition:all .3s ease .4s;
}
/*.section.whatdo .part .min:hover .downtext p{
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform:  scale(1,1);
	transform:  scale(1,1);
}*/

.sectionbottom{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	background:rgba(253,231,259,.2);
	color:#fff;
	padding-top:0;
	padding-bottom:25px;
}
.sectionbottom .process li{
	font-size:16px;
	border:1px solid #fff;
	padding:5px 15px;
	margin-right:20px;
	margin-left:30px;
	margin-top:20px;
    float:left;
    position:relative;
}
.sectionbottom .process li:nth-child(5){
	clear:both;
}
.sectionbottom .process li.right:after{
	content:"";
	position:absolute;
	right:-33px;
	top:9px;
	width:12px;
	height:12px;
	background:url(../img/fourright.png) no-repeat;
	background-size:cover;
}
.sectionbottom .process li.left:before{
	content:"";
	position:absolute;
	right:-33px;
	top:9px;
	width:12px;
	height:12px;
	background:url(../img/fourleft.png) no-repeat;
	background-size:cover;
}
.sectionbottom .process li.down:after{
	content:"";
	position:absolute;
	right:43px;
	bottom:-17px;
	width:12px;
	height:12px;
	background:url(../img/fourdown.png) no-repeat;
	background-size:cover;
}

.section.cando{
						
					}
					.section.cando .cando_page{
						width:100%;
						height:100%;
						display:table;
					}
					.section.cando .cando_head{
						width:100%;
						height:20%;
						background:#fff;
						min-height:80px;
						display:table-row;
					}
					.section.cando .cando_content{
						width:100%;
						height:auto;
						display:table-row;
						vertical-align:middle;
						color:#fff;
					}
					.section.cando .cando_content center{
						padding:30px 0;
					}
					.section.cando .cando_content .min{
						padding:30px;
						
					}
					.section.cando .cando_content .min center{
						-webkit-transition:all .5s;
						-moz-transition:all .5s;
						-ms-transition:all .5s;
						-o-transition: all .5s;
						transition:all .5s;
						
					}
					.section.cando .cando_content .min center:hover{
						background:#588DF3;
						-webkit-transform:scale(1.1);
						-moz-transform:scale(1.1);
						-ms-transform:scale(1.1);
						-o-transform:scale(1.1);
						transform:scale(1.1);
					}
					.section.cando .cando_content .imgbox{
						padding:0 35px;
						height:100%;
						padding-top:5px;
						padding-bottom:25px;
					}
					.section.cando .cando_footer{
						width:100%;
						height:35%;
						background:#fff;
						display:table-row;
						min-height:220px;
						overflow:hidden;
					}
					.section.cando .cando_footer .linebox{
						position:relative;
					}
					.section.cando .cando_footer .linebox .point{
						position:absolute;
						width:10px;
						height:10px;
						background:#fff;
						border-radius:50%;
						left:0;
						top:0;
					}
					.section.cando .cando_footer .linebox .point:before{
						content:'';
						position:absolute;
						width:20px;
						height:20px;
						background:#588df3;
						opacity:1;
						left:-5px;
						top:-5px;
						border-radius:50%;
						opacity:.3;
					}
					.section.cando .cando_footer .linebox .point:after{
						content:'';
						position:absolute;
						width:10px;
						height:10px;
						background:#fff;
						opacity:1;
						left:50%;
						top:50%;
						border-radius:50%;
						margin-left:-5px;
						margin-top:-5px;
					}
					.section.cando .cando_footer .linebox .point h4{
						position: absolute;
						top:15px;
						left:50%;
						font-size:16px;
						white-space:nowrap;
						-webkit-transform:translate(-50%,0);
						-moz-transform:translate(-50%,0);
						-ms-transform:translate(-50%,0);
						-o-transform:translate(-50%,0);
						transform:translate(-50%,0);
						color:#898383;
					}
					.section.cando .cando_footer .linebox .point.two h4,
					.section.cando .cando_footer .linebox .point.three h4,
					.section.cando .cando_footer .linebox .point.five h4,
					.section.cando .cando_footer .linebox .point.nine h4{
						top:-45px;
					}
					.section.cando .cando_footer .linebox .point .circle{
						position:absolute;
						left:50%;
						bottom:30px;
						width:62px;
						height:62px;
						border-radius:50%;
						overflow:hidden;
						background:#edeff1;
						margin-left:-31px;
					}
					.section.cando .cando_footer .linebox .point.two .circle,
					.section.cando .cando_footer .linebox .point.three .circle,
					.section.cando .cando_footer .linebox .point.five .circle,
					.section.cando .cando_footer .linebox .point.nine .circle{
						top:30px;
					}
					.section.cando .cando_footer .linebox .point.one{
						left:3%;
						top:61%;
					}
					.section.cando .cando_footer .linebox .point.two{
						left:13%;
						top:35%;
					}
					.section.cando .cando_footer .linebox .point.three{
						left:22%;
						top:24%;
					}
					.section.cando .cando_footer .linebox .point.four{
						left:33%;
						top:50%;
					}
					.section.cando .cando_footer .linebox .point.five{
						left:47%;
						top:27%;
					}
					.section.cando .cando_footer .linebox .point.six{
						left:60%;
						top:50%;
					}
					.section.cando .cando_footer .linebox .point.sev{
						left:70%;
						top:75%;
					}
					.section.cando .cando_footer .linebox .point.eight{
						left:82%;
						top:57%;
					}
					.section.cando .cando_footer .linebox .point.nine{
						left:93%;
						top:23%;
					}
					.section.cando .cando_footer .linebox .point.active .circle{
						background-position:center bottom;
						background-color:#588df3;
					}
					.section.cando .cando_footer .linebox .point.active h4{
						color:#588df3;
					}
					.section.cando .cando_footer .back_img{
						position:absolute;
						width:100%;
						bottom:0;
						left:0;
					}
					.section.cando .table_min{
						display:table-cell;
						vertical-align:middle;
					}
					.section.cando .cando_title{
						margin-left:30px;
					}
					.section.cando .cando_title .line{
						height:3px;
						width:25px;
						background:#333;
					}
.section.cando .cando_footer .linebox .point.active:before{
						-webkit-animation:circle 2s infinite linear;
						-moz-animation:circle 2s infinite linear;
						-o-animation:circle 2s infinite linear;
						animation: circle 2s infinite linear;
					}
					@keyframes circle{
						10%{
							-webkit-transform:scale(1.2);
							-moz-transform:scale(1.2);
							-ms-transform:scale(1.2);
							-o-transform:scale(1.2);
							transform:scale(1.2);
						}
						25%{
							-webkit-transform:scale(.5);
							-moz-transform:scale(.5);
							-ms-transform:scale(.5);
							-o-transform:scale(.5);
							transform:scale(.5);
						}
						50%{
							-webkit-transform:scale(1.2);
							-moz-transform:scale(1.2);
							-ms-transform:scale(1.2);
							-o-transform:scale(1.2);
							transform:scale(1.2);
						}
						100%{
							-webkit-transform:scale(.5);
							-moz-transform:scale(.5);
							-ms-transform:scale(.5);
							-o-transform:scale(.5);
							transform:scale(.5);
						}
					}
					@-webkit-keyframes circle{
						10%{
							-webkit-transform:scale(1.2);
							-moz-transform:scale(1.2);
							-ms-transform:scale(1.2);
							-o-transform:scale(1.2);
							transform:scale(1.2);
						}
						25%{
							-webkit-transform:scale(.5);
							-moz-transform:scale(.5);
							-ms-transform:scale(.5);
							-o-transform:scale(.5);
							transform:scale(.5);
						}
						50%{
							-webkit-transform:scale(1.2);
							-moz-transform:scale(1.2);
							-ms-transform:scale(1.2);
							-o-transform:scale(1.2);
							transform:scale(1.2);
						}
						100%{
							-webkit-transform:scale(.5);
							-moz-transform:scale(.5);
							-ms-transform:scale(.5);
							-o-transform:scale(.5);
							transform:scale(.5);
						}
					}
@-moz-keyframes circle{
						10%{
							-webkit-transform:scale(1.2);
							-moz-transform:scale(1.2);
							-ms-transform:scale(1.2);
							-o-transform:scale(1.2);
							transform:scale(1.2);
						}
						25%{
							-webkit-transform:scale(.5);
							-moz-transform:scale(.5);
							-ms-transform:scale(.5);
							-o-transform:scale(.5);
							transform:scale(.5);
						}
						50%{
							-webkit-transform:scale(1.2);
							-moz-transform:scale(1.2);
							-ms-transform:scale(1.2);
							-o-transform:scale(1.2);
							transform:scale(1.2);
						}
						100%{
							-webkit-transform:scale(.5);
							-moz-transform:scale(.5);
							-ms-transform:scale(.5);
							-o-transform:scale(.5);
							transform:scale(.5);
						}
					}
					@-ms-keyframes circle{
						10%{
							-webkit-transform:scale(1.2);
							-moz-transform:scale(1.2);
							-ms-transform:scale(1.2);
							-o-transform:scale(1.2);
							transform:scale(1.2);
						}
						25%{
							-webkit-transform:scale(.5);
							-moz-transform:scale(.5);
							-ms-transform:scale(.5);
							-o-transform:scale(.5);
							transform:scale(.5);
						}
						50%{
							-webkit-transform:scale(1.2);
							-moz-transform:scale(1.2);
							-ms-transform:scale(1.2);
							-o-transform:scale(1.2);
							transform:scale(1.2);
						}
						100%{
							-webkit-transform:scale(.5);
							-moz-transform:scale(.5);
							-ms-transform:scale(.5);
							-o-transform:scale(.5);
							transform:scale(.5);
						}
					}
					@-o-keyframes circle{
						10%{
							-webkit-transform:scale(1.2);
							-moz-transform:scale(1.2);
							-ms-transform:scale(1.2);
							-o-transform:scale(1.2);
							transform:scale(1.2);
						}
						25%{
							-webkit-transform:scale(.5);
							-moz-transform:scale(.5);
							-ms-transform:scale(.5);
							-o-transform:scale(.5);
							transform:scale(.5);
						}
						50%{
							-webkit-transform:scale(1.2);
							-moz-transform:scale(1.2);
							-ms-transform:scale(1.2);
							-o-transform:scale(1.2);
							transform:scale(1.2);
						}
						100%{
							-webkit-transform:scale(.5);
							-moz-transform:scale(.5);
							-ms-transform:scale(.5);
							-o-transform:scale(.5);
							transform:scale(.5);
						}
					}

@media only screen and (max-width: 1300px){
.section.cando .cando_footer .linebox .point h4{
     font-size:14px;
     top:10px;
}
.section.cando .cando_footer .linebox .point.two h4,
.section.cando .cando_footer .linebox .point.three h4,
.section.cando .cando_footer .linebox .point.five h4,
.section.cando .cando_footer .linebox .point.nine h4{
	top:-35px;
}
.section.cando .cando_footer .linebox .point .circle{
width:50px;
height:50px;
margin-left:-25px;
margin-top:-25px;
background-size:cover;
}
.section.cando .cando_footer .linebox .point.two .circle,
					.section.cando .cando_footer .linebox .point.three .circle,
					.section.cando .cando_footer .linebox .point.five .circle,
					.section.cando .cando_footer .linebox .point.nine .circle{
						top:50px;
}
}
@media only screen and (max-width: 768px) {
.section.cando .cando_footer {
     display:none
}
        .phone_none{
                display:none;
        }
        .nav_button{
                display:block; 
        }
	.pager-column{
		display:none;
	}
        .section.ziqiu .contactbox .leftArea{
		display:none;
	}
        .section.ziqiu .contactbox .mes_in_top{
		padding:0;
	}
        .section.ziqiu .contactbox .mes_in_bottom{
		padding-top:0;
	}
        .section.ziqiu .contactbox .mes_in_top .mes_item {
    	        line-height: 25px;
        }
        .section.ziqiu .contactbox .mes_in_top h2{
    	       font-size:22px;
        }
        .section.news .tit_line .tit{
    	       padding:5px;
        }
        .section.news .news_content li{
    	      padding:0px 10px 0 10px;
        }
        .section.news .news_content li .item .imgbox{
    	      height:100px;
        }
        .section.news .news_content li .item .textbox{
    	     padding:0 5px 10px 5px;
        }
          .section.news .news_content li .item .imgbox .databox{
    	      display:none;
          }
             .section.news .news_content li .item .textbox h5{
         text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;
                 }
 .section.news .news_content li .item .textbox p{
           margin-bottom:0;
}
          .section.news .news_content li .item .textbox a{
    	      font-size:12px;
           }
         
          .right_nav{
    	      display:none !important;
            }
             nav ul.pull-right{
    	         background:#fff;
             }
             nav ul li{
              	display:block;
             }
            nav ul li a{
         	color:#333;
             }
           .section.case .casecarousel .poster_list{
            	min-height:auto;
            }
           .section.case .casecarousel .casepic_box a:hover{
    	        opacity:0;
           }
         
           .leftArea{
              width:100%!important;
            }
            .section.solution .leftArea li{
              width:33%;
              float:left;
            }
            .section.solution .rightArea{
              width:100%!important;
              border-left:none;
              border-top: 1px solid rgba(255,255,255,.3);
              padding-left:0;
              padding-top:20px;
              height:auto !important;
            }
           .section.solution .rightArea .item ul{
                display:none;
            }
           .solution_btn{
                margin-top:10px;
           }
           .section.solution .leftArea li{
                   position:relative;
                   line-height:40px;
           }
            .section.solution .leftArea li a{
                   position:absolute;
                   display:block;
                   top:0;
                  left:0;
                   width:100%;
                   height:100%;
           }
             .section.case .casecarousel{
                  width:100%;
            }
            .section.case .container{
                 padding-left:0;
                 padding-right:0;
            }
               .section.case .casecarousel li.poster_item{
                   position:relative;
                   width:50%;
                   float:left;
                   padding:0 15px;
            }
                 .section.case .casecarousel li.poster_item:nth-child(2n+1){
                    clear:both;
              }
                .section.case .casecarousel li.poster_item:last-child{
                   display:none;
            }
               .section.case .casecarousel li.poster_item .poster_item_tit h4{
    	           white-space:normal;
                   overflow:hidden;
            }
            .section.case .casecarousel li.poster_item .poster_item_tit{
                   text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;
            }
            .section.ziqiu .contactbox .mes_in_top{
                   -webkit-column-count: 1; 
                   -moz-column-count: 1;
                  column-count: 1; 
                   padding-left:15px;
                  padding-top:15px;
            }
               .alllogos .imgbox{
	width:33.3%;
}
 .alllogos .imgbox:nth-child(3n+1){
       clear:both;
}

.section.whatdo .part:nth-child(2n+1){
		clear:both;
	}
	.section.whatdo .part .min .imgbox{
		width:50px;
		height:50px;
		margin-bottom:0;
	}
	.section.whatdo .part .min .downtitle h4{
	    margin:0;
	    margin-top:15px;
    }
    .section.whatdo .part .min .downtitle h4+div{
	    padding:0 0;
    }
    .section.whatdo .holdbox{
    	padding:0;
    }
    .section.whatdo .holdbox .part{
    	margin-bottom:15px;
    }
    .section.whatdo .part .min .downtext{
		padding:0;
		top:10px;
	}
	/*.section.whatdo .part .min:hover .imgbox{
		-webkit-transform:translateY(-50px);
		-moz-transform:translateY(-50px);
		-ms-transform:translateY(-50px);
		-o-transform:translateY(-50px);
		transform:translateY(-50px);
	}*/
.sectionbottom{
display:none;
}
}