@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
html{ font-size:12px; font-family: "微软雅黑"; background:#FFF;}
.c{ clear:both}
a{text-decoration:none;}
a:link{ color:#333; }
a:visited{ color:#333;}
a:active{color:#333;}
img{ border:0;}

/* top */
.head { margin:auto; width:100%; background:#FFF;}
.menu {width:1020px; margin:20px auto 0 auto; height:60px;}
.menu ul li, .logo img, .logo div, .logo {float:left;}
.p1 {font-size:20px; margin:0 0 0 5px;} .p2 {font-size:8px; margin:0 0 0 5px;}
.menu ul{width:500px;padding-left:8px; float:right;}
.menu ul li { float:left; width:52px; margin:0 15px; height:40px; line-height:40px; }
.menu ul li a { width:52px; height:40px; display: block; text-align:center; color:#000; font-size:16px;}
.menu ul li.curr a { color:#8467b6; background:url(../images/menu_li_a_bg.png) repeat-x left bottom; }
.menu ul li a:hover { color:#8467b6; }

/**********banner css*********/
.wrapper { width: 1020px; margin: 0 auto; position: relative; height:395px;}
#banner { width: 100%; height: 395px; background: #000; overflow: hidden; position: relative; }
#banner_img { display: block; position: relative; }
#banner_img li { position: absolute; top: 0; left: 0; width: 100%; height: 395px;  display: none; } 
#banner_img li.item1 { background: url(../images/banner-1.jpg) center; display: block; }
#banner_img li.item2 { background: url(../images/banner-2.jpg) center; }
#banner_img li.item3 { background: url(../images/banner-3.jpg) center; }
#banner_img li.item4 { background: url(../images/banner-4.jpg) center; }


#banner_img .ad_img { position: absolute; right:0px; top:0px; width: 1020px; height: 395px; }
#banner_img .ad_txt { position: absolute; left: 10px; top: 170px; color: #fff; text-shadow: 1px 1px rgba(51,51,51,0.3); }
#banner_img .ad_txt h2 { font: bold 36px/60px Microsoft YaHei; }
#banner_img .ad_txt a { display: block; width: 100px; height: 25px; line-height: 25px; text-align: center; margin-top: 10px; background: #fff; color: #666; text-decoration: none; text-shadow: none; }
#banner_ctr { position: absolute; width: 472px; height: 78px; margin-left: 0px; left: 50%; bottom: 10px; z-index: 1; }
#banner_ctr ul { width: 472; height: 78px; background: url(../images/serv_ico.jpg) center no-repeat; font-size: 0; line-height: 0; position: relative; }
#banner_ctr li { display: block; float: left; width: 108px; height: 78px; cursor: pointer; }
#banner_ctr li.first-item { background: #fff; width: 20px; -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; cursor: default; }
#banner_ctr li.last-item { background: #fff; width: 20px; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; cursor: default; }
#drag_ctr { position: absolute; top: -14px; left: 20px; width: 115px; height: 156px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; bottom: 170px;  }
#drag_arrow {
	position: absolute;
	top: -14px;
	left: 20px;
	width: 115px;
	height: 97px;
	background: url(../images/drag_banner_arrow.gif) center 14px no-repeat;
}

/*********main css*********/
.main{ width:1020px; height:534px; margin:0 auto; background:url(../images/mainbg.jpg) no-repeat}
.main .box1{ width:225px; padding:100px 20px 0 92px; float:left;}
.main .box2{ width:225px; padding:100px 20px 0 60px; float:left;}
.main .box3{ width:235px; padding:100px 20px 0 58px; float:left;}
.main .box1 ul,.main .box2 ul{ padding-top:18px;}
.main .box1 li,.main .box2 li{ list-style:none; line-height:32px; padding-left:22px; background:url(../images/icon-1.jpg) no-repeat 4px center;}
.main .box1 li a,.main .box2 li a{ font-size:14px; color:#3e3c40;}


.banner_index{height:337px;position: relative;overflow:hidden;width:235px;}

.banner_index .banner_wrap{position: absolute;left:0px;top: 0px; z-index: 2;}
.banner_index .banner_wrap li{width: 235px;float: left;}
.indexBanner_num{width:100px;margin: 0 auto;padding:10px 0; position:relative; top:10px;  z-index:9999;} 
.indexBanner_num a{width: 21px;height: 21px;display: inline-block;_zoom:1;background: url(../images/bg_num.jpg) no-repeat 0 0;font-size: 0px;line-height: 0px;margin:0 1px;}
.indexBanner_num a.on,.indexBanner_num a:hover{background: url(../images/bg_num_on.jpg) no-repeat 0 0;}

/*********foter css*********/
.foter{ height:210px; background:#8467b6; padding-top:18px; color:#FFF; width:1020px; margin:auto;}
.foter a{ color:#FFF;}
.logo_bot {width:368px; float:left;}
.logo_bot ul,.logo_bot ul li {list-style:none; text-align:center; line-height:26px; font-size:12px;}
.bot_chn {width:206px; float:left;}
.bot_chn ul,.bot_chn ul li {list-style:none; line-height:26px;}

.bot_chnot ul .t{font-size:22px; line-height:36px;}
.bot_chnot {width:110px; float:left;}
.bot_chnot ul,.bot_chn ul li {list-style:none; line-height:26px;}
.bot_chnot ul .t{font-size:22px; line-height:36px;}
.bottom{ background:#8467b6;}


.goTop{ display:block; width:50px; height:50px; text-indent:50px; overflow:hidden; background:url(/images/goTopBg.png) no-repeat; position:fixed; right:50%;  margin-right:-585px; bottom:10px;cursor:pointer;}

/* foter */
.g-ft { width: 100%; height: 316px; background: #3e2253; }
.f-prz { position: relative; zoom: 1; }
.g-ft .g-mn { padding-top: 56px; }
.g-mn { width: 1022px; height: auto; margin: 0 auto; text-align: left; }
.f-ib { display: inline-block; vertical-align: top; font-size: 12px; letter-spacing: normal; }
.g-ft .progre { width: 120px; height: 190px; border-right: 1px solid #666666; margin-right: 50px; }
.g-ft .progre h6 { font-size: 14px; color: #9b78e3; padding-bottom: 16px; }
.g-ft .progre a { display: block; color: #c3c3c3; padding-bottom: 10px; }
.f-lay { font-size: 0; letter-spacing: -8px; text-align: left; }
.sprite {background: url(../images/sprite.png) no-repeat;}
.g-ft .conta .icon1 {width: 23px;height: 19px;background-position: 0 0; margin-top: 6px; }
.g-ft .conta .icon2 {width: 20px;height: 15px;background-position: -24px 0;margin-top: 8px;overflow: hidden;}
.g-ft .conta .icon3 {width: 17px;height: 17px;background-position: -45px 0;margin-top: 8px;overflow: hidden;}
.g-ft .conta .icon4 {width: 17px;height: 17px;background-position: -63px 0;margin-top: 6px;overflow: hidden;
}
.g-ft .conta p { font-size: 14px; color: #bfbfbf; line-height: 30px; width: 269px; margin-left: 12px; }
.g-ft .cprt { width: 100%; height: 50px; line-height: 50px; left: 0; bottom: 0; border-top: 1px solid #373737; color: #b6b6b6; font-size:12px;}
.f-pra { position: absolute; }
.g-ft .cprt .g-mn { padding-top: 0; height: 50px; }
.g-ft .cprt .ft { left: 0; top: 0; }
.g-ft .cprt .fr { right: 0; top: 0; }
.Navtw {width:100%;background:#be88b7; height:45px; line-height:45px;}
.Navtw0 {width:1020px; margin:auto; height:45px; line-height:45px;}
.Navtw0 ul li {float:left;}
.Navtw0 ul li a:hover{background:#f9f0f8; color:#000;}
.current{border-right:#f9f0f8 1px solid;background:#f9f0f8; color:#000;width:180px; height:45px; line-height:45px; text-align:center; display:block;}
.currento{ color:#FFF; border-right:#f9f0f8 1px solid;width:180px; text-align:center; height:45px; line-height:45px;  display:block;}
.Banner{background:url(../images/about_img1.jpg) center top; height:468px;}
.Banner2{background:url(../images/project_img.jpg) center top; height:468px;}
.Banner3{background:url(../images/new_img.jpg) center top; height:468px;}
.Banner4{background:#504b73 url(../images/website_img.jpg) center top no-repeat; height:468px;}
.Banner5{background:#487197 url(../images/soft_img.jpg) center top no-repeat; height:468px;}
.Banner6{background:#3e99c5 url(../images/app_img.jpg) center top no-repeat; height:468px;}
.Banner7{background:#2c5871 url(../images/operation_img.jpg) center top no-repeat; height:468px;}
.Banner8{background:#FFF url(../images/contact_img.jpg) center top no-repeat; height:433px;}
.Banner9{background:#487197 url(../images/soft_img.jpg) center top no-repeat; height:468px;}
.about2 {width:1020px; margin:auto;}
.about2 H1 {font-family:"微软雅黑"; font-size:43px; padding:10px 0 0 30px;}
.about2 Div{font-size:16px; font-family:"微软雅黑"; line-height:32px; margin:20px 0 10px 0;}
.about2 Div p{text-indent:2em;}
.about3 {height:537px; background:#a45899;}
.about4 {text-align:center; padding:40px 0;} 
.project_liu{ text-align:center; margin:40px 0;}

.newslist h1 {color:#95bb54; width:1000px; margin:20px auto 20px auto; font-size:42px;}
.page {height:30px; margin:10px 0 10px 0;}
.page a{display:block; width:28px; height:28px; border:#3e2253 1px solid; text-align:center; line-height:30px; font-size:14px; float:left; margin:0 1px 0 0; font-family:"微软雅黑";}
.page span{display:block; width:30px; height:30px; background:#3e2253; color:#FFF; text-align:center; line-height:30px; font-size:14px; float:left; margin:0 1px 0 0; font-family:"微软雅黑";}


.Navtov{position:fixed;_position:absolute;top:0;z-index:300;}

.Scheme {width:1020px; margin:auto; height:335px; padding:60px 0 0 0;}
.webde {width:1020px; margin:auto; height:506px; padding:60px 0 0 0;}
.simg{widht:487px; float:left;}
.stext {float:left; width:532px; height:272px;}
.stext h1 {font-weight:normal; font-size:36px; font-weight:normal; color:#5d5c5a; }
#tabs_container div h2 {font-weight:normal; font-size:16px; line-height:28px; font-weight:normal; color:#5d5c5a; }
#tabs_container div p {font-weight:normal; font-size:14px; line-height:24px; font-weight:normal; color:#5d5c5a; }

.Dimg {width:480px; float:left; text-align:right;}
.webimg {width:450px; float:left;}
.botwe {height:2px; background:#f2f2f2; clear:both;}

.soft_xq {width:1020px; padding:50px auto 50px auto; margin:30px auto 0 auto;}
.soft_left {float:left;}
.soft_right {float:right;}
.soft_1 {width:500px; margin:70px 0 0 0; font-weight:normal;}
.soft_1 H1{font-weight:normal; line-height:66px; font-size:36px; color:#5d5c5a;}
.soft_1 p{font-size:14px; line-height:26px; color:#5d5c5a;}

.app_1 {width:500px; margin:50px 0 0 0; font-weight:normal;}
.app_1 H1{font-weight:normal; line-height:66px; font-size:36px; color:#5d5c5a;}
.app_1 p{font-size:14px; line-height:26px; color:#5d5c5a;}
.app_p1 {background:url(../images/app_logo.jpg) 0 5px no-repeat; line-height:45px!important; padding:0 0 0 40px;}
.app_p2 {background:url(../images/app_logo.jpg) 0 -36px no-repeat; line-height:45px!important; padding:0 0 0 40px;}
.app_p3 {background:url(../images/app_logo.jpg) 0 -82px no-repeat; line-height:45px!important; padding:0 0 0 40px;}
.app_p4 {background:url(../images/app_logo.jpg) 0 -122px no-repeat; line-height:45px!important; padding:0 0 0 40px;}
.app_p5 {background:url(../images/app_logo.jpg) 0 -162px no-repeat; line-height:45px!important; padding:0 0 0 40px;}
.app_p6 {background:url(../images/app_logo.jpg) 0 -202px no-repeat; line-height:45px!important; padding:0 0 0 40px;}
.macon {width:1020px; margin:40px auto 0 auto;}
.macon img{ float:left;}
.macon_rig {width:520px; line-height:36px; font-size:16px;}
.macon_rig span{color:#03C;}
.macon_bot_img {width:100%; background:url(../images/macon_bot_img.jpg); height:390px;}
.abCase{background:#a45899; height:290px;}
.abCmain {margin:auto; width:1020px;}
.abCmain h1 {line-height:86px; color:#FFF; font-weight:normal; margin-left:9px;}
.abCmainList ul li{float:left; margin:9px;overflow:hidden;position:relative;}
.abCmainList ul li .photo{width:322px;height:161px;overflow:hidden;}
.abCmainList {height:172px;overflow:hidden;}
.hidden {display:none;}
.abCmainList .rsp{width:322px;height:161px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;}
.abCmainList .text{position:absolute;width:318px;height:161px;left:-318px;top:0px;overflow:hidden;}
.abCmainList .text a{font-size:16px; color:#FFF; text-align:center; display:block; width:318px;  height:40px; padding:121px 0 0 0; background:url(../images/canhover.png) no-repeat center;}
.ConTit{background:#f1f2f4;}

.case_list_m {width:1020px; margin:auto;}
.case_list_m ul li{width:322px; height:370px; margin:8px; float:left; border:#cccccc 1px solid; background:#f7f6f6;}
.case_list_m ul li h1 {font-size:16px; font-weight:normal; line-height:46px; padding-left:10px; border-bottom:#eeeeee 1px solid;}
.case_list_m ul li p{font-size:14px; line-height:28px; text-indent:2em; padding:5px;}
.case_list_m ul li p a{color:#CCC; font-size:12px; display:block; text-align:right;}
.f-pra a{display:none;}


#nssBan{background-color:#000044;background:url(../images/bg.jpg) repeat-x;margin:0px;overflow:hidden; height:500px; position:relative;}
#nssBan .txt { text-align:center; color:#FFF; font-size:38px; font-family:"微软雅黑"; margin:50px 0 0 0; line-height:80px; position:absolute; width:100%;}
#nssBan .txt a{ display:block; font-size:20px; line-height:50px; height:50px; width:200px; margin:20px auto; background:#1f92df; color:#FFF;}
#nssBan .txt a:hover { background:#85c9f7;}

.appointment{ height:600px; background:#fff; position:relative;}
.inputDiv { width:1020px; margin:auto; color:#707070; overflow:hidden;}
.inputUl { margin:50px auto 0 auto; width:580px;}
.inputUl li{ height:80px; position:relative;}
.inputUl li span { float:left; display:block; height:36px; line-height:36px; font-size:16px; width:80px; text-align:right; padding:0 10px 0 0;}
.inputUl li .txtinput{ float:left; height:34px; border-radius:5px; border:#CCCCCC 1px solid; padding:0 5px; width:390px; font-size:14px; line-height:34px; color:#666; font-family:"微软雅黑";}
.inputUl li .tips { clear:both; margin:0 0 0 90px; color:#ccc; line-height:22px;}
.btnSubmit { font-size:20px; line-height:50px; height:50px; width:200px; background:#1f92df; color:#FFF; border:none; cursor:pointer; border-radius:5px; margin:auto; display:block;}
.btnSubmit:hover { background:#85c9f7;}

.inputUl li .invalcss { color:#9a0000; border:#9a0000 1px solid;}

#load { position:absolute; background:#3e2253; height:600px; top:0px; left:0px; width:100%; text-align:center; z-index:10; filter:alpha(opacity=50);-moz-opacity:0.5;	opacity: 0.5;}




  .loader1 {
	margin: 0 auto;
	height: 20px;
	width: 20px;
	position:relative;
	-webkit-animation:spin 1.5s linear infinite;
	-moz-animation:spin 1.5s linear infinite;
}
.loader1 i {
	height: 20px;
	width: 20px;
	border-radius: 25px;
	display: block;
	position:absolute;
}
.loader1 i:before, .loader1 i:after {
	content:'';
	display:block;
	position:absolute;
	height:inherit;
	width:inherit;
	border-radius: inherit;
}
.loader1 i:first-child:before {
	background:rgba(52, 149, 221, 0.9);
	-webkit-animation:rotate-top-left 1.5s linear infinite;
	-moz-animation:rotate-top-left 1.5s linear infinite;
}
.loader1 i:first-child:after {
	background:rgba(225, 73, 44, 0.9);
	-webkit-animation:rotate-top-right 1.5s linear infinite;
	-moz-animation:rotate-top-right 1.5s linear infinite;
}
.loader1 i:last-child:before {
	background:rgba(249, 206, 43, 0.9);
	-webkit-animation:rotate-bottom-left 1.5s linear infinite;
	-moz-animation:rotate-bottom-left 1.5s linear infinite;
}
.loader1 i:last-child:after {
	background:rgba(0, 153, 117, 0.9);
	-webkit-animation:rotate-bottom-right 1.5s linear infinite;
	-moz-animation:rotate-bottom-right 1.5s linear infinite;
}
 @-webkit-keyframes spin {
 0% {
 -webkit-transform:rotate(0deg);
}
 50% {
 -webkit-transform:rotate(-180deg);
}
 100% {
 -webkit-transform:rotate(-360deg);
}
}
 @-webkit-keyframes rotate-top-right {
 0% {
 -webkit-transform:rotate(0deg);
}
 50% {
 -webkit-transform:rotate(-180deg);
 -webkit-transform-origin: 20% 20%;
}
 100% {
 -webkit-transform:rotate(-360deg);
}
}
 @-webkit-keyframes rotate-top-left {
 0% {
 -webkit-transform:rotate(0deg);
}
 50% {
 -webkit-transform:rotate(180deg);
 -webkit-transform-origin: 80% 20%;
}
 100% {
 -webkit-transform:rotate(360deg);
}
}
 @-webkit-keyframes rotate-bottom-right {
 0% {
 -webkit-transform:rotate(0deg);
}
 50% {
 -webkit-transform:rotate(-180deg);
 -webkit-transform-origin: 80% 80%;
}
 100% {
 -webkit-transform:rotate(-360deg);
}
}
 @-webkit-keyframes rotate-bottom-left {
 0% {
 -webkit-transform:rotate(0deg);
}
 50% {
 -webkit-transform:rotate(180deg);
 -webkit-transform-origin: 20% 80%;
}
 100% {
 -webkit-transform:rotate(360deg);
}
}
 @-moz-keyframes spin {
 0% {
 -moz-transform:rotate(0deg);
}
 50% {
 -moz-transform:rotate(-180deg);
}
 100% {
 -moz-transform:rotate(-360deg);
}
}
 @-moz-keyframes rotate-top-right {
 0% {
 -moz-transform:rotate(0deg);
}
 50% {
 -moz-transform:rotate(-180deg);
 -moz-transform-origin: 20% 20%;
}
 100% {
 -moz-transform:rotate(-360deg);
}
}
 @-moz-keyframes rotate-top-left {
 0% {
 -moz-transform:rotate(0deg);
}
 50% {
 -moz-transform:rotate(180deg);
 -moz-transform-origin: 80% 20%;
}
 100% {
 -moz-transform:rotate(360deg);
}
}
 @-moz-keyframes rotate-bottom-right {
 0% {
 -moz-transform:rotate(0deg);
}
 50% {
 -moz-transform:rotate(-180deg);
 -moz-transform-origin: 80% 80%;
}
 100% {
 -moz-transform:rotate(-360deg);
}
}
 @-moz-keyframes rotate-bottom-left {
 0% {
 -moz-transform:rotate(0deg);
}
 50% {
 -moz-transform:rotate(180deg);
 -moz-transform-origin: 20% 80%;
}
 100% {
 -moz-transform:rotate(360deg);
}
}
/* DEMO 2 */

.loader2 {
	margin: 0 auto;
	position:relative;
	width: 100px;
	height: 100px;
}
.loader2 i {
	border-style:solid;
	display:inline-block;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-width:50px;
	border-color:rgba(255, 255, 255, 1);
	border-radius: 50px;
	-moz-animation:blink 1.5s infinite ease-in-out;
	-webkit-animation:blink 1.5s infinite ease-in-out;
	height: 100px;
	width: 100px;
}
 @-webkit-keyframes blink {
 50% {
 border-width:0;
 border-color:rgba(255, 255, 255, 0.5);
}
 100% {
 border-width:0;
 border-color:rgba(255, 255, 255, 0.5);
}
}
 @-moz-keyframes blink {
 50% {
 border-width:0;
 border-color:rgba(255, 255, 255, 0.5);
}
 100% {
 border-width:0;
 border-color:rgba(255, 255, 255, 0.5);
}
}
/* DEMO 3 */
.loader3 {
	margin: 0 auto;
	position:relative;
	width: 50px;
	height: 50px;
	-webkit-animation:spin 4s infinite ease;
	-moz-animation:spin 4s infinite ease;
}
.loader3 i {
	border-style:solid;
	display:inline-block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border:2px dashed rgba(0, 0, 0, 0.7);
	border-radius: 50px;
	-webkit-animation:scale 4s infinite linear;
	-moz-animation:scale 4s infinite linear;
	height: 50px;
	width: 50px;
}
 @-webkit-keyframes spin {
 0% {
 -webkit-transform:rotate(0deg);
}
 25% {
 -webkit-transform:rotate(90deg);
}
 50% {
 -webkit-transform:rotate(-90deg);
}
 75% {
 -webkit-transform:rotate(180deg);
}
 100% {
 -webkit-transform:rotate(-180deg);
}
}
 @-webkit-keyframes scale {
 0% {
 -webkit-transform:scale(1);
}
 25% {
 -webkit-transform:scale(0.5);
}
 50% {
 -webkit-transform:scale(1);
}
 75% {
 -webkit-transform:scale(0.5);
}
 100% {
 -webkit-transform:scale(1);
}
}
 @-moz-keyframes spin {
 0% {
 -moz-transform:rotate(0deg);
}
 25% {
 -moz-transform:rotate(90deg);
}
 50% {
 -moz-transform:rotate(-90deg);
}
 75% {
 -moz-transform:rotate(180deg);
}
 100% {
 -moz-transform:rotate(-180deg);
}
}
 @-moz-keyframes scale {
 0% {
 -moz-transform:scale(1);
}
 25% {
 -moz-transform:scale(0.5);
}
 50% {
 -moz-transform:scale(1);
}
 75% {
 -moz-transform:scale(0.5);
}
 100% {
 -moz-transform:scale(1);
}
}
/* DEMO 4 */
.loader4 {
	margin: 0 auto;
	position:relative;
	text-align: center;
	border-bottom: 70px solid rgba(255, 255, 255, 0.5);
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	height: 0;
	width: 20px
}
.loader4:before {
	content:'';
	top: -15px;
	left: -28px;
	display:block;
	position:absolute;
	height:70px;
	width:70px;
	border-radius: 50px;
	border: 5px dashed rgba(255, 255, 255, 0.5);
 -webkit-animation:wind .25s linear infinite;
 -moz-animation:wind .25s linear infinite;
}
.loader4 i {
	height: 40px;
	width: 5px;
	margin-left: -1.5px;
	display: inline-block;
	position:absolute;
	-webkit-animation:spin 1.5s linear infinite;
	-moz-animation:spin 1.5s linear infinite;
}
.loader4 i:before, .loader4 i:after {
	content:'';
	display:block;
	position:absolute;
	height:inherit;
	width:inherit;
	border-radius: inherit;
	background: white;
}
.loader4 i:first-child:before {
	top: -53%;
	-webkit-transform:rotate(-45deg);
	-webkit-transform-origin: 100% 100%;
	-moz-transform:rotate(-45deg);
	-moz-transform-origin: 100% 100%;
}
.loader4 i:first-child:after {
	top: -53%;
	-webkit-transform-origin: 0 100%;
	-webkit-transform:rotate(45deg);
	-moz-transform-origin: 0 100%;
	-moz-transform:rotate(45deg);
}
.loader4 i:last-child:before {
	top: 45%;
	-webkit-transform-origin: 100% 0;
	-webkit-transform:rotate(-45deg);
	-moz-transform-origin: 100% 0;
	-moz-transform:rotate(-45deg);
}
.loader4 i:last-child:after {
	-webkit-transform-origin: 0 0;
	-webkit-transform: rotate(45deg);
	-moz-transform-origin: 0 0;
	-moz-transform: rotate(45deg);
	top: 45%;
}
 @-webkit-keyframes spin {
 0% {
 -webkit-transform:rotate(0deg);
}
 50% {
 -webkit-transform:rotate(-180deg);
}
 100% {
 -webkit-transform:rotate(-360deg);
}
}
 @-webkit-keyframes wind {
 100% {
 -webkit-transform:scale(2);
 border-width: 0;
}
}
 @-moz-keyframes spin {
 0% {
 -moz-transform:rotate(0deg);
}
 50% {
 -moz-transform:rotate(-180deg);
}
 100% {
 -moz-transform:rotate(-360deg);
}
}
 @-moz-keyframes wind {
 100% {
 -moz-transform:scale(2);
 border-width: 0;
}
}
/* DEMO 5 */
.solar {
	margin: 250px auto 350px;
	height: 50px;
	width: 50px;
	background: orange;
	border-radius: 25px;
	position:relative;
	-webkit-animation:glow 1.5s linear infinite;
	-moz-animation:glow 1.5s linear infinite;
}
.solar i {
	border-radius: 250px;
	display:block;
	position:absolute;
	border: 1px solid rgba(255, 255, 255, 0.15);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
}
.solar i:before {
	content:'';
	border-radius: 25px;
	background: black;
	display: block;
	position:absolute;
	top: -5px;
	right: 45%;
}
.solar i.mercury {
	width: 80px;
	height: 80px;
	margin-left: -40px;
	left: 50%;
	top: 50%;
	margin-top: -40px;
 -webkit-animation:orbit .5s linear infinite;
 -moz-animation:orbit .5s linear infinite;
}
.solar i.mercury:before {
	background: #6F5F5F;
	height: 7px;
	width: 7px;
}
.solar i.venus {
	width: 110px;
	height: 110px;
	margin-left: -55px;
	left: 50%;
	top: 50%;
	margin-top: -55px;
	-webkit-animation:orbit 1s linear infinite;
	-moz-animation:orbit 1s linear infinite;
}
.solar i.venus:before {
	background: #E7A71F;
	height: 10px;
	width: 10px;
}
.solar i.earth {
	width: 140px;
	height: 140px;
	margin-left: -70px;
	left: 50%;
	top: 50%;
	margin-top: -70px;
	-webkit-animation:orbit 1.5s linear infinite;
	-moz-animation:orbit 1.5s linear infinite;
}
.solar i.earth:before {
	background: #63BEE2;
	height: 10px;
	width: 10px;
}
.solar i.mars {
	width: 170px;
	height: 170px;
	margin-left: -85px;
	left: 50%;
	top: 50%;
	margin-top: -85px;
	-webkit-animation:orbit 2s linear infinite;
	-moz-animation:orbit 2s linear infinite;
}
.solar i.mars:before {
	background: red;
	height: 10px;
	width: 10px;
}
.solar i.belt {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-width: 25px;
	width: 240px;
	height: 240px;
	margin-left: -120px;
	border-color: rgba(36, 35, 35, 0.21);
	left: 50%;
	top: 50%;
	margin-top: -120px;
}
.solar i.jupiter {
	width: 260px;
	height: 260px;
	margin-left: -130px;
	left: 50%;
	top: 50%;
	margin-top: -130px;
	-webkit-animation:orbit 2.5s linear infinite;
	-moz-animation:orbit 2.5s linear infinite;
}
.solar i.jupiter:before {
	background: #CF9B2B;
	top: -15px;
	height: 30px;
	width: 30px;
}
.solar i.saturn {
	width: 320px;
	height: 320px;
	margin-left: -160px;
	left: 50%;
	top: 50%;
	margin-top: -160px;
	-webkit-animation:orbit 3s linear infinite;
	-moz-animation:orbit 3s linear infinite;
}
.solar i.saturn:before {
	background: #CF7A2B;
	top: -10px;
	height: 20px;
	width: 20px;
}
.solar i.saturn:after {
	background: #fff;
	width: 30px;
	height: 1px;
	content: '';
	position: absolute;
	display: block;
	background: #FFF;
	width: 30px;
	height: 1px;
	content: '';
	right: 43.5%;
	-webkit-transform:rotate(20deg);
	-moz-transform:rotate(20deg);
}
.solar i.uranus {
	width: 360px;
	height: 360px;
	margin-left: -180px;
	left: 50%;
	top: 50%;
	margin-top: -180px;
	-webkit-animation:orbit 3.5s linear infinite;
	-moz-animation:orbit 3.5s linear infinite;
}
.solar i.uranus:before {
	background: #10C593;
	top: -8px;
	height: 15px;
	width: 15px;
}
.solar i.neptune {
	width: 400px;
	height: 400px;
	margin-left: -200px;
	left: 50%;
	top: 50%;
	margin-top: -200px;
	-webkit-animation:orbit 4s linear infinite;
	-moz-animation:orbit 4s linear infinite;
}
.solar i.neptune:before {
	background: #1470E4;
	top: -8px;
	height: 15px;
	width: 15px;
}
 @-webkit-keyframes orbit {
 0% {
 -webkit-transform:rotate(0deg);
}
 50% {
 -webkit-transform:rotate(-180deg);
}
 100% {
 -webkit-transform:rotate(-360deg);
}
}
 @-webkit-keyframes glow {
 0% {
 box-shadow: none;
}
 50% {
 background: #FFEB00;
 box-shadow: 0 0 20px orange;
}
 100% {
 box-shadow: none;
}
}
 @-moz-keyframes orbit {
 0% {
 -moz-transform:rotate(0deg);
}
 50% {
 -moz-transform:rotate(-180deg);
}
 100% {
 -moz-transform:rotate(-360deg);
}
}
 @-moz-keyframes glow {
 0% {
 box-shadow: none;
}
 50% {
 background: #FFEB00;
 box-shadow: 0 0 20px orange;
}
 100% {
 box-shadow: none;
}
}


.success,.failure ,.haveItem { display:none; margin:auto; width:1020px; text-align:center; font-size:80px; line-height:120px; padding:50px 0 0 0;}

.PFeatures{ height:700px; background:#f4f4f4;}
.pfTabHeader { background:#FFF; height:200px;}
.pfTabHeader ul { height:200px; display:block; width:980px; margin:auto;}
.pfTabHeader ul li { float:left; width:196px; height:159px; float:left; margin:30px 0 0 0; position:relative;}
.pfTabHeader ul li span { display:block; width:196px; height:159px; background:url(../images/speed-arrow.png) bottom center no-repeat; position:absolute; left:0px; top:12px; z-index:10;}
.pfTabHeader ul #tab1{ background:url(../images/pfTabHeaderBg.png) center 0px no-repeat;}
.pfTabHeader ul #tab2{ background:url(../images/pfTabHeaderBg.png) center -159px no-repeat;}
.pfTabHeader ul #tab3{ background:url(../images/pfTabHeaderBg.png) center -326px no-repeat;}
.pfTabHeader ul #tab4{ background:url(../images/pfTabHeaderBg.png) center -494px no-repeat;}
.pfTabHeader ul #tab5{ background:url(../images/pfTabHeaderBg.png) center -663px no-repeat;}

.pfTabHeader ul .tabon1{ background:url(../images/pfTabHeaderBgHover.png) center 0px no-repeat!important;}
.pfTabHeader ul .tabon2{ background:url(../images/pfTabHeaderBgHover.png) center -159px no-repeat!important;}
.pfTabHeader ul .tabon3{ background:url(../images/pfTabHeaderBgHover.png) center -326px no-repeat!important;}
.pfTabHeader ul .tabon4{ background:url(../images/pfTabHeaderBgHover.png) center -494px no-repeat!important;}
.pfTabHeader ul .tabon5{ background:url(../images/pfTabHeaderBgHover.png) center -663px no-repeat!important;}

.pfTabFooter { height:498px; border:#d6d6d6 1px solid; margin:auto; border-left:none; border-right:none;}
.pfTabFooter ul { display:none; width:980px; margin:auto; text-align:center;}
.pfTabFooter .tfootOn { display:block;}
.pfTabFooter ul .pftxt{ float:left; width:380px; padding:20px 0 0 0;}
.pfTabFooter ul .pftxt span{ display:block; font-size:36px;}
.pfTabFooter ul .pftxt p{ font-size:16px; line-height:32px;}
.pfTabFooter ul .pfimg{ float:right; width:600px; text-align:center; padding:30px 0 0 0;}