a{
    transition: all .3s linear;
}
.floatLeft{
    float: left;
}
.floatRight{
    float: right;
}
 .cf:before,.cf:after {
    content:"";
    display:table;
 }
 .cf:after { clear:both; }
 .cf { zoom:1; }
 ::-moz-placeholder { color: #fff; font-size: 14px }
 ::-webkit-input-placeholder { color:#fff; font-size: 14px }
 :-ms-input-placeholder { color:#fff;  font-size: 14px}
 input{
     font-size: 14px;
 }
 @media screen and  (min-width:1816px){
    .headerNav_scroll{
        height: 100px !important;
        background: rgba(0,0,0,.7)
    }
    .headerNav_scroll .navbar-brand{
        padding:12px 0 0 0;
    }
    .headerNav_scroll .navbar-nav>li>a{
        margin-top: 40px;
    }


    .header{
        height: 119px;
        position: fixed;
        top:0;
        width:100%;
        z-index: 1111;
    }
    .navbar {
        width: 94.7368421052613%;
        margin: 0 auto;
        background: none;
    }
    .navbar-brand{
        margin-left: 0;
        padding:42px 0 0 0 ;
    }
    .navbar-default{
        height:112px;
        background:none;
        border: none;
    }
    .navbar-right{
        /*display: flex;
        position: relative;
        width: 80%;*/
    }
    .navbar-right>li{
        margin-right: 50px;
        /*margin-left:10px; */
    }
    .navbar-right li.active a  {
        color: #2C7EEB !important;
    }
    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:focus,
    .navbar-default .navbar-default .navbar-nav>.disabled>a,
    .navbar-default .navbar-nav>.disabled>a:focus,
    .navbar-default .navbar-nav>.disabled>a:hover{
        color:#fff;background-color:transparent;
    }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
        color:#fff;background-color:transparent;
    }
    .navbar-default .navbar-nav>li>a:hover{
        color:#fff;
    }
    .navbar-nav>li>a{
        margin-top:70px;
        margin-bottom:0px;
        padding-bottom:0;
        padding-top:0;
        display: inline-block;
        height: 33px;
        line-height: 33px;
        color: #fff !important;
    }
    .navbar-right li:last-child a{
        padding-left:50px;
        background: url(../images/call.png) no-repeat;
    }
    .footer{
        background: #000;
        padding-top:70px;
    }
    .footerReference h3{
        font-size: 16px;
        line-height: 68px;
        color: #fff;
        border-top:1px solid #fff;
        text-align: center;
    }
    .footerMsgBox{
        width: 86.625%;
        margin: 34px auto 46px 239px;
    }
    .footerMsgBox>div{
        float: left;
        color: #fff;
    }
    .footerSiteText{
        width: 34.8%;
    }
    .footerCall{
        width: 36.08247%;
        margin: 0 0.627% 0 11.9415%;
    }
    .footerSiteText  h3{
        font-size: 24px;
        margin-bottom:25px;

    }
    .footerSiteText p{
        font-size: 16px;
        line-height: 30px;
        padding-left:32px;
        background: url(../images/footerIcon.png) no-repeat;
        background-position: 0px 5px;
    }
    .footerSiteText p span{
        font-size: 20px;
        margin-right: 15px;
    }
    .footerSiteText p:nth-child(4){
        background-position: 0px -33px;
    }
    .footerCall{
        margin-top: 63px;
    }
    .footerCall h2{
        font-size: 40px;
    }
    .footerCall h2 span{
        font-size: 16px;
    }
    .footerQrCode p{
        text-align: center;
        margin-top:19px;
    }
}
 @media screen and (max-width:1815px){
    .headerNav_scroll{
        height: 100px !important;
        background: rgba(0,0,0,.7)
    }
    .headerNav_scroll .navbar-brand{
        padding:12px 0 0 0;
    }
    .headerNav_scroll .navbar-nav>li>a{
        margin-top: 40px;
    }


     .header{
        height: 112px;
        position: fixed;
        top:0;
        width:100%;
        z-index: 1111;
    }
    .navbar {
        width: 94.7368421052613%;
        margin: 0 auto;
        background: none;
    }
    .navbar-brand{
        margin-left: 0;
        padding:30px 0 0 0 ;
    }
    .navbar-brand img{
        width: 250px;
    }
    .navbar-default{
        height:112px;
        background:none;
        border: none;
    }
    .navbar-right{
        /*display: flex;
        position: relative;
        width: 80%;*/
    }
    .navbar-right>li{
        margin-right: 50px;
        /*margin-left:10px; */
    }
    .navbar-right li.active a  {
        color: #2C7EEB !important;
    }
    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:focus,
    .navbar-default .navbar-default .navbar-nav>.disabled>a,
    .navbar-default .navbar-nav>.disabled>a:focus,
    .navbar-default .navbar-nav>.disabled>a:hover{
        color:#fff;background-color:transparent;
    }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
        color:#fff;background-color:transparent;
    }
    .navbar-default .navbar-nav>li>a:hover{
        color:#fff;
    }
    .navbar-nav>li>a{
        margin-top:60px;
        margin-bottom:0px;
        padding-bottom:0;
        padding-top:0;
        display: inline-block;
        height: 33px;
        line-height: 33px;
        color: #fff !important;
    }
    .navbar-right li:last-child a{
        padding-left:50px;
        background: url(../images/call.png) no-repeat;
    }
    .footer{
        background: #000;
        padding-top:70px;
    }
    .footerReference h3{
        font-size: 16px;
        line-height: 68px;
        color: #fff;
        border-top:1px solid #fff;
        text-align: center;
    }
    .footerMsgBox{
        width: 96.625%;
        margin: 0 auto 46px;
    }
    .footerMsgBox>div{
        float: left;
        color: #fff;
    }
    .footerSiteTex{
        width: 31.8%;
    }
    .footerCall{
        width: 36.08247%;
        margin: 0 0.627% 0 11.9415%;
    }
    .footerSiteText  h3{
        font-size: 24px;
        margin-bottom:25px;

    }
    .footerSiteText p{
        font-size: 16px;
        line-height: 30px;
        padding-left:32px;
        background: url(../images/footerIcon.png) no-repeat;
        background-position: 0px 5px;
    }
    .footerSiteText p span{
        font-size: 20px;
        margin-right: 15px;
    }
    .footerSiteText p:nth-child(4){
        background-position: 0px -33px;
    }
    .footerCall{
        margin-top: 63px;
    }
    .footerCall h2{
        font-size: 40px;
    }
    .footerCall h2 span{
        font-size: 16px;
    }
    .footerQrCode p{
        text-align: center;
        margin-top:19px;
    }
 }
 @media screen and (max-width:1199px){
    .headerNav_scroll{
        height: 100px !important;
        background: rgba(0,0,0,.7)
    }
    .headerNav_scroll .navbar-brand{
        padding:12px 0 0 0;
    }
    .headerNav_scroll .navbar-nav>li>a{
        margin-top: 40px;
    }


     .header{
        height: 112px;
        position: fixed;
        top:0;
        width:100%;
        z-index: 1111;
    }
    .navbar {
        width: 94.7368421052613%;
        margin: 0 auto;
        background: none;
    }
    .navbar-brand{
        margin-left: 0;
        padding:30px 0 0 0 ;
    }
    .navbar-brand img{
        width: 250px;
    }
    .navbar-default{
        height:112px;
        background:none;
        border: none;
    }
    .navbar-right{
        /*display: flex;
        position: relative;
        width: 80%;*/
    }
    .navbar-right>li{
        margin-right: 50px;
        /*margin-left:10px; */
    }
    .navbar-right li.active a  {
        color: #2C7EEB !important;
    }
    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:focus,
    .navbar-default .navbar-default .navbar-nav>.disabled>a,
    .navbar-default .navbar-nav>.disabled>a:focus,
    .navbar-default .navbar-nav>.disabled>a:hover{
        color:#fff;background-color:transparent;
    }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
        color:#fff;background-color:transparent;
    }
    .navbar-default .navbar-nav>li>a:hover{
        color:#fff;
    }
    .navbar-nav>li>a{
        margin-top:60px;
        margin-bottom:0px;
        padding-bottom:0;
        padding-top:0;
        display: inline-block;
        height: 33px;
        line-height: 33px;
        color: #fff !important;
    }
    .navbar-right li:last-child a{
        padding-left:50px;
        background: url(../images/call.png) no-repeat;
    }
    .footer{
        background: #000;
        padding-top:70px;
    }
    .footerReference h3{
        font-size: 16px;
        line-height: 68px;
        color: #fff;
        border-top:1px solid #fff;
        text-align: center;
    }
    .footerMsgBox{
        width: 82.625%;
        margin: 0 auto 46px;
    }
    .footerMsgBox>div{
        float: left;
        color: #fff;
    }
    .footerSiteTex{
        width: 31.8%;
    }
    .footerCall{
        width: 59.08247%;
        margin: 0 10.627% 0 -1.0585%;
    }
    .footerSiteText  h3{
        font-size: 24px;
        margin-bottom:25px;

    }
    .footerSiteText p{
        font-size: 16px;
        line-height: 30px;
        padding-left:32px;
        background: url(../images/footerIcon.png) no-repeat;
        background-position: 0px 5px;
    }
    .footerSiteText p span{
        font-size: 20px;
        margin-right: 15px;
    }
    .footerSiteText p:nth-child(4){
        background-position: 0px -33px;
    }
    .footerCall{
        margin-top: 63px;
    }
    .footerCall h2{
        font-size: 40px;
    }
    .footerCall h2 span{
        font-size: 16px;
    }
    .footerQrCode p{
        text-align: center;
        margin-top:19px;
    }
 }
 @media screen and (max-width:991px){
    .headerNav_scroll{
        height: 100px !important;
        background: rgba(0,0,0,.7)
    }
    .headerNav_scroll .navbar-brand{
        padding:12px 0 0 0;
    }
    .headerNav_scroll .navbar-nav>li>a{
        margin-top: 40px;
    }


     .header{
        height: 112px;
        position: fixed;
        top:0;
        width:100%;
        z-index: 1111;
    }
    .navbar {
        width: 100%;
        margin: 0 auto;
        background: none;
    }
    .navbar-brand{
        margin-left: 0;
        padding:30px 0 0 30px ;
    }
    .navbar-default{
        height:112px;
        background:none;
        border: none;
    }
    .navbar-right>li{
        margin-right: 20px;
        /*margin-left:10px; */
    }
    .navbar-right li.active a  {
        color: #2C7EEB !important;
    }
    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:focus,
    .navbar-default .navbar-default .navbar-nav>.disabled>a,
    .navbar-default .navbar-nav>.disabled>a:focus,
    .navbar-default .navbar-nav>.disabled>a:hover{
        color:#fff;background-color:transparent;
    }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
        color:#fff;background-color:transparent;
    }
    .navbar-default .navbar-nav>li>a:hover{
        color:#fff;
    }
    .navbar-nav>li>a{
        margin-top:50px;
        margin-bottom:0px;
        padding-bottom:0;
        padding-top:0;
        display: inline-block;
        height: 33px;
        line-height: 33px;
        color: #fff !important;
    }
    .navbar-right li:last-child a{
        padding-left:40px;
        background: url(../images/call.png) no-repeat;
    }
    .navbar-brand img{
        width:200px;
    }



    .footer{
        background: #000;
        padding-top:70px;
    }
    .footerReference h3{
        font-size: 16px;
        line-height: 68px;
        color: #fff;
        border-top:1px solid #fff;
        text-align: center;
    }
    .footerMsgBox{
        width: 50.625%;
        margin: 0 auto 46px;
    }
    .footerMsgBox>div{
        float: left;
        color: #fff;
    }
    .footerSiteTex{
        width: 31.8%;
    }
    .footerCall{
        width: 100%;
        margin: 0 10.627% 6.5% -1.0585%;
    }
    .footerSiteText  h3{
        font-size: 24px;
        margin-bottom:25px;

    }
    .footerSiteText p{
        font-size: 16px;
        line-height: 30px;
        padding-left:32px;
        background: url(../images/footerIcon.png) no-repeat;
        background-position: 0px 5px;
    }
    .footerSiteText p span{
        font-size: 20px;
        margin-right: 15px;
    }
    .footerSiteText p:nth-child(4){
        background-position: 0px -33px;
    }
    .footerCall{
        margin-top: 63px;
    }
    .footerCall h2{
        font-size: 40px;
    }
    .footerCall h2 span{
        font-size: 16px;
    }
    .footerQrCode{
        float:none !important;
        margin: 0 auto;
        text-align: center;
    }
    .footerQrCode p{
        text-align: center;
        margin-top:19px;
    }
 }
 @media screen and (max-width:768px){
    .header{
        height: 77px;
        position: fixed;
        top:0;
        width:100%;
        z-index: 1111;
        background: rgba(0,0,0,.7)
    }
    .navbar {
        width: 100%;
        margin: 0 auto;
        background: none;
    }
    .navbar-brand{
        margin-left: 0;
        padding:10px ;
    }
    .navbar-brand img{
        width: 180px;
    }
    .navbar-default{
        height:77px;
        background:none;
        border: none;
    }
    .navbar-collapse{
        background: rgba(0,0,0,.7);
    }
    .navbar-right li.active a  {
        color: #2C7EEB !important;
    }
    .navbar-toggle{
        margin-top:18px;
    }
    .navbar-default .navbar-toggle .icon-bar{
        background-color: #fff;
        margin-bottom:8px;
        width: 30px;
        transition: all .3s linear;
    }
    .navbar-toggle .icon-bar + .icon-bar{
        margin-bottom:8px;
    }
    /*      自定义导航按钮样式类*/
    .navbar_toggleX .icon-bar:nth-child(3){
        display: none;
    }
    .navbar_toggleX .icon-bar:nth-child(2){
        transform: rotate(60deg) translate(8px,6px);
    }
    .navbar_toggleX .icon-bar:nth-child(4){
        transform: rotate(-60deg) translate(0px,-2px);
    }
    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:focus,
    .navbar-default .navbar-default .navbar-nav>.disabled>a,
    .navbar-default .navbar-nav>.disabled>a:focus,
    .navbar-default .navbar-nav>.disabled>a:hover{
        color:#fff;background-color:transparent;
    }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
        color:#fff;background-color:transparent;
    }
    .navbar-default .navbar-nav>li>a:hover{
        color:#fff;
    }
    .navbar-right{
        margin: 0;
        width: 100%;

    }
    .navbar-collapse{
        width: 70%;
        float: right !important;
    }
    .navbar-nav>li>a{
        font-size: 14px;
        margin: 10px 0;
        padding-bottom:0;
        padding-top:0;
        display: inline-block;
        height: 33px;
        line-height: 33px;
        color: #fff !important;
    }
    .navbar-right li:last-child a{
        padding-left:50px;
        background: url(../images/call.png) no-repeat;
    }
    .navbar-right>li{
        margin: 0;
        border-bottom:1px dashed #fff;
    }
    .navbar-right>li:last-child{
        border: none;
    }
    .headerNav_scroll{
        height: 100px !important;
        background: rgba(0,0,0,.7)
    }
    .headerNav_scroll .navbar-brand{
        padding:12px 0 0 0;
    }
    .headerNav_scroll .navbar-nav>li>a{
        margin-top: 40px;
    }


     .header{
        height: 112px;
        position: fixed;
        top:0;
        width:100%;
        z-index: 1111;
    }
    .navbar {
        width: 100%;
        margin: 0 auto;
        background: none;
    }
    .navbar-brand{
        margin-left: 0;
        padding:30px 0 0 30px ;
    }
    .navbar-default{
        height:112px;
        background:none;
        border: none;
    }
    .navbar-right>li{
        margin-right: 20px;
        /*margin-left:10px; */
    }
    .navbar-right li.active a  {
        color: #2C7EEB !important;
    }
    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:focus,
    .navbar-default .navbar-default .navbar-nav>.disabled>a,
    .navbar-default .navbar-nav>.disabled>a:focus,
    .navbar-default .navbar-nav>.disabled>a:hover{
        color:#fff;background-color:transparent;
    }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
        color:#fff;background-color:transparent;
    }
    .navbar-default .navbar-nav>li>a:hover{
        color:#fff;
    }
    .navbar-nav>li>a{
        margin-top:50px;
        margin-bottom:0px;
        padding-bottom:0;
        padding-top:0;
        display: inline-block;
        height: 33px;
        line-height: 33px;
        color: #fff !important;
    }
    .navbar-right li:last-child a{
        padding-left:40px;
        background: url(../images/call.png) no-repeat;
    }
    .navbar-brand img{
        width:200px;
    }



    .footer{
        background: #000;
        padding-top:70px;
    }
    .footerReference h3{
        font-size: 16px;
        line-height: 68px;
        color: #fff;
        border-top:1px solid #fff;
        text-align: center;
    }
    .footerMsgBox{
        width: 90.625%;
        margin: 0 auto 46px;
    }
    .footerMsgBox>div{
        float: left;
        color: #fff;
    }
    .footerSiteTex{
        width: 31.8%;
    }
    .footerCall{
        width: 100%;
        margin: 0 10.627% 6.5% -1.0585%;
    }
    .footerSiteText  h3{
        font-size: 24px;
        margin-bottom:25px;

    }
    .footerSiteText p{
        font-size: 16px;
        line-height: 30px;
        height: 30px;
        overflow: hidden;
        text-overflow:
        padding-left:32px;
        background: url(../images/footerIcon.png) no-repeat;
        background-position: 0px 5px;
    }
    .footerSiteText p span{
        font-size: 20px;
        margin-right: 15px;
    }
    .footerSiteText p:nth-child(4){
        background-position: 0px -33px;
    }
    .footerCall{
        margin-top: 63px;
    }
    .footerCall h2{
        font-size: 32px;
    }
    .footerCall h2 span{
        font-size: 16px;
    }
    .footerQrCode{
        float:none !important;
        margin: 0 auto;
        text-align: center;
    }
    .footerQrCode p{
        text-align: center;
        margin-top:19px;
    }
 }
 @media screen and (min-width:301px){
    #banView{
    display: none;
    }
 }
 @media screen and (max-width:300px){
    #banView{
        display: block;
        position: fixed;
        top:0;
        left:0;
        right: 0;
        bottom:0;
        height: 100vh;
        width:100vw;
        background: rgba(0,0,0,.7);
        z-index: 11111;
    }
        #banView p{
        width:100%;
        height: 50px;
        text-align: center;
        margin-top:45vh;
        color: #fff;
        font-size: 24px;
    }
 }