@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0;}
body { font: 16px/1.8 "Microsoft Yahei",verdana;}
strong{text-indent:-9999px;}
/* 右侧导航 */
#fullPage-nav { _display:none; font-size: 12px;}
#fullPage-nav li { width:100px; height: 21px; margin: 10px 0 0; vertical-align: middle;}
#fullPage-nav li a { float: right; width:15px; height: 15px; color: #8F9DA4; text-decoration: none; text-align: right; background:url(img/gjmfj.png) -15px 0px;}
#fullPage-nav li .active { background-position:0px 0px;}
#fullPage-nav span { display: none;}
.fullPage-tooltip { float: left; margin-right: 5px; font: 14px; color: #000; }

.section { position: relative; overflow: hidden; width:100%; height:100%; margin:0 auto; }
.section .bg img { display: block; }
.section strong { position: absolute;  z-index: 10; margin-left: -256px; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.section1{position:relative;}
.section1 .bg{margin-top:10px;}
.section1 .bg a{position: absolute; left:967px; top: 665px; width: 246px; height:37px;}
.section1{background:url(img/one_01_01.jpg) center/cover no-repeat; }
.section2{background:url(img/one_01_02.jpg) center/cover no-repeat;     }



.bg13 { position: absolute; left:690px; bottom:20px; width:78px; height:64px; background:url(4.gif); transition: all 1s;}
.p1 { position: absolute; left:50px; top: 300px; width: 1440px; font-size: 16px; color: #727F8C; opacity: 0; transition: all 1s;}

.bg21 { position: absolute; left:630px; top:600px; width:120px; height:35px; background-color:#000; line-height:35px; font-size:18px; text-align:center; color:#FFF; cursor:pointer;  transition: all 1s;  opacity: 0; margin-left: -1108px;}
.bg21 a{ font-size:18px; color:#FFF; }
.bg22 { position: absolute; left:630px; top:450px; transition: all 1s; opacity: 0; margin-left: 320px;}
.section2 strong { left: 58%; top: 15%; width:255px; height:150px; background:url(2.gif) -450px 0px; }

.futurevideo{ position:absolute; left:0; top:0; width:100%; height:100%;     object-fit: cover;}
.section2 .p1 .section2tt01 { float:left; width:202px; height:103px; background:url(2.gif) -16px -204px; cursor:pointer; margin-left:100px; }
.section2 .p1 .section2tt02 { float:left; width:202px; height:103px; background:url(2.gif) -242px -204px; cursor:pointer; margin-left:20px;}
.section2 .p1 .section2tt03 { float:left; width:202px; height:103px; background:url(2.gif) -466px -204px; cursor:pointer; margin-left:20px;}
.section2 .p1 .section2tt04 { float:left; width:202px; height:103px; background:url(2.gif) -692px -204px; cursor:pointer; margin-left:20px; }
.section2 .p1 .section2tt05 { float:left; width:202px; height:103px; background:url(2.gif) -921px -204px; cursor:pointer; margin-left:20px; }

.section3 img{ margin:auto;}
.section3 strong { left:690px; top:20px; width:417px; height:156px; background:url(5.gif); }
.section3 .bg{ left:100px; top:200px; opacity: 0;  transition: all 1s; position: absolute;
-webkit-transform: scale(0.5, 0.5);
transform: scale(0.5, 0.5);
transition: all 1s;}
.section .left{ float:left; width:342px;position: absolute;z-index: 10;left: 100px;top: 0px;height: 300px;}
.section .con{ float:left; width:270px;position: absolute;z-index: 10;left: 490px;top: 190px;height: 300px;}
.right1{ float:left; width:410px;position: absolute;z-index: 10;left: 750px;top: 190px;height: 300px;}
.section4 strong { left:560px; top:20px; width:643px; height:185px; background:url(7.gif); }

.section5 strong { left:560px; top:20px; width:643px; height:185px; background:url(7.gif); }
.section5 h3 { left:0px; top:190px;}
.section5 h3 .section3tt01 { width:342px; height:74px; background:url(12.gif);}
.section5 .section3tt02 { width:252px; height:162px; background:url(15.gif); margin-left:100px; margin-top:120px;  opacity: 0;  transition: all 1s;}

.section6 strong { left:560px; top:20px; width:643px; height:185px; background:url(7.gif); }
.section6 h3 { left:0px; top:190px;}
.section6 h3 .section3tt01 { width:342px; height:74px; background:url(16.gif);}
.section6 .section3tt02 { width:252px; height:162px; background:url(19.gif); margin-left:100px; margin-top:120px;  opacity: 0;  transition: all 1s;}

.section7 strong { left:560px; top:20px; width:643px; height:185px; background:url(7.gif); }
.section7 h3 { left:0px; top:190px;}
.section7 h3 .section3tt01 { width:342px; height:74px; background:url(20.gif);}
.section7 .section3tt02 { width:252px; height:162px; background:url(23.gif); margin-left:100px; margin-top:120px;  opacity: 0;  transition: all 1s;}

.section8 strong { left:560px; top:20px; width:643px; height:185px; background:url(7.gif); }
.section8 h3 { left:0px; top:190px;}
.section8 h3 .section3tt01 { width:342px; height:74px; background:url(24.gif);}
.section8 .section3tt02 { width:252px; height:162px; background:url(27.gif); margin-left:100px; margin-top:120px; opacity: 0;  transition: all 1s;}

.section9 strong { left:560px; top:20px; width:643px; height:185px; background:url(28.gif); }

.section10 strong { left:560px; top:20px; width:696px; height:185px; background:url(34.gif); }

.section11 strong { left:560px; top:20px; width:700px; height:185px; background:url(36.gif); }

.section12 strong { left:560px; top:20px; width:672px; height:153px; background:url(40.gif); }

.tabout{max-width:1280px; margin:0 auto; position:relative; height:100%;}
.tabout h1{ top:60%; position:absolute; width:100%; left:-250px; text-align:center; text-transform:uppercase;     transition: all 1s;     opacity: 0;}
.tabout h1 span{text-align:center; color:#ffffff; font-size:48px;}
.tabout h2{  top:16%; left:-50%; margin-left:-143px; position:absolute; transition: all 1s;     opacity: 0;}
.active .tabout h1{ top:calc(100% / 4); position:absolute; width:100%; left:0; text-align:center; text-transform:uppercase;    opacity: 1; transition-delay: 0.9s;}
.active .tabout h2{ width:285px; height:65px; border:2px #fff solid; border-radius:65px; text-align:center; line-height:65px; text-transform:uppercase; top:calc(100% / 4 + 90px); left:50%; margin-left:-143px; position:absolute;   opacity: 1; transition-delay: 0.9s;}
.tabout h2 a{color:#fff;}

.tabout ul{position:absolute; width:100%; left:-900px; color:#fff; top:calc(100% / 2);  transition: all 1s;     opacity: 0;}
.tabout ul li{width:20%; float:left; margin-left:2.5%; margin-right:2.5%; text-align:center; font-size:18px;}
.tabout ul li p span{font-weight:bold; font-size:48px;}


.active .tabout ul{position:absolute; width:100%; color:#fff; top:calc(100% / 2);  opacity: 1; transition-delay: 0.9s; left:0;}

.section3{background:url(img/sec3.jpg) left center no-repeat;}























.bg31 { position: absolute; left:0px; top:420px; width:342px; height:65px; background-color:#000; line-height:65px; font-size:14px; color:#FFF; text-align:center; opacity: 0; transition: all 1s;}
.bg32 { position: absolute; left:625px; bottom:0px; width:78px; height:64px; background:url(4.gif); opacity: 0; transition: all 1s;}
.bg33 { position: absolute; left: 0%; top:0px;  opacity: 0; transition: all 1s; z-index:1;}
.p3 { position: absolute; left:0px; top:280px;width:342px; line-height:25px; font-size:16px; text-align:left; color:#898989; opacity: 0; transition: all 1s; z-index:99;}
.p33 { position: absolute; left:60px; top:25px;width:342px; line-height:25px; font-size:16px; text-align:center; color:#898989; transition: all 1s; z-index:99;}
.p33 span{color:black;font-weight:bold;}
.section3 .p3 .section3p3{ position:absolute; margin-top:70px; margin-left:-150px; }

.bg41 { position: absolute; left:100px; top:500px; width:383px; height:404px;transition: all 1s;}
.bg42 { position: absolute; left:500px; top:500px; width:245px; height:404px;line-height:25px; font-size:16px; text-align:center; font-weight:bold; transition: all 1s;}
.bg43 { position: absolute;background:url(yezi.jpg); top:500px; left:800px; transition: all 1s; width:329px; height:404px; transition: all 1s;}
.p4 { position: absolute; left:690px; top:460px; width: 455px;  line-height:25px; font-size:16px; text-align:center; color:#898989; opacity: 0; transition: all 1s; z-index:99;}
.section4 .p4 .section4p4{ position:absolute; margin-top:70px; margin-left:-120px; }

.bg51 { position: absolute; left:100px; top:500px; width:600px; height:274px;transition: all 1s;}
.bg52 { position: absolute; left:800px; top:570px; width:300px; height:274px;line-height:25px; font-size:16px; text-align:center; font-weight:bold; transition: all 1s;}



.bg53 {position: absolute; left: 60%; top:0px;  opacity: 0; transition: all 1s; z-index:1;}
.p5 { position: absolute; left:280px; top:500px; width: 455px;  line-height:25px; font-size:16px; text-align:center; color:#898989; opacity: 0; transition: all 1s; z-index:99;}
.section5 .p5 .section5p5{ position:absolute; margin-top:50px; margin-left:-190px; }


.bg61 { position: absolute; left:810px; top:420px; width:215px; height:25px; background-color:#000; line-height:25px; font-size:14px; color:#FFF; text-align:center; transition: all 1s;}
.txt6 { position: absolute; left:760px; top:480px; width: 455px;  line-height:25px; font-size:16px; text-align:center; color:#898989; opacity: 0; transition: all 1s;}
.section6 .txt6 .section6txt6{ position:absolute; margin-top:50px; margin-left:-290px; }

.bg71 { position: absolute; left:100px; top:150px; width:171px; height:561px; opacity: 0; transition: all 1s;}
.bg72 { position: absolute; left:940px; top:250px; width:177px; height:561px; opacity: 0; transition: all 1s;}
.bg71 a { position: absolute; left:10px; top:160px; width:150px; height:34px;}
.bg72 a { position: absolute; left:20px; top:160px; width:150px; height:34px;}
.bg71 p { position: absolute; left:10px; top:250px; width:200px; height:410px;}
.bg72 p { position: absolute; left:20px; top:250px; width:200px; height:410px;}
.txt7 { position: absolute; left: 320px; top:100px; width:565px; height:507px; background:url(30.gif) no-repeat;  opacity: 0; transition: all 1s;}

.bg81 { position: absolute; width: 370px; top: 300px; height: 215px; left:485px;}
.bg82 { position: absolute; left: 120px; top: 650px; width: 400px; height: 215px;}
.txt8 { position: absolute; left: 100px; top:200px; width:971px; height:673px; background:url(35.gif);  opacity: 0; transition: all 1s;}
.bg83{position: absolute; left: 893px; top:350px;  width:165px; height:165px; }
.bg84{position: absolute; left: 547px; top:650px;  width:165px; height:165px; }
.bg83 a ,.bg84 a{display:block;width:165px; height:165px; }

.txt9 { position: absolute; left: 100px; top:200px; width:527px; height:538px; background:url(37.gif);}
.bg91 { position: absolute; left: 700px; top: 250px; width: 436px;background: url(39.gif)no-repeat; opacity: 0; transition: all 1s;}
.bg91 p { position: relative; left: 20px; top:60px; width: 400px; font-size: 16px; }
.bg92 { position: absolute; left: 720px; top: 450px; width: 390px; height:256px; background: url(38.gif)no-repeat; opacity: 0; transition: all 1s;}

.bg101 { position: absolute; left:100px; top:200px; width: 1115px; height: 709px; background: url(41.gif) no-repeat;  opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.bg101 a { position: absolute; left:200px; top:40px; width:195px; height:64px;}
.bg102 { position: absolute; width: 100%; top: 800px; height: 79px; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}

.copyright { position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; font-size: 0;}
.copyright a, .copyright span { margin: 0 7px; font-size: 12px; color: #a0a0a0;}

/* CSS3过度及动画 */
.active .section3tt02 { opacity: 1;-webkit-transform:scale(1, 1);  transition-delay: 0.7s; transform:scale(1, 1);}
.active .p1 { opacity: 1; transition-delay: 1.7s;}
.active .p4 { opacity: 1; transition-delay: 1.7s;}
.active .p5 { opacity: 1; transition-delay: 1.7s;}
.active .bg { opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
transition-delay: 0.7s;}

.active .bg12 { bottom: 90px; opacity: 1; transition-delay: 0.7s; }
.active .bg13 { bottom:20px; opacity: 1; transition-delay: 0.7s;}
.active .hgroup { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .mail { top:560px; transition-delay: 0.7s;}
.active .p11 { opacity: 1; transition-duration: 1s; transition-delay: 2s;}

.active .bg21 { opacity: 1; margin-left:0px; transition-delay: 0.7s;}
.active .bg23 { bottom: 15%; transition-delay: 0.7s;}
.active .bg22 { margin-left: -280px; opacity: 1; transition-delay: 0.7s;}

.active .p3 { margin-left:0px; opacity: 1; transition-delay: 0.7s;}
.active .bg31, .active .bg32 { opacity: 1; transition-delay: 1s;}
.active .bg33 { margin-left: 0px; opacity: 1; transition-delay: 0.7s;}

.active .bg41 { top: 500px; transition-delay: 0.7s;}
.active .bg42 { top: 500px; transition-delay: 1.1s;}
.active .bg43 { top: 500px; transition-delay: 0.9s;}

.active .bg51 { top: 500px; opacity: 1; transition-delay: 0.7s;}
.active .bg52 {top: 500px; transition-delay: 1.1s;}
.active .bg53 { margin-left: -120px; opacity: 1; transition-delay: 0.7s;}

.active .bg61 { top:420px; transition-delay: 0.7s;}
.active .bg62 { left: 50%; opacity: 1; transition-delay: 0.7s;}
.active .bg63 { top:0px; transition-delay: 0.9s;}
.active .txt6 { left: 50%; opacity: 1; transition-delay: 0.7s;}

.active .bg71 { top: 100px; opacity: 1; transition-delay: 0.7s;}
.active .bg72 { top:100px; opacity: 1; transition-delay: 0.9s;}
.active .txt7 { top:200px; opacity: 1; transition-delay: 1.1s;}

.active .bg81 { top: 300px; opacity: 1; transition-delay: 0.7s;}
.active .bg82 { t0p: 650px; opacity: 1; transition-delay: 1s;}
.active .txt8 { opacity: 1; transition-delay: 1.1s;}

.active .bg91 { opacity: 1; transition-delay: 0.7s;}
.active .bg92 { opacity: 1; transition-delay: 0.8s;}

.active .bg101, .active .bg102 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .go { top: 25%; opacity: 1; transition-delay: 1.2s;}

/* for lt ie 10 */
.ltie10 strong, .ltie10 h3 { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .p1 { opacity: 1; transition-delay: 1.7s;}
.ltie10 .p4 { opacity: 1; transition-delay: 1.7s;}
.ltie10 .p5 { opacity: 1; transition-delay: 1.7s;}

.ltie10 .bg12 { bottom: 90px; opacity: 1; transition-delay: 0.7s; }
.ltie10 .bg13 { bottom:20px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .hgroup { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .mail { top: 25px; transition-delay: 0.7s;}
.ltie10 .p11 { opacity: 1; transition-duration: 1s; transition-delay: 2s;}

.ltie10 .bg21 { opacity: 1; margin-left: -608px; transition-delay: 0.7s;}
.ltie10 .bg23 { bottom: 15%; transition-delay: 0.7s;}
.ltie10 .bg22 { margin-left: -280px; opacity: 1; transition-delay: 0.7s;}

.ltie10 .p3 { margin-left: -480px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg31, .ltie10 .bg32 { opacity: 1; transition-delay: 1s;}
.ltie10 .bg33 { margin-left: -120px; opacity: 1; transition-delay: 0.7s;}

.ltie10 .bg41 { bottom: 15%; transition-delay: 0.7s;}
.ltie10 .bg42 { bottom:0px; transition-delay: 1.1s;}
.ltie10 .bg43 { top:-150px; transition-delay: 0.9s;}

.ltie10 .bg51 { margin-left:0px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg52 { bottom:0px; transition-delay: 1.1s;}
.ltie10 .bg53 {  margin-left: -120px; opacity: 1; transition-delay: 0.7s;}


.ltie10 .bg61 {  top:420px; transition-delay: 0.7s;}
.ltie10 .bg62 { left: 50%; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg63 { top:0px; transition-delay: 0.9s;}
.ltie10 .txt6 { left: 50%; opacity: 1; transition-delay: 0.7s;}

.ltie10 .bg71 { bottom: 250px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg72 { top:490px; opacity: 1; transition-delay: 0.9s;}
.ltie10 .txt7 { bottom: 420px; opacity: 1; transition-delay: 1.1s;}

.ltie10 .bg82 { bottom: 260px; margin-left: -280px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg83 { bottom: 380px; margin-left: -430px; opacity: 1; transition-delay: 1s;}
.ltie10 .bg84 { bottom: 420px; margin-left: -510px; opacity: 1; transition-delay: 1.2s;}
.ltie10 .p8 { opacity: 1; transition-delay: 1.7s;}

.ltie10 .bg91 { margin-left: -570px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg92 { opacity: 1; transition-delay: 0.8s;}
.ltie10 .bg93 { margin-left: 230px; opacity: 1; transition-delay: 0.7s;}

.ltie10 .bg102, .ltie10 .bg103 { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .go { top: 25%; opacity: 1; transform:scale(1, 1); transition-delay: 1.2s;}





.top{    position: fixed; max-width:90%; margin:0 auto;  z-index:99999; top:20px;}
.superContainer{background:url(menu_01.jpg) center top no-repeat;}
.tom_l{position: fixed; left:50px;}
.bgmain{max-width:1070px; margin:0 auto; height:100%; position:relative;}




.pag1_10{ position:absolute; top:200px; left:-210px;     transition: all 1s;
    opacity: 0;} 
.pag1_1{ position:absolute; top:340px;  left:-210px;     transition: all 1s;
    opacity: 0;}
.pag1_3{ position:absolute; bottom:5%; left:-210px;  transition: all 1s;
    opacity: 0;}
.pag1_4{ position:absolute; top:200px; right:-210px; transition: all 1s;
    opacity: 0;}
.pag1_2{ position:absolute; bottom:5%; right:-210px; transition: all 1s;
    opacity: 0;}
.pag1_5{ position:absolute; top:434px; right:-210px;transition: all 1s;
    opacity: 0;}


 .pag1_6{ position:absolute; top:505px; left:270PX;  transition: all 1s;
    opacity: 0;}
.pag1_7{ position:absolute; top:595px; left:305PX; transition: all 1s;
    opacity: 0;}
.pag1_8{ position:absolute; top:585px; right:440px;  transition: all 1s;
    opacity: 0;}
.pag1_9{ position:absolute; top:520px; right:540px; transition: all 1s;
    opacity: 0;}



.active .pag1_10{ position:absolute; top:200px; left:10px; opacity: 1; transition-delay: 0.7s; }
.active .pag1_1{ position:absolute; top:25%; left:0;   opacity: 1; transition-delay: 0.9s; font-size:48px; text-align: center;
width: 100%; font-weight:bold;}
.active .pag1_3{ position:absolute;  bottom:15%; left:40%;  opacity: 1; transition-delay:1S;}
.active .pag1_2{ position:absolute; bottom:15%; right:220px; opacity: 1; transition-delay: 0.9s;}

.sethrmain{max-width:1203px; margin:0 auto; position:relative;     height: 100%;}
.sethrmain h1 {
    top: 60%;
    position: absolute;
    width: 100%;
    left: -250px;
    text-align: center;
    text-transform: uppercase;
    transition: all 1s;
    opacity: 0;
}
.active .sethrmain h1 {
    top: calc(100% / 4);
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    text-transform: uppercase;
    opacity: 1;
    transition-delay: 0.9s; color:#fff;
}

.sethrmain h2 {
    top: 16%;
    position: absolute;
    transition: all 1s;
    opacity: 0;
}

.active .sethrmain h2 {
    top: calc(100% / 4);
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    text-transform: uppercase;
    opacity: 1;
    transition-delay: 0.9s; color:#fff;
    top: calc(100% / 4 + 40px);
    position: absolute;
    opacity: 1; font-size:18px;
    
}



.sethrmain .more {
     bottom:10%;

    left: -50%;
    margin-left: -143px;
    position: absolute;
    transition: all 1s;
    opacity: 0;
}

.active .sethrmain .more {
    width: 285px;
    height: 65px;
    border: 2px #fff solid;
    border-radius: 65px;
    text-align: center;
    line-height: 65px;
    text-transform: uppercase;
   bottom:4%;
    left: 50%;
    margin-left: -143px;
    position: absolute;
    opacity: 1;
    transition-delay: 0.9s; background:#fff; color:#ef8d02;
}


.sml{    width: 25%;   top: 16%;
  
   float:left; position:relative; text-align:center;  transition: all 0.3s;   transform:scaleX(0);
   }
.active	.sml{  top: calc(100% / 2.5);  opacity: 1; transition-delay: 1s;   -webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);}
.active	.sml a h6{color:#fff; font-size:30px;}

.sefman{max-width:1185px; margin:0 auto; position:relative; height:100%;}


.section4{background:url(img/sec4.jpg) center/cover no-repeat; }

.sefman h1 {
    top: 60%;
    position: absolute;
    width: 100%;
    left: -250px;
    text-align: center;
    text-transform: uppercase;
    transition: all 1s;
    opacity: 0;
}
.active .sefman h1 {
    top: calc(100% / 4);
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    text-transform: uppercase;
    opacity: 1;
    transition-delay: 0.9s;
    color: #fff;
}
.sefman h2 {
    top: 16%;
    position: absolute;
    transition: all 1s;
    opacity: 0;
}
.active .sefman h2 {
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    text-transform: uppercase;
    opacity: 1;
    transition-delay: 0.9s;
    color: #fff;
    top: calc(100% / 4 + 50px);
    position: absolute;
    opacity: 1;
    font-size: 18px;
}

.sefman ul{width:100%; position:absolute;     top: calc(100% / 2.5);  left:0;}
.sefman ul li{width:33%; float:left; text-align:center;}
.sefman ul li a{color:#fff; font-size:25px; line-height:1.5;}

.sefman .more {
    bottom: 10%;
    left: -50%;
    margin-left: -143px;
    position: absolute;
    transition: all 1s;
    opacity: 0;
}
.active .sefman .more {
    width: 285px;
    height: 65px;
    border: 2px #e18d13 solid;
    border-radius: 65px;
    text-align: center;
    line-height: 65px;
    text-transform: uppercase;
    bottom:9%;
    left: 50%;
    margin-left: -143px;
    position: absolute;
    opacity: 1;
    transition-delay: 0.9s;
    background: #e18d13;
    color: #fff;
}
.active .sefman .more  a{color:#fff;}
.syfoot{height:45px; line-height:45px; position:absolute; bottom:0;  background:#000; width:100%;} 
.syfoot p{text-align:center; color:#fff;}