@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0;}
body{ margin:0 auto;color:#333;font:14px/26px 'Microsoft YaHei',Arial,宋体,Tahoma,Sans-Serif; background:#fff; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0; padding:0;}
ul,li,ol,dt,dd,dl,map,area{ margin:0; padding:0; border:none}
h1,h2,h3,h4,h5,h6 {font-size:14px; font-weight:normal;} 
img,form{ border:none;margin:0;padding:0;vertical-align:bottom;}
ul,li,dl,dd,dt{list-style:none}
table{ table-layout:fixed; border-collapse:collapse;}
.fl{ float:left}
.fr{ float:right}
.cl{ clear:both; overflow:hidden}
.tc{ text-align:center}
.tl{ text-align:left}
.tr{ text-align:right}
.pr{ position:relative;}
.overh{overflow:hidden;}
.wapper{ white-space:nowrap; overflow:hidden}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/** html .clearfix { height: 1%;}*/
.clearfix {display: block;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#f00; text-decoration:none;}
.dispno{display:none;}
.dispblock{display:block;}
.z-in9999{z-index:9999;}
.z-in99999{z-index:99999;}
/*-------------------------------------------------------------------------*/

.fullBg {position: fixed;top: 0;left: 0;overflow: hidden;}
.nav_bd_box{width:1200px;margin:auto;}
.nav_bd_box .lobd_fix{ position:absolute;left:50%;margin-left:-262px;display:block;z-index:20;top:170px;}
.nav_bd_box .circle_box{ position:absolute;top:100px;left:50%;margin-left:-327px;width:655px;height:655px;display:block;z-index:10;}
.nav_bd_box .lotext_fix{ position:absolute;width:380px;font:18px/26px "微软雅黑"; left:50%;margin-left:-190px;top:480px;z-index:30;color:#fff; text-indent:36px;}
.list_menu1,.list_menu2,.list_menu3,.list_menu4,.list_menu5,.list_menu6{ position:absolute;width:292px;height:113px;z-index:100;}
.list_menu1{top: 80px;left: 152px;}
.list_menu2{top: 274px;left: 16px;}
.list_menu3{top:270px;right:15px;}
.list_menu4{top: 471px;left: 13px;}
.list_menu5{top: 468px;right: 12px;}
.list_menu6{top: 634px;right: 109px;}


/* 动画 */
.scale0{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transition-duration:1s; -webkit-transition-duration:1s; -moz-transition-duration:1s; -ms-transition-duration:1s; -o-transition-duration:1s;}
.scale1{ transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transition-duration:0.5s; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s; -o-transition-duration:0.5s;}
.scale2{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(0); transition-duration:0.5s; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s; -o-transition-duration:0.5s;}
.scale3{ transform:scale(0.7); -webkit-transform:scale(0.7); -moz-transform:scale(0.7); -ms-transform:scale(0.7); -o-transform:scale(0.7); transition-duration:0.5s; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s; -o-transition-duration:0.5s;}

.ani_01{ animation:fadeInUp 1s ease both; -webkit-animation:fadeInUp 1s ease both; -moz-animation:fadeInUp 1s ease both; -ms-animation:fadeInUp 1s ease both; -o-animation:fadeInUp 1s ease both;}
.ani_01{ animation-delay:2s; -webkit-animation-delay:2s; -moz-animation-delay:2s; -ms-animation-delay:2s; -o-animation-delay:2s;}
@keyframes fadeInUp{ 
	0%{ opacity:0; transform:translateY(-300px);} 
	100%{ opacity:1; transform:translateY(0) scale(1);}
}
@-webkit-keyframes fadeInUp{ 
	0%{ opacity:0; -webkit-transform:translateY(-300px);} 
	100%{ opacity:1; -webkit-transform:translateY(0) scale(1);}
}
@-moz-keyframes fadeInUp{ 
	0%{ opacity:0; -moz-transform:translateY(-300px);}
	100%{ opacity:1; -moz-transform:translateY(0) scale(1);}
}
@-ms-keyframes fadeInUp{ 
	0%{ opacity:0; -ms-transform:translateY(-300px);} 
	100%{ opacity:1; -ms-transform:translateY(0) scale(1);}
}
@-o-keyframes fadeInUp{ 
	0%{ opacity:0; -o-transform:translateY(-300px);} 
	100%{ opacity:1; -o-transform:translateY(0) scale(1);}
}

.ani_02{ animation:fadeInLeft 1s ease both; -webkit-animation:fadeInLeft 1s ease both; -moz-animation:fadeInLeft 1s ease both; -ms-animation:fadeInLeft 1s ease both; -o-animation:fadeInLeft 1s ease both;}
.ani_02{ animation-delay:3s; -webkit-animation-delay:3s; -moz-animation-delay:3s; -ms-animation-delay:3s; -o-animation-delay:3s;}
@keyframes fadeInLeft{ 
	0%{ opacity:0; transform:translateX(-300px);} 
	100%{ opacity:1; transform:translateX(0) scale(1);}
}
@-webkit-keyframes fadeInLeft{ 
	0%{ opacity:0; -webkit-transform:translateX(-300px);} 
	100%{ opacity:1; -webkit-transform:translateX(0) scale(1);}
}
@-moz-keyframes fadeInLeft{ 
	0%{ opacity:0; -moz-transform:translateX(-300px);} 
	100%{ opacity:1; -moz-transform:translateX(0) scale(1);}
}
@-o-keyframes fadeInLeft{ 
	0%{ opacity:0; -o:translateX(-300px);} 
	100%{ opacity:1; -o-transform:translateX(0) scale(1);}
}
@-ms-keyframes fadeInLeft{ 
	0%{ opacity:0; -ms-transform:translateX(-300px);} 
	100%{ opacity:1; -ms-transform:translateX(0) scale(1);}
}

.ani_03,.ani_10{ animation:fadeInDn 1s ease both; -webkit-animation:fadeInDn 1s ease both; -moz-animation:fadeInDn 1s ease both; -ms-animation:fadeInDn 1s ease both; -o-animation:fadeInDn 1s ease both;}
.ani_03{ animation-delay:4s; -webkit-animation-delay:4s; -moz-animation-delay:4s; -ms-animation-delay:4s; -o-animation-delay:4s;}
.ani_10{ animation-delay:5s; -webkit-animation-delay:5s; -moz-animation-delay:5s; -ms-animation-delay:5s; -o-animation-delay:5s;}
@keyframes fadeInDn{ 
	0%{ opacity:0; transform:translateY(300px);} 
	100%{ opacity:1; transform:translateY(0) scale(1);}
}
@-webkit-keyframes fadeInDn{ 
	0%{ opacity:0; -webkit-transform:translateY(300px);} 
	100%{ opacity:1; -webkit-transform:translateY(0) scale(1);}
}
@-moz-keyframes fadeInDn{ 
	0%{ opacity:0; -moz-transform:translateY(300px);} 
	100%{ opacity:1; -moz-transform:translateY(0) scale(1);}
}
@-ms-keyframes fadeInDn{ 
	0%{ opacity:0; -ms-transform:translateY(300px);} 
	100%{ opacity:1; -ms-transform:translateY(0) scale(1);}
}
@-o-keyframes fadeInDn{ 
	0%{ opacity:0; -o-transform:translateY(300px);} 
	100%{ opacity:1; -o-transform:translateY(0) scale(1);}
}

.ani_04,.ani_11{ animation:fadeInRight 1s ease both; -webkit-animation:fadeInRight 1s ease both; -moz-animation:fadeInRight 1s ease both; -ms-animation:fadeInRight 1s ease both; -o-animation:fadeInRight 1s ease both;}
.ani_04{ animation-delay:6s; -webkit-animation-delay:6s; -moz-animation-delay:6s; -ms-animation-delay:6s; -o-animation-delay:6s;}
.ani_11{ animation-delay:7s; -webkit-animation-delay:7s; -moz-animation-delay:7s; -ms-animation-delay:7s; -o-animation-delay:7s;}
@keyframes fadeInRight{ 
	0%{ opacity:0; transform:translateX(300px);} 
	100%{ opacity:1; transform:translateX(0) scale(1);}
}
@-webkit-keyframes fadeInRight{ 
	0%{ opacity:0; -webkit-transform:translateX(300px);} 
	100%{ opacity:1; -webkit-transform:translateX(0) scale(1);}
}
@-moz-keyframes fadeInRight{ 
	0%{ opacity:0; -moz-transform:translateX(300px);}
	100%{ opacity:1; -moz-transform:translateX(0) scale(1);}
}
@-ms-keyframes fadeInRight{ 
	0%{ opacity:0; -ms-transform:translateX(300px);} 
	100%{ opacity:1; -ms-transform:translateX(0) scale(1);}
}
@-o-keyframes fadeInRight{ 
	0%{ opacity:0; -o-translateX(300px);} 
	100%{ opacity:1; -o-transform:translateX(0) scale(1);}
}

.ani_05{ animation:turnover .5s ease-out; -webkit-animation:turnover .5s ease-out; -moz-animation:turnover .5s ease-out; -ms-animation:turnover .5s ease-out; -o-animation:turnover .5s ease-out;}
@keyframes turnover{ 
	0%{ transform:rotateX(0deg);} 
	100%{ transform:rotateX(360deg);}
}
@-webkit-keyframes turnover{ 
	0%{ -webkit-transform:rotateX(0deg);} 
	100%{ -webkit-transform:rotateX(360deg);}
}
@-moz-keyframes turnover{ 
	0%{ -moz-transform:rotateX(0deg);} 
	100%{ -moz-transform:rotateX(360deg);}
}
@-ms-keyframes turnover{ 
	0%{ -o-transform:rotateX(0deg);} 
	100%{ -o-transform:rotateX(360deg);}
}
@-o-keyframes turnover{ 
	0%{ -ms-transform:rotateX(0deg);} 
	100%{ -ms-transform:rotateX(360deg);}
}

.ani_06{ animation:ring 2s ease-out; -webkit-animation:ring 2s ease-out; -moz-animation:ring 2s ease-out; -o-animation:ring 2s ease-out; -ms-animation:ring 2s ease-out;}
@keyframes ring{ 
	0%{ display:none; opacity:0; transform:rotateY(0deg) scale(0);} 
	25%{ display:block; opacity:0.25; transform:rotateY(180deg) scale(0.2);} 
	50%{ opacity:0.5; transform:rotateY(360deg) scale(0.4);} 
	75%{ opacity:0.75; transform:rotateY(-180deg) scale(0.6);}
	100%{ opacity:1; transform:rotateY(-360deg) scale(0.8);}
}
@-webkit-keyframes ring{ 
	0%{ display:none; opacity:0; -webkit-transform:rotateY(0deg) scale(0);} 
	25%{ display:block; opacity:0.25; -webkit-transform:rotateY(180deg) scale(0.2);} 
	50%{ opacity:0.5; -webkit-transform:rotateY(360deg) scale(0.4);} 
	75%{ opacity:0.75; -webkit-transform:rotateY(-180deg) scale(0.6);}
	100%{ opacity:1; -webkit-transform:rotateY(-360deg) scale(0.8);}
}
@-moz-keyframes ring{ 
	0%{ display:none; opacity:0; -moz-transform:rotateY(0deg) scale(0);} 
	25%{ display:block; opacity:0.25; -moz-transform:rotateY(180deg) scale(0.2);} 
	50%{ opacity:0.5; -moz-transform:rotateY(360deg) scale(0.4);} 
	75%{ opacity:0.75; -moz-transform:rotateY(-180deg) scale(0.6);}
	100%{ opacity:1; -moz-transform:rotateY(-360deg) scale(0.8);}
}
@-ms-keyframes ring{ 
	0%{ display:none; opacity:0; -ms-transform:rotateY(0deg) scale(0);} 
	25%{ display:block; opacity:0.25; -ms-transform:rotateY(180deg) scale(0.2);} 
	50%{ opacity:0.5; -ms-transform:rotateY(360deg) scale(0.4);} 
	75%{ opacity:0.75; -ms-transform:rotateY(-180deg) scale(0.6);}
	100%{ opacity:1; -ms-transform:rotateY(-360deg) scale(0.8);}
}
@-o-keyframes ring{ 
	0%{ display:none; opacity:0; -o-transform:rotateY(0deg) scale(0);} 
	25%{ display:block; opacity:0.25; -o-transform:rotateY(180deg) scale(0.2);} 
	50%{ opacity:0.5; -o-transform:rotateY(360deg) scale(0.4);} 
	75%{ opacity:0.75; -o-transform:rotateY(-180deg) scale(0.6);}
	100%{ opacity:1; -o-transform:rotateY(-360deg) scale(0.8);}
}

.ani_07{ animation:xz 3s ease-out; -webkit-animation:xz 3s ease-out; -moz-animation:xz 3s ease-out; -ms-animation:xz 3s ease-out; -o-animation:xz 3s ease-out;}
@keyframes xz{
	0%{ opacity:0;}
	25%{ transform:rotateZ(0deg) scale(0); opacity:0;}
	75%{ transform:rotateZ(1440deg) scale(0.4); opacity:1;}
	100%{ transform:rotateZ(1440deg) scale(0.8); opacity:1;}
}
@-webkit-keyframes xz{
	0%{ opacity:0;}
	25%{ -webkit-transform:rotateZ(0deg) scale(0); opacity:0;}
	75%{ -webkit-transform:rotateZ(1440deg) scale(0.4); opacity:1;}
	100%{ -webkit-transform:rotateZ(1440deg) scale(0.8); opacity:1;}
}
@-moz-keyframes xz{
	0%{ opacity:0;}
	25%{ -moz-transform:rotateZ(0deg) scale(0); opacity:0;}
	75%{ -moz-transform:rotateZ(1440deg) scale(0.4); opacity:1;}
	100%{ -moz-transform:rotateZ(1440deg) scale(0.8); opacity:1;}
}
@-ms-keyframes xz{
	0%{ opacity:0;}
	25%{ -ms-transform:rotateZ(0deg) scale(0); opacity:0;}
	75%{ -ms-transform:rotateZ(1440deg) scale(0.4); opacity:1;}
	100%{ -ms-transform:rotateZ(1440deg) scale(0.8); opacity:1}
}
@-o-keyframes xz{
	0%{ opacity:0;}
	25%{ -o-transform:rotateZ(0deg) scale(0); opacity:0;}
	75%{ -o-transform:rotateZ(1440deg) scale(0.4); opacity:1;}
	100%{ -o-transform:rotateZ(1440deg) scale(0.8); opacity:1;}
}

.ani_08{ animation:bounceOutUp 1s 0.5s ease both; -webkit-animation:bounceOutUp 1s 0.5s ease both; -moz-animation:bounceOutUp 1s 0.5s ease both; -ms-animation:bounceOutUp 1s 0.5s ease both; -o-animation:bounceOutUp 1s 0.5s ease both;}
@keyframes bounceOutUp{ 
	0%{ transform:translateY(0)} 
	20%{ opacity:1; -webkit-transform:translateY(20px)} 
	100%{ opacity:0; transform:translateY(-2000px)}
}
@-webkit-keyframes bounceOutUp{ 
	0%{ -webkit-transform:translateY(0)} 
	20%{ opacity:1; -webkit-transform:translateY(20px)} 
	100%{ opacity:0; -webkit-transform:translateY(-2000px)}
}
@-moz-keyframes bounceOutUp{ 
	0%{ -moz-transform:translateY(0)} 
	20%{ opacity:1; -moz-transform:translateY(20px)} 
	100%{ opacity:0; -moz-transform:translateY(-2000px)}
}
@-ms-keyframes bounceOutUp{ 
	0%{ -ms-transform:translateY(0)} 
	20%{ opacity:1; -ms-transform:translateY(20px)} 
	100%{ opacity:0; -ms-transform:translateY(-2000px)}
}
@-o-keyframes bounceOutUp{ 
	0%{ -o-transform:translateY(0)} 
	20%{ opacity:1; -o-transform:translateY(20px)} 
	100%{opacity:0; -o-transform:translateY(-2000px)}
}

.ani_09{ animation:fadeInUp1 1s ease both; -webkit-animation:fadeInUp1 1s ease both; -moz-animation:fadeInUp1 1s ease both; -ms-animation:fadeInUp1 1s ease both; -o-animation:fadeInUp1 1s ease both;}
.ani_09{ animation-delay:0.5s; -webkit-animation-delay:0.5s; -moz-animation-delay:0.5s; -ms-animation-delay:0.5s; -o-animation-delay:0.5s;}
@keyframes fadeInUp1{ 
	0%{ opacity:0; transform:translateY(-300px);} 
	100%{ opacity:1; transform:translateY(0);}
}
@-webkit-keyframes fadeInUp1{ 
	0%{ opacity:0; -webkit-transform:translateY(-300px);} 
	100%{ opacity:1; -webkit-transform:translateY(0);}
}
@-moz-keyframes fadeInUp1{ 
	0%{ opacity:0; -moz-transform:translateY(-300px);}
	100%{ opacity:1; -moz-transform:translateY(0);}
}
@-ms-keyframes fadeInUp1{ 
	0%{ opacity:0; -ms-transform:translateY(-300px);} 
	100%{ opacity:1; -ms-transform:translateY(0);}
}
@-o-keyframes fadeInUp1{ 
	0%{ opacity:0; -o-transform:translateY(-300px);} 
	100%{ opacity:1; -o-transform:translateY(0);}
}