@charset "utf-8";
*{margin :0;padding:0;}
ol,ul {list-style: none;}
html,body{
    overflow-x: hidden;
    overflow-y: auto;
    width:100%;
    height:100%;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:12px;
    color:#666666;
    vertical-align: baseline;
    background-color: #f0f0f0;
}
.navbar .nav.pull-right {
    margin-right: 8%;
}
a,a:hover,a:focus,button{
    text-decoration:none;
    color:black;
}
#footLink a:hover,#footLink a:focus{
    text-decoration:underline;
    color:#ffffff;
}
.lf{float: left;}
.rt{float:right;}
.clear{clear:both;}
.text-c{text-align: center}
.text-l{text-align: left}
.ft-11{font-size:1.1rem;}
.ft-12{font-size:1.2rem;}
.mytop{
    position: fixed;left:0;top:0;z-index:1000;
}
.mynav{
    border: none;border-radius: 0;padding:0;
}
.nav>li{
    margin-left:15px ;
    margin-right:15px;
}
.navbar{
    -webkit-box-shadow: 0 2.5px 2.5px 0 rgba(221,221,221,0.5);
    -moz-box-shadow: 0 2.5px 2.5px 0 rgba(221,221,221,0.5);
    box-shadow: 0 2.5px 2.5px 0 rgba(221,221,221,0.5);
}
.navbar .brand{color:#333333;}
.navbar .nav>li>a {
    padding: 10px 5px 10px;
    color:#333333;
}
.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus,.nav>li>a:hover{
    color: #e04b4b;
    text-decoration: none;
    background-color: #ffffff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-bottom:3px solid #e04b4b;
}
.relative{
    position: relative;
}
.splash-bg{
    width: 100%;
    height: 100%;
    background: url('../img/index/index-top.jpg') no-repeat center;
    overflow: hidden;
    background-size: cover;
}
.btn-navbar{
    border-radius:0;
}
.pd-10{
    padding:10px;
}
.main-title{font-size:2.4rem;padding:10px 5px;padding-left:0;color:#333333;margin-bottom:10px;}
.main-title2{font-size:1.8rem;padding:5px;padding-left:0;opacity: 1;}
.fBold{font-weight:bold;}
.cl-fff{
    color:#FFFFFF;
}
.hLine{
    color: #FAA419;
    border-right: 3px solid #FAA419;
    margin-right: 10px;
}
.main-ftSize{
    font-size: 1.3rem;
    line-height: 2.1rem;
    /*font-size:1.2rem;*/
}
.caption .main-ftSize{
    color:#666666;
}
.h-center {
    display: -webkit-flex!important;
    display: flex!important;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    -moz-box-pack:justify;
    -webkit--moz-box-pack:space-between;
    box-pack:space-between;
    align-items: center;
    flex: 0 1 auto;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.v-center{
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    flex-direction:column;
    flex-wrap:nowrap;
    justify-content:center;
    align-items: center;
    flex: 0 1 auto;
}
/*.h-center:hover,.h-center:focus {*/
    /*-webkit-box-shadow:3px 3px 5px 0 rgba(199,199,199,0.5);*/
    /*-moz-box-shadow:3px 3px 5px 0 rgba(199,199,199,0.5);*/
    /*box-shadow:3px 3px 5px 0 rgba(199,199,199,0.5);*/
/*}*/
.h-center-1 {
    display: -webkit-flex!important;
    display: flex!important;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    -moz-box-pack:justify;
    -webkit--moz-box-pack:space-between;
    box-pack:space-between;
    align-items: center;
    flex: 0 1 auto;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.h-center-1:hover,.h-center-1:focus {
    -webkit-box-shadow: -2px 5px 5px 0 rgba(199,199,199,0.5);
    -moz-box-shadow:-2px 5px 5px 0 rgba(199,199,199,0.5);
    box-shadow:-2px 5px 5px 0 rgba(199,199,199,0.5);

}
.pd-l{padding-left:10px;}
.pd-r{padding-right:10px;}
.ft-bg{background-color: #4A4A4A;}
.ft-pd{padding:20px 0;}
.ft-mg{margin-top:50px;}
.ft-cl{color:white;}
.ft-box{
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    flex: 0 1 auto;
}
.f1-line1-l{font-size:2rem;display: inline-block;}
.f1-line1-r{font-size:1rem;line-height:1.3rem;display: inline-block;}
.v-line{display: inline-block;height:20px;border-right:1px solid white;}
.f1-line1{line-height:2.5rem;}
.f1-line2,.f1-line3,.ft-txt{line-height:2rem;font-size:1.1rem;}
p{margin:0}
.f2-line,.f3-line3-l{line-height:2.5rem;}
.f3-line3-l{font-size:1.5rem;}
.bot-h-center {
    display: -webkit-flex!important;
    display: flex!important;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    flex: 0 1 auto;
}
.myClose,.myClose2 {
    /* padding: 5px; */
    width: 25px;
    height: 25px;
    position: fixed;
    right: 20px;
    top:20px;
    z-index: 10000;
}

#mmedia,#mmedia2 {
    width: 80%;
    height:80%;
    position: fixed;
    z-index: 100;
    left:10%;
    top: 10%;
    overflow-y: hidden;
    background: black;
}
.pd-r-20{padding-right:30px;}
.pd-l-20{padding-left:30px;}
.h-center,.h-center-1{
    height:100%;
    position: relative;
}
.h-center img,.h-center-1 img{
    width:45%;
}
.caption{
    width:50%;
    height:100%;
    text-align: center;
}
.bot-h-center-lf{
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    flex: 0 1 auto;
}
.bot-h-center-rt{
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    flex: 0 1 auto;
}
@media screen and (max-width: 1000px) {
    .main-title {
        font-size: 1.6rem;
    }
    .main-ftSize {
        font-size: 1.2rem;
    }
}
/*给二级页面入口加遮罩 start*/
.relative{position: relative;}
.mask-block{
    display: inline-block;
    width:100%;height:100%;
    position: absolute;
    z-index:1;
    background:rgba(0,0,0,0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);
}
.mask-txt{
    display: inline-block;
    position:relative;
    z-index:10;
}
/*给二级页面入口加遮罩 end*/
.pro-btn{
    width:150px;
    position: absolute;
    top:32%;
    left:50%;
    transform: translateX(-50%);
}