body{
 	font-family: "Microsoft YaHei","PingFang SC";
	color: #333;
	overflow-x: hidden;
	font-size: 15px;
	background: #fff;
 }
 div{
 	padding: 0;
 	margin: 0;
 }
 li,ul{
 	list-style: none;
 	padding: 0;
 	margin: 0;
 }
 ul{
 	margin: 0;
 }
 img{
 	max-width: 100%;
 	height: auto;
 }
 button{
 	outline: none;
 }
 button:focus{
 	outline: none;
 }
#navbar> .nav > li{
 	margin: 0 6px;
 }
 a{
 	color: #333;
 	text-decoration: none;
 }
 a:hover{
 	text-decoration: none;
 }
 a:focus{
 	text-decoration: none;
 }
 .navbar-fixed-top{
 	position: inherit;
 }
 .bg-grey{
 	background: #fefefe;
 }
 .bg-orange{
 	background: rgb(18,55,144);
 }
 .f-pr{
 	position: relative;
 }
 .f-mt60{
 	margin-top: 90px;
 	margin-top: 0;
 	position: relative;
 }
 .navbar{
 	margin-bottom: 0;
 	position: relative;
    z-index: 99999;
 }

 
 .index-ban-bg{
 	background-image: url(../image/index-ban-bg.png);
 	background-repeat: repeat-x;
 	background-size: contain;
 	background: linear-gradient(-180deg, #056db2 23%, #03cbcb 100%);
 }
 .sub-ban-bg{
 	background-image: url(../image/sub-ban-bg.png);
 	background-repeat: repeat-x;
 	background-size: contain;
 	background: linear-gradient(-180deg, #056db2 0%, #02bfdd 100%)
 }
 .flexslider{
 	background: none;
 }
.flex-direction-nav{
	display: none;
}
.wrapper{
	min-width: 1200px;
}
.container{
	width: 1200px;
}
.m-w1200{
	min-width: 1200px;
    width: 100%;
    margin: -1px;
}
.navbar-brand{
	margin-top: 27px;
	padding:0;
    width: 296px;
    height: 30px;
}
.navbar-brand img{
	width: 100%;
	height: auto;
}
.navbar-header{
	height: 80px;
}
.navbar-default{
	background: rgba(31,18,111,0); 
	border-bottom: 1px solid rgba(255,255,255,0.1); 
	background: none;
}
.dropdown-menu > ul > li.tt a{
	padding-left: 0;
	cursor: text;
}
@media (min-width: 768px){
	.navbar-nav > li > a {
	    padding:0;
	}
	.banner .pic{
		position: absolute;
	    bottom: 0;
	    right: 0;
	}
}
.navbar-nav > li{
	padding: 0 10px;
}
.nav > li > a{
	
}
.navbar-default .navbar-nav > li > a{
	display: inline-block;
	
	
	
	height: 80px;
	line-height: 80px;
	color: #FFFFFF;
	font-size: 15px;
	text-align: center;
	
}
.navbar-default .navbar-nav > li:hover > a,
.navbar-default .navbar-nav > li.on > a,
.navbar-default .navbar-nav > li > a.active{
	font-weight: bold;
	border-bottom: 3px solid #02bfdd;
}

.navbar-default .navbar-nav > li > a >span:hover,
.navbar-default .navbar-nav > li.dropdown.on > a > span,
.navbar-default .navbar-nav > li > a.active > span{

	
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
	color: #ffffff;
}
.dropdown-menu.large > ul > li > a:hover,
.dropdown-menu.large > ul > li > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a.active {

	border-radius: 15px;

	background: #02c1ba;
	color: #fff;
	font-weight: bold;
}
.dropdown-menu.large > ul{
	margin-bottom: 7px;
}
.dropdown-menu.large > ul > li > a:hover{
	padding-left: 15px;
	padding-right: 15px;
}
.dropdown-menu.large > ul > li.tt > a{
	margin-bottom: 7px;
	font-weight: bold;
	color: #fff;
}
.dropdown-menu.large > ul > li.tt > a:hover{
	padding:0;
	color: #fff;
}
.dropdown-menu > ul > li.tt >a:hover{
	background: none;
	font-weight: normal;
	color: #333;
}
.navbar-nav > li > a:hover{
	color: #ff9900;
}
.navbar-nav a.signUp,.navbar-nav li a:hover.signUp{
	background: #ff9900;
	color: #ffffff;
}
.nav-bottom-bar{
	width: 2em;
	height: 4px;
	position: relative;
	top: 10px;
	background-color: #0277BD;
}

.right-nav{
	position: fixed;
    right: 0;
    top: 40%;
    z-index: 10;
	text-align: center;
	background: rgba(0,0,0,0.7);
	border:1px solid #4a4a4a;
	border-right: none;
}
.right-nav a,.right-nav div{
	display: block;
	width: 50px;
	height: 50px;
	padding: 11px 0;

}
.btn-detail{
	width: 120px;
	height: 34px;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	background: #fff;
	border:1px solid #e5e5e5;
}
.banner .pic img{
	max-width: 100%;
}

.navbar-right .dropdown-menu{
	left: 0;
}

.product-center .ct{
	padding:35px 0px;
}
.pro1,.pro2,.pro3{
	
	height: 250px;
	height: 300px;
}
.pro1{	
	background: url(../image/product1.png) 0 0 /100% 100% no-repeat;
}
.pro2{
	
	background: url(../image/product2.png) 0 0 /100% 100% no-repeat;
}
.pro3{
	
	background: url(../image/product3.png) 0 0 /100% 100% no-repeat;
}
.pro-tit1{
	padding-bottom: 22px;
	font-size: 20px;
	font-weight: bold;
}
.pro-tit2{
	line-height: 2;
	color: #808080;
}
.pro-intro{
	padding: 40px;
	border-radius: 6px;
	background: #fff;
	cursor: pointer;
	box-shadow: 0px 0 20px 0px rgba(0,0,0,0.1);
}
.pro-intro .dectext{
	
}


.navbar-nav > li > .dropdown-menu { border-radius: 5px;}
.dropdown-menu{
	
	background:rgba(255,255,255,0.1);
	color: #fff;
    text-align: center;
	box-shadow: 0px 0px 12px rgba(0,0,0,0.1);
} 
.dropdown-menu > li > a{
	display: inline;
	padding:5px 10px;
	height: 32px;
    line-height: 32px;
	color: #fff;
}

.dropdown-menu{
	min-width: 130px;
}
@media (min-width: 768px){
.navbar-right .dropdown-menu {
    right: auto;
    left: 50%;
    margin-left: -65px;
}
.navbar-nav > li > .dropdown-menu.large{
 
    
    
}
.navbar-nav > li > .dropdown-menu.large > ul > li{
	padding-right: 20px;
	padding-left: 20px;
	text-align: left;
}
.dropdown-menu > ul > li > a {
    display: inline-block;
    padding: 0;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
    text-align:left;
    height: 28px;
    line-height: 28px;
}
.dropdown-menu > ul > li.tt span{
    border-bottom: 1px solid #fff;
    width: 120px;
    display: block;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #59a7dc;
}
}


@media (min-width: 1366px){
	.decoration0::after{
		content: '';
	    width: 200px;
	    height: 350px;
	    background: url(../image/afterIcon.png) no-repeat;
	    position: absolute;
	    top: 60%;
	    left: 89%;
	    z-index: 100;
	}
	.decoration1::after{
		content: '';
	    width: 200px;
	    height: 350px;
	    background: url(../image/afterIcon.png) no-repeat;
	    position: absolute;
	    top: 80%;
	    left: 89%;
	    z-index: 100;
	}
	.decoration2::after{
		content: '';
	    width: 200px;
	    height: 350px;
	    background: url(../image/afterIconleft.png) no-repeat;
	    position: absolute;
	    top: 224%;
	    left: -3%;
	    z-index: 100;
	}
	.decoration3::after{
		content: '';
	    width: 200px;
	    height: 350px;
	    background: url(../image/afterIconleft.png) no-repeat;
	    position: absolute;
	    top: 256%;
	    left: -3%;
	    z-index: -1;
	}
	.decoration4::after{
		content: '';
	    width: 200px;
	    height: 350px;
	    background: url(../image/afterIcon.png) no-repeat;
	    position: absolute;
	    top: 230%;
	    left: 89%;
	    z-index: 100;
	}
	.decoration5::after{
		content: '';
	    width: 200px;
	    height: 350px;
	    background: url(../image/afterIcon.png) no-repeat;
	    position: absolute;
	    top: 254%;
	    left: 89%;
	    z-index: 100;
	}
}
@media (min-width: 1440px){
	.decoration0::after{
		content: '';
	    width: 300px;
	    height: 400px;
	    background: url(../image/afterIcon.png) no-repeat;
	    position: absolute;
	    top: 40%;
	    left: 90%;
	    z-index: 100;
	}
	.decoration1::after{
		content: '';
	    width: 300px;
	    height: 400px;
	    background: url(../image/afterIcon.png) no-repeat;
	    position: absolute;
	    top: 59%;
	    left: 90%;
	    z-index: 100;
	}
	.decoration2::after{
		content: '';
	    width: 300px;
	    height: 400px;
	    background: url(../image/afterIconleft.png) no-repeat;
	    position: absolute;
	    top: 160%;
	    left: 0%;
	    z-index: 100;
	}
	.decoration3::after{
		content: '';
	    width: 300px;
	    height: 400px;
	    background: url(../image/afterIconleft.png) no-repeat;
	    position: absolute;
	    top: 180%;
	    left: 0%;
	    z-index: 100;
	}
	.decoration4::after{
		content: '';
	    width: 300px;
	    height: 400px;
	    background: url(../image/afterIcon.png) no-repeat;
	    position: absolute;
	    top: 164%;
	    left: 90%;
	    z-index: 100;
	}
	.decoration5::after{
		content: '';
	    width: 300px;
	    height: 400px;
	    background: url(../image/afterIcon.png) no-repeat;
	    position: absolute;
	    top: 184%;
	    left: 90%;
	    z-index: 100;
	}
}


.product-center{
	max-width: 100%;
	
}
.pro-cent{
	margin-bottom: 70px;
	text-align: center;
	width: 100%;
	font-size: 36px;
	font-weight: bold;
}
.pro-cent::before{
	content: 'PRODUCT';
	position: absolute;
	top: -40px;
	left: 32%;
	font-size: 80px;
	color: #f4f8f7;
	z-index: -1;
}
@keyframes ant{
	to{ background-position: 100%;}
}

.coop{
	max-width: 100%;
	height: 600px;
	padding: 90px 0;
	background: rgb(13,70,159);
	overflow: hidden;
}
.coop-tit{
	text-align: center;
	width: 100%;
	font-size: 36px;
	font-weight: bold;
}
.coop-tit::before{
	content: 'PARTNERS';
	position: absolute;
	top: -40px;
	left: 32%;
	font-size: 80px;
	color: rgba(255,255,255,0.05)
}
.coop-logo1{
	width: 120px;
	height: 120px;
	position: relative;
	top: 80px;
	left:338px;
	background: rgb(16,62,150);
	transform: rotate(45deg);
}
.hw{
	width: 120px;
	height: 120px;
	background: url(404.png) 50% 50% / contain no-repeat ;
	transform: rotate(-45deg);
}
.coop-logo2{
	width: 120px;
	height: 120px;
	position: relative;
	top: -40px;
	left:510px;
	background: rgb(16,62,150);
	transform: rotate(45deg);
}
.vm{
	width: 120px;
	height: 120px;
	background: url(404.png) 50% 50% / contain no-repeat;
	transform: rotate(-45deg);
}
.coop-logo3{
	width: 120px;
	height: 120px;
	position: relative;
	top: -160px;
	left:682px;
	background: rgb(16,62,150);
	transform: rotate(45deg);
}
.ibm{
	width: 120px;
	height: 120px;
	background: url(404.png) 50% 50% / contain no-repeat;
	transform: rotate(-45deg);
}
.coop-logo4{
	width: 120px;
	height: 120px;
	position: relative;
	top: -192px;
	left: 424px;
	background: rgb(16,62,150);
	transform: rotate(45deg);
}
.radware{
	width: 120px;
	height: 120px;
	background: url(404.png) 50% 50% / contain no-repeat;
	transform: rotate(-45deg);
}
.coop-logo5{
	width: 120px;
	height: 120px;
	position: relative;
	top: -312px;
	left:596px;
	background: rgb(16,62,150);
	transform: rotate(45deg);
}
.dell{
	width: 120px;
	height: 120px;
	background: url(404.png) 50% 50% / 50% 50% no-repeat;
	transform: rotate(-45deg);
}
.coop-logo6{
	width: 120px;
	height: 120px;
	position: relative;
	top: -346px;
	left: 336px;
	background: rgb(16,62,150);
	transform: rotate(45deg);
}
.juniper{
	width: 120px;
	height: 120px;
	background: url(../image/juniper.png) 50% 50% / contain no-repeat;
	transform: rotate(-45deg);
}
.coop-logo7{
	width: 120px;
	height: 120px;
	position: relative;
	top: -464px;
	left:510px;
	background: rgb(16,62,150);
	transform: rotate(45deg);
}
.dptech{
	width: 120px;
	height: 120px;
	background: url(404.png) 50% 50% / contain no-repeat;
	transform: rotate(-45deg);
}
.coop-logo8{
	width: 120px;
	height: 120px;
	position: relative;
	top: -584px;
	left: 682px;
	background: rgb(16,62,150);
	transform: rotate(45deg);
}
.co-more{
	width: 120px;
	height: 120px;
	background: url(404.png) 50% 50% / contain no-repeat;
	transform: rotate(-45deg);
}

.resolution-mainbg{
	height: 500px;
}
.sub-nav{
	height: 70px;
	width: 100%;
	background: #fff;
	box-shadow: 0 5px 20px 0 rgba(0,0,0,0.1);
	z-index: 222;
}
.sub-nav .col-md-12{
	padding: 0;
} 
.sub-nav .nav-tabs{
	border-bottom: 0;
}
.sub-nav .sub-nav1>.navbar>ul>li{ 
	position: relative;
}
.sub-nav .nav-tabs > li > a{
	display: inline-block;
	margin-top: 20px;
	padding:5px 20px;
	color: #333;
	border: none;
}


.sub-nav .nav-tabs > li > a:hover, 
.sub-nav .nav-tabs > li.active > a,
.sub-nav .nav-tabs > li > a:focus{
	background: #02c1ba;
	color: #fff;
	border-radius: 20px;
}

.sub-nav .nav-tabs > li.active > a:hover, 
.sub-nav .nav-tabs > li.active > a:focus{
	color: #fff;
	background: #02c1ba;
	
}
.sub-nav1.general,.sub-nav.nav2 .sub-nav1{
	width: 100%;
    display: inline-block;
    background: #fff;
    vertical-align: middle;
}

.sub-nav1.general a{
	display: inline-block;
	margin: 20px 0;
	padding: 5px 0;
	
}

.sub-nav1.general .col-xs-4,.sub-nav1>.navbar>li{
	height: 70px;
	border: 0px solid transparent;
    border-right: 1px solid transparent;
    border-image: url(../image/line.png) 1 1 stretch;
}
.sub-nav1.general .col-xs-4.border-left,.sub-nav1>.navbar>li.border-left{
	border: 0px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
    border-image: url(../image/line.png) 1 1 stretch;
}
.sub-nav1.general .col-xs-4 a:hover span,
.sub-nav1.general .col-xs-4 a.cur span,
.sub-nav1 > .navbar > li > a:hover span,
.sub-nav1 > .navbar > li.active > a span,
.sub-nav1 > .navbar > li > a.cur span{
	padding: 5px 15px;
     background: #02c1ba;
     border-radius:20px;
     color: #fff;
}
.seprate{
	display: inline-block;
	margin-top: 10px;
	width: 2px;
	height: 50px;
	background: linear-gradient(transparent,rgb(83,186,220) 45%,rgb(83,186,220) 55%,transparent 100%);
}

.resolution-bg{
	
}
.tit-main{
	margin: 98px 0 40px 0;
	color: #ffffff;
	font-size: 36px;
	font-weight: bold;	
}
.tit-main-after::before{
	content: 'UNIPOWER';
	position: absolute;
	top: 72px;
	left: 12px;
	font-size: 68px;
	color: #ffffff;
	opacity: 0.05;
}
.resolution-intro{
	margin: 0 0 30px 0;
	
	color: #333;
	line-height: 30px;
}
.user-list{
	display: flex;
	
}
.user-list .pic{
	padding-bottom: 30px;
}
.user-list-item{
	margin-right: 50px;
	width: 255px;
	color: #333;
	position: relative;
	background: #f1f7f7;
	border-radius: 6px;
}
.part2.pt20{
	padding-top: 20px;
}
.part2.advantage.pb0{
	padding-bottom: 40px;
}
.advantage .user-list-item{
	margin-bottom: 50px;
}
.user-list-item.mr0{
	margin-right: 0;
}
.user-list-item1{
	margin-bottom: 30px;
	width: 100%;
	color: #fefefe;
	position: relative;
	background: #f1f7f7;
}
.res-common::before{
	content: '';
	width: 74px;
	height: 52px;
	background: linear-gradient(90deg,#24b8d5 35%,#4095fc 100%);
	background: #02c1ba;
	border-top-left-radius: 6px;
	position: absolute;
	font-size: 18px;
	color: #fefefe;
}
.res-common::after{
	content: '';
	width: 0;
	height: 0;
	border-width: 0 0 52px 74px;
	border-style: solid;
	border-color: transparent transparent #f1f7f7 transparent ; 
	position: absolute;
	top: 0;
	left: 0;
}
.res-mark{
	position: relative;
	top: 4px;
	left: 14px;
	font-size: 18px;
	color: #fefefe;
}
.res-intro1{
	margin: 22px;
	line-height: 1.8;
	position:relative;
	top: -10px;
	
	z-index: 100;
}
.advantage .res-intro1{
	margin:0;
	padding:22px 30px;
}
.res-intro2{
    line-height: 2;
    color: #333;
    position: relative;
    z-index: 100;
    border-radius: 6px;
    padding: 30px 50px 0;
    top: -29px;
}
.res-intro3{
	font-size: 16px;
	padding: 24px 26px;
	color: #fefefe;
}
.res-sn{
	display: inline-block;
	font-size: 18px;
	font-weight: bold;

	position: relative;
	top: -24px;
	left: 16px;
	z-index: 100;
	color: rgb(35,184,213);
}
.res-snpic{
	display: inline-block;
	margin: 20px;
}
.basicbg{
	margin-bottom: 0;
	height: 630px;
	background: #fff;
	
}
.basicbg.mt110{
	margin-top: 70px;
}
.basicbg.mb40{
	
}

.bg1{
	display: inline-block;
    width: 700px;
    
    
    padding-top: 120px;
    padding-right: 80px;
}
.bg-ai{
	display: inline-block;
	
	padding-top: 100px;
    
    width: 620px;
}
.bg-micror{
	display: inline-block;
	width: 620px;
	height: 480px;
	
	padding-top: 100px;
}
.bg2{
	display: inline-block;
	width: 462px;
	height: 630px;
	background: #f1f7f7;
	float: left;
	position: relative;
	
}
.bg2-microl{
	margin: 106px 0 0 104px;
	
	height: 60px;
	font-size: 24px;
	font-weight: bold;
	line-height: 36px;
	color: #333;
}
.bg2-1{
	margin: 166px 0 0 104px;
	
	height: 60px;
	font-size: 24px;
	font-weight: bold;
	line-height: 36px;
	color: #333;
}
.bg2-2{
	margin: 50px 0 0 104px;
	width: 240px;
	height: 196px;
	font-size: 15px;
	line-height: 30px;
	color: #333;
}
.micropic-2{
    display: block;
    width: 48px;
    height: 48px;
    float: left;
}
.microintro-2{
	padding-left: 60px;
	font-size: 15px;
	line-height: 27px;
	color: #333;
}
.micro-list-item{
	float: left;
	padding:50px 30px;
	width: 356.666px;
	margin-bottom: 50px;
	margin-right: 50px;
	position: relative;
	
	border-radius: 6px;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
}
.micro-list-item.mr0,.joinus .ct .item.mr0{
	margin-right: 0;
}


.solution-3D{
	margin-top: 60px;
}
.solution-3D .tipBlockBox{
	height: auto;
	border:none;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.solution-3D .tipsBlock{
	height: auto;
	padding-top: 0;
}
.solution-3D .tipBlockBox h4{
	margin-top: 0;
	margin-bottom: 20px;
}
.solution-3D .infos{
	padding-left: 60px;
	padding-right: 60px;
	padding-bottom: 50px;
	height: 170px;
	
	font-size: 15px;
	line-height: 2;
}
.solution-3D .headerBig .beforeMenu::before{
	content:'SOLUTION';
}


.Edata .describe {
	margin-top: 10px;
}
.Edata .describe .item{
	margin-right: 40px;
	margin-bottom: 40px;
	padding:30px;
	float: left;
	width: 565px;
	background: #fff;
	border:1px solid #dfdede;
	border-radius: 6px;
}
.Edata .describe .item.mr0{
	margin-right: 0;
}
.Edata .describe .item .hd{
	font-size: 18px;
	font-weight: bold;
}
.Edata .describe .item .icon{
	display: inline-block;
	margin-right: 5px;
	width: 32px;
	height: 32px;
	vertical-align: middle;
	background-image: url(../image/edata1.png);
	background-repeat: no-repeat;
	background-size: contain;
}
.Edata .describe .item .icon.icon2{
	background-image: url(../image/edata2.png);
}
.Edata .describe .item .icon.icon3{
	background-image: url(../image/edata3.png);
}
.Edata .describe .item .icon.icon4{
	background-image: url(../image/edata4.png);
}
.Edata .describe .item .icon.icon5{
	background-image: url(../image/edata5.png);
}
.Edata .describe .item .icon.icon6{
	background-image: url(../image/edata6.png);
}
.Edata .describe .item .icon.icon7{
	background-image: url(../image/edata7.png);
}
.Edata .describe .item .icon.icon8{
	background-image: url(../image/edata8.png);
}
.Edata .describe .item .icon.icon9{
	background-image: url(../image/edata9.png);
}
.Edata .describe .item .icon.icon10{
	background-image: url(../image/edata10.png);
}
.Edata .describe .item .txt{
    margin-top: 5px;
    min-height: 96px;
    line-height: 1.618;
    color: #666;
}



.sub-nav1.general .col-xs-4{
	width: 20%;
}
.part2 .hd .tt{
	font-size: 30px;
	color: #333;
}
.part2 .ct .group .tt{
	margin-bottom: 0;
}
.part2 .hd .tt2{
	margin-top: 15px;
	margin-bottom: 50px;
	font-size: 14px;
	color: #666;
}
.m-soluction{
	background: #ecf6fe;
	background: #f1f7f7;
	border-bottom: 4px solid #fff;
}
.m-soluction.bg0{
	background: none;
}
.part2.m-soluction .soluct-menu{
	display: inline-block;
    width: 100%;
    vertical-align: middle;
}
.part2.m-soluction .soluct-menu > div{
	border-bottom: 2px solid transparent;
	cursor: pointer;
}

.part2.m-soluction .soluct-menu >div.cur{
	border-bottom:2px solid #02c1ba;
	background:url(../image/cur-bg.png) repeat-x;
}
.part2.m-soluction .ct .tt{
	padding-bottom: 20px;
	text-align: center;
	font-size: 15px;
	color: #666;
}
.part2.m-soluction .soluct-menu >div.cur .tt{
	color: #02a59f;
}
.part2.m-soluction .ct .icon{
	margin: 0 auto 15px;
	height: 50px;
	width: 50px;
	background-size: 100% 100%;
       
}
.part2.m-soluction .ct .icon.icon1{
	background-image: url(../image/digital_icon1.png);
}
.part2.m-soluction .ct .icon.icon2{
	background-image: url(../image/digital_icon2.png);
}
.part2.m-soluction .ct .icon.icon3{
	background-image: url(../image/digital_icon3.png);
}
.part2.m-soluction .ct .icon.icon4{
	background-image: url(../image/digital_icon4.png);
}
.part2.m-soluction .ct .icon.icon5{
	background-image: url(../image/data_icon1.png);
}
.part2.m-soluction .ct .icon.icon6{
	background-image: url(../image/data_icon2.png);
}
.part2.m-soluction .ct .icon.icon7{
	background-image: url(../image/data_icon3.png);
}
.soluction-ct{
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	 padding: 25px;
	background: #fff;
	border:1px solid #e4e6e8;
	box-shadow: 0px 0 7px rgba(0,0,0,0.1);
}
.soluction-ct > div{
	display: none;
}
.soluction-ct > div.active{
	display: block;
}
.m-soluction .soluction-ct p{
	margin-bottom: 25px;
	text-align: left;
    font-size: 14px;
    color: #666;
}
.soluction-ct .tool-icon{
	float: left;
	width: 40px;
	height: 40px;
	background-size: contain;
	background-image: url(../image/tool1.png);
	background-repeat: no-repeat;
}
.soluction-ct .tool-icon.icon2{
	background-image: url(../image/tool2.png);
}
.soluction-ct .tool-icon.icon3{
	background-image: url(../image/tool3.png);
}
.soluction-ct .tool-icon.icon4{
	background-image: url(../image/tool4.png);
}
.tool-box .col-xs-6{
	padding: 30px;
}
.tool-ct{
	padding-left: 60px;
	font-size: 14px;
	color: #333;
}
.tool-ct .tt2{
	color: #666;
}


.part2.joinus{
	padding-bottom: 20px;
	padding-top: 50px;
}
.joinus .ct .item {
	margin-bottom: 50px;
    width: 560px;
    text-align: left;
    padding: 40px 30px;
    height: 670px;
    
    margin-right: 50px;
    background: #fff;
    border-top: 3px solid #02c1ba;
    color: #333;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.joinus .ct .tt {
    padding-bottom: 30px;
    font-size: 16px;
}
.joinus .ct .item p {
	margin: 0 0 30px 0;
    text-align: left;
    font-size: 15px;
    line-height: 2;
}
.joinus .ct .blue{
	font-size: 16px;
	color: #02c1ba;
}
.jn-img{
	margin-bottom: 48px;
	width: 208px;
}
.index-banner.jn-banner .slogan h2{
	width: 60px;
	height: 5px;
	background: #fff;
}
.flexslider.sub .slides .jn-banner .picture img{
	width: 550px;
	top: 80px;
}


.part1 .item{
	width: 25%;
	padding: 15px 0;
	float: left;
	color: #fff;
	text-align: center;
	border-left: 2px solid #1979a6;
	cursor: pointer;
}
.part1 .item:last-child{
	border-right:2px solid #1979a6;
}
@media (min-width: 768px){
	.part1 .item{
		padding: 15px 0;
		width: 25%;
	}
	.part2 .ct .col-sm-4{
		padding: 0 50px;
	}
}
.part2.index-company{
	position: relative;
	z-index: 222;
	padding:0;
	
	
}
.part2.index-company ,.product-center {
	padding:110px 15px;
	
}

.index-company button{
	margin-top: 30px;
	outline: none;
}
.index-company button:focus,.index-company button:active{
	border:none;
	outline: none;
}
.index-company .aftersale .pic{
	float: right;
	width: 494px;
	padding-top: 70px;
	text-align: center;
	width: 540px;
}
.index-company .aftersale .txt{
	padding-top: 35px;
	display: block;
	float: left;
	width: 590px;
	width: 544px;
	
}
.index-company .aftersale .txt p{
	font-size: 15px;
	line-height: 2;
}
.index-company .txt .tt{
	position: relative;
	margin-bottom: 40px;
	height: 67px;
	line-height: 67px;
	font-size: 36px;
	font-weight: bold;
}
.index-company .txt .tt span::before{
	content: 'ABOUT US';
	position: absolute;
	top: -5px;
	left: 0;
	font-size: 80px;
	font-weight: bold;
	color: #f4f8f7;
    z-index: -1;
}
.index-banner{
	position: relative;
    min-height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.index-banner .slogan{
	padding: 100px 0 200px;
	padding: 100px 0 240px;
}

.sec-slogan .container{
	margin-top: -50px;
	background: #fff;
	height: 150px;
	box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05);
	font-size: 30px;
	line-height: 150px;
	color: #03cbcb;
	    position: relative;
    z-index: 999;
}
.sec-slogan .col-xs-6{
	border: 0px solid transparent;
    border-right: 1px solid transparent;
    border-image: url(../image/line.png) 1 1 stretch;
}
.sec-slogan .col-xs-6.br0{
	border-right: none;
	border-image: none;
}


.product-center {
	
	border:none;
	border-bottom: 2px solid  #f6f6f6;
}
.product-center .col-md-4{
	float: left;
	width: 356px;
	margin-right: 50px;
	padding:0;
	
}
.product-center .col-md-4.mr0{
	margin-right: 0;
}
.product-center .col-md-6{
	padding:20px;
}

.part2{
	padding:90px 0;
	width: 100%;
}
.part2.pt0{
	padding-top: 0;
}
.part2.pb0{
	padding-bottom: 0;
}
.part2.mt70{
	margin-top: 70px;
}
.part2.mt20{
	margin-top: 20px;
}
.part2 .pic .marpic{
	display: inline-block;

}
.intro-bg{
	display: inline-block;
	width: 402px;
	height: 456px;
	position: relative;
	top: -26px;
	left: 26px;
	background: #123790;
	opacity: 0.8;
}
.intro-bg::before{
	content: '';
	width: 402px;
	height: 456px;
	position: absolute;
	top: -26px;
	left: 26px;
	background: #123790;
	opacity: 0.3;
}
.part6{
	padding: 36px 0;
	text-align: center;
	color: #fff;
	min-width: 1200px;
}
.part6 .tt{
	padding-bottom: 20px;
	font-size: 24px;
}
.part6 button{
	color: #fff;
	border: 1px solid #fff;
	background: none;
}
.part6 button:hover{
	background: #fff;
	color: #ff9900;
}


.contact{
	padding-top: 30px;
	padding-bottom: 50px;
}
.contact .map{
	padding-top: 30px;
	clear: both;
}
.contact .container,.contact .map{
	padding-left:20px;
	padding-right: 20px;
}
.contact .infos .item1{
	padding: 20px;
	text-align: center;
}
.contact .infos .item1 .ct{
	padding:50px 40px;
	background: #fff;
	box-shadow: 0 0px 15px 0 rgba(0,0,0,0.1);
}
.contact .ct .icon{
	margin-bottom: 20px;
	height: auto;
}
.contact  .ct .tt{
	padding-bottom: 20px;
	font-size: 18px;
	color: #333;
}
.contact .ct .line{
	margin:0 auto 20px;
	width: 40px;
	height: 5px;
	background: #02c1ba;
}
.contact .ct p{
	margin:0;
	font-size: 14px;
	color: #333;
	height: 32px;
}
.contact .map img{
	box-shadow: 0 0px 15px 0 rgba(0,0,0,0.1);
}
.banner-line{
	background: transparent;
	height: 50px;
	position: absolute;
    bottom: 0;
    z-index: 555;
    width: 100%;
}


.ft{
	padding: 50px 0;
	background: #f4fafa;
	background: #c2f1ef;
	background: #e0f1f1;
	color: #333;
	font-size: 13px;
	font-size: 14px;
	min-width: 1200px;
}
.ft .container > div{
	padding:0;
}
.ft-nav{
	padding: 0 0 20px;
	
	line-height: 30px;
}
.ft-nav a{
	display: block;
	
	color: #333;
}
.ft-nav a:hover{
	color: #02bfdd;
}
.ft-soluction{
	width: 19%;
}
.ft-soluction .ft-nav > div{
	padding: 0;
}
.ft-soluction .ft-nav > div.col-xs-5{
	padding-left: 30px;
}
.ft-tt{
	font-size: 18px;
    padding-top: 26px;
    padding-bottom: 20px;
    color: #333;
}
.ft-logo{
	margin-bottom: 26px;
	width: 156px;
	height: 25px;
	font-size: 18px;
}
.ft-logo img{
	margin-top: 10px;
	width: 100%;
	height: auto;
}
.ft-crpt{
	height: 60px;
	background: #c2f1ef;
	background: #f1f7f7;
	background: #e0f1f1;
	color: #333;
	text-align: center;
	font-size: 13px;
	line-height: 60px;
	min-width: 1200px;
	border-top: 1px solid #cedad9;
}
.ft-crpt a:hover{
	text-decoration: underline;
	color: #02bfdd;
}
.ft .code{
	float: left;
	margin-top: 30px;
	width: 122px;
	height: 122px;
}
.ft .code img{
	width: 100%;
	height: auto;
}
.ft .contact{
	margin-top: 20px;
	line-height: 34px;
}
.ft .m-address .tel{
	padding: 8px 10px;
	width: 238px;
	height: 32px;
	font-size: 16px;
	line-height: 16px;
	background: #02C1BA;
	color: white;
}
.ft .m-address table{
	

}
.ft .m-address table td{
	padding: 2px;
	padding:5px;
	
	vertical-align: top;
}
.ft .m-address table tr td:eq(1){
	width: 120px;
	height: 40px;
}
.btn-more{
	color: #fff;
	font-weight: bold;
	border-radius: 20px;
	background: #02c1ba;
}
.btn-detail:hover,.btn-detail.active,.news.center dd:hover .btn-detail{
	opacity: .9;
	color: #fff;
}
@media (min-width: 768px){
	.ft .code{
		float: right;
	}
}
@media (max-width: 768px){
	nav li{
		width: 33.3333%;
		float: left;
	}
	.ad-banner h1 span{
		font-size: 20px;
	}
	.ad-banner h2{
		display: none;
	}
	.ad-banner .slides .title{
		display: block;
	}
	
	.part2.pro .ct .item{
		margin-bottom: 20px;
	}
	.tab-nav .btn{
		margin: 0;
	}
	.news .g-mn,.news .g-sd,.news.center .pic{
		width: 100%;
	}
	.news.center .pic{
		margin-bottom: 30px;
	}

	.aftersale .pic, .aftersale .txt{
		display: block;
		text-align: center;
	}
	.aftersale .txt{
		margin-top: 36px;
	}
	.aftersale .pic .text-left,.aftersale .pic .text-right,.aftersale .txt p.text-right,.aftersale .txt p{
		text-align: center;
	}

	.company .idea-icon{
		width: 100%;
	}
	.company .txt dd:last-child{
		margin-bottom: 30px;
	}
	

	.ft .contact.text-right{
		text-align: left;
	}

}
@media (max-width: 1024px){
	.ad-banner .slides li{
		background-position: left;
	}
}
@media (min-width: 1200px){
	.container {
	    width: 1200px;
	}

}
.starffimg{
	
	margin-right: 30px;
	margin-bottom: 30px;
	width: 370px;
	height: 252px;
	border: 10px solid #fff;
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
}
.starffimg.mr0{
	margin-right: 0;
}
.imgBox .col-sm-4{
	padding: 0;
}
.imgBox .starffimg img{
	height: auto;
}

.add-ban.com{
	height: auto;
}
.com h1.tt{
	padding: 160px 0 260px;
}
.com .tt small{
	padding-top: 30px;
	font-size: 20px;
	color: #fff;
}
.com .tt .arrow::after{
	content: " ";
    display: inline-block;
    height: 16px;
    width: 16px;
    border-width: 2px 2px 0 0;
    border-color: #C8C8CD;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: rotate(135deg);
}
.com-intro{
	margin-top: -200px;
	
	max-width: 1200px;
	width: 1200px;
    margin: -200px auto 0;

}
.com-intro .part2{
	padding-top: 50px;
}
.com-intro .com-ct{
	position: relative;
	
	background: #fff;
}
.com-intro .line{
	margin:80px 80px;
	height: 1px;
	background: #f0f0f0;
}
.com-intro .detail{
	font-size: 15px;
	line-height: 36px;
}
.com-intro .aftersale .txt .tt{
	color: #333;
}
.com-intro  .aftersale .txt .mtt{
	margin-bottom: 30px;
	font-size: 14px;
	color: #666;
}
.picture{
        position: absolute;
        top: 0;
        right: 0; 
        text-align: right;
        float: right;
  }

.flexslider .slides .picture img{
        width: 700px;
        position: absolute;
        top: 80px;
       
}
.flexslider .slides .earth  {
  	position: absolute;
    top: 0;
    left: 235px;
    z-index: -1;
    width: 302px;
    
    top: 50px;
  }
.flexslider .slides .earth img{
	width: 302px;
}
.flexslider.index{
  	min-width: 1200px;
}
.flexslider.sub .slides .picture img{
	width: 450px;
	top: 40px;
}
.flexslider.sub .picture{
	padding-left: 180px;
}
@media (min-width: 768px){
	.index-banner .pic {
	    position: absolute;
	    bottom: 0;
	    right: 0;
	}
.index-banner .slogan {
	    padding: 160px 0 200px 0; 
	    padding: 160px 0 240px 0
	}
.index.sub .index-banner .slogan{
	padding:110px 0;
}
}
.index-banner .slogan{
	color: #fff;
}
.index-banner .slogan h1{
	font-size: 36px;
}
.index-banner .slogan h2{
	margin-top: 40px;
	line-height: 2;
	font-size: 15px;
	line-height: 1.8;
}
.index-banner .slogan h3{
	font-size: 24px;
	margin-top: 20px;
	font-size: 36px;
}
.bigdata .ct .item{
	padding:20px;
	height: 313px;
}
@media (min-width: 1200px){
	.bigdata .ct .item{
		width: 363.33px;
		margin-right: 40px;
		margin-bottom: 40px;
	}
}


.part1 .item:hover{
	background-color: #03bfdc;
	transform: translateY(-23px);
	transition: all .7s ease-in;
	height: 140px;
}

.no-padder { padding: 0;}
.m-l{margin-left: 15px}
.m-l-none{margin-left: 0}
.m-l-mini{margin-left: 5px;}
.m-l-small{margin-left: 10px;}
.m-l-large{margin-left: 20px;}
.m-l-n{margin-left: -15px}
.m-l-n-mini{margin-left: -5px}
.m-l-n-small{margin-left: -10px}
.m-l-n-large{margin-left: -20px}


.m-t{margin-top: 15px}
.m-t-none{margin-top:0}
.m-t-mini{margin-top: 5px;}
.m-t-small{margin-top: 10px;}
.m-t-large{margin-top: 20px;}
.m-t-n{margin-top: -15px}
.m-t-n-xmini{margin-top: -1px}
.m-t-n-mini{margin-top: -5px}
.m-t-n-small{margin-top: -10px}
.m-t-n-large{margin-top: -20px}

.m-r{margin-right: 15px}
.m-r-none{margin-right: 0}
.m-r-mini{margin-right: 5px}
.m-r-small{margin-right: 10px}
.m-r-large{margin-right: 20px}
.m-r-n{margin-right: -15px}
.m-r-n-mini{margin-right: -5px}
.m-r-n-small{margin-right: -10px}
.m-r-n-large{margin-right: -20px}

.m-b{margin-bottom: 15px;}
.m-b-none{margin-bottom: 0!important;}
.m-b-mini{margin-bottom: 5px;}
.m-b-small{margin-bottom: 10px;}
.m-b-large{margin-bottom: 20px;}
.m-b-n{margin-bottom: -15px}
.m-b-n-mini{margin-bottom: -5px}
.m-b-n-small{margin-bottom: -10px}
.m-b-n-large{margin-bottom: -20px}
.m-b-60 { margin-bottom: 60px!important;}

.b-b{
	position: relative;
	top: 10px;
	border-bottom: 2px;
	border-bottom-color: linear-gradient(to right,rgb(36,184,213),rgb(64,149,252));
}

.sub-contact{
	width: 348px;
	height: 252px;
	margin: 106px 40px 50px 0;
}
.sub-contact1{
	width: 1126px;
	margin-bottom: 100px;
}

.talentcommain{
	margin-bottom: 100px;
}
.talentcom{
	width: 560px;
	height: 680px;
	margin: 20px;
	background: #103e96;
}
.talentsub{
	padding: 56px 86px 60px 60px;
	line-height: 22px;
	font-size: 14px;
	color: #dedede;
}
.talent1{
	font-size: 16px;
	color: #ffffff;
}
.talent2{
	display: inline-block;
	width: 530px;
	line-height: 28px;
	color: #24b8d5;
}

.bannerSerBg {
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	height: 490px;
}
.service-banner {
	height: 400px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: #fff;
	text-align: center;
	display: table;
	width: 100%;
	min-width: 1200px;
}
.service-banner h1{
	float: left;
	padding: 120px 0 180px;
	
	font-weight: normal;
	font-size: 36px;
	text-align: left;
}
.service-banner small {
	padding-top: 30px;
	font-size: 16px;
	color: #fff;
}
.service-map{
	margin-top: -20px;
	margin-bottom: 60px;
	padding:0 30px 30px;
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	font-size: 18px;
	border-radius: 10px;
	border:1px solid #dfdede;
	
	background: #fff;
}
.service-map .hd{
	margin-left: -30px;
	margin-right: -30px;
	padding-left: 30px;
	height: 50px;
	line-height: 50px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-size: 18px;
	color: #333;
	background: #f1f7f7;
}
.service-map .item{
	padding:30px 0 30px;
	margin-right: 40px;
	width: 326px;
	border-bottom: 1px solid #f1f7f7;
}
.service-map .item.mr0{
	margin-right: 0;
}
.service-map .item .ct{
	
}
.service-map .item .num{
	float: left;
	width: 25px;
	height: 25px;
	line-height: 25px;
	border-radius: 4px;
	background: #02c1ba;
	color: #fff;
	text-align: center;
}
.service-map .item .infos{
	padding-left: 40px;
}
.service-map .item  .tt{
	margin-bottom: 5px;
}
.service-map .item  .add{
	padding-right: 40px;
	font-size: 15px;
	color: #808080;
	line-height: 1.5;
}
.service-map .item.tel{
	border-bottom: none;
	color: #02c1ba;
}
.service-map .item.tel .tt{
	padding-top: 25px;
}

.secMenu {
	width: 100%;
	height: 72px;
	background-color:#fff;
	padding: 23px 0;
	box-shadow: 0 5px 20px 0 rgba(0,0,0,0.1);
	z-index: 222;
}

.localName span {
	float: left;
	height: 26px;
	width: 26px;
}
.localName h5 {
	font-size: 18px;
	margin-top: 4px;
}
.thirdNav {
	width: 100%;
	z-index: 50;
}
.thirdNav>.nav>li{ float: right;padding: 0px 25px;position: relative;}
.thirdNav>.nav>li:first-child{
	padding-right:0; 
}
.thirdNav>.nav>li>a:hover,.thirdNav>.nav>li.active>a{ 
	background: #02c1ba;
	color: #fff;
	border-radius: 20px;
	font-size: 15px;
}
.thirdNav>.nav>li>a{ 
	cursor: pointer;
	font-size: 15px;
	color: #333;
	padding: 6px 20px 6px 20px;
	background: #fff;
}

.mainCont{
	display: block;
	float: left;
}
.mainCont p{
	font-size: 15px;
	line-height: 24px;
}
.headerBig{
	margin-bottom: 40px;
	height: 67px;
	line-height: 67px;
	font-size: 40px;
	font-weight: bold;
	color: #333;
	position: relative;
}
.headerBig .beforeMenu::before{
	content: 'UNIPOWER';
	position: absolute;
	top: -10px;
	left: 0;
	color: #f4f8f7;
	font-size: 80px;
	font-weight: bold;
	z-index: -1;
}
.headerBig .beforeMenu.history::before{
	content: 'HISTORY';
}
.tipsBlock {
	float: left;
	display: block;
	height: 468px;
	padding: 60px 0;
}
.tipBlockBox {
	height: 336px;
	text-align: center;
	border-radius: 8px;
	background: #fff;
	border:1px solid #dfdede;
	
}
.tipBlockBox img {
	width: 136px;
	height: 136px;
	margin: 34px 0;
}
.tipBlockBox h4 {
	font-size: 20px;
	margin-bottom: 32px;
}
.tipBlockBox .tipsSmall {
	font-size: 16px;
}
.mainCont .contDetail {
	font-size: 15px;
	margin-bottom: 40px;
	line-height: 24px;
}



@media (min-width: 1366px){
	
	.decorationUP::after{
		content: '';
	    width: 200px;
	    height: 350px;
	    background: url(../image/afterIcon.png) no-repeat;
	    position: absolute;
	    top: 79%;
	    left: 89%;
	    z-index: 100;
	}
	.decorationDown::after{
		content: '';
	    width: 200px;
	    height: 350px;
	    background: url(../image/afterIcon.png) no-repeat;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           
	    position: absolute;
	    top: 106%;
	    left: 89%;
	    z-index: 100;
	}
	
	.serCenterFoot1::after{
		content: '';
	    width: 200px;
	    height: 350px;
	    background: url(../image/afterIconleft.png) no-repeat;
	    position: absolute;
	    top: 262%;
	    right: 89%;
	    z-index: 1000;
	}
	.serCenterFoot2::after{
		content: '';
	    width: 200px;
	    height: 350px;
	    background: url(../image/afterIconleft.png) no-repeat;
	    position: absolute;
	    top: 291%;
	    right: 89%;
	    z-index: 1000;
	}
	
	.ServiceSpecificCenter1::after {
		content: '';
	    width: 200px;
	    height: 350px;
	    background: url(../image/afterIconleft.png) no-repeat;
	    position: absolute;
	    top: 188%;
	    right: 89%;
	    z-index: 1000;
	}
	.ServiceSpecificCenter2::after {
		content: '';
	    width: 200px;
	    height: 350px;
	    background: url(../image/afterIconleft.png) no-repeat;
	    position: absolute;
	    top: 212%;
	    right: 89%;
	    z-index: 1000;
	}
	
	.decorationRight1::after{
		content: '';
	    width: 200px;
	    height: 350px;
	    background: url(../image/afterIcon.png) no-repeat;
	    position: absolute;
	    top: 366%;
	    left: 89%;
	    z-index: 1000;
	}
	.decorationRight2::after{
		content: '';
	    width: 200px;
	    height: 350px;
	    background: url(../image/afterIcon.png) no-repeat;
	    position: absolute;
	    top: 390%;
	    left: 89%;
	    z-index: 1000;
	}
	
	.enterpriseProfilefoot1::after {
		content: '';
	    width: 200px;
	    height: 350px;
	    background: url(../image/afterIconleft.png) no-repeat;
	    position: absolute;
	    top: 169%;
	    right: 90%;
	    z-index: 1000;
	}
	.enterpriseProfilefoot2::after {
		content: '';
	    width: 200px;
	    height: 350px;
	    background: url(../image/afterIconleft.png) no-repeat;
	    position: absolute;
	    top: 196%;
	    right: 90%;
	    z-index: 1000;
	}
	
	.businessCultureFoot1::after {
		content: '';
	    width: 200px;
	    height: 350px;
	    background: url(../image/afterIconleft.png) no-repeat;
	    position: absolute;
	    top: 176%;
	    right: 89%;
	    z-index: 1000;
	}
	.businessCultureFoot2::after {
		content: '';
	    width: 200px;
	    height: 350px;
	    background: url(../image/afterIconleft.png) no-repeat;
	    position: absolute;
	    top: 202%;
	    right: 89%;
	    z-index: 1000;
	}
}
@media (min-width: 1440px){
	
	.decorationUP::after{
		content: '';
	    width: 300px;
	    height: 400px;
	    background: url(../image/afterIcon.png) no-repeat;
	    position: absolute;
	    top: 60%;
	    left: 90%;
	    z-index: 100;
	}
	.decorationDown::after{
		content: '';
	    width: 300px;
	    height: 400px;
	    background: url(../image/afterIcon.png) no-repeat;
	    position: absolute;
	    top: 84%;
	    left: 90%;
	    z-index: 100;
	}
	
	.serCenterFoot1::after{
		content: '';
	    width: 300px;
	    height: 400px;
	    background: url(../image/afterIconleft.png) no-repeat;
	    position: absolute;
	    top: 140%;
	    right: 83%;
	    z-index: 1000;
	}
	.serCenterFoot2::after{
		content: '';
	    width: 300px;
	    height: 400px;
	    background: url(../image/afterIconleft.png) no-repeat;
	    position: absolute;
	    top: 160%;
	    right: 83%;
	    z-index: 1000;
	}
	
	.ServiceSpecificCenter1::after {
		content: '';
	    width: 300px;
	    height: 400px;
	    background: url(../image/afterIconleft.png) no-repeat;
	    position: absolute;
	    top: 145%;
	    right: 83%;
	    z-index: 1000;
	}
	.ServiceSpecificCenter2::after {
		content: '';
	    width: 300px;
	    height: 400px;
	    background: url(../image/afterIconleft.png) no-repeat;
	    position: absolute;
	    top: 163%;
	    right: 83%;
	    z-index: 1000;
	}
	
	.decorationRight1::after{
		content: '';
	     width: 300px;
	    height: 400px;
	    background: url(../image/afterIcon.png) no-repeat;
	    position: absolute;
	    top: 260%;
	    left: 90%;
	    z-index: 1000;
	}
	.decorationRight2::after{
		content: '';
	    width: 300px;
	    height: 400px;
	    background: url(../image/afterIcon.png) no-repeat;
	    position: absolute;
	    top: 280%;
	    left: 90%;
	    z-index: 1000;
	}
	
	.enterpriseProfilefoot1::after {
		content: '';
	     width: 300px;
	    height: 400px;
	    background: url(../image/afterIconleft.png) no-repeat;
	    position: absolute;
	    top: 117%;
	    right: 83%;
	    z-index: 1000;
	}
	.enterpriseProfilefoot2::after {
		content: '';
	    width: 300px;
	    height: 400px;
	    background: url(../image/afterIconleft.png) no-repeat;
	    position: absolute;
	    top: 139%;
	    right: 83%;
	    z-index: 1000;
	}
	
	.businessCultureFoot1::after {
		content: '';
	    width: 300px;
	    height: 400px;
	    background: url(../image/afterIconleft.png) no-repeat;
	    position: absolute;
	    top: 94%;
	    right: 83%;
	    z-index: 1000;
	}
	.businessCultureFoot2::after {
		content: '';
	    width: 300px;
	    height: 400px;
	    background: url(../image/afterIconleft.png) no-repeat;
	    position: absolute;
	    top: 114%;
	    right: 83%;
	    z-index: 1000;
	}
}
.partners-com{
	display: inline-block;
	width: 530px;
	height: 302px;
	border: 1px solid #eee;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
}
.partners-ml{
	margin-left: 70px;
}
.serv-progress{
	background-color: #f1f7f7;
	border: solid 1px rgba(86, 199, 241, 0.5);
	border-radius: 8px;
	position: relative;
}
.serv-progresscon{
	margin: 40px;
}

.navbar-UP {
	
    
}
.aboutImg img {
	height: 260px;
	width: 100%;
	float: left;
	
}
.headerBig .HonoraryQualification::before{
	content: 'HONORS';
	position: absolute;
	top: -10px;
	left: 0;
	font-size: 80px;
	font-weight: bold;
	color: #f4f8f7;
	z-index: -1;
}
.headerBig .resultsShow::before{
	content: 'ACHIEVEMENTS';
	position: absolute;
	top: 0;
	left: 0;
	font-size: 80px;
	font-weight: bold;
	color: #f4f8f7;
	z-index: -1;
}
.headerBig .BusinessCulture::before{
	content: 'CULTURE';
	position: absolute;
	top: -10px;
	left: 0;
	font-size: 80px;
	font-weight: bold;
	color: #f4f8f7;
	z-index: -1;
}
.headerBig .EmployeeWorld::before{
	content: 'STAFF WORLD';
	position: absolute;
	top: -10px;
	left: 0;
	font-size: 80px;
	font-weight: bold;
	color: #f4f8f7;
	z-index: -1;
}
.l-r-Icon {
	height: 48px;
	width: 48px;
}
.aboutBox {
	background-color: #f1f7f7;
	height: 540px;
	width: 100%;
	padding: 112px 102px;
}
.aboutBox img {
	height: 42px;
	width: 260px;
}
.comBgColor {
	
}

.assistBox img,.aboutTipBox {
	height: 270px;
	width: 100%;
	float: left;
	height: 230px;
}
.aboutTipBox {
	background-color: #02c1ba;
}
.aboutTipBox  p {
	margin: 100px 0;
	font-size: 40px;
	color: #fff;
	font-weight: normal;
}
.imgBox .starffimg{
	
	transition: all 0.5s;
		
}
.imgBox .starffimg:hover{ 
	

    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
	transform: scale(1.37); 
	z-index: 999999;
}
.honour .flexslider{
	width: 100%;
	width: 1170px;
  	margin-top: -150px;
  	height: 500px;
  	padding-top: 150px;
 	background: none;
}
.honour .flexslider .slides > li{
	padding:8px;
	height: 350px;
	background: #fff;
	overflow: hidden;
	border-radius: 3px;
}
.honour .flexslider .slides > li a{
	display: table-cell;
	vertical-align: middle;
	background: #fff;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
	cursor: default;
	
}
.honour .flexslider .slides > li a img{
	margin:0 auto;
	max-height: 300px;
	max-width: 250px;
	border-radius: 3px;
}
.honour .flex-direction-nav{
	display: block;
}
.honour .flex-control-nav{
	display: none;
}

.honour .flexslider.flex-direction-nav .flex-next,.flex-direction-nav .flex-next,
.honour .flexslider.flex-direction-nav .flex-prev,.flex-direction-nav .flex-prev{
	position: absolute;
	top: 50px;
	left: 95%;
	width: 50px;
	height: 50px;
	opacity: 1;
	background: url(../image/right.png) no-repeat;
}
.honour .flexslider:hover .flex-direction-nav .flex-next{
	display: block;
}
.honour .flexslider:hover .flex-direction-nav .flex-next:hover,.flexslider:hover .flex-direction-nav .flex-next{
	position: absolute;
	top: 50px;
	left: 95%;
	z-index: 9999;
	width: 50px;
	height: 50px;
	background: url(../image/rightCur.png) no-repeat;
}
.honour .flexslider.flex-direction-nav .flex-prev,.flex-direction-nav .flex-prev{
	position: absolute;
	top: 50px;
	left: 89%;
	width: 50px;
	height: 50px;
	background: url(../image/left.png) no-repeat;
}
.honour .flexslider:hover .flex-direction-nav .flex-prev:hover,.flexslider:hover .flex-direction-nav .flex-prev{
	position: absolute;
	top: 50px;
	left: 89%;
	width: 50px;
	height: 50px;
	background: url(../image/leftCur.png) no-repeat;
}
.m-t-90 { padding-top: 90px;}
.resultboxBg { width: 100%;height: 500px; background-color: #f1f7f7;padding: 20px;}
.resultboxBg p { font-size: 18px;}
.bookrack {height: 460px; border: 1px solid #cfd8ea;}
#bookrack { width: 100%; margin: auto;} 
#bookrack a { text-align: center; text-decoration: none; font-size: 12px; background-color: #fff;box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);} 
#bookrack span { display: none; position: absolute; color: #fff; background: #000000; background: rgba(0, 0, 0, 0.5); padding: 5px; top: 30px; left: 0; } 
#bookrack span big { color: red; font-size: 14px; } 
#bookrack img { width: 100%; height: 100%; display: block; border: 0; background-color: #fff;}
.bookrack a{
	cursor: default;
}


.ft .ft-item{
	float: left;
	width: 18.75%;
	width: 15%;
	width: 20%;
}
.ft .ft-item.contactus{
	
	width: 40%;

	    width: 28%;
}
.ft .ft-item.ft-soluction{
	width: 30%;

	width: 20%;
    margin-right: 12%;
}

.productCenter .pic {
	border-radius: 2px;
	margin-right: 40px;
    width: 300px;
    height: 190px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.productCenter dd {
	display: inline-block;
    padding: 30px;
    margin-bottom: 30px;
    width: 100%;
    background: #fff;
    border: 2px solid #eee;
    border-radius: 4px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.productCenter dd:hover{
	border:2px solid #02c1ba;
}
.productCenter .content { overflow: hidden;}
.productCenter .content h1 {font-size: 20px; font-weight: bold;margin-bottom: 15px; margin-top: 7px; }
.productCenter .content p {
	padding-right: 30px;
    margin-top: 25px;
    line-height: 2;
    height: auto;
    font-size: 15px;
}
.pro-intro,.contact .item1 .ct,.contact .map img,.partners-com,.solution-3D .tipBlockBox{
	-webkit-transition: -webkit-transform 1s ease;
    -moz-transition: -moz-transform 1s ease;
    transition: transform 1s ease;
	-webkit-transform: scale(1);
  	-moz-transform: scale(1);
  	-ms-transform: scale(1);
  	-o-transform: scale(1);
  	transform: scale(1);
}
.pro .item:hover,.contact .item1 .ct:hover,.contact .map img:hover,.partners-com:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.1);
	z-index: 5;
}
.pro-intro:hover,.contact .item1 .ct:hover,.contact .map img:hover{
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    
    box-shadow: 0px 0 20px 0px rgba(0,0,0,0.1);
    z-index: 5;
}





.ft .m-address .tel{
	background: url(../image/logo-green.jpg) no-repeat;
	color: #02C1BA;
	font-size: 0;
}
.ft .m-address .tel img{
	display: none;
}
.service-map .item.tel{
	display: none;
}