@charset "utf-8";
/* CSS Document */

.slide{
	min-width:1300px;
	_width:1300px;
	height:500px;
	margin:0 auto;
	overflow:hidden;
}
.img_nav{
	position:relative;
	height:500px;
	margin:0 auto;
	text-align:center;
}
.big_img a{
	display:block;
	width:1200px;
	height:500px;
	margin:0 auto;
}
.bg01{
	width:auto;
	height:500px;
	background:#272950 url(../images/case/banner01.png) no-repeat center top;
	background-size: 100% 100%;

}
.bg02{
	width:auto;
	height:500px;
	background: url(../images/case/banner02.jpg) no-repeat center top;
	background-size: 100% 100%;
}
.bg03{
	width:auto;
	height:500px;
	background:#dbdbdb url(../images/case/banner03.png) no-repeat center top;
	background-size: 100% 100%;
}
.bg01Title{
	font-size: 34px;
    color: #fff;
    padding-top: 230px;
    padding-left: 200px;
    text-align: left;
}
.bg01P{
	font-size: 24px;
	color:#fff;
	line-height: 50px;
    padding-left: 200px;
    text-align: left;
}
.img_nav img{
	height:500px;
}
.link_nav{
	position:absolute;
	bottom:0px;
	width:1300px;
	height:26px;
	color:#fff;
	line-height:26px;
	font-weight:bold;
	filter:alpha(opacity=50);
	opacity:0.5;
}
.link_nav a{
	position:absolute;
	left:5px;
	color:#fff;
}
.num_nav{
	position:absolute;
	right:47%;
	bottom:4px;
}
.num_nav span{
	float:left;
	width:20px;
	height:25px;
	margin-left:4px;
	font-size:12px;
	color:#90ca58;
	font-weight:bold;
	line-height:20px;
	text-align:center;
	cursor:pointer;
	background:url(../images/selected01.png) no-repeat;
}
.num_nav span.selected{
	color:#fff;
	background:url(../images/selected02.png) no-repeat;
}
.wrapper{
	min-width:1300px;
	border-bottom:1px solid #ddd;
}
.main01{
	width:1220px;
	_width:1300px;
	padding-top:119px;
	margin:0 auto;
}
.title{
	height:160px;
	font-size:48px;
	color:#555;
	text-align:center;
}
.title span{
	color:#0872f0;
}
.main01_content li{
	float:left;
	width:235px;
	padding:0px 35px;
}
.main01_title{
	height:220px;
	font-size:26px;
	text-align:center;
}
.main01_title a{
	display:block;
	padding-top:180px;
	
}
.main01_title a:hover{
	color:#0872f0;
}
.title01 a{
	background:url(../images/office01.png) no-repeat  center top;
}
.title01 a:hover{
	background:url(../images/office02.png) no-repeat  center top;
}
.title02 a{
	background:url(../images/CRM01.png) no-repeat  center top;
}
.title02 a:hover{
	background:url(../images/CRM02.png) no-repeat  center top;
}
.title03 a{
	background:url(../images/WeChat01.png) no-repeat  center top;
}
.title03 a:hover{
	background:url(../images/WeChat02.png) no-repeat  center top;
}
.title04 a{
	background:url(../images/comm01.png) no-repeat  center top;
}
.title04 a:hover{
	background:url(../images/comm02.png) no-repeat  center top;
}
.title05 a{
	background:url(../images/BigData01.png) no-repeat  center top;
}
.title05 a:hover{
	background:url(../images/BigData02.png) no-repeat  center top;
}
.title06 a{
	background:url(../images/KingdeeDevelopment01.png) no-repeat  center top;
}
.title06 a:hover{
	background:url(../images/KingdeeDevelopment02.png) no-repeat  center top;
}
.title07 a{
	background:url(../images/CloudDevelopment01.png) no-repeat  center top;
}
.title07 a:hover{
	background:url(../images/CloudDevelopment02.png) no-repeat  center top;
}
.title08 a{
	background:url(../images/IndustryCustom01.png) no-repeat  center top;
}
.title08 a:hover{
	background:url(../images/IndustryCustom02.png) no-repeat  center top;
}
.main01_detail{
	height:80px;
	font-size:13px;
	color:#999;
	text-align:center;
}
.main01_more{
	text-align:center;
}
.main01_more a{
	display:block;
	width:55px;
	height:55px;
	margin:0 auto;
	background:url(../images/more01.png) no-repeat;
}
.main01_more a:hover{
	background:url(../images/more02.png) no-repeat;
}
.main02{
	width:1220px;
	_width:1300px;
	padding-top:119px;
	margin:0 auto;
}
.main02_content{
	height:720px;
	text-align:center;
}
.main03{
	width:1220px;
	_width:1300px;
	height:195px;
	padding-top:119px;
	margin:0 auto;
}
.main03_wrapper{
	min-width:1300px;
	background:#3b3b3c url(../images/index_01.png) no-repeat center top;
}
.main03_content{
	clear:both;
	height:500px;
	padding-top:125px;
	text-align:center;
}
map area{
	outline: none;
}
.bottom01_wrapper{
	clear:both;
	min-width:1300px;
	/*height:120px;*/
	padding-top:14px;
	background:#232938;
}
.bottom01{
	width:1300px;
	margin:0 auto;
}
.bottom01_01{
	float:left;
	width:178px;
}
.bottom01_title{
	height:32px;
	font-size:16px;
	color:#dedfe5;
}
.bottom01_title a{
	color:#dedfe5;
}
.bottom01_content{
	font-size:14px;
	color:#838ea0;
	line-height:24px;
}
.bottom01_content a{
	color:#838ea0;
}
.bottom01_content img{
	margin-left:10px;
	vertical-align:middle;
}
.policeLogo{
	width: 72px;
	height: 50px;
	display: inline-block;

}
.policeLogo img{
	width: 30px;
	height: 30px;
	/*margin-top: 20px;*/
}
.policeLogo span{
	line-height: 20px;
	color:#838ea0;
	padding-left: 15px;
}
.QR_code{
	float:right;
	width:130px;
	text-align:right;
}
.bottom01_contact{
	/*float:right;*/
	font-size:16px;
	color:#838ea0;
	text-align:right;
	/*width: 42%;*/
	padding-left:90px; 
	position: relative;
	margin:0 auto;
	overflow: hidden;
}
.bottom01_contact_img{
	width: 120px;
	height: 120px;
	position: absolute;
	top:0px;
	left:0px;
}
.bottom01_contact li{
	height:34px;
	text-align: left;
	float: left;
	width: 30%;

}
.bottom01_contact li:last-child{
	width: 40%;
}
.bottom01_contact img{
	margin-right:10px;
	vertical-align:middle;
}
.bottom02{
	min-width:1300px;
	height:auto;
	margin:0 auto;
	font-size:14px;
	color:#838ea0;
	line-height:25px;
	text-align:center;
	background:#232938;
	padding-bottom:25px;
}
.bottom02 img {
	vertical-align:middle;
	padding-left:15px;
}
.bottom02 .v-m{
	vertical-align: top !important;
	/*margin-top: 20px;*/
}
/*关于我们开始*/
.about_banner{
	min-width:1300px;
	height:375px;
	margin:0 auto;
	background:url(../images/about_banner.png) no-repeat center top;
}
.about_main{
	width:1300px;
	padding:50px 0px 60px 0px;
	margin:0 auto;
}
.about_title{
	height:60px;
	font-size:20px;
	border-bottom:1px solid #aaa;
	cursor:pointer;
}
.about_title li{
	float:left;
	width:143px;
	height:40px;
	line-height:40px;
	text-align:center;
}
.about_title li:hover{
	color:#fff;
	background:url(../images/about_btn.png) no-repeat center top;
}
.about_title .active{
	color:#fff;
	background:url(../images/about_btn.png) no-repeat center top;
}
.about_content{
	padding-top:30px;
	font-size:16px;
	color:#555;
	line-height:34px;
	text-align:Justify;
	text-justify:inter-ideograph;
}
.about_content p{
	text-indent:2em;
}
.about_content span{
	font-size:18px;
	color:#0872f0;
}
.about_contact {
	width:1000px;
	margin:50px auto 0;
}
.about_contact h1 {font-size:30px;}
.about_contact ul {
	width:100%;
	margin:0;
	margin-top:20px;
	padding:0;
}
.about_contact ul li {
	float:left;
	width:33%;
	font-size:18px;
	line-height:50px;
}
.about_contact .map {
	margin:20px auto 0;
}

/*2019-1改版*/
.aboutTeamTitle{
	line-height: 40px;
	font-size: 30px;
}
.about_contact ul .aboutLi{
	position: relative;
	height: 250px;
	margin-right: 20px;
	margin-bottom: 30px;
	border:1px #eee solid;
	box-shadow: 0px 2px 4px #aaa;
	width: 318px;
	overflow:hidden;

}
.about_contact ul .aboutLi:hover >img{
	transform: scale(1.1);  
	cursor: pointer;  
    transition: all 0.6s; 
}
.about_contact ul .aboutLi:nth-child(3n){
	margin-right: 0px;	
}
.about_contact ul .aboutLi > img{
	width: 100%;
	height:100%;

}
.about_contact ul .aboutLi p{
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	background-color:rgba(0,0,0,0.4);
	color:#fff;


}
/*招聘*/
.RecruitTable{
	width: 100%;
}
.RecruitTable tr td{
	border-bottom: 1px #eee dotted;
	font-weight: 600;
	font-size: 18px;
}
.RecruitTableTr40{width: 40%;}
.RecruitTableTr10{	width: 10%;}
.RecruitTableTr20{	width: 20%;}
.RecruitTableTr15{	width: 15%;}

.RecruitTableDiv40{
	width: 40%;
	float: left;
}
.RecruitTableDiv10{
	width: 10%;
	float: left;

}
.RecruitTableDiv20{
	width: 20%;
	float: left;
}
.RecruitTableDiv15{
	width: 15%;
	float: left;
}
.RecruitTableDiv10 img{
	width: 22px;
    height: 12px;
    margin-top: 5px;
}
.RecruitSimple{
	border-bottom: 1px #eee solid;
	overflow: hidden;
	clear: both;
	line-height: 50px
}
.RecruitDetail {
	margin:0 10px ;
	padding-bottom:20px; 
	border-bottom: 1px #eee solid;
}
/*关于我们结束*/
/*下载开始*/
.download_wrapper{
	min-width:1300px;
	border-top:1px solid #ddd;
}
.download_main{
	width:1300px;
	padding:80px 0px 156px 0px;
	margin:0 auto;
}
.download_left{
	float:left;
	width:326px;
	height:510px;
	padding:145px 0px 0px 140px;
	font-size:16px;
	color:#555;
	line-height:20px;
	text-align:center;
	background:url(../images/phone.png) no-repeat 140px top;
}
.download_left img{
	margin-bottom:30px;
}
.download_right{
	float:left;
	width:642px;
	padding:100px 0px 0px 192px; 
}
.download_right_title{
	height:58px;
	padding-left:120px;
	padding-top:20px;
	font-size:40px;
	letter-spacing:20px;
	color:#555;
	background:url(../images/wx.png) no-repeat 350px top;
}
.download_right_title2{
	height:70px;
	padding-left:120px;
	font-size:30px;
	color:#555;
}
.download_right_tip{
	height:170px;
	padding-left:120px;
	font-size:15px;
	color:#888;
}
.download_content{
	margin-left:-40px;
	color:#555;
	font-size:14px;
	text-align:center;
}
.download_content li{
	float:left;
	width:197px;
	line-height:15px;
}
.download_content a{
	display:block;
	width:117px;
	height:117px;
	margin:0 auto;
}
.iso a{
	background:url(../images/download_iso.png) no-repeat center top;
}
.iso a:hover{
	background:url(../images/download_iso2.png) no-repeat center top;
}
.Android a{
	background:url(../images/download_Android.png) no-repeat center top;
}
.Android a:hover{
	background:url(../images/download_Android2.png) no-repeat center top;
}
.pc a{
	background:url(../images/download_pc.png) no-repeat center top;
}
.pc a:hover{
	background:url(../images/download_pc2.png) no-repeat center top;
}
/*改版*/
.gb-download {
	width:1000px;
	margin:50px auto 0;
}
.gb-download .div-box {
	float:left;
	width:33%;
}
.gb-download .div-box p {
	font-size:18px;
	line-height:50px;
}
/*下载结束*/
/*新闻资讯*/
.news-boxs {
	margin-bottom:100px;
}
.news-pic {
	width:100%;
	height:290px;
	background:url(../images/news-pic.jpg) no-repeat center center;
}
.news-ul {
	width:980px;
	margin:100px auto 0;
	font-size:20px;bbjbbbbbb
	line-height:45px;
	text-align:left;
}
.news-ul li:first-child a,.news-ul li:first-child span{color:#0872f0}
/*新闻资讯结束*/
/*功能开始*/
.function_banner{
	position:relative;
	min-width:1300px;
	height:446px;
	margin:0 auto;
	background:url(../images/function_banner.jpg) no-repeat center top;
}
.function_main{
	min-width:1300px;
	padding:0 0 200px 0;
	margin:0 auto;
	text-align:center;
}
.function_nav_box{
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
	width:100%;
	height:120px;
	background: rgba(0,0,0,0.1);
}
.function_nav_fixed{
	position:fixed;
	top:0;
	left:0;
	z-index:112;
	background-color:#232938;
}
.function_nav{
	width:1200px;
	height:110px;
	margin:0 auto;
	padding-top:20px;
}
.function_nav li a {
	float:left;
	width:150px;
	height:50px;
	padding-top:50px;
	font-size:16px;
	color:#fff;
	line-height:50px;
	text-align:center;
}
.function_nav li a.bg-1 {
	background:url(../images/function_nav_1.png) no-repeat center 0;
}
.function_nav li a.bg-1:hover {
	background:url(../images/function_nav_10.png) no-repeat center 0;
}
.function_nav li a.bg-2 {
	background:url(../images/function_nav_2.png) no-repeat center 0;
}
.function_nav li a.bg-2:hover {
	background:url(../images/function_nav_20.png) no-repeat center 0;
}
.function_nav li a.bg-3 {
	background:url(../images/function_nav_3.png) no-repeat center 0;
}
.function_nav li a.bg-3:hover {
	background:url(../images/function_nav_30.png) no-repeat center 0;
}
.function_nav li a.bg-4 {
	background:url(../images/function_nav_4.png) no-repeat center 0;
}
.function_nav li a.bg-4:hover {
	background:url(../images/function_nav_40.png) no-repeat center 0;
}
.function_nav li a.bg-5 {
	background:url(../images/function_nav_5.png) no-repeat center 0;
}
.function_nav li a.bg-5:hover {
	background:url(../images/function_nav_50.png) no-repeat center 0;
}
.function_nav li a.bg-6 {
	background:url(../images/function_nav_6.png) no-repeat center 0;
}
.function_nav li a.bg-6:hover {
	background:url(../images/function_nav_60.png) no-repeat center 0;
}
.function_nav li a.bg-7 {
	background:url(../images/function_nav_7.png) no-repeat center 0;
}
.function_nav li a.bg-7:hover {
	background:url(../images/function_nav_70.png) no-repeat center 0;
}
.function_nav li a.bg-8 {
	background:url(../images/function_nav_8.png) no-repeat center 0;
}
.function_nav li a.bg-8:hover {
	background:url(../images/function_nav_80.png) no-repeat center 0;
}
.function_nav>li.active>.bg-1{
	background:url(../images/function_nav_10.png) no-repeat center 0;
}
.function_nav>li.active>.bg-2{
	background:url(../images/function_nav_20.png) no-repeat center 0;
}
.function_nav>li.active>.bg-3{
	background:url(../images/function_nav_30.png) no-repeat center 0;
}
.function_nav>li.active>.bg-4{
	background:url(../images/function_nav_40.png) no-repeat center 0;
}
.function_nav>li.active>.bg-5{
	background:url(../images/function_nav_50.png) no-repeat center 0;
}
.function_nav>li.active>.bg-6{
	background:url(../images/function_nav_60.png) no-repeat center 0;
}
.function_nav>li.active>.bg-7{
	background:url(../images/function_nav_70.png) no-repeat center 0;
}
.function_nav>li.active>.bg-8{
	background:url(../images/function_nav_80.png) no-repeat center 0;
}
.function_nav li.active a{
	color:#0872f0;
}
.function_nav li  a:hover {
	color:#0872f0;
}
.function_main>.panes-1>.box-son .box1{
	width:1145px;
	height:453px;
	margin:250px auto 0;
	background:url(../images/function_bg3.jpg) no-repeat 0 0;
}
.function_main>.panes-1>.box-son h1 {
	font-size:40px;
	color:#333333;
	line-height:56px;
	font-weight:normal;
	text-align:left;
}
.function_main>.panes-1>.box-son p {
	padding-top:20px;
	color:#666666;
	font-size:16px;
	line-height:30px;
	text-align:left;
}
.function_main>.panes-1>.box-son .box1 .h-1 {
	padding-left:743px;
	padding-top:80px;
}
.function_main>.panes-1>.box-son .box1 .p-1{
	padding-left:743px;
}
.function_main>.panes-1>.box-son .box1.bg-1 {
	height:525px;
	margin:113px auto 0;
	padding-top:100px;
	background:url(../images/function_bg4.jpg) no-repeat right 100px;
}
.bg-box {
	width:100%;
	background-color:#f3f3f3;
}
.function_main>.panes-1>.box-son .box1 .h-2 {
	padding-left:150px;
	padding-top:80px;
}
.function_main>.panes-1>.box-son .box1 .p-2{
	padding-left:150px;
}
.function_main>.panes-1>.box-son .box1.bg-2 {
	height:418px;
	margin:200px auto 0;
	background:url(../images/function_bg5.jpg) no-repeat 36px 0;
}
.function_main>.panes-1>.box-son .box1 .h-3 {
	padding-left:800px;
	padding-top:30px;
}
.function_main>.panes-1>.box-son .box1 .p-3{
	padding-left:800px;
}
.function_main>.panes-1>.box-son .box1.bg-3 {
	height:403px;
	margin:305px auto 0;
	background:url(../images/function_bg6.jpg) no-repeat right 0;
}
.function_main>.panes-1>.box-son .box1 .h-4 {
	padding-left:120px;
	padding-top:90px;
}
.function_main>.panes-1>.box-son .box1 .p-4{
	padding-left:120px;
}
.function_main>.panes-1>.box-son .box1.bg-4 {
	height:433px;
	margin:305px auto 0;
	background:url(../images/function_bg7.jpg) no-repeat 0 0;
}
.function_main>.panes-1>.box-son .box1 .h-5 {
	padding-left:800px;
	padding-top:25px;
}
.function_main>.panes-1>.box-son .box1 .p-5{
	padding-left:800px;
}
.function_main>.panes-1>.box-son .box2 {
	width:1010px;
	margin:180px auto 0;
}
.function_main>.panes-1>.box-son span {
	font-size:24px;
}
.function_main>.panes-1>.box-son>.box2.bg-1 {
	background-color:#f3f3f3;
}
.function_main>.panes-1>.box-son>.box2 .div-1 {
	padding:130px 0 0 550px;
}
.function_main>.panes-1>.box-son>.box2 .p-1 {
	padding-top:30px;
	line-height:46px;
}
.function_3_bg {
	width:100%!important;
	height:589px;
	padding-top:90px;
	background:url(../images/function_3_img2.jpg) no-repeat center 0;
	background-color:#f7f8f8;
}
.function_3_ul {
	width:1300px;
	height:260px;
	margin:80px auto 0;
}
.function_3_ul li {
	display:inline;
	float:left;
	width:260px;
	height:260px;
	margin-right:86px;
	background-color:#3abcfa;
}
.function_3_ul>.m-right {
	margin-right:0;
}
.function_3_ul>li>.box {
	width:218px;
	height:218px;
	margin:20px;
	border:1px solid #fff;
}
.function_3_ul>li>.box>p{
	padding-top:0!important;
	font-size:26px!important;
	color:#fff!important;
	line-height:70px!important;
}
.function_3_ul>li>.box>img {
	padding-top:45px;
}
.function_3_box1 {
	padding:40px 0 0 600px;
}
.function_3_box2 {
	width:440px;
	padding:150px 0 0 0px;
}
.function_3_box1 h1 span,.function_3_box2 h1 span {
	display:inline-block;
	width:6px;
	height:40px;
	margin-right:20px;
	margin-bottom:5px;
	background-color:#3abcfa;
}
.function-4 {
	width:100%!important;
	padding-top:100px;
	margin-top:160px;
	background-color:#3d3d3e!important;
}
.function-4>h1 {color:#fff!important;}
.function-4-ul {
	width:1100px;
	margin-right:auto;
	margin-left:auto;
}
.function-4-ul>li {
	float:left;
	width:300px;
	margin-right:100px;
	text-align:center;
}
.function-4-ul>li>h5 {
	padding:30px 0 10px;
	font-size:22px;
	color:#333333;
	font-weight:normal;
}
.function-4-h {
	width:990px;
	margin:80px auto 0;
	font-size:22px;
	font-weight:normal;
	line-height:66px;
	border-top:#d6d6d6 1px solid;
	border-bottom:1px solid #d6d6d6;
	background-color:#eff6ff;
}
.function-4-ul1 {
	width:990px;
	margin:0 auto;
	line-height:80px;
}
.function-4-ul1>li {
	border-bottom:1px solid #d6d6d6;
}
.function-4-ul1>li>h6 {
	float:left;
	width:235px;
	font-size:20px;
	font-weight:normal;
	text-align:left;
}
.function-4-ul1>li>p {
	float:right;
	width:755px;
	padding:0!important;
	font-size:16px!important;
	line-height:80px!important;
	
}
/* 人事外包 outsource */
.outsource{
	width: 1300px;
    margin: 20px auto 50px;
    clear: both;
    overflow: hidden;
}
.outsourceL{
	float: left;
	text-align: left;
	width: 50%;
}
.outsourceL h3{
	font-size:18px;
}
.outsourceR{
	float: left;
	width: 50%;
	height: 400px;
	background: url(../images/banner-img.png) no-repeat 0 0;
	background-size: 100% 100%;
}
.outsourceR1{
	float: left;
	width: 50%;
	height: 400px;
	background: url(../images/outsource1.jpg) no-repeat 0 0;
	background-size: 90% 60%;
}
.outsource-area{
	width: 464px;
    height: 292px;
    margin: 10px 10px 10px 104px;
    overflow: hidden;
}
.outsource-area img{
	width: 464px;
	height: 292px;
}
.outsourceImg{
	animation: myfirst 5s;
    -moz-animation: myfirst 5s;
    -webkit-animation: myfirst 5s;
    -o-animation: myfirst 5s;
     /*transform: rotate3d(1,0,0,180deg); */
}
@keyframes myfirst
{
0%   {transform:rotate3d(0,1,0,0deg);}
100%   {transform:rotate3d(0,1,0,360deg);}
}

@-moz-keyframes myfirst 
{
0%   {transform:rotate3d(0,1,0,0deg);}
100%   {transform:rotate3d(0,1,0,360deg);}
}

@-webkit-keyframes myfirst 
{
0%   {transform:rotate3d(0,1,0,0deg);}
100%   {transform:rotate3d(0,1,0,360deg);}
}

@-o-keyframes myfirst 
{
0%   {transform:rotate3d(0,1,0,0deg);}
100%   {transform:rotate3d(0,1,0,360deg);}
}
/*软件企业外包*/
.project-area{
	overflow: hidden;
}
.function_main>.panes-1>.box-son .project-area-p{
	text-align: center;
}
.project-left{
	width: 50%;
	height: 350px;
	float: left;
}
.project-right{
	width: 50%;
	height: 350px;
	float: left;
	text-align: center;
	padding: 50px 0 ; 
}
.project-right img{
	width: 400px;
	/*height:300px;*/
}
.project-right .transformImg{
	transition:transform 2s;
	transform:rotate(-720deg) ;
}
.outsourceRTranform{
	animation: mymove 3s;
    -moz-animation: mymove 3s;
    -webkit-animation: mymove 3s;
    -o-animation: mymove 3s;
}
@keyframes mymove
{
from {width:0%;}
to {width:50%;}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {width:0%;}
to {width:50%;}
}
.serve9Img{
	animation: serve9css 3s;
    -moz-animation: serve9css 3s;
    -webkit-animation: serve9css 3s;
}
@keyframes serve9css
{
	from {opacity:0;}
	to {width:1;}
}

@-webkit-keyframes serve9css /*Safari and Chrome*/
{
	from {width:0;}
	to {width:1;}
}
/*工业互联网平台*/
.y-row{
	min-width: 1000px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    zoom: 1;
}
.ali-main-product-other-cell {
    width: 25%;
    text-align: center;
    height: 200px;
    margin: 10px auto;
}
.y-left {
    float: left ;
}
.header-link {
    display: block;
    text-decoration: none;
    margin: 0 auto;
    /* width: 100px; */
}
.ali-product-appendix {
    padding-top: 10px;
}
.appendix-list {

    display: inline-block;
    list-style: decimal !important;
    padding: 0;
    font-size: 14px;
    position: relative;

}

.function_main>.panes-1>.box-son .ali-main-product-other-cell p {
    line-height: 20px;
    color: #999;
    padding: 0 30px;
    font-size: 14px;
}
.ali-product-right {
    font-size: 20px;
    /* font-weight: 700; */
    display: inline-block;
    color: #373d41;
}
.ali-product-img1 {
	position: relative;
    width: 75px;
    background: no-repeat 50%;
    background-size: 75px;
    height: 80px;
    display: inline-block;
    margin: initial;
    vertical-align: middle;
    background-image: url(../images/bg1.jpg);
    background-position: 0px 0px;
}
.ali-product-img2 {
    position: relative;
    width: 75px;
    background: no-repeat 50%;
    background-size: 75px;
    height: 80px;
    display: inline-block;
    margin: initial;
    vertical-align: middle;
    background-image: url(../images/bg2.jpg);
    background-position: 0px 0px;
}
.ali-product-img3 {
    position: relative;
    width: 75px;
    background: no-repeat 50%;
    background-size: 75px;
    height: 80px;
    display: inline-block;
    margin: initial;
    vertical-align: middle;
    background-image: url(../images/bg3.jpg);
    background-position: 0px 0px;
}
.ali-product-img4 {
    position: relative;
    width: 75px;
    background: no-repeat 50%;
    background-size: 75px;
    height: 80px;
    display: inline-block;
    margin: initial;
    vertical-align: middle;
    background-image: url(../images/bg4.jpg);
    background-position: 0px 0px;
}
.Internet{
	width: 1300px;
    margin: 20px auto 50px;
    clear: both;
    overflow: hidden;
        background: #f2f2f4;
}
.Internet2{
	/*width: 1300px;*/
	/* background: #999; */
    margin: 20px auto 50px;
    clear: both;
    padding: 100px;

}
.Internet p{
	line-height: 50px
}
.Internet img{
	margin-top:30px 
}
/*企业管理系统*/
.project-area h3{
	text-align: left;
	font-size: 18px;
}
/*行业定制*/
.f8-box {
	margin-top:112px;
}
.f8-ul {
	width:1200px;
	height:230px;
	margin:150px auto 80px;
}
.f8-ul li {
	float:left;
	width:180px;
	height:230px;
	margin:0 30px;
	background:url(../images/f8_circle.png) no-repeat 0 0;
}
.f8-ul li.active {
	background:url(../images/f8_circle_s.png) no-repeat 0 0;
}
.f8-ul li div.img1 {
	width:180px;
	height:180px;
	background:url(../images/f8_html5.png) no-repeat center center;
}
.f8-ul li.active div.img1 {
	background:url(../images/f8_html5_s.png) no-repeat center center;
}
.f8-ul li div.img2 {
	width:180px;
	height:180px;
	background:url(../images/f8_css3.png) no-repeat center center;
}
.f8-ul li.active div.img2 {
	background:url(../images/f8_css3_s.png) no-repeat center center;
}
.f8-ul li div.img3 {
	width:180px;
	height:180px;
	background:url(../images/f8_java.png) no-repeat center center;
}
.f8-ul li.active div.img3 {
	background:url(../images/f8_java_s.png) no-repeat center center;
}
.f8-ul li div.img4 {
	width:180px;
	height:180px;
	background:url(../images/f8_android.png) no-repeat center center;
}
.f8-ul li.active div.img4 {
	background:url(../images/f8_android_s.png) no-repeat center center;
}
.f8-ul li div.img5 {
	width:180px;
	height:180px;
	background:url(../images/f8_ios.png) no-repeat center center;
}
.f8-ul li.active div.img5 {
	background:url(../images/f8_ios_s.png) no-repeat center center;
}
.f8-ul li h3 {
	padding:12px 0;
	font-size:24px;
	font-weight:normal;
	color:#666666;
	text-align:center;
}
.f8-ul li.active h3 {
	color:#3abcfa;
}
.f8-box.bg1 {
	width:100%;
	height:1078px;
	background:url(../images/f8_bg.png) no-repeat center center;
}
.f8-box>.h1 {
	padding:120px 0 150px;
}
.f8-box.bg2 {
	height:1333px;
	background:url(../images/f8_bg_jsys.png) no-repeat center 0;
}
.f8-line {
	position:relative;
	width:100%;
	height:500px;
}
.f8-line.height {
	height:330px;
}
.f8-line .line {
	position:absolute;
	top:0;
	left:50%;
	z-index:1;
	width:6px;
	height:500px;
	margin-left:-3px;
	background-color:#3abcfa;
}
.f8-line .line.height {
	height:330px;
}
.f8-line h1 {
	position:absolute;
	top:150px;
	left:50%;
	z-index:2;
	width:350px;
	height:75px;
	margin-left:-175px;
	color:#fff!important;
	line-height:75px!important;
	border-radius: 40px;
	background-color:#3abcfa;
}
.f8-line .circle {
	position:absolute;
	top:360px;
	left:50%;
	z-index:2;
	height:26px;
	width:26px;
	margin-left:-16px;
	border-radius:50%;
	border:3px #fff solid;
	background-color:#fdbb02;
}
.f8-line .circle.bg {
	top:150px;
	background-color:#e35046;
}
.f8-line .circle.bg1 {
	top:150px;
	background-color:#0f2860;
}
.f8-line .msg {
	position: absolute;
	top:346px;
	left:50%;
	width:397px;
	height:61px;
	padding-left:10px;
	margin-left:26px;
	font-size:22px;
	color:#fdbb02;
	line-height:61px;
	background:url(../images/f8-msg.png) no-repeat 0 0;
}
.f8-line .msg.msg1 {
	position: absolute;
	top:135px;
	margin-left:-433px;
	color:#e35046;
	background:url(../images/f8-msg2.png) no-repeat 0 0;
}
.f8-line .msg.msg2 {
	position: absolute;
	top:135px;
	margin-left:26px;
	color:#0f2860;
	background:url(../images/f8-msg1.png) no-repeat 0 0;
}
.f8-flash {
	position:relative;
	width:1298px;
	height:646px;
	margin:50px auto;
}
.f8-flash .f8-box {
	width:1170px;
	height:646px;
	overflow:hidden;
	margin:0 auto;
}
.f8-flash .f8-box div img {
	display:block;
	float:left;
	width:370px;
	height:646px;
	margin:0 10px;
	border-radius:5px;
}
.f8-flash .prevBtn {
	position:absolute;
	left:0;
	top:50%;
	display:block;
	width:64px;
	height:119px;
	margin-top:-59px;
	cursor:pointer;
}
.f8-flash .nextBtn {
	position:absolute;
	right:0;
	top:50%;
	display:block;
	width:64px;
	height:119px;
	margin-top:-59px;
	cursor:pointer;
}
.f8-flash1 {
	width:100%;
	height:895px;
	padding-top:85px;
	background:url(../images/f8-bg-tg.png) no-repeat 0 center;
}
#featureCarousel {
	position:relative;
	width:1200px;
	height: 800px;
	margin:0 auto;
}
#featureCarousel img {
	border:0;
}
#featureCarousel .feature {
	position:absolute;
	left:-1000px;
	top:-1000px;
	cursor:pointer;
}

/*金蝶外包服务*/
.f7-box {
	position:relative;
	overflow:Hidden;
	padding-top:128px;
	background-color:#e7ecf0;
}
.f7-box h1 {
	width:550px;
	margin:0 auto;
}
.f7-box h1.w-670 {
	width:670px;
}
.f7-box h1 span {
	width:89px;
	height:56px;
	background:url(../images/f7_left.png) no-repeat 0 center;
}
.f7-box h1 .span1 {
	background:url(../images/f7_right.png) no-repeat 0 center;
}
.f7-box h1 span.left {
	background:url(../images/f7_w_left.png) no-repeat 0 center;
}
.f7-box h1 span.right {
	background:url(../images/f7_w_right.png) no-repeat 0 center;
}
.f7-box .div-box {
	position:relative;
	height:500px;
	padding-top:130px;
	background:url(../images/f7_eas_bg.png) no-repeat center bottom;
}
.f7-box .div-box .p-img {
	position:absolute;
	filter:alpha(opacity=0); /*IE滤镜，透明度50%*/
	-moz-opacity:0; /*Firefox私有，透明度50%*/
	opacity:0;/*其他，透明度50%*/
}
.f7-box .div-box .p-img.img-1 {
	left:-2000px;
	top:190px;
	z-index:2;
	margin-left:-583px;
}
.f7-box .div-box .p-img.img-2 {
	left:100%;
	top:330px;
	margin-left:-485px;
}
.f7-box.bg-1 {
	height:625px;
	background:url(../images/f7_hyyy_bg.png) no-repeat center 0;
}
.f7-box .ul-1 {
	width:1280px;
	margin:70px auto 0;
}
.f7-box .ul-1 li {
	float:left;
	margin-top:40px;
}
.f7-box .ul-1 li .div1 {
	width:320px;
	height:180px;
	background:url(../images/f7_fdc1.png) no-repeat center 0;
}
.f7-box .ul-1 li .div2 {
	display:none;
}
.f7-box .ul-1 li .div1.bg1 {
	background:url(../images/f7_hg1.png) no-repeat center 0;
}
.f7-box .ul-1 li .div1.bg2 {
	background:url(../images/f7_rj1.png) no-repeat center 0;
}
.f7-box .ul-1 li .div1.bg3 {
	background:url(../images/f7_px1.png) no-repeat center 0;
}
.f7-box .ul-1 li .div1.bg4 {
	background:url(../images/f7_cy1.png) no-repeat center 0;
}
.f7-box .ul-1 li .div1.bg5 {
	background:url(../images/f7_my1.png) no-repeat center 0;
}
.f7-box .ul-1 li .div1.bg6 {
	background:url(../images/f7_jr1.png) no-repeat center 0;
}
.f7-box .ul-1 li .div1.bg7 {
	background:url(../images/f7_gdjt1.png) no-repeat center 0;
}
.f7-box .ul-1 .div1 img {
	display:block;
	margin:0 auto;
}
.f7-box.bg-3 {
	background-color:transparent;
}
.f7-box .ul-2 {
	width:1280px;
	height:650px;
	margin:70px auto 0;
}
.f7-box .ul-2 li {
	position:relative;
	float:left;
	width:248px;
	height:364px;
	overflow:hidden;
	margin:0 36px;
	background:url(../images/f7_zzjg_2.png) no-repeat center 0;
}
.f7-box .ul-2 li.bg1 { 
	background:url(../images/f7_xxyy_2.png) no-repeat center 0;
}
.f7-box .ul-2 li.bg2 { 
	background:url(../images/f7_cjkf_2.png) no-repeat center 0;
}
.f7-box .ul-2 li.bg3 { 
	background:url(../images/f7_scgy_2.png) no-repeat center 0;
}
.f7-box .ul-2 li .box {
	height:364px;
	width:248px;
	margin:0 auto;
	background:url(../images/f7_zzjg_1.png) no-repeat center 0;
}
.f7-box .ul-2 li .box.bg1 {
	width:248px;
	height:364px;
	margin:0 auto;
	background:url(../images/f7_xxyy_1.png) no-repeat center 0;
}

.f7-box .ul-2 li .box.bg2 {
	width:248px;
	height:364px;
	margin:0 auto;
	background:url(../images/f7_cjkf_1.png) no-repeat center 0;
}

.f7-box .ul-2 li .box.bg3 {
	height:364px;
	width:248px;
	margin:0 auto;
	background:url(../images/f7_scgy_1.png) no-repeat center 0;
}
.f7-box .ul-2 li .box h3 {
	padding-top:270px;
	font-size:28px;
	font-weight:normal;
	color:#fff;
	text-align:center;
}
.f7-box.bg-4 {
	height:845px;
	background:url(../images/f7_ys_bg.png) no-repeat center 0;
}
.f7-box .box-4 {
	position:relative;
	margin-top:80px;
}
.f7-box .box-4 img {
	position:absolute;
	left:50%;
	top:0;
	filter:alpha(opacity=0); /*IE滤镜，透明度50%*/
	-moz-opacity:0; /*Firefox私有，透明度50%*/
	opacity:0;/*其他，透明度50%*/
}
.f7-box .box-4 img.center {
	top:-500px;
	margin-left:-234px;
}
.f7-box .box-4 img.img1 {
	left:-2000px;
	top:39px;
	margin-left:-506px;
}
.f7-box .box-4 img.img2 {
	left:-2000px;
	top:337px;
	margin-left:-589px;
}
.f7-box .box-4 img.img3 {
	left:2000px;
	top:381px;
	margin-left:141px;
}
.f7-box .box-4 img.img4 {
	left:2000px;
	top:69px;
	margin-left:127px;
}
.f7-box h1.color1 {
	color:#fff!important;
}
.f7-sq-btn {
	display:block;
	width:330px;
	height:80px;
	margin:150px auto;
	font-size:36px;
	color:#fff;
	line-height:80px;
	border-radius:40px;
	background-color:#0872f0;
}
.f7-sq-btn:hover {
	color:#fff;
}

/*3d翻转特效css样式*/
.flip {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
	backface-visibility: hidden;
	transform: translateX(0);
}
.flip.out {
	-webkit-transform: rotateY(-90deg) scale(.9);
	-webkit-animation-name: flipouttoleft;
	-webkit-animation-duration: 175ms;
	transform: rotateY(-90deg) scale(.9);
	animation-name: flipouttoleft;
	animation-duration: 175ms;
}
.flip.in {
	-webkit-animation-name: flipintoright;
	-webkit-animation-duration: 225ms;
	animation-name: flipintoright;
	animation-duration: 225ms;
}
.flip.out.reverse {
	-webkit-transform: rotateY(90deg) scale(.9);
	-webkit-animation-name: flipouttoright;
	transform: rotateY(90deg) scale(.9);
	animation-name: flipouttoright;
}
.flip.in.reverse {
	-webkit-animation-name: flipintoleft;
	animation-name: flipintoleft;
}
@-webkit-keyframes flipouttoleft {
	from { -webkit-transform: rotateY(0); }
	to { -webkit-transform: rotateY(-90deg) scale(.9); }
}
@keyframes flipouttoleft {
	from { transform: rotateY(0); }
	to { transform: rotateY(-90deg) scale(.9); }
}
@-webkit-keyframes flipouttoright {
	from { -webkit-transform: rotateY(0) ; }
	to { -webkit-transform: rotateY(90deg) scale(.9); }
}
@keyframes flipouttoright {
	from { transform: rotateY(0); }
	to { transform: rotateY(90deg) scale(.9); }
}
@-webkit-keyframes flipintoleft {
	from { -webkit-transform: rotateY(-90deg) scale(.9); }
	to { -webkit-transform: rotateY(0); }
}
@keyframes flipintoleft {
	from { transform: rotateY(-90deg) scale(.9); }
	to { transform: rotateY(0); }
}
@-webkit-keyframes flipintoright {
	from { -webkit-transform: rotateY(90deg) scale(.9); }
	to { -webkit-transform: rotateY(0); }
}
@keyframes flipintoright {
	from { transform: rotateY(90deg) scale(.9); }
	to { transform: rotateY(0); }
}

/*销售分销*/
.f6-box {width:100%;}
.f6-box.m-top0 {margin-top:40px;}
.f6-box .gdxg {position:relative}
.f6-box .gdxg img,
.f6-box .gdxg h1 {
	position:absolute;
	left:50%;
}
.f6-box .gdxg.mk1 {height:666px;}
.f6-box .gdxg.mk1 .img-1 {
	/*top:0;*/
	top:100px;
	opacity: 0;
	margin-left:-579px;
}

.f6-box.m-top1 {margin-top:170px;}
.f6-box.h1 {height:801px;}
.f6-box.bg1 {background:url(../images/f6_bg_kh.png) no-repeat center center;}
.f6-box .gdxg.mk2 h1  {
	top:90px;
	margin-left:-150px;
}
.f6-box .gdxg.mk2>img {
	left:3000px;
	margin-left:-150px;
}
.f6-box .gdxg.mk2 .img-1  {
	top:240px;
}
.f6-box .gdxg.mk2 .img-2  {
	top:360px;
}
.f6-box .gdxg.mk2 .img-3  {
	top:480px;
}
.f6-box .gdxg.mk2 .img-4  {
	top:590px;
}
.f6-box .gdxg.mk3 {height:950px;}
.f6-box .gdxg.mk3 .img-1 {
	top:125px;
	margin-left:-569px;
}
.f6-box .gdxg.mk3 .img-2 {
	left:3000px;
	top: 174px;
	margin-left: 433px;
}
.f6-box .gdxg.mk3 .img-3 {
	left:-3000px;
	top: 261px;
	margin-left: -706px;
}
.f6-box .gdxg.mk3 .img-4 {
	left:3000px;
	top: 380px;
	margin-left: 109px;
}
.f6-box .gdxg.mk3 .img-5 {
	left:-3000px;
	top: 448px;
	margin-left: -680px;
}
.f6-box .gdxg.mk3 .img-6 {
	left:3000px;
	top: 618px;
	margin-left: 127px;
}
.f6-box .gdxg.mk4 {
	height:924px;
	background:url(../images/f6_bg_fenxiao.png) no-repeat center center;
}
.f6-box .gdxg.mk4>div {
	position:absolute;
	left:50%;
}
.f6-box .gdxg.mk4 .div-box {
	top:100px;
	display:table;
	width:900px;
	height:120px;
	margin-left:-450px;
	left:-3000px;
}

.f6-box .gdxg.mk4 .div-box.top1 {top:300px;}
.f6-box .gdxg.mk4 .div-box.top2 {top:500px;}
.f6-box .gdxg.mk4 .div-box.top3 {top:700px;}
.f6-box .gdxg.mk4 .div-box>div img {
	position:relative!important;
	left:0;
}
.f6-box .gdxg.mk4 .div-box>div,
.f6-box .gdxg.mk4 .div-box>p,
.f6-box .gdxg.mk4 .div-box>h1 {
	position:relative;
	left:0;
	display:table-cell;
	padding:0;
	margin:0;
	color:#fff;
	vertical-align:middle;
}
.f6-box .gdxg.mk4 .div-box>div {width:20%;}
.f6-box .gdxg.mk4 .div-box>p {
	width:40%;
	font-size:20px;
}
.f6-box .gdxg.mk4 .div-box>h1 {width:40%;}
.f6-box .gdxg.mk5 {height:640px;}
.f6-box .gdxg.mk5 div {
	display:none;
	position:absolute;
	left:50%;
}
.f6-box .gdxg.mk5 .div-box {
	top:100px;
	width:700px;
	margin-left:50px;
}
.f6-box .gdxg.mk5 .div-box.width1 {width:600px;}
.f6-box .gdxg.mk5 .div-box p {
	padding-top:0;
	font-size:20px;
}
.f6-box .gdxg.mk5 .div-box.top1 {top:368px;}
.f6-box .gdxg.mk5 img,
.f6-box .gdxg.mk5 h1{
	position:relative;
	left:0;
}
.f6-box .gdxg.mk5 h1 {
	padding-top:20px;
	font-size:26px;
}
.f6-box .gdxg.mk5 .color1 {color:#f7962d;}
.f6-box .gdxg.mk5 .color2 {color:#f2534e;}
.f6-box .gdxg.mk5 .color3 {color:#25c86a;}
.f6-box .gdxg.mk5 .color4 {color:#2da6ea;}
.f6-box .gdxg.mk5 .left1 {margin-left:-650px;}

/*网络采购平台*/
.f5-box {
	position:relative;
	height:1300px;
	overflow:hidden;
}
.f5-box img {
	position:absolute;
	left:50%;
	top:45%;
}
.f5-box .img1 {
	margin-left:-190px;
	margin-top:-190px;
	opacity: 0;
}
.f5-box .img2 {
	/*top:137px;*/
	top:-3000px;
	margin-left:-381px;
}
.f5-box .img3 {
	margin-top:-140px;
	/*margin-left:-608px;*/
	margin-left:-3000px;
}
.f5-box .img4 {
	margin-top:47px;
	/*margin-left:-454px;*/
	margin-left:-3000px;
}
.f5-box .img5 {
	/*margin-left:191px;*/
	margin-left:3000px;
}
.f5-box .img6 {
	/*margin-top:143px;*/
	margin-top:3000px;
	margin-left:-30px;
}
.f5-box1 {
	position:relative;
	height:749px;
	width:100%;
	background:url(../images/f5-box1-bg.png) no-repeat center center;
	overflow:hidden;
}
.f5-box1-group {
	width:1182px;
	position:absolute;
	/*top:275px;*/
	top:3000px;
	left:50%;
	margin-left:-591px;
}
.f5-box1-group:after {
	content:'';
	clear:both;
	display:table;
}
.f5-box1-group img {
	margin:53px;
	float:left;
}
.f5-box2 {
	position:relative;
	height:800px;
	overflow:hidden;
}
.f5-box2 img {
	position:absolute;
	top:50%;
	/*left:50%;*/
	left:-3000px;
	margin-top:-263px;
	margin-left:-461px;
}
.f5-box2 .f-box {
	width:600px;
	position:absolute;
	top:140px;
	/*left:50%;*/
	left:100%;
}
.f5-box2 .f-box>p{
	font-size:20px!important;
	color:#333!important;
}
.f5-box2 .f-box>p.padding1 {
	padding-top:120px;
	padding-left:50px;
}
.f5-box2 .f-box>p.padding2 {
	padding-top:68px;
	padding-left:100px;
}
.f5-box2 .f-box>p.padding3 {
	padding-top:90px;
	padding-left:150px;
}
/*功能结束*/
/*服务开始*/
.serve-pic {
	width:100%;
	height:290px;
	background:url(../images/case/case-banner0.jpg) no-repeat center center;
	
	background-size: 100% 100%;
}
.sever{
	width:1300px;
	margin:0 auto;

}
.severTitle{
	line-height: 60px;
	font-size: 30px;
}
.severLi{
	width: 418px;
	height: 330px;
	float: left;
	margin:0px 20px 20px 0px;
	border:1px #eee solid;
	box-shadow: 0px 2px 4px #aaa;
	overflow: 

}
.severLi:hover img{
	transform: scale(1.2);  
	cursor: pointer;  
    transition: all 0.6s;  
}
.severLi:nth-child(3n){
	margin-right: 0px;
}
.severLi div{
	width: 418px;
	height: 200px;
	overflow: hidden;
}
.severLi img{
	width: 418px;
	height: 200px;

}
.severLi h2{
	line-height: 30px;
	margin-top: 6px;
	padding:0 10px;

}
.severLi p{

	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	padding:0 10px;
	
}
.severDetail{
	width:1300px;
	margin:0 auto;
	padding-bottom:20px; 
}
.severDetail h3{
	line-height: 36px;
	padding-top: 10px ;
	font-size: 20px;
}
.severDetail p{
	line-height: 26px;
	font-size: 14px;

}
/*解决方案*/
.Solution{
	width: 1300px;
	margin:0 auto;
}.
.SolutionBlock1{
	
}
.SolutionBlock1{
	/*background: red;*/
	clear: both;
	overflow: hidden;
}
.SolutionBlock1Img{
	width: 600px;
	float: left;
	padding: 10px 20px;
	text-align: center;
}
.SolutionBlock1Img img{
	width: 300px;
	height: 600px;
}
.SolutionBlock1Text{
	width: 600px;
	float: left;
	padding: 150px 20px;

}
.SolutionBlock1Text p{
	line-height: 40px;
	font-size: 16px;

}

/*

 */

.rotate{
    margin:0 auto;
    width:519px;
    height:519px;
    position:relative;
}
.rotate img{
    position:absolute;
}
.rotate > img{
    animation:change 2s linear infinite;
}
.rotate > img.r6{
    top:144px;
    left:36px;
}
.rotate > img.r7{
    top:387px;
    left:110px;
}
.rotate > img.r8{
    top:354px;
    right:65px;
}
.rotate > img.r9{
    top:84px;
    right:62px;
}
.rotate > img.r14{
    top:182px;
    left:188px;
}
.rotate1{
    top:0;
    width:519px;
    height:519px;
    position:absolute;
    animation:rotate1 30s linear infinite;
    background:url("../images/img/rotate1.png") no-repeat center top;
}
.rotate1 > img{
    animation:reverse1 30s linear infinite;

}
.rotate1 img.r1{
    top:27px;
    left:25px;
}
.rotate1 img.r2{
    top:338px;
    left:-18px;
}
.rotate1 img.r3{
    top:464px;
    left:176px;
}
.rotate1 img.r4{
    top:280px;
    right:-38px;
}
.rotate1 img.r5{
    top:-44px;
    left:244px;
}
.rotate2{
    margin-left:-139px;
    top:120px;
    left:50%;
    width:277px;
    height:277px;
    position:absolute;
    animation:rotate2 26s linear infinite;
    background:url("../images/img/rotate2.png") no-repeat center top;
}
.rotate2 > img{
    animation:reverse2 26s linear infinite;
}
.rotate2 img.r10{
    top:-46px;
    left:46px;
}
.rotate2 img.r11{
    top:154px;
    left:-35px;
}
.rotate2 img.r12{
    top:223px;
    left:135px;
}
.rotate2 img.r13{
    top:74px;
    right:-47px;
}
.tbmg02 .container{
    margin-top:80px;
    width:1026px;
    text-align: center;
}

@keyframes change {
    0%{transform:scale(1);opacity:1}
    50%{transform:scale(0.9);opacity:0.9}
    100%{transform:scale(1);opacity:1}
}
@keyframes rotate1 {
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
@keyframes reverse1 {
    0%{
    	transform:rotate(0deg);
    	-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Safari and Chrome */
		-o-transform:rotate(0deg); /* Opera */
		-moz-transform:rotate(0deg); /* Firefox */
    }
    100%{
    	transform:rotate(-360deg);
    	-ms-transform: rotate(-360deg); /* IE 9 */
		-webkit-transform: rotate(-360deg); /* Safari and Chrome */
		-o-transform:rotate(-360deg); /* Opera */
		-moz-transform:rotate(-360deg); /* Firefox */
    }
}
@keyframes rotate2 {
    0%{transform:rotate(0deg)}
    100%{transform:rotate(-360deg)}
}
@keyframes reverse2 {
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
/*案例详情*/
.case_detail_banner{
	width: 1000px;
	/*height: 320px;*/
	margin: 30px auto;
	overflow: hidden;
}
.case_detail_slide{
	overflow: hidden;
	height: 180px;
}
.case_detail_slide img{
	width: 100%;
	height:320px;
}
/*团队员工*/
  .customerListRImg {
  width:200px;
  height:200px;
  margin-left:10px;
  margin-top:10px;
  float:left;
  position:relative;
  }
  .customerListRImg img{
    width: 100%;
    height: 100%;
  }
  .rgbaLayer{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.4);
    display: none;
    z-index: 200;
}
.rgbaLayerImg1 {
    max-width: 1300px;
    position: absolute;
    margin-top: -100px;
    margin-left: -100px;
    left: 50%;
    top: 50%;
    max-height: 100%;

}
.ovfHiden{
  overflow: hidden;
}