/*公用头部*/
#header{height:99px;left:0;position:fixed;top:0;z-index:1001;margin: auto;min-width: 1200px;width: 100%;
background:rgba(0, 0, 0, 0.3) none repeat scroll 0 0 !important;
filter:Alpha(opacity=30);}
.logo{display:block;height:80px;left:50px;overflow:hidden;position:absolute;top:10px;}
.logo img{vertical-align:middle}
.nav{margin:auto;position:relative;text-align:center;width:780px}
.nav li{display:inline-block;font-size:18px;height:99px;line-height:99px;margin:0 20px;text-align:center;transition:all .3s ease 0s,color .5s ease 0s}
.nav li.cur{ box-sizing:border-box; border-top:2px solid #ccc}
.nav li.cur a{ color:#fff}
.nav a{ color:#ccc}
.nav a:hover{color:#fff}
#header h1{background: url(../images/tel_bg.png) no-repeat scroll 18px center;color:#00dfb9;font-size:24px;font-weight:700;height:99px;line-height:99px;position:absolute;right:50px;top:0;transition:all .3s ease 0s; width:240px;}

/*公用版权*/
.index-footer{ background:#222; width:100%; text-align:center; min-width:1200px; color:#999; position: fixed; bottom:0; padding:15px 0; z-index:1200;}
.index-footer a{ color:#999; padding:0 5px}
/**/
#container,.section,.sections{position:relative;height:100%}
.section{background-color:#000;background-size:cover;background-position:50% 50%}
#section0{ background-image:url(../images/s1.jpg)}
#section1{background-image:url(../images/s2.jpg); z-index:1000}
#section2{background-image:url(../images/s3.jpg);z-index:1000}
#section3{background-image:url(../images/s4.jpg);z-index:1000}
.pages{position:fixed;right:10px;top:50%;list-style:none; z-index:1000}
.pages li{width:10px;height:10px;border-radius:50%;background:#fff;margin:15px 0 0 5px; cursor:pointer}
.pages li.active{margin-left:2px;width:12px;height:12px;border:2px solid #FFF;background:0 0}

/*模块1*/
.banner-absolute{ height:94%; width:100%; position:absolute; left:0; top:3%}
.banner-full{border:2000px solid rgba(0,0,0,.4);box-sizing:content-box;height:350px;left:50%;margin:-2175px 0 0 -2400px;position:absolute;top:55%;width:800px;z-index:991; }
.banner-full ol li,.banner-full ul li{border-color:#f60;border-style:solid;border-width:0;height:24px;position:absolute;width:24px}
.banner-full ol li:nth-child(1){border-width:5px 0 0 5px;left:0;top:0}
.banner-full ol li:nth-child(2){border-width:5px 5px 0 0;right:0;top:0}
.banner-full ol li:nth-child(3){border-width:0 0 5px 5px;bottom:0;left:0}
.banner-full ol li:nth-child(4){border-width:0 5px 5px 0;bottom:0;right:0}
.banner-full ul li:nth-child(1){border-width:5px 0 0;left:50%;margin:0 0 0 -12px;top:0}
.banner-full ul li:nth-child(2){border-width:0 5px 0 0;margin:-12px 0 0;right:0;top:50%}
.banner-full ul li:nth-child(3){border-width:0 0 5px;bottom:0;margin:0 -12px 0 0;right:50%}
.banner-full ul li:nth-child(4){border-width:0 0 0 5px;bottom:50%;left:0;margin:0 0 -12px}
.banner-border{border:1px dashed #f60;left:50%;position:absolute;top:55%;z-index:993;height: 410px;visibility: visible;width: 600px;margin:-205px 0 0 -300px}

.table-box{display:table;width:100%;height:100%}
.table-cell{display:table-cell;height:100%;text-align:center;vertical-align:middle;width:100%;position:relative}
.banner-write{padding:0 10px;position:relative;word-break:break-all;z-index:992; margin-top:35px}
.banner-write *{max-width:100%}
.banner-write .w1{color:#fff;display:inline-block;font-family: impact;font-size:200px;line-height:0;transition:all .3s ease .4s}
.banner-write .w2{display:inline-block;padding-left:10px;text-align:left;transition:all .3s ease .4s}
.banner-write .w2 .w21{color:#fff;display:block;font-size:36px;font-weight: 700;}
.banner-write .w2 .w22{color: #f60;
    display: inline-block;
    font-family: impact;
    font-size: 88px;
    letter-spacing: 3px;
    line-height: 0.8;
    margin: 5px 0 10px;}
.banner-write .w2 .w23{color:#ccc;display:block;font-size:16px}

.banner-full{animation:banner-full-left 3s;-moz-animation:banner-full-left 1s;-webkit-animation:banner-full-left 1s; -o-animation:banner-full-left 1s;}
@keyframes banner-full-left
{
from{opacity:0;-webkit-transform:translate(1350px,750px);transform:translate(1350px,750px)}
to{opacity:1;-webkit-transform:none;transform:translate(0px)}
}
@-moz-keyframes banner-full-left
{
from{opacity:0;-webkit-transform:translate(1350px,750px);transform:translate(1350px,750px)}
to{opacity:1;-webkit-transform:none;transform:translate(0px)}
}
@-webkit-keyframes banner-full-left
{
from{opacity:0;-webkit-transform:translate(1350px,750px);transform:translate(1350px,750px)}
to{opacity:1;-webkit-transform:none;transform:translate(0px)}
}
@-o-keyframes banner-full-left
{
from{opacity:0;-webkit-transform:translate(1350px,750px);transform:translate(1350px,750px)}
to{opacity:1;-webkit-transform:none;transform:translate(0px)}
}
.banner-border{animation:banner-border-right 3s;-moz-animation:banner-border-right 1s;-webkit-animation:banner-border-right 1s; -o-animation:banner-border-right 1s;}
@keyframes banner-border-right
{
from{opacity:0; margin:0 }
to{opacity:1;margin:-205px 0 0 -300px}
}
@-moz-keyframes banner-border-right
{
from{opacity:0; margin:0 }
to{opacity:1;margin:-205px 0 0 -300px}
}
@-webkit-keyframes banner-border-right
{
from{opacity:0; margin:0 }
to{opacity:1;margin:-205px 0 0 -300px}
}
@-o-keyframes banner-border-right
{
from{opacity:0; margin:0 }
to{opacity:1;margin:-205px 0 0 -300px}
}
/*模板2*/
.profession_list{overflow:hidden;width:1050px; height:500px; position:absolute; margin:-200px 0 0 -525px; top:50%; left:50%}
.profession_list h2{ text-align:center; color:#ccc; line-height:35px; font-size:32px; padding-bottom:80px; position:relative}
.profession_list h2::after{background-color:#f60;bottom:52px;content:"";height:2px;left:50%;position:absolute;width:58px; margin-left:-29px}
.profession_list dl{padding-top:150px;width:350px; background-size:130px 130px !important; text-align:center; float:left}
.profession_list dt{color:#f60;font-size:22px;font-weight:700;margin-bottom:20px}
.profession_list dd{color:#fff;font-size:16px;line-height:32px}
dl.web{background:url(../images/profession_01.png) no-repeat center 0}
dl.app{background:url(../images/profession_02.png) no-repeat center 0}
dl.seo{background:url(../images/profession_03.png) no-repeat center 0}

/*模板3*/
.banner-write .w2.cc{ text-align:center; padding:0}
.banner-write .w2.cc .w22{ margin:22px 0 28px 0}
.banner-write .w2.cc .w23{ line-height:35px}

/*模块4*/
#section3 .main{left:50%;margin-left:-350px;position:absolute;top:50%;width:700px; height:270px; margin-top:-135px}
#section3 .main img{animation:1s ease .1s normal both 1 running downIn;display:block;margin:auto}
#section3 .main a{animation:1s ease .7s normal both 1 running fadeIn;display:block;height:50px;line-height:50px;margin:80px auto 0;position:relative;text-align:center;transition:all .3s ease 0s;width:210px; font-size:18px;background:#f60;box-shadow:0 0 20px 5px rgba(0,0,0,.2);color:#fff}
#section3 .main a:hover{background:#f53000;box-shadow:0 0 20px 5px rgba(0,0,0,.2);color:#fff}