@charset "utf-8";
/* CSS Document */
.fancybox-skin{ background:none;}
.fancybox-opened .fancybox-skin{box-shadow:none;}
a{text-decoration: none;}
html,body{width:100%;}
.index-bg{background:url(../images/indexBg.jpg) center top no-repeat #6c020c;width:100%; position:relative;height: 1216px;}
.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:#c25a10; background:#ffe783;}
.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;  height:90px; background:url(../images/menu.png) no-repeat; margin-bottom:10px;padding-left:40px; width:193px;cursor: pointer;}
.event b{ display:block; height:80px; line-height:80px; font-size:48px; margin-right:8px; color:#dbb556;}


.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-R{ position:absolute; top:110px; right:100px; z-index:5;}



.menu-R .event p{width:87px;}


.skill:hover{ text-decoration:none;transform: translate(2px,0px);}
.skill-L{ margin-top:95px; margin-left:53px;}
.skill-L a{ display:block; text-align:center; background:url(../images/skill_bg.png) no-repeat; width:133px; height:37px; line-height:37px; margin-bottom:20px; color:#00161e;}
.skill-L a.even{ margin-left:27px;}
.skill-R{ margin-top:95px; margin-right:53px;}
.skill-R a{ display:block; text-align:center; background:url(../images/skill_bg.png) no-repeat; width:133px; height:37px; line-height:37px; margin-bottom:20px; color:#00161e;}
.skill-R a.even{ margin-left:27px;}



.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%;}

.pop-wrap{width: 100%;height: 1206px;background:url(../images/mask.png) repeat;position: absolute;left: 0;top: 0;z-index: 999;display: none;padding-top: 10px;}

.wrap{width:880px; margin:0 auto; position:relative;padding-bottom: 95px;background:url(../images/wrap.png) repeat;border-radius: 10px;}
.wrap div{width:740px;margin: 0 auto;}
.wrap h1{font-size:48px; color:#fff; line-height:108px;}
.wrap h1 span{ color:#dbb556;}
.wrap div p{font-size:18px; color:#fff; line-height:30px; margin-bottom:20px;font-weight: bold;}
.wrap div p b{ font-size:28px;color:#dbb556;line-height: 60px;}
.wrap div p span{ color:#ff0000;}
.wrap div img{ display:block;margin: 20px auto;}
.wrap div p a{ color:#00c0ff; text-decoration:underline;}
.wrap div p strong{ color:#e60012;}
.wrap div p.center{text-align: center;}

.back{ display:block; margin: 0 auto;width:220px; height:70px; text-align:center; line-height:70px; border-radius:20px; border:4px solid #c3573f; background:#ac6a36; color:white; font-size:30px; font-weight:bold;}
.back:hover{ text-decoration:none;}

@media screen and (max-width: 1600px) {
    .index-bg{height:1400px;}
	.inner-bg .menu-L { left:0;}
	.inner-bg .menu-R { right:0;}
	.index-bg .event{ float:left; margin:0 8.5px 20px;}
	.index-bg .menu-L {width:1000px; margin:0 auto; top:820px; left:50%; margin-left:-500px;}
	.index-bg .menu-R {width:1000px; margin:0 auto; top:1040px; clear:both; right:auto;left:50%; margin-left:-500px;}
}