@charset "utf-8";
/* CSS Document */
/* ======== 幻灯片样式 ======== */
.slide-main{position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:50%;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:10px;position:absolute;z-index:124;top:50%;left:10px;text-align:center;}
.item a{display:inline-block;width:10px;height:10px;margin-right:11px;background:#52ca56;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:900px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background:#ff6900;}
#bgstyleb{background:#193d85;}
#bgstylec{background:#000;}
.slide a{display:block;width:100%;height:490px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;}
.obj-a{display:block;height:352px;top:100px;}
.obj-b{top:406px;height:100px;}
.obj-c{display:block;height:582px;top:0;margin-left:-540px;}
.obj-d{top:228px;height:164px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{width:366px;height:170px;margin-left:-460px;top:223px;z-index:12;}
.obj-f{width:692px;height:394px;top:158px;margin-left:-180px;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}

/*banner donghua*/

.bga_a1{position:absolute;top:0;animation:changehovertree 54s linear infinite;}
@-webkit-keyframes changehovertree{0%{-webkit-transform:rotate(0)} 50%{-webkit-transform:rotate(180deg)} 100%{-webkit-transform:rotate(360deg)}}
@keyframes changehovertree{0%{transform:rotate(0)}  50%{transform:rotate(180deg)} 100%{transform:rotate(360deg)}}
.bga_a{width:492px; margin: 0px auto;}
.bga_a1{width:492px; float: left; margin-top: 180px;}
.bga_a2 img{ width:410px; height: 420px;  position:absolute;animation:rk_a 64s linear infinite;}
@-webkit-keyframes rk_a{0%{-webkit-transform:rotate(0)} 50%{-webkit-transform:rotate(-180deg)} 100%{-webkit-transform:rotate(-360deg)}}
@keyframes rk_a{0%{transform:rotate(0)}  50%{transform:rotate(-180deg)} 100%{transform:rotate(-360deg)}}
.bga_aa{width:492px; float: left; }
.bga_a2{ padding-top:225px; margin-left: 41px;}
.bga_youdao{ color:#fff; text-align: center; padding-top: 80px; width:492px; height: 329px; overflow: hidden;}
.bga_youdao dd{ border-top:1px solid #fff;border-bottom:1px solid #fff; width: 272px; margin: 15px auto; line-height: 50px;}

/*kefu*/
.cndns-right{position:fixed;right:1px;top:50%;margin-top:-100px;z-index:100}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#ff6800;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#ff6800;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
.meau-car .cndns-right-btn {border-color:#ff6800;margin-bottom:20px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:#ff6800;}
.meau-sev .cndns-right-btn{border-color:#ff6800;background:url(../images/02index-banner-8.gif) no-repeat #ff6800 center;} 
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #ff6800;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../images/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#ff6800;font-size:24px;line-height:28px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:33.33333%}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;background:url(../images/q1.gif) no-repeat left 3px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#ff6800}
.meau-sev .cndns-right-box .box-border{width:430px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:156px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#f66e06;font-size:16px;line-height:16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}
.meau-sev:hover .cndns-right-btn{background:#ff6800}
.meau-zs .cndns-right-btn{background-color:#ff6800;color:#fff;margin-top:80px;border-color:#ff6800}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}

/*kefu end*/




/*daohang*/
.head-v3{position:relative;z-index:100;min-width:1000px}
.head-v3 .navigation-inner{width:760px;position:relative; float: left;}
.navigation-up{height:100px;}
.navigation-up .navigation-v3{float:left;}
.navigation-up .navigation-v3 ul{float:left}
.navigation-up .navigation-v3 li{float:left;font:normal 16px/59px "microsoft yahei";color:#fff}
.navigation-up .navigation-v3 .nav-up-selected{background:#344157}
.navigation-up .navigation-v3 .nav-up-selected-inpage{}
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0; font-size:16px;}
.navigation-up .navigation-v3 li h2 a{padding:0 20px; line-height: 100px; color:#fff;display:inline-block;height:100px;font-family:"microsoft yahei"}

.navigation-down{position:absolute;top:100px;left:0px;width:100%}
.navigation-down .nav-down-menu{width:100%;margin:0;background:#344157;position:absolute;top:0px}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:1200px;position:relative}
.navigation-down .nav-down-menu dl{float:left;margin:18px 80px 18px 0}
.navigation-down .menu-1 dl{margin:20px 80px 25px 0}
.navigation-down .menu-1 dt{font:normal 16px "microsoft yahei";color:#61789e;padding-bottom:10px;border-bottom:1px solid #61789e;margin-bottom:10px}
.navigation-down .menu-1 dd a{color:#fff;font:normal 14px/30px "microsoft yahei"}
.navigation-down .menu-1 dd a:hover{color:#60aff6}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#fff;font:normal 16px "microsoft yahei"}
/*daohang end*/



/*indexa*/
.guide-slider { width: 1366px; margin: 40px auto;background: #fff; height: 366px; overflow: hidden;}
.guide-slider .guide { width: 228px; height: 360px; float: left; -webkit-transition: all ease-in .3s; background: #fff; transition: all ease-in .3s; position: relative;  overflow: hidden; border-right: 1px solid #d5d5d5;border-top: 1px solid #d5d5d5;border-bottom: 1px solid #d5d5d5;}
.guide-slider .guide .display { width: 229px; height: 360px; text-align: center; float: left; position: relative; z-index: 2;   background: #fff; -webkit-transition: all ease-in .3s; transition: all ease-in .3s;}
.guide-slider .guide .display .icon {  display: inline-block; width: 74px; height: 74px; margin-top: 42px; background:url(../images/function.png);}
.guide-slider .guide .display .icon.icon1 { background-position: -592px 0;}
.guide-slider .guide .display .icon.icon2 {background-position: 0 0;}
.guide-slider .guide .display .icon.icon3 {background-position: -296px 0;}
.guide-slider .guide .display .icon.icon4 {background-position: -444px 0;}
.guide-slider .guide .display .icon.icon5 {background-position: -518px 0;}
.guide-slider .guide .display .title {font-size: 16px;color: #666666;height: 40px;line-height: 40px;}
.guide-slider .guide .display .introduction { border-top: 1px solid #ddd;width: 170px; margin: 0 auto; font-size: 12px; color: #999999; text-align: left;  line-height: 20px; text-align: center;}
/*.guide-slider .guide .display::after {content: ""; display: block; position: absolute; border-style: solid;border-color: transparent #ffffff transparent transparent;
    border-width: 10px 15px; top: 100%; margin-top: 0; right: -1px;-webkit-transition: all ease-in .3s;transition: all ease-in .3s;}*/
.guide-slider .guide .behind {width: 222px;height: 360px;display: inline-block;background:url(../images/price-bg.jpg);overflow: hidden; position: absolute; right: 0;
    top: 0; z-index: 1;}
.guide-slider .guide .behind .function-list-wrap { width: 210px; margin: 0 auto;}
.guide-slider .guide .behind .function-list { margin-right: -10px; margin-top: 20px;}
.guide-slider .guide .behind .function-list > li {float: left; }
.guide-slider .guide .behind .function-list > li > a {display: block;border: 1px solid #ddd;width: 100px;height: 40px;text-align: center;line-height: 40px;margin-bottom: 18px;
    color: #0876c2; font-size:14px;}
.guide-slider .guide .behind .function-list > li > a:hover {
    text-decoration: none; border: 1px solid #0876c2; background: #0876c2;color: #ffffff;}
.guide-slider .guide .behind .function-list > li > a.important {color: #f58914;}
.guide-slider .guide .behind .function-list > li > a.important:hover { border: 1px solid #f58914; background: #f58914; color: #ffffff;}
.guide-slider .guide.on { width: 449px;}
.guide-slider .guide.on .display { background: #4fa0d8; border-right-color: transparent;}
.guide-slider .guide.on .display .title { color: #fff;}
.guide-slider .guide.on .display .introduction {   color: #fff;}
.guide-slider .guide.on .display::after { top: 50%;  margin-top: -5px;}
.guide-slider .guide.on .display .icon.icon1 {  background-position: -74px 0;}
.guide-slider .guide.on .display .icon.icon2 {background-position: -148px 0;}
.guide-slider .guide.on .display .icon.icon3 { background-position: -222px 0;}
.guide-slider .guide.on .display .icon.icon4 {background-position: -370px 0;}
.guide-slider .guide.on .display .icon.icon5 {background-position: -666px 0;}
.list_daohang{width:180px; margin: 21px auto;}
.list_daohang li{border-bottom: 1px solid #565758; padding: 8px; background: url(../images/enter-icon.png) right center no-repeat;}
.list_daohang li a:link,.list_daohang  li a:visited{ color:#999;}
.heng_a{ display:block;width:0px;height: 1px; float: left; background: none;transition:width 1s;margin-top: 10px;
-moz-transition:width 1s; /* Firefox 4 */
-webkit-transition:width 1s; /* Safari and Chrome */
-o-transition:width 1s;}
.list_daohang li:hover .heng_a{width:30px; margin-right: 8px;}
.xm_ico{width:100%; background: #fff; padding-top: 15px; margin-bottom: 15px;}
/*indexa*/

/*services
.mainContainer {width: 1366px;margin: 30px auto;overflow: hidden;background-color: #FFF;}
.navContent {float: left; width:360px;}
.infoBox {float: right;width: 966px; height: 560px; background: #0973bc; padding: 20px; color:#fff;}
.logo {width: 200px;height: 120px;}
.logobox {	margin-left: 40px;	padding-top: 38px;}
.book {display: block;background-color: #78bcaf;background-image: url(images/logo_2.png);background-repeat: no-repeat;
	background-position: 25px center;}
.box {display: block;background-color: #adca7a;background-image: url(images/logo_4.png);background-repeat: no-repeat;
	background-position: 25px center;}
.box01 {display: block;background-color: #67affb;background-image: url(images/logo_3.png);background-repeat: no-repeat;
	background-position: 25px center;}
.contact {display: block;background-color: #f87678;background-image: url(images/logo_1.png);	background-repeat: no-repeat;
	background-position: 25px center;}
.navContent a {color: #FFF;font-size: 16px;font-family: '微软雅黑';	text-align: center;	 height: 120px; width: 360px;}
.status {font-size: 30px;color: #f87678;line-height: 70px;}
.message p {float: left;}
.message {margin-top: 30px;}
.greenTest {font-size: 30px;color: #78bcaf;}
.friend {line-height: 25px;}
.edit {	background-color: #d6ebe7;width: 200px;height: 160px;line-height: 30px;margin-left: 20px;padding-top: 20px;	padding-left: 25px;}
.devise {background-color: #e6efd7;width: 200px;height: 160px;line-height: 30px;padding-top: 20px;padding-left: 25px;}
.publicity {background-color: #d1e7fe;width: 200px;height: 160px;line-height: 20px;padding-top: 20px;padding-left: 25px;}
.media {background-color: #fdd6d6;width: 200px;height: 160px;line-height: 20px;padding-top: 20px;padding-left: 25px;}
.plan {	background-color: #fdd6d6;width: 200px;height: 160px;line-height: 25px;padding-top: 20px;padding-left: 25px;margin-left: 20px;}
.world {background-color: #d1e7fe;width: 200px;height: 160px;line-height: 30px;padding-top: 20px;padding-left: 25px;}
.world span {font-size: 20px;color: #78bcaf;color: #4d4d4d;}
.job {background-color: #e6efd7;width: 200px;height: 160px;line-height: 30px;padding-top: 20px;	padding-left: 25px;}
.joinus {background-color: #d6ebe7;width: 225px;height: 180px;line-height: 180px;float: left;font-size: 30px;text-align: center;font-family: '微软雅黑';	color: #4d4d4d;}
.secondInfo {width: 1000px;background-color: #78bcaf;float: left;height: 600px;}
.bannerBox div {float: left;margin-right: 60px;}
.l_a{width: 160px; float: left; height: 120px;}
.l_b{width:200px; float: right; line-height: 120px;}
.bannerBox img {display: block;	margin: 0 auto;}
.young {margin-top: 70px;line-height: 30px;color: #FFF;}
.bigTest, .bannerBox {margin-left: 50px;}
.young span, .fond span {font-size: 24px;color: #FFF;}
.fond {	color: #FFF;margin-top: 20px;}
.bannerBox {margin-top: 95px;}
.bannerBox p {color: #FFF;text-align: center;margin-top: 20px;line-height: 25px;}
.bannerBox span {color: #e6e6e6;}
.thirdInfo {width: 1000px;overflow: hidden;}
.fontTest {float: left;	background-color: #adca7a;}
.map {float: right;	width: 587px;	height: 600px;background-color: #78bcaf;}
.fontTest {width: 413px;height: 600px;}
.fontTest p {font-size: 20px;color: #FFF;}
.fontTest .workRoom {margin-top: 200px;line-height: 50px;margin-left: 50px;}
.fontTest .address {margin-left: 50px;line-height: 30px;}
.map img {display: block;	margin: 47px auto;}
.lastInfo, .fourInfo {	width: 1000px;	float: right;}
.photoBox img {float: left;display: block;}
.photoBox {	width: 1000px;overflow: hidden;position: absolute;top: -120px;left: 50px;}
.bottomBox {background-color: #f87678;height: 300px;position: relative;}
.walfareBox {height: 300px;	margin-left: 50px;}
.walfare {padding-top: 30px;font-size: 20px;line-height: 45px;}
.sangs {margin-top: 10px;}
.attend {padding-top: 130px;margin-left: 50px;overflow: hidden;}
.attend span, .attend img {float: left;color: #FFF;}
.attend p {color: #FFF;font-size: 20px;line-height: 40px;}
.attend img {margin-left: 80px;margin-top: -30px;}
.life {height: 360px;}
.life p {font-size: 20px;padding-top: 50px;	margin-left: 80px;}
.blue img, .rightBox {float: left;}
.blue {background-color: #67affb;height: 240px;	position: relative;}
.blue img {position: absolute;top: -250px;left: 50px;}
.rightBox {	position: absolute;	top: -260px;right: 80px;}
.rightBox span {line-height: 28px;}
.rightBox p {margin-top: 25px;}
.container{width:1006px; float: right;}

*/




/*liucheng*/
/*工作流程*/
.building-step {


	text-align: center;
}

.building-step-box {
	position: relative;
	width: 1180px;
	margin: 70px auto 0;
}

.building-step-box > img {
	position: relative;
	z-index: 1;
}

.building-step-ul {
	width: 345px;
	height: 345px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -172.5px;
	z-index: 28;
}

.building-step-ul > li {
	display: block;
	position: absolute;
	color: #fff;
}

.building-step-ul > li > label {
	font-size: 30px;
	font-weight: bold;
}

.building-step-ul > li > p {
	font-size: 22px;
}

.building-step-ul > li.step1 {
	width: 240px;
	left: 50%;
	margin-left: -120px;
	padding: 20px 0 0;
}

.building-step-ul > li.step2 {
	width: 148px;
	text-align: right;
	right: 20px;
	top: 130px;
}

.building-step-ul > li.step3 {
	width: 240px;
	left: 50%;
	margin-left: -120px;
	bottom: 0;
	padding-bottom: 20px;
}

.building-step-ul > li.step4 {
	width: 148px;
	text-align: left;
	left: 20px;
	top: 140px;
}

.building-step-ul > li.circle {
	width: 110px;
	height: 110px;
	line-height: 110px;
	font-size: 30px;
	font-weight: bold;
	color: #333;
	left: 50%;
	margin-left: -55px;
	top: 123px;
}

.building-step-txt {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
}

.building-step-txt > li {
	display: block;
	position: absolute;
	padding: 0 30px;
	width: 220px;
	font-size: 16px;
	color: #000;
	text-align: left;
}

.building-step-txt > li > p {
	display: table-cell;
	vertical-align: middle;
	width: 220px;
	height: 110px;
}

.building-step-txt > li:hover {
	background: #fcd7ce !important;
	color: #000 !important;
}

.building-step-txt > li span {
	color: #cf1617;
}

.building-step-txt > li > i {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
}

.building-step-txt > li > i.left-i {
	top: 0;
	left: 0;
	border-top: 14px #fff solid;
	border-bottom: 14px transparent solid;
	border-left: 12px #fff solid;
	border-right: 12px transparent solid;
}

.building-step-txt > li > i.right-i {
	bottom: 0;
	right: 0;
	border-top: 14px transparent solid;
	border-bottom: 14px #fff solid;
	border-left: 12px transparent solid;
	border-right: 12px #fff solid;
}

.building-step-txt > li.step1 {
	background: #c8d9f3;
	top: 25px;
	left: 0;
}

.building-step-txt > li.step2 {
	background: #dce8c4;
	top: 20px;
	right: 0;
}

.building-step-txt > li.step3 {
	background: #ffe6c8;
	right: 0;
	bottom: 25px;
}

.building-step-txt > li.step4 {
	background: #f47a55;
	color: #fff;
	left: 0;
	bottom: 25px;
}

.building-why {
	padding: 45px 0 115px;
	border-bottom: 1px #d4d4d4 dotted;
}

.building-why-box {
	padding-top: 90px;
}

.average-3 {
	overflow: hidden;
}

.average-3 > li {
	display: block;
	width: 33.33333%;
	*width: 33%;
	float: left;
}
.average-img {
	width: 100%;
	overflow: hidden;
}
.average-3 > li:hover .average-img > img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.average-img > img {
	width: 100%;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.building-why-txt {
	padding-top: 15px;
}

.building-why-txt > p,
.building-why-txt > div {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
}

.building-why-txt > p {
	font-size: 41px;
	line-height: 41px;
	color: #eb4f38;
}

.building-why-txt > div {
	margin-left: 15px;
	font-size: 18px;
	color: #333;
	line-height: 25px;
}

.building-why-txt > p > span {
	vertical-align: super;
	font-size: 29px
}

.building-why-txt > p.ch > span {
	font-size: 15px
}

/*动画1*/
@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}
	40% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}
	60% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}
	80% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		transform: rotate(15deg)
	}
	40% {
		-webkit-transform: rotate(-10deg);
		-ms-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}
	60% {
		-webkit-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		transform: rotate(5deg)
	}
	80% {
		-webkit-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
	100% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

.swing {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.building-step-txt > li {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.building-step-ul:hover + .building-step-txt > li {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
}

.building-step-ul:hover + .building-step-txt > li:nth-child(2) {
	animation-delay: 0.5s;
}

.building-step-ul:hover + .building-step-txt > li:nth-child(3) {
	animation-delay: 1s;
}

.building-step-ul:hover + .building-step-txt > li:nth-child(4) {
	animation-delay: 1.5s;
}



/*tachuceng*/
#ClickMe {

}
#goodcover {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 133%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: 0.50;
	filter: alpha(opacity=80);
}
#code {
	width: 400px;
	height: 380px;
	background-color: #fff;
	padding: 10px;
	position: absolute;
	display: none;
	left: 45%;
	z-index: 1002;
}
.close1 {
	width: 400px;
	height: 30px;
}
#closebt {
	float: right;
}
#closebt img {
	width: 20px;
}
.goodtxt {
	text-align: center; width: 300px; margin: 15px auto;
}
.goodtxt p {

	line-height: 30px;
	font-size: 14px;
	color: #666;

}
.code-img {
	width: 250px;
	margin: 30px auto 0 auto;
	padding: 10px;
}
.code-img img {
	width: 240px;
}


.title{ text-align:center; padding:50px 0 15px 0;/* border-bottom:1px dashed #e0e0e0;*/}
.title h1{ font-size:40px;}
.title h1 span{ color:#1dd2af;}
.title p{ font:20px/46px "Microsoft YaHei"; color:#2c3e50;}
.title p b{color:#1dd2af;}
.important{ padding:20px 0 0px 0;border-top:1px dashed #e0e0e0;  border-bottom:1px solid #dee1e1;width:1366px; float: left;}
.important li{ float:left; width: 170px; text-align: center; }

.important li a{ display:block;width:60px; height:60px; display:block; padding:21px;border-radius:15px;border:1px dotted #1dd2af; background:#fff;}
.important li:hover a{ border:1px dotted #696969; background:#fff;}
.important li span{ width:60px; height:60px; display:block;}
.important .rcsp_1 span{ background:url(../images/icon1.png) no-repeat bottom center;}
.important .rcsp_2 span{ background:url(../images/icon2.png) no-repeat bottom center;}
.important .rcsp_3 span{ background:url(../images/icon3.png) no-repeat bottom center;}
.important .rcsp_4 span{ background:url(../images/icon4.png) no-repeat bottom center;}
.important .rcsp_5 span{ background:url(../images/icon5.png) no-repeat bottom center;}
.important .rcsp_6 span{ background:url(../images/icon6.png) no-repeat bottom center;}
.important .rcsp_7 span{ background:url(../images/icon7.png) no-repeat bottom center;}
.important .rcsp_8 span{ background:url(../images/icon8.png) no-repeat bottom center;}
.important .rcsp_9 span{ background:url(../images/icon9.png) no-repeat bottom center;}
.bgbg { background:url(../images/bgbg.png) center bottom no-repeat; width:100%; padding-bottom: 20px;}
.w1200 .important .rcsp_1:hover span, .w1200 .important .rcsp_2:hover span,.w1200 .important .rcsp_3:hover span,.w1200 .important .rcsp_4:hover span,.w1200 .important .rcsp_5:hover span,.w1200 .important .rcsp_6:hover span, .w1200 .important .rcsp_7:hover span, .w1200 .important .rcsp_8:hover span, .w1200 .important .rcsp_9:hover span{transition: background 0.3s;
-moz-transition: background 0.3s;
-ms-transition: background 0.3s;
-webkit-transition: background 0.3s;
-o-transition: background 0.3s;}
.w1200 .important .rcsp_1:hover span{ background:url(../images/icon1.png) no-repeat top center;}
.w1200 .important .rcsp_2:hover span{ background:url(../images/icon2.png) no-repeat top center;}
.w1200 .important .rcsp_3:hover span{ background:url(../images/icon3.png) no-repeat top center;}
.w1200 .important .rcsp_4 span:hover{ background:url(../images/icon4.png) no-repeat top center;}
.w1200 .important .rcsp_5 span:hover{ background:url(../images/icon5.png) no-repeat top center;}
.w1200 .important .rcsp_6 span:hover{ background:url(../images/icon6.png) no-repeat top center;}
.w1200 .important .rcsp_7 span:hover{ background:url(../images/icon7.png) no-repeat top center;}
.w1200 .important .rcsp_8 span:hover{ background:url(../images/icon8.png) no-repeat top center;}
.w1200 .important .rcsp_9 span:hover{ background:url(../images/icon9.png) no-repeat top center;}
.important .rcsp_9{ margin-right:0px;}
.important li p{ line-height:18px; margin-top:20px; text-align:center; display:block; color:#1dd2af; padding-bottom: 30px;}
.important li:hover p{ color:#333;}
.important li strong{ border-bottom:1px solid #24d2b0; position:relative; display:block;margin-top:15px;z-index:4;}
.important li strong i{display:none;  position:absolute; width:0px; height:0px; border:10px solid transparent;display:block;left: 50%;margin-left: -9px;border-top-color: #1dd2af;}
.important_l{ padding:30px 60px 0 20px; float:left; width:510px; overflow: hidden;}
.important_l img{width:450px;height:384px;}
.important_r{ float:right; padding:30px 60px 0px 0px;width:530px; overflow: hidden; }
.title_1{ text-align:center;}
.title_1 h3{ font:14px/16px "Arial";text-transform: uppercase; color:#535353; display: block;}
.title_1 h3 span ,.title_1 h2 span{ color:#ef571a;}
.title_1 h2{ font: bold 30px/40px "Microsoft YaHei"; color:#535353;padding-bottom: 5px;}
.icon_top{ width:100%; padding-top:25px;}
.icon_top i{ display:block; width:32px; height:32px;}
.icon_top .i_left{ float:left; background:url(../images/icon_left.png) 0 center no-repeat;}
.icon_top .i_right{ float:right; background:url(../images/icon_right.png) 0 center no-repeat;}
.icon_top .i_left1{ float:left; background:url(../images/icon_left1.png) 0 center no-repeat;}
.icon_top .i_right1{ float:right; background:url(../images/icon_right1.png) 0 center no-repeat;}
.study{ padding:0px 32px;}
.study h3{ font: bold 25px/30px "Microsoft YaHei"; color:#1dd2af; display: block; padding-bottom:15px;}
.study span{ font:14px/18px "Microsoft YaHei";color:#535353;display: block;text-indent: 2em;}
.study img{ display:block; width:140px; height:90px; overflow:hidden; margin-left:35%;padding-top: 10px;}
.study .know{ background:#1dd2af; display:block; font: bold 16px/30px "Microsoft YaHei"; padding:0px 10px; border-radius:50px; height:30px; color:#FFFFFF; text-align:center; margin:0 90px; margin-top:10px;}
.contents{background:#fff;}
/*one end*/
.public_img{ display:block; width:29px; height:29px; padding:15px 0 2px 0;}
.public_img_1{ width:59px; height:29px; display:block;}
.cl{ margin-top: 30px;}