﻿body a{outline:none;blr:expression(this.onFocus=this.blur());}
#menu{
    width:12%;
    height:100%;
    background: #000000;
    position:absolute;
    z-index:9999;
    text-align: center;
    padding-top: 6rem;
}
.section{
    width:88%;
    left:12%;
}
#menu ul{
    margin-top:20rem;
    text-align: left;
    padding-left: 5rem;
}
#menu ul li{
    background: none;
    border: 0;
    line-height: 20px;
}
#menu ul li a{
    color:#bebebe;
    font-size: 20px;
    font-family:黑体;
}
#menu ul li.active a{
    color:#FFFFFF;
    font-weight: 700;
}
#menu .nav_foot{
    position: absolute;
    text-align: center;
    width:100%;
    bottom:5rem;
}
#menu .nav_foot a{
    color:#414141;
    font-size: 13px;
    padding:1rem;
}
#menu .nav_foot a.active{
    color:#FFFFFF;
}
#myVideo{
    position: absolute;
    right: 0;
    bottom: 0;
    top:0;
    right:0;
    width:100%;
    height:98.2%;
    background-size: 100% 100%;
    background-color: black; /* in case the video doesn't fit the whole page*/
    background-position: center center;
    background-size: contain;
    object-fit: cover; /*cover video background */
    z-index:3;
}
div.left_1{
    position:absolute;
    top:6%;
    left:5%;
    z-index:4;
    width:45%;
    height:88%;
    background: #000000;
    opacity: 0.5;
}
.left_12{
    position:absolute;
    top:6%;
    left:5%;
    z-index:4;
    width:45%;
    height:88%;
    padding-left: 10%;
    padding-right: 2%;
}
.left_12 h1{
    margin-top:450px;
    color:#FFFFFF;
    font-size:36px;
}
.left_12 p{
    color:#FFFFFF;
    font-size:18px;
}
.left_12 a{
    font-size:3rem;
    color:#FFFFFF;
    opacity: 0.5;
}
.left_2{
    position:absolute;
    z-index:4;
    width:50%;
    height:100%;
    background: url(../i/2-1.png);
    background-size: 100% 100%;
    background-position: center;
    overflow: hidden;
}
.left_2s{
    position:absolute;
    z-index:4;
    width:50%;
    height:100%;
    background: #333333;
    opacity:0.5;
}
.left_2 img{
    position:absolute;
    left:20%;
    top:15%;
}
div.left_22{
    position:absolute;
    left:12%;
    top:40%;
    z-index:5;
    width:35rem;
    height:13rem;
    opacity:0.5;
    background: #333333;
}
div.left_222{
    position:absolute;
    left:12%;
    top:40%;
    z-index:5;
    width:35rem;
    height:15rem;
}
div.left_222 img{
    float:left;
    width:20%;
    margin:2rem;
}
div.left_222 h2{
    width:65%;
    float: right;
    margin-top:2rem;
    line-height: 3rem;
    text-transform: uppercase;
    color:#FFFFFF;
}
div.left_222 h2 span{
    font-size:1.6rem;
}
div.left_222 a{
    float:right;
    color:#FFFFFF;
    margin-right: 2rem;
    font-size: 2rem;

}
div.right_2{
    position:absolute;
    z-index:4;
    width:50%;
    height:100%;
    background: url(../i/2-2.png);
    background-size: 100% 100%;
    right:0;
}
div.right_2s{
    position:absolute;
    z-index:4;
    right:0;
    width:50%;
    height:100%;
    background: #333333;
    opacity:0.5;
}
div.right_22{
    position:absolute;
    right:12%;
    top:40%;
    z-index:5;
    width:35rem;
    height:13rem;
    opacity:0.5;
    background: #333333;
}
div.right_222{
    position:absolute;
    right:12%;
    top:40%;
    z-index:5;
    width:35rem;
    height:15rem;
}
div.right_222 img{
    float:left;
    width:20%;
    margin:2rem;
}
div.right_222 h2{
    width:65%;
    float: right;
    margin-top:2rem;
    line-height: 3rem;
    text-transform: uppercase;
    color:#FFFFFF;
}
div.right_222 h2 span{
    font-size:1.6rem;
}
div.right_222 a{
    float:right;
    color:#FFFFFF;
    margin-right: 2rem;
    font-size: 2rem;

}
div.lb{
    position: absolute;
    z-index:4;
    right:2rem;
    bottom: 2rem;
}
div.lb a{
    color:#FFFFFF;
    opacity: 0.5;
    font-size:5rem;
    display: block;
}
div.lb a.disabled{
    display: none;
}
div.bg{
    height:100%;
    background: url(../i/bg3.png);
}
div.bg4{
    height:100%;
    background: url(../i/bg4.png);
}
div.bg5{
    height:100%;
    background: url(../i/bg5.png);
}
div#p3 .left_12 h2{
    position: absolute;
    left:2rem;
    top:1rem;
    color:#FFFFFF;

}
div.right_1{
    position:absolute;
    top:6%;
    right:5%;
    z-index:4;
    width:40%;
    height:88%;
    background: #000000;
    opacity: 0.5;
}
.right_12{
    position:absolute;
    top:6%;
    right:5%;
    z-index:4;
    width:40%;
    height:88%;
    padding-right:15%;
}
.right_12 h1{
    margin-top:100%;
    color:#FFFFFF;
}
.right_12 p{
    color:#FFFFFF;
    font-size:1.4rem;
}
.right_12 a{
    font-size:3rem;
    color:#FFFFFF;
}
div.left_5{
    position:absolute;
    bottom:6%;
    left:10%;
    z-index:4;
    width:80%;
    height:35%;
    background: #000000;
    opacity: 0.5;
}
div.left_52{
    position:absolute;
    bottom:6%;
    left:5%;
    z-index:4;
    width:80%;
    height:35%;
    padding-left: 15%;
}
div.left_52 h1{
    color:#FFFFFF;
}
div.left_52 p{
    color:#FFFFFF;
    font-size:1.4rem;
}
div.left_52 a{
    font-size:3rem;
    color:#FFFFFF;
}
div.leftB{
    width:25%;
    background: #000000;
    height:100%;
    float: left;
}
div.rightB{
    width:75%;
    background: #000000;
    height:100%;
    float: left;
}
.am-gallery-title{
    width:50%;height:20%;position: absolute;top:40%;left:25%;padding:1rem;
}
.am-gallery-title img{
    width:20%;float: left;margin-top:1rem;
}
.am-gallery-title p{
    width: 70%;float: left;margin-left:10%;margin-top:0.5rem;font-size:1.8rem;
}
.am-gallery-title p span{
    font-size: 1.4rem;color: #cccccc;
}
.an3{
    padding-left:3rem;
}
.an3 li{
    border:0;padding-left:2rem;
}
.an3 li.active{
    background: url(../i/circle.png) no-repeat 0 ;
}
.an3 a{
    color:#5A5A5A;
}
.an3 li.active a{
    color:#000000;
    font-weight: 700;;
}

div.ohead{
    height:100px;
    background: #000000;
}
div.ohead a{
    display: block;
    width:101px;
    height: 32px;
    float:left;
}
div.ohead a img{
    margin-top: 34px;
    margin-left: 34px;
}
div.ohead ul{
    width:800px;
    float:right
}
div.ohead ul li{
    float:left;
    background: none;
    border:0;
}
div.ohead ul li.active a{
    color:#d1e412;
    font-weight: 700;
}
div.ohead ul li a{
    color:#FFFFFF;
}
div.oleft{
    width:300px;
    background: #1f2020; float:left;
}
div.otitle{
    width:300px;
    height:75px;
    line-height:75px;
    font-size:1.8rem;
    color:#d1e412;
    text-align: center;
}
div.oleft section{
    padding: 0;
    margin: 0;
}
div.oleft .am-accordion-title {
    height:40px;
    line-height: 40px;
    text-align: center;
    color:#d1e412;
    padding: 0;
    background: #323232;
    border:0;
}
.am-accordion-gapped .am-accordion-item,.am-accordion-title{
border:0;
}
.am-accordion-gapped .am-active .am-accordion-title{
    background: #323232;
    color:#d1e412;
}
div.oleft .am-accordion-title:hover{
    color:#d1e412;
}
.am-accordion-gapped .am-accordion-item.am-active{
    border:0;
}
.am-accordion-content ul li{
background: #59595b;
    border:0;
}
.am-accordion-content ul li a{
    color:#FFFFFF;
    text-align: center;
}
.am-accordion-content ul li.active{
    background: #9F9F9F;
}
div.oright{
    width:900px;
    float:left;
}
.oright .am-cf{
    background: #FFFFFF;

}
.oright .am-cf li a{
    width:80%;
    margin:0 auto;background:#F1F1F1;
    color:#000000;
}
.oright .am-tabs-default .am-tabs-nav>.am-active a{
    background:#FFFFFF;
    border:1px solid red;
    color:red;
}
.ocontent{
    padding: 4rem;
    clear: both;
}
.ocontent .h2{
    color:#EE5353;
    font-size: 2.7rem;
}
.ocontent h3{
    color:#000000;
    font-size:1.8rem;
}
.ocontent .h4,.ocontent h4{
    color:#282828;
    background:url(../i/redcc.png) no-repeat 0 4px;
    padding-left:25px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height:5rem;

}
.cc{
    background: #000000;
}
.otitle.active{
background:#d1e412;
}
div.listc{
    padding:5px;
    margin:5px;
    width:275px;
    height: 165px;
    float: left;
    border:1px solid #CCCCCC;
}
div.listc h6{
    font-size:1.6rem;
    color:#EE5353;
    margin: 0;
}
div.listc p{
    color:#666666;
    font-size: 1.4rem;
    margin: 0;
}
div.listc img{
    float: left;
    margin-right: 10px;
}

div.nleft{
    position: relative;
    width:35%;
    margin:2%;
    height:90%;
    float: left;
    background: url("../i/B1.png") no-repeat center ;
    background-size: cover;
}
div.nleftbg{
    background: #000000;
    opacity: 0.5;
    width: 100%;
    height: 100%;
}
div.ndesc{
    position: absolute;
    left:30px;
    top:30px;
    color:#FFFFFF;
}
.an4{
    padding-left:3rem;
}
.an4 li{
    border:0;padding-left:2rem;
}
.an4 li.active{
    background: url(../i/circle.png) no-repeat 0 ;
}
.an4 a{
    color:#5A5A5A;
}
.an4 li.active a{
    color:#000000;
    font-weight: 700;;
}
div.step2{
     width:1280px;
     height:450px;
     margin:0 auto;
     margin-top:90px;
 }
div.mid{
    width:100%;height:600px;
    background: url("../i/hmiddle.png");
    background-position: top;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}
div.mbg{
    background: #000000;
    opacity: 0.7;
    width:1280px;
    height:500px;
    margin: 0 auto;
    position: relative;
    top:100px;
}
div.cons{
    width:1280px;
    height:500px;
    margin: 0 auto;
    position: relative;
    top:-300px;
}
div.cc3{
    width:1280px;
    height:650px;
    margin: 80px auto;
    background: url("../i/line.png") repeat-x;
}
div.cc3 h2{
    width:200px;
    line-height: 36px;
    font-size: 36px;
    height:36px;
    margin: 0 auto;
    background: #FFFFFF;
    text-align: center;
}