*{
	padding:0;
	margin:0;
}
body{
	overflow-x:hidden;
}
body.admi{
	background:url(../img/admit/bg.jpg) center center no-repeat;background-attachment:fixed;background-size:100% 100%;
}
nav{height:60px;
	line-height:60px;
	box-shadow:0px 0px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.5);
	-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.5);
	-o-box-shadow:0px 0px 3px rgba(0,0,0,0.5);
	width:100%;
	z-index:2000;
	background:#fff;
}
nav .pull-left{height:100%;width:150px;position:relative;}
nav img{margin-left:10px;margin-top:7px}
nav ul{
	margin-bottom:0 !important;
}
nav ul li.active a{color:#00a0e9;}
nav ul li.active{border-bottom:4px solid #00a0e9;}
nav ul li a{color:black;}
a:link{
	text-decoration:none;
}
.page{
	background:#f3f3f3;
}
header{
	padding:30px 0 30px 0;
}
.solutionList{
	padding-top:35px;
}
.solutionList li{
	margin-bottom:30px;
}
.solutionList.cases li:nth-last-child(-n+4){
	margin-bottom:0;
}
.solutionList li a{
	display:block;
	color:#333;
	box-shadow:0 0 3px rgba(0,0,0,.1);
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	-ms-transition:all .2s;
	-o-transition:all .2s;
	transition:all .2s;
}
.solutionList.solution li a:hover{
	text-decoration:none;
	box-shadow:0 4px 4px 4px rgba(0,0,0,.1);
	-webkit-transform:translateY(-3px);
	-moz-transform:translateY(-3px);
	-ms-transform:translateY(-3px);
	-o-transform:translateY(-3px);
	transform:translateY(-3px);
	
}
.solutionList li a{
	text-decoration:none !important;
}
.solutionList.cases li a:hover figcaption{
	-webkit-transition:background-color .2s;
	-moz-transition:background-color .2s;
	-ms-transition:background-color .2s;
	-o-transition:background-color .2s;
	transition:background-color .2s;
}
.solutionList.cases li a:hover img{
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
}
.solutionList.cases li a:hover img{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
}
.solutionList.cases li a:hover figcaption{
	background-color:#00c0ff;
	color:#fff;
}
.solutionList.cases li a:hover figcaption p{
	color:#fff;
}
.solutionList li:nth-child(4n+1){
	padding-left:0;
	clear:both;
}
.solutionList li:nth-child(4n){
	padding-right:0;
}
.solutionList li figure{
	position:relative;
	color:#fff;
	cursor:pointer;
	overflow:hidden;
}
.solutionList li figure h5{
	width:100%;
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
	color: #fff;
}
.solutionList li figcaption{
	width:100%;
	background:#fff;
	padding:5px 15px;
}
.solutionList.cases li figcaption{
	height:105px;
}
.solutionList.cases li figcaption h5{
	font-weight:bold;
}
.solutionList li figcaption .detailtext{
	font-size:12px;
	text-overflow:ellipsis;
        height:50px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient: vertical;
	margin-bottom:10px;
}
.solutionList li figcaption .detailtext p{
	margin-bottom:0;
	color:#666;
}
.contanctUs{
	padding-bottom:90px;
	background:#fff;
}
.contanctUs li:first-child{
	margin-top:30px;
}
.contanctUs li{
	margin-bottom:50px;
}
.contanctUs li:nth-child(4n+1){
	clear:both;
}
.contanctUs li:last-child{
	margin-bottom:0;
}
.contanctUs .messbox{
	margin-top:20px;
	background:#f1f1f1;
	padding-bottom:30px;
	padding-top:10px;
}
.contanctUs .messbox .form-group{
	margin-top:30px;
}
.contanctUs .messbox input{
	height:43px;
	border:none;
	padding-left:15px;
	width:100%;
}
.contanctUs .messbox textarea{
	border:none;
	padding-left:15px;
	padding-top:15px;
	width:100%;
	height:120px;
}
.contanctUs .messbox .btn{
	color:#fff;
	width:100%;
	border-radius:0;
}
img.sline{
	margin-bottom:10px;
}
.page .banner{
	position:relative;
}
.page .banner .toptitle{
	position:absolute;
	top:50px;
	left:0;
	color:#fff;
	width:100%;
}
.page .banner .toptitle .container{
	padding-left:30px;
	letter-spacing:2px;
}
.page .banner .toptitle .container a{
	color:#fff;
	font-size:18px;
}
.solutionAdv{
	background:#fff;
}
.solutionAdv img{
	margin-bottom:20px;
}
.solutionAdv .points{
	text-align:center;
}
.solutionAdv .points .point{
	height:10px;
	width: 10px;
	border-radius:50%;
	background:#D6d6d6;
	display:inline-block;
	margin:0 5px;
	cursor:pointer;
}
.solutionAdv .points .point.active{
	background:#337ab7;
}
.customers{
	background:#F5F5F5;
	font-size:0;
}
.customers ul{
		padding:0 30px;
		margin-bottom:0;
}
.customers li{
	width:20%;
	font-size:14px;
	float:left;
	box-sizing:border-box;
	padding:20px 35px;
}

.solutionIcons{
	background:#fff;
}
.incList{
	background:#fff;
}
.caseList{
	background:#fff;	
}

.solutionList.main li img{
	height:163px;
        min-height:163px;
	width:100%;
}
.solutionList.pic img{
	margin-bottom:15px;
}
.solutionIcons .b-advantages-1-item {
	padding:0;
	padding:5px 10px;
	margin-bottom:15px;
}
.solutionIcons ul{
	margin-bottom:0;
}
.solutionIcons ul li:nth-child(3n+1){
	clear: both;
}
.solutionIcons .b-advantages-1-item__title{
	margin-top:15px;
	margin-bottom:15px;
}
.solutionIcons .b-advantages-1-item__title {
    color: #333;
    text-shadow: none;
    font-size:16px;
}
.backblue .wrap-title h2,.backblue .wrap-title .ui-subtitle-block{
	color:#fff;
}
.caseList{
	padding-bottom:30px;
}
section.intr{
	background:#fff;
}

.firstlast .b-advantages-1-item{
	padding:0;
}
.caseList .selectbox{
	position:relative;
}
.caseList .selectbox .points{
	position:absolute;
	top:0;
	right:0;
}
.sectionimg .wrap-title{
	padding-top:0 !important;
}
.sectionimg{
	margin-bottom:30px;
}
.bg-white{
	background:#fff;
}
.bg-white .b-advantages-4__item{
	padding:32px 16px;
}
.solutionList .b-reviews-2{
	padding-top:20px;
}
.bg-white.fourlist .row .row{
	margin-bottom:15px;
}
.list-mark-5 li h6{
	padding-top:3px;
	font-size:14px;
	color:#999;
}
.bg-grey ul.list{
	margin-bottom:0;
}
.bg-grey .list_w-border {
    padding:15px 20px 5px !important;
    margin-top:15px;
}
.bg-white{
	padding-bottom:40px;
}
.bg-white.fourlist .b-advantages-3__item {
    width:25%;
}
.value .b-advantages-2__inner {
    padding-left: 10px;
}
.value .b-advantages-2__item {
    padding-top:0;
}
.fivetabs .container{
	display:table;
}
.fivetabs .leftArea{
	display: table-cell;
	width:74%;
}
.fivetabs .leftArea li{
	margin-bottom:5px;
	
}
.fivetabs .leftArea li.active button{
	border:1px solid #2D83B4;
}
.fivetabs .rightArea{
	display:table-cell;
	width:28%;
	position:relative;
	padding-left:20px;
	
}
.fivetabs .imgs .imgbox{
	display:none;
	padding-top:20px;
	padding-bottom:40px;
}
.fivetabs .imgs .imgbox.active{
	display:block;
}
.fivetabs button{
	border-radius:0;
	border-color:transparent;
	background:#eee;
}
.fivetabs .absbox{
	position:absolute;
	height:100%;
	width:1000px;
	top:0;
	left:0;
}
.fivetabs .textbox{
	margin-top:70px;
	position:relative;
	display:none;
	color:#fff;
}
.fivetabs .textbox.active{
	display:block;
}
.fivetabs .leftArea .wrap-title{
	margin-bottom:20px;
}
.fivetabs .rightArea .wrap-title{
	margin-bottom:30px;
}
.fivetabs .rightArea .wrap-title .ui-title-type-1{
	color:#fff;
}
.fivetabs .rightArea .tabsbox li{
	border:1px solid #fff;
	padding-left:20px;
	padding-right:20px;
	margin:0 2px;
	cursor:pointer;
	font-weight:bold;
	margin-bottom:2px;
}
.fivetabs .rightArea .tabsbox li.active{
	background:rgba(255,255,255,.2);
}
.tabsbox_content figure{
	display:none;
}
.tabsbox_content figure.active{
	display:block;
}
.rightArea .list-mark-8 li:before{
	background-color:#fff !important;
}
.bg-white .no-top{
	margin-top:0;
	margin-bottom:35px;
}
.bg-f{
	background:#F4F4F4;
}
.indent{
	text-indent:2em;
}
.no-padding{
	padding-top:0 !important;
}
.lrpic{
	padding-bottom:0;
	padding-top:25px;
}
.lrpic .box{
	width:100%;
	display:table;
}
.lrpic .item{
	
	display:table-cell;
	vertical-align:middle;
}
.lrpic .item.left{
	width:80%;
}
.lrpic .item.right{
	width:20%;
}
.colum.list{
	column-count: 2;
    column-rule: thin dotted #999;
}
.thirteen{
	padding-bottom:0;
}
.iconsbox{
	display:table;
	width:100%;
}
.iconsbox .icon{
	display:table-cell;
	width:10%;
	cursor:pointer;
	padding-top:15px;
	position:relative;
	font-size:10px;
        background:#5aaff7;
       color:#fff;
}
.iconsbox .icon.active{
	box-shadow:0 0 5px rgba(0,0,0,.6);
	border-radius:5px;
        background:#fff;
        color:#333;
}
.iconsbox .icon.active:before{
	position:absolute;
	left:0;
	bottom:-5px;
	width:100%;
	height:10px;
	background:#fff;
	content:'';
}
.iconsbox .icon img{
	margin-bottom:5px;
}
.contentsbox{
	box-shadow:0 0 5px rgba(0,0,0,.6);
}
.contentsbox .item{
	padding:40px 30px 40px 30px;
	display:none;
}
.contentsbox .item.active{
	display:block;
}
.contentsbox .item ul{
	margin-bottom:20px;
}
.leftbox li:not(:last-child){
	border-bottom:1px solid #fff;
}
.leftbox li{
	display:block;
	background:#DDDDDD;
	padding:10px 15px 10px 40px;
	cursor:pointer;
}
.leftbox li:hover{
	color:#00A0E9;
}
.leftbox li.active{
	background:#00A0E9;
	color:#fff;
}
.leftbox li i{
	padding-left:10px;
}
.rightbox{
	padding-left:30px;
}
.rightbox .item{
	display:none;
}
.rightbox .item.active{
	display:block;
}
.idc ul{
	margin-bottom:0;
}
.showscreen figure:not(:last-child){
	margin-bottom:15px;
}
.showscreen figure label{
	margin-top:5px;
}
.showscreen figure:last-child{
	margin-bottom:40px;
}
.white{
	color:#fff;
}
.ultabs li{
	vertical-align: middle;
    display: inline-block;
    list-style: none;
    text-align: center;
    width: 170px;
    cursor: pointer;
}
.ultabs li.xz b, .ultabs li:hover b {
    vertical-align: top;
    display: inline-block;
    width: 0;
    height: 0;
    border-bottom: 36px solid #5aaff7;
    border-left: 15px solid transparent;
}
.ultabs li.xz strong, .ultabs li:hover strong {
    vertical-align: top;
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 36px solid #5aaff7;
    border-right: 15px solid transparent;
}
.ultabs li.xz span {
    background: #5aaff7;
}
.ultabs li span {
    vertical-align: top;
    display: inline-block;
    color: #fff;
    width: 130px;
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    background: #2e363a;
}
.ultabs li {
    vertical-align: middle;
    display: inline-block;
    list-style: none;
    text-align: center;
    width: 170px;
    cursor: pointer;
}
.ultabs li b {
    vertical-align: top;
    display: inline-block;
    width: 0;
    height: 0;
    border-bottom: 36px solid #2e363a;
    border-left: 15px solid transparent;
}
.ultabs li strong {
    vertical-align: top;
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 36px solid #2e363a;
    border-right: 15px solid transparent;
}
.ultabs li:hover span {
    background: #5aaff7;
}
.productstabs .item .wrap-title.no-padding{
	padding-top:0;
}
.sixlist figure{
	border:2px solid #5aaff7;
	display:block;
}
.sixlist figure:hover{
	border:2px solid #3d75a5;
	background:#3d75a5;
	color:#fff;
}
.sixlist figure label{
	display:block;
	padding:17px 0 14px 0;
}
.solutionIcons.haspadding{
	padding-top:35px;
}
section.pictext li{
	margin-bottom:15px;
}
section.pictext li figure{
	position:relative;
	
}
section.pictext li figure .content{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	padding:15px;
	color:#fff;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	
}
section.pictext li figure:hover .content{
	background:rgba(0,0,0,.6);
}
section.pictext li figure .content h6{
	color:#fff;
	position:relative;
	margin-bottom:15px;
}
section.pictext li figure .content h6:before{
	position:absolute;
	content:'';
	left:0;
	bottom:-10px;
	background:#fff;
	width:100%;
	height:1px;
}
section.pictext li figure figcaption{
	display:none;
}
section.pictext li figure:hover figcaption{
	display:block;
}
section.threescroll{
	background-color: #5aaff7;
	color:#fff;
	padding-bottom:30px;
}
section.threescroll .blockquote__author{
	color:#fff;
}
.halfbox{
	display:inline-block;
	width:50%;
	vertical-align:middle;
	margin-left:-2.5px;
	
}

.middlenav{
	background-color: #020202;
    box-shadow: 0 0 6px 0 #333;
    opacity: 0.7;
    z-index: 1000;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    height:45px;
    line-height:45px;
    text-align: center;
    position:static;
    top:0;
    left:0;
    width:100%;
}
.middlenav a{
        display:inline-block;
        height:45px;
	color:rgba(255,255,255,.6);
	padding:0 20px;
}
.middlenav a:hover{
	text-decoration:none;
	color:#fff;
}
.no-bottom{
	padding-bottom:0 !important;
}
.middlenav a.active{
	color:#fff;
	font-weight:bold;
        background:#5aaff7;
}
ul.six li{
	width:16.6%;
	    padding: 32px 2% 32px;
}
.padding-bottom{
	padding-bottom:40px;
}
.icontext .head{
	background:#5baff5;
	color:#fff;
	padding-top:10px;
	padding-bottom:10px;
	
}
.icontext .head h4{
	font-weight:bold;
	font-size:16px;
}
.icontext .head .left{
	width:30%;
	display:inline-block;
	margin-left:-2.5px;
	vertical-align: middle;
}
.icontext .head .right{
	width:70%;
	display:inline-block;
	margin-left:-2.5px;
	vertical-align: middle;
}
.icontext .text{
	color:#999;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	padding-bottom:5px;
	border:1px solid #c3c3c3;
	border-top:1px solid #fff;
	border-radius:0 0 5px 5px;
}
.icontext .col-sm-4{
	margin-bottom:10px;
}
.icontext .col-sm-4:nth-child(3n+1){
	clear:both;
}
.movepics .col-sm-2{
	padding:0 !important;
	position:relative;
	overflow:hidden;
}
.movepics .col-sm-4{
	padding:0 !important;
	position:relative;
	overflow:hidden;
}
.movepics .outerbox{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	color:#fff;
	background:rgba(0,0,0,.6);
	text-align: center;
	padding:20px;
	padding-top:55%;
}
.movepics .col-sm-4 .outerbox{
	background:transparent;
	padding-top:30%;
}
.movepics .outerbox h4{
	position:absolute;
	left:50%;
	top:45%;
	-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%;
	
}
.movepics .outerbox:hover h4{
	top:20%;
	-webkit-transform:translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform:translate(-50%,0);
	-o-transform:translate(-50%,0);
	transform:translate(-50%,0);
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
}
.movepics .outerbox p{
	opacity:0;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
}
.movepics .outerbox:hover p{
	opacity:1;
}
.movepics .outerbox:before{
	content:'';
	position:absolute;
	width:90%;
	height:0;
	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%);
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
}
.movepics .outerbox:hover:before{
	height:90%;
}
.movepics .outerbox:after{
	content:'';
	position:absolute;
	width:0;
	height:90%;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
}
.movepics .outerbox:hover:after{
	width:90%;
}
.movepics .col-sm-2 img{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
}
.movepics .col-sm-2:hover img{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform: scale(1.2);
}
.no-bottom{
	padding-bottom:0 !important;
}
.bg-ga{
	background:#f6f7f9;
}
@media screen and (max-width: 768px) {
    .solutionList.main li img{
        height: 86px;
        min-height:86px;
    }
   .solutionList li:nth-child(2n+1){
       padding-left:0;
       clear:both;
   }
    .solutionList li:nth-child(2n+2){
       padding-right:0;
   }
.solutionList.cases li:nth-last-child(-n+4){
      margin-bottom:30px;
}
.fivetabs .leftArea,.fivetabs .rightArea{
display:block;
width:100%;
}
.fivetabs .rightArea{

      padding-bottom:15px;
}
.fivetabs .leftArea li{
      display:inline-block !important;
}
.breadcrumb > li{
      display:none !important;
}
    .solutionIcons ul li:nth-child(3n+1){
        float:left;
        clear:none;
    }
.b-advantages-1.adv{
    height:auto;
}
.middlenav{
    height:90px;
}
section.pictext li figure .content{
	background:rgba(0,0,0,.6);
}
section.pictext li figure figcaption{
	display:block;
}

.movepics .outerbox h4{
	top:20%;
	-webkit-transform:translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform:translate(-50%,0);
	-o-transform:translate(-50%,0);
	transform:translate(-50%,0);
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
}

.movepics .outerbox p{
	opacity:1;
}
.movepics .outerbox:before{
	content:'';
	position:absolute;
	width:90%;
	height:0;
	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%);
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
}
.movepics .outerbox:before{
	height:90%;
}
.movepics .outerbox:after{
	content:'';
	position:absolute;
	width:0;
	height:90%;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
}
.movepics .outerbox:after{
	width:90%;
}
}
