@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;height: 1000px;}
.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:#b94e81;}
.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:180px; height:80px; background:url(../images/menu.jpg) no-repeat; margin-bottom:20px;}
.event b{ display:block; height:80px; line-height:80px; font-size:48px; }


.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:112px; left:100px; z-index:5;}
.menu-R{ position:absolute; top:112px; right:100px; z-index:5;}
.menu-L .event,.menu-R .event{ background-position:0 0; padding-left:20px; width:160px;}
.menu-L .event b,.menu-R .event b{margin-right:8px; color:#ff88b3;}


.menu-L .event:hover,.menu-R .event:hover{ color:#fff; }

.menu-L .event:hover p{ color:#fff;}
.menu-L .event:hover b{ color:#fff;}
.menu-R .event:hover p{ color:#fff;}
.menu-R .event:hover b{ color:#fff;}

.skill:hover{ text-decoration:none;transform: translate(2px,0px);}
.skill-L{ margin-top:488px; margin-left:53px;}
.skill-L a{ display:block; text-align:center; background:url(../images/skill_L.png) no-repeat; width:120px; height:30px; line-height:30px; margin-bottom:8px; color:#fff;}
.skill-L a.even{ margin-left:27px;}
.skill-R{ margin-top:393px; margin-right:53px;}
.skill-R a{ display:block; text-align:center; background:url(../images/skill_L.png) no-repeat; width:120px; height:30px; line-height:30px; margin-bottom:8px; color:#fff;}
.skill-R a.even{ margin-left:27px;}

.skill-Bottom{position: absolute;width: 440px;left: 50%;margin-left: -220px;top: 970px;}
.skill-Bottom a{display: block;background: url("../images/skill_B.png") no-repeat;width: 200px;height: 30px;line-height: 30px;text-align: center;margin: 0 10px 10px;font-size: 14px;color: #f89121;}


.main{ display:block; width:200px; margin-bottom:20px; height:80px; background:url(../images/back.png) no-repeat;}
#phone{ display:none; width:100%;}
#phone img{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;border: 5px solid #d760a1;background-color: white;}
.inner-bg .wrap .content{ padding:0 0 30px;width:640px;}
.inner-bg .wrap h1{font-size:48px; color:#d760a1; 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:#d760a1;}
.inner-bg .wrap .content p span{ color:#e4007f;}
.inner-bg .wrap .content img{ display:block; margin-bottom: 50px;border: 5px solid #ffeb7c;}
.inner-bg .wrap .content img.no-border{border: none;}
.inner-bg .wrap .content p a{ color:#0042ff; 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-left:150px; margin-top:30px;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;}
}