@charset "utf-8";

/* reset */
body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select { margin:0; padding:0; }
em { font-style:normal; }
li { list-style:none; }
a { text-decoration:none; }
img { border:none; vertical-align:top; }
table { border-collapse:collapse; }
input,textarea { outline:none; }
textarea { resize:none; overflow:auto; }
body { font-size:12px; font-family:"微软雅黑"; color:#ABABAD;}
/* end reset */

/* public */
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
.fl { float:left; }
.fr { float:right; }
.gradient {
	background:-moz-linear-gradient(top, #FFFFFF, #f8f8f8);
	background:-webkit-linear-gradient(top, #FFFFFF, #f8f8f8);
	background:-ms-linear-gradient(top, #FFFFFF, #f8f8f8);
	background:linear-gradient(top, #FFFFFF, #f8f8f8);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FFFFFF, endColorstr=#f8f8f8)";
	+background:#f9f9f9;
}
.triangle_up, .triangle_down_red, .triangle_down_gray { position:absolute; width:0; height:0; overflow:hidden; border-left:4px solid transparent; border-right:4px solid transparent; }
.triangle_up { border-bottom:4px solid #ca0309; }
.triangle_down_red { border-top:4px solid #ca0309; }
.triangle_down_gray { border-top:4px solid #c4bdbd; }
.arial { font-family:Arial, Helvetica, sans-serif; }
footer p { padding-top:50px; color:#CCCCCC; font-size:10px; }

.columnA { position:relative; margin:50px auto 0; -padding-left:20px; width:804px;   }
.columnA .icon { float:left; width:114px; height:114px; }
.columnA .icon img{ width:100px; height:100px; padding:5px; border:solid 2px #FDC11B;  border-radius:50%;  
-khtml-box-shadow:0 0 0 5px rgba(244,129,33,0.2);
-rim-box-shadow:0 0 0 5px rgba(244,129,33,0.2);
-ms-box-shadow:0 0 0 5px rgba(244,129,33,0.2);
-o-box-shadow:0 0 0 5px rgba(244,129,33,0.2);
-moz-box-shadow:0 0 0 5px rgba(244,129,33,0.2);
-webkit-box-shadow:0 0 0 5px rgba(244,129,33,0.2);
box-shadow:0 0 0 5px rgba(244,129,33,0.2);



}
.columnA .iconA img { border-color:#FDC11B;}
.columnA .iconB img { border-color:#F48121;}
.columnA .iconC img { border-color:#4CB647;}
.columnA .iconD img { border-color:#4CB647;}
.columnA .content { float:right; width:600px; border-radius:20px; border-left:solid 2px #FDC11B; padding-left:20px; font-size:14px; }
.columnA .content p { margin-bottom:10px;line-height:30px; }
.columnA .contentA { border-left:solid 2px #FDC11B; }
.columnA .contentB { border-left:solid 2px #F48121; }
.columnA .contentC { border-left:solid 2px #4CB647; }
.columnA .contentD { border-left:solid 2px #FDC11B; }
.columnA h2 { padding-bottom:10px; font-size:24px; }
.columnA li { line-height:30px; list-style:inside lower-alpha; }

.columnA dl  { margin-bottom:20px; line-height:30px;}
.columnA dl dt { font-size:18px; color:#F48121;}
.columnA dl:nth-of-type(1) dt{ -color:#FDC11B; }
.columnA dl:nth-of-type(2) dt{ -color:#F48121; }
.columnA dl:nth-of-type(3) dt{ -color:#4CB647; }
.columnA dl:nth-of-type(4) dt{ -color:#FDC11B; }
.columnA dl:nth-of-type(5) dt{ -color:#F48121; }



.columnB { margin:0 auto 80px; width:804px; }
.columnB .title,.columnA .title { margin-bottom:30px; height:50px; line-height:50px; border-bottom:solid 1px #F38020;}
.columnB .title h2,.columnA .title h2 { float:left; font-size:24px;  }
.columnB .content { }
.columnB .content p{ text-indent:2em; margin-bottom:30px; line-height:24px; }
.columnB .logo { margin:0 auto 30px; width:756px; }
.columnB .logo li { float:left; margin:3px; width:120px; height:50px;
-webkit-animation-delay:2.2s;   
animation-delay:2.2s; 

 }
.columnB .logo li img { border-radius:5px; }
.picChart { float:left; position:relative; width:266px; height:212px; }
.picChart span { position:absolute; }
.picChart .partOne { left:0; top:51px;  z-index:2;
-webkit-animation-delay:1s;   
animation-delay:1s; 
}
.picChart .partTwo { left:0; top:110px;  z-index:3; 
-webkit-animation-delay:1.2s;   
animation-delay:1.2s; 
}
.picChart .partThree { left:77px; top:46px; z-index:1;
-webkit-animation-delay:1.4s;   
animation-delay:1.4s; 
 }
.picChart .personOne { left:13px; top:7px; z-index:4; 
-webkit-animation-delay:2s;   
animation-delay:2s; 
 }
.picChart .personTwo { left:70px; top:64px; z-index:5; 
-webkit-animation-delay:2.2s;   
animation-delay:2.2s; 
}
.picChart .personThree { left:177px; top:0; z-index:6; 
-webkit-animation-delay:2.4s;   
animation-delay:2.4s; 
}
.scaleChart { float:left; width:538px; }
.scaleChart dl { margin-bottom:28px; }
.scaleChart dt { position:relative; padding-bottom:5px; font-size:18px; font-weight:bold; }
.scaleChart dt span { position:absolute; left:240px; top:10px; width:0; height:10px; border-radius:5px; background:orange; }

.scaleBar {}
.scaleBar h2 { margin-bottom:10px; }
.scaleBar dl { margin-bottom:10px; }
.scaleBar dl dt{ float:left; width:200px; }
.scaleBar dl dd{ float:left; }
.scaleBar dl dd span { float:left; height:10px;  border-radius:5px; }

/* animation */
@keyframes progress1
{
0% { width:0;}
100% { width:40px; }
}

@-moz-keyframes progress1
{
0% { width:0;}
100% { width:40px; }
}

@-webkit-keyframes progress1
{
0% { width:0;}
100% { width:40px; }
}

@-o-keyframes progress1
{
0% { width:0;}
100% { width:40px; }
}


@keyframes progress3
{
0% { width:0;}
100% { width:320px; }
}

@-moz-keyframes progress3
{
0% { width:0;}
100% { width:320px; }
}

@-webkit-keyframes progress3
{
0% { width:0;}
100% { width:320px; }
}

@-o-keyframes progress3
{
0% { width:0;}
100% { width:320px; }
}





@keyframes scaleBar1
{
0% { width:0;}
100% { width:430px; }
}

@-moz-keyframes scaleBar1
{
0% { width:0;}
100% { width:430px; }
}

@-webkit-keyframes scaleBar1
{
0% { width:0;}
100% { width:430px; }
}

@-o-keyframes scaleBar1
{
0% { width:0;}
100% { width:430px; }
}


@keyframes scaleBar2
{
0% { width:0;}
100% { width:250px; }
}

@-moz-keyframes scaleBar2
{
0% { width:0;}
100% { width:250px; }
}

@-webkit-keyframes scaleBar2
{
0% { width:0;}
100% { width:250px; }
}

@-o-keyframes scaleBar2
{
0% { width:0;}
100% { width:250px; }
}




@keyframes scaleBar3
{
0% { width:0;}
100% { width:70px; }
}

@-moz-keyframes scaleBar3
{
0% { width:0;}
100% { width:70px; }
}

@-webkit-keyframes scaleBar3
{
0% { width:0;}
100% { width:70px; }
}

@-o-keyframes scaleBar3
{
0% { width:0;}
100% { width:70px; }
}

.scaleChart dt span.progress1 { background:#7FD8D1; width:40px;
animation: progress1 3s;
-moz-animation: progress1 3s;
-webkit-animation: progress1 3s;
-o-animation: progress1 3s;

 }
.scaleChart dt span.progress2 { background:#A1E623; width:40px;
animation: progress1 3s;
-moz-animation: progress1 3s;
-webkit-animation: progress1 3s;
-o-animation: progress1 3s;

 }
.scaleChart dt span.progress3 { background:#F7A708; width:320px;
animation: progress3 3s;
-moz-animation: progress3 3s;
-webkit-animation: progress3 3s;
-o-animation: progress3 3s;
}


.scaleBar dl dd .scaleBar3 { background:#F7A708; }
.scaleBar1 { width:430px; background:#7FD8D1;
animation: scaleBar1 3s;
-moz-animation: scaleBar1 3s;
-webkit-animation: scaleBar1 3s;
-o-animation: scaleBar1 3s;
}

.scaleBar2,.scaleBar3 { width:250px; background:#A1E623;
animation: scaleBar2 3s;
-moz-animation: scaleBar2 3s;
-webkit-animation: scaleBar2 3s;
-o-animation: scaleBar2 3s;
}

.scaleBar4 { width:70px; background:#D44D30;
animation: scaleBar3 3s;
-moz-animation: scaleBar3 3s;
-webkit-animation: scaleBar3 3s;
-o-animation: scaleBar3 3s;
}
.review { margin:0 auto; padding:30px 0; width:720px; height:500px;}
.review div { float:left; margin:10px; width:160px; height:160px; padding:20px;  border:solid 10px #F7A708; border-radius:50%; text-align:center; }
.review div:nth-child(1){ border-color:#FDC11B; }
.review div:nth-child(2){ border-color:#F48121; }
.review div:nth-child(3){ border-color:#4CB647; }
.review div:nth-child(4) { margin-left:130px; }
.review div h2 { padding:20px 0; }
.content .review div p { line-height:16px; text-indent:0;}
/* end public */

.columnB .contentB dl{  padding:10px 0; font-size:14px; }
.columnB .contentB dl dt { font-size:18px; font-weight:bold; }
.columnB .contentB ul { padding:50px 0; }
.columnB .contentB ul li { float:left; margin-right:10px; padding:20px; width:130px; height:130px; line-height:130px; border:solid 3px #F48121; border-radius:50%; text-align:center; font-size:14px; }
.columnB .contentB ul li:nth-child(1){border-color:#FDC11B;}
.columnB .contentB ul li:nth-child(2){border-color:#F48121;}
.columnB .contentB ul li:nth-child(3){border-color:#4CB647;}
.columnB .contentB ul li:nth-child(4){border-color:#7BD8D2;}
.columnB .contentC  h2 { margin-bottom:5px; font-size:18px; }
.columnB .contentC dl { margin-bottom:5px; }
.columnB .contentC dl dt { float:left; width:66px; font-size:18px; font-weight:bold;  }
.columnB .contentC dl dd { float:left; width:738px; line-height:24px; font-size:14px; }

table.schedule{ margin-top:30px; width:100%;border-collapse:collapse;font-size:12px;}
table.schedule th{-background:#FFFFCC;text-align:center;border:solid 1px #CCC;padding:5px 0; font-size:16px; }
table.schedule td{border:solid 1px #CCC;padding:5px;text-align:left; text-align:center;}
/* layout */
body { background:#0C0F22 url(../images/bg.jpg) top center no-repeat;  min-width:1024px; color:#DADADA; }
header { width:auto; padding:24px; height:90px; font-size:14px;  }
header .logo { float:right; position:relative; top:5px; }
header .reg { float:right; margin-right:20px; color:#FFF; width:150px; height:40px; line-height:40px; text-align:center;  border:solid 1px #FFF; border-radius:20px; }
header a.reg { color:#FFF; 
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}
header a.reg:hover { background:#E87000; }

footer { width:100%; height:30px; line-height:30px; text-align:center;  }
.wraper { width:100%; padding-top:80px; min-width:1024px;}
.menu { float:left; width:200px; }
.main { float:left; padding-left:20px; min-height:600px; min-width:804px; overflow:hidden;  }
/* end layout */
.menu ul { padding-left:79px; background:url(../images/menuBg11.png) 24px 10px no-repeat;}
.menu ul li { height:50px; line-height:50px;  }
.menu ul li a { display:block; padding-left:15px; height:48px; color:#DADADA; font-size:16px;  }
.menu ul li:nth-of-type(1) a { color:#26b5fb; 
animation: report 1s 3s 3;
-moz-animation: report 1s 3s 3;
-webkit-animation: report 1s 3s 3;
-o-animation: report 1s 3s 3;
}


@-webkit-keyframes report{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}

@keyframes report{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}


.menu ul li a.active { border: solid 1px #F48222; border-left:none; border-radius:10px; }
.circle { position:relative; margin:0 auto; width:400px; height:400px; border:solid 2px #009DE7; border-radius:50%; -background:#4CB647; -background:rgba(76,182,71,0.6);}
.centerCircle { position:absolute; left:41px; top:41px; width:317px; height:317px;  }
.circle span { position:absolute; width:36px; height:36px; line-height:36px; background:#E46C0A; border:solid 16px #FFF; border:solid 16px rgba(255,255,255,0.8); border-radius:50%; text-align:center;  font-size:18px; font-family:Arial, Helvetica, sans-serif; 
-khtml-box-shadow:0 0 0 2px #A6A6A6;
-rim-box-shadow:0 0 0 2px #A6A6A6;
-ms-box-shadow:0 0 0 2px #A6A6A6;
-o-box-shadow:0 0 0 2px #A6A6A6;
-moz-box-shadow:0 0 0 2px #A6A6A6;
-webkit-box-shadow:0 0 0 2px #A6A6A6;
box-shadow:0 0 0 2px #A6A6A6;
}
.circle span.one { top:0; right:50px;
-webkit-animation-delay:1s;   
animation-delay:1s; 
}
.circle span.two { top:80px; right:-10px;
-webkit-animation-delay:1.2s;   
animation-delay:1.2s; 
}
.circle span.three { top:180px; right:-30px;
-webkit-animation-delay:1.4s;   
animation-delay:1.4s; 
}
.circle span.four { top:280px; right:0px;
-webkit-animation-delay:1.6s;   
animation-delay:1.6s; 
}
.circle span.five { top:350px; right:70px;
-webkit-animation-delay:1.8s;   
animation-delay:1.8s; 
}
.circle span.six { top:370px; right:170px;
-webkit-animation-delay:2s;   
animation-delay:2s; 
}
.circle span.seven { top:350px; right:270px;
-webkit-animation-delay:2.0s;   
animation-delay:2.0s;
}
.circle span.eight { top:280px; right:340px;
-webkit-animation-delay:2.2s;   
animation-delay:2.2s;
}

.circle em { position:absolute; font-size:16px; }
.circle em.one { top:0; right:-10px; 
-webkit-animation-delay:1s;   
animation-delay:1s; 
}
.circle em.two { top:80px; right:-50px;
-webkit-animation-delay:1.2s;   
animation-delay:1.2s; 
}
.circle em.three { top:200px; right:-130px;
-webkit-animation-delay:1.4s;   
animation-delay:1.4s; 
}
.circle em.four { top:310px; right:-80px;
-webkit-animation-delay:1.6s;   
animation-delay:1.6s; 
}
.circle em.five { top:430px; right:50px;
-webkit-animation-delay:1.8s;   
animation-delay:1.8s; 
}
.circle em.six { top:450px; right:190px;
-webkit-animation-delay:2s;   
animation-delay:2s; 
}
.circle em.seven { top:430px; right:270px;
-webkit-animation-delay:2.0s;   
animation-delay:2.0s;
}
.circle em.eight { top:370px; left:-40px;
-webkit-animation-delay:2.2s;   
animation-delay:2.2s;
}

/* navigation */
.navigation{ position:relative; font-family:"Trebuchet MS", sans-serif;font-size:24px;font-style:normal;font-weight:bold;letter-spacing:1.4px; width:1200px; height:1400px; background: url(../images/sponsorBg.png) no-repeat top left; }
.navigation .item{position:absolute;}
.navigation .user{top:125px;left:110px;}
.navigation .home{top:50px;left:360px;}
.navigation .shop{top:90px;left:625px;}
.navigation .camera{top:230px;left:835px;}
.navigation .fav{top:420px;left:950px;}
.navigation .other{top:560px;left:850px;}
.navigation a.icon{width:52px;height:52px;position:absolute;top:0px;left:0px;cursor:pointer;
;
}
.navigation .user a.icon{background:url(../images/user.png) no-repeat 0px 0px;}
.navigation .home a.icon{background:url(../images/user.png) no-repeat 0px 0px;}
.navigation .shop a.icon{background:url(../images/user.png) no-repeat 0px 0px;}
.navigation .camera a.icon{background:url(../images/user.png) no-repeat 0px 0px;}
.navigation .fav a.icon{background:url(../images/user.png) no-repeat 0px 0px;}
.navigation .other a.icon{background:url(../images/user.png) no-repeat 0px 0px;}
.navigation .item a.active{background-position:0px -52px;}
.navigation .item img.circle{position:absolute;top:0px;left:0px;width:52px;height:52px;opacity:0.1; border:solid 2px #F48121;}
.navigation .item h2{position:absolute;width:147px;height:52px;color:#FFF;font-size:18px;top:0px;left:52px;text-indent:10px;line-height:52px;text-shadow:1px 1px 1px #000; font-family:'微软雅黑'; text-transform:uppercase;}
.navigation .item h2.active{color:#fff;text-shadow:1px 0px 1px #555;}
.navigation .item ul{position:absolute;top:60px;left:25px;display:none;width:100px;}
.navigation .item ul li{float:left;height:30px;overflow:hidden;width:100%;}
.navigation .item ul li a{font-size:15px;text-decoration:none;letter-spacing:1.5px;text-transform:uppercase;color:#222;padding:3px;float:left;text-shadow:1px 1px 1px #fff;display:block;}
.navigation .item ul li a:hover{background-color:#fff;color:#444;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:1px 1px 4px #666;-webkit-box-shadow:1px 1px 4px #666;box-shadow:1px 1px 4px #666;}
.navigation .item p { position:absolute;top:60px;left:5px;display:none;width:100px; font-size:12px; color:#000; }
.sponsor { position:absolute; z-index:1;left:420px; top:500px; padding:30px; width:540px;  background:#FFF; background:rgba(255,255,255,0.2); border:solid 2px #F48121;  border-radius:10px; display:none;
-khtml-box-shadow:0 0 0 8px rgba(244,129,33,0.3);
-rim-box-shadow:0 0 0 8px rgba(244,129,33,0.3);
-ms-box-shadow:0 0 0 8px rgba(244,129,33,0.3);
-o-box-shadow:0 0 0 8px rgba(244,129,33,0.3);
-moz-box-shadow:0 0 0 8px rgba(244,129,33,0.3);
-webkit-box-shadow:0 0 0 8px rgba(244,129,33,0.3);
box-shadow:0 0 0 8px rgba(244,129,33,0.3);
}
.sponsor li { margin-bottom:30px; list-style:inside upper-alpha}
.sponsor h2 { padding-bottom:10px; font-size:24px; text-align:center; }
.sponsor li h2 { padding-bottom:10px; text-align:left; font-size:18px; }
.sponsor li li { list-style:inside lower-alpha; margin-bottom:5px; }
.sponsor dt { font-size:18px; font-weight:bold; }

.titleA { height:50px; line-height:50px; border-bottom:solid 1px #F38020; }
.titleA h2 { float:left; font-size:24px; color:#FFF; }

.reviewPho div{ text-align:center; }
.reviewPho div img { margin:1px; padding:3px; border:solid 1px #F48121; border-radius:5px; background:#FFF; background:-rgba(255,255,255,0.5);}

.backEEPW { color:#FFF; }