@charset "utf-8";
/* CSS Document */
.fancybox-skin{ background:none;}
.fancybox-opened .fancybox-skin{box-shadow:none;}
html,body{width:100%;}
.index-bg{background:url(../images/indexBg.jpg) center top no-repeat #000;width:100%; position:relative;}
.fs_index{display:block;position:absolute;width:180px;height:82px;left:29px;top:29px;}
.top_link{ position:absolute; left:730px; top:51px; width:270px;}
.top_link a{ display:block; height:36px; margin-right:20px; width:132px; text-align:center; line-height:36px; text-decoration:none; color:#fff; background:#843cfa;}
.content{width:1000px; margin:0 auto; position:relative; z-index:4;}
.index-bg .content{height:1080px;}
.inner-bg .content{ min-height:900px;height:auto !important;height:900px; padding-top:100px; padding-bottom:100px;}
.fs_index{display:block;position:absolute;width:132px;height:57px;left:57px;top:29px;}
.event{ display:block; width:200px; height:80px; background:url(../images/menu.png) no-repeat; margin-bottom:20px;}
.event b{ display:block; height:80px; line-height:80px; font-size:48px; }
.event:hover p{ color:black;}

.event p{ line-height:80px; font-size:14px; color:white; height:80px;}
.event p.style2{ line-height:20px; padding-top:20px; height:40px;}
.event p.style3{ line-height:20px; padding-top:10px; height:60px; font-size:12px;}
.menu-L{ position:absolute; top:110px; left:100px; z-index:5;}
.menu-L .event{ background-position:0 0; padding-left:40px; width:160px;}
.menu-L .event:hover,.menu-L a.current{ background-position:0 -80px; }
.menu-L .event b{margin-right:8px; color:white;}
.menu-R .event b{color:#843cfa;}
.menu-L .current b,.menu-R .current b{color:white;}
.menu-L .current p,.menu-R .current p{color:black;}
.menu-R{ position:absolute; top:110px; right:100px; z-index:5;}
.menu-R .event{ background-position:0 -160px; padding-left:20px; width:180px;}
.menu-R .event:hover,.menu-R a.current{ background-position:0 -240px;}
.menu-R .event p{width:87px;}
.event:hover b{ color:white;}


.skill{ display:block; width:90px; height:90px; position:absolute;}
.skill_1{ left:133px; top:159px;}
.skill_2{ left:60px; top:261px;}
.skill_3{ left:19px; top:377px;}
.skill_4{ left:11px; top:499px;}
.skill_5{ left:35px; top:614px;}
.skill_6{ right:129px; top:159px;}
.skill_7{ right:60px; top:261px;}
.skill_8{ right:18px; top:377px;}
.skill_9{ right:10px; top:499px;}
.skill_10{ right:35px; top:614px;}
.skill_11{left:331px;top:920px;}
.skill_12{left:483px;top:920px;}
.skill_13{left:632px;top:920px;}
.main{ display:block; width:200px; margin-bottom:20px; height:80px; background:url(../images/back.png) no-repeat;}
#phone{ display:none; width:100%;}

.inner-bg{background:url(../images/innerBg.jpg) center top no-repeat #000;width:100%; position:relative; padding-top:73px; padding-bottom:100px;}
.inner-bg .wrap{width:740px; margin:0 auto; position:relative; background:white; border:5px solid #413bf3;}
.inner-bg .wrap .content{ padding:0 40px 30px;width:660px;}
.inner-bg .wrap h1{font-size:48px; color:#413bf3; line-height:108px;}
.inner-bg .wrap .content p{font-size:14px; color:#313131; line-height:34px; margin-bottom:20px;}
.inner-bg .wrap .content p b{ font-size:18px;color:#e20fa8;}
.inner-bg .wrap .content p span{ color:#fb5dc3;}
.inner-bg .wrap .content img{ display:block;}
.inner-bg .wrap .content p a{ color:#ef602c; text-decoration:underline;}
.inner-bg .wrap .content p strong{ color:#e60012;}
.top{ display:block; position:absolute; background:url(../images/innerTop.png) no-repeat; width:795px; height:89px; left:50%; margin-left:-397px; top:82px; z-index:3;}
.back{ display:block; margin:30px auto 0;width:220px; height:70px; text-align:center; line-height:70px; border-radius:20px; border:4px solid #c3573f; background:#b63b3d; color:white; font-size:30px; font-weight:bold;}
.back:hover{ text-decoration:none;}

@media screen and (max-width: 1600px) {
    .index-bg .content{height:1600px;}
    .menu-R .event:hover,.menu-R a.current{ background-position:0 -80px;}
	.inner-bg .menu-L { left:0;}
	.inner-bg .menu-R { right:0;}
	.index-bg .event{ float:left; margin:0 25px 20px;}
	.index-bg .menu-L {width:1000px; margin:0 auto; top:1040px; left:50%; margin-left:-500px;}
	.index-bg .menu-R {width:1000px; margin:0 auto; top:1250px; clear:both; right:auto;left:50%; margin-left:-500px;}
}
