@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;width:100%; position:relative;height: 2500px;}
.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;}
.top_link{ position:absolute; left:50%; top:82px; width:270px;margin-left: 230px;}
.top_link a{ display:block; height:36px; margin-right:20px; width:132px; text-align:center; background:#2c0c34; line-height:36px; text-decoration:none; color:#fff;}
.index-bg .content{height:1300px;}
.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;}
.skill-wrap{width: 1498px;margin: 0 auto;position: relative;font-size: 13px;height: 1000px;}
.skill:hover{ text-decoration:none;transform: translate(2px,0px);}
.even{ margin-left:27px;}
.skill-L{ margin-top:192px; width: 147px;background: url("../images/skill_L_icon.png") center top no-repeat;padding-top: 97px;}
.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:#281e26;}
.skill-R{ margin-top:192px; width: 147px;background: url("../images/skill_R_icon.png") center top no-repeat;padding-top: 97px;}
.skill-R a{ display:block; text-align:center; background:url(../images/skill_R.png) no-repeat; width:120px; height:30px; line-height:30px;margin-bottom:8px; color:#00161e;}
.skill-L a.skill-add,.skill-R a.skill-add{text-align: left;padding-left: 25px;width: 95px;}
.skill-Bottom{width: 1260px;margin: 0 auto;clear: both;}
.skill-Bottom a{display: block;background: url("../images/skill_B.png") no-repeat;width: 200px;height: 30px;line-height: 30px;text-align: center;margin-bottom: 10px; font-size: 14px;color: #f89121;}

.event-wrap{clear: both;height: 1500px;width: 1520px;margin: 0 auto;position: relative;}



.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:42px;color: #4a1854;}
.menu-L,.menu-R{margin-top: 44px;}

.event p{ line-height:80px; font-size:14px; color:white; height:80px;}
.event p.style2{ line-height:20px; padding-top:20px; height:40px;}
.menu-L .event{ background-position:0 0; padding-left:42px; width:158px;}
.menu-R .event{ background-position:0 -80px; padding-left:20px; width:220px;}
.menu-L .event b{margin-right:10px;}
.menu-R .event p{width:87px;}

.menu-L .event-sel{background-position: 0 -160px;}
.menu-R .event-sel{background-position: 0 -240px;}
.event-sel b{color: #4a1854;}
.event-sel p{color: #4a1854;}


.phone{ display:none; width:100%;}
.phone img{width: 100%;}

.event-content{width:1000px;position: absolute;left: 50%;margin-left: -500px;top: 0;}
.context{display:none;}
.event-content h1{font-size:48px; color:#fff; line-height:190px;text-align: center;}
.event-content h1 span{ color:#d980da;}
.event-content p{font-size:14px; color:#fff; line-height:34px; margin-bottom:20px;margin-left: 142px;}
.event-content p b{ font-size:18px;color:#d980da;}
.event-content p span{ color:#fff799;}
.event-content img{ display:block;margin:30px 0 30px 142px;}
.event-content a{ color:#fff; text-decoration:underline;}
.event-content p strong{ color:#e4007f;}
.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:60px auto  0; margin-top:30px;width:290px; height:103px; text-align:center; line-height:103px; border-radius:20px; background:#0d4b27; color:white; font-size:30px; font-weight:bold;text-decoration:none;}
.back:hover{ text-decoration:none;}
#pop_video{width:100%; height:100%; display:none;}
#movie{width:800px; height:450px;}

@media screen and (max-width: 1400px) {
    .skill-wrap,.event-wrap{width: 96%;}

}