﻿body {
    font-family:"Microsoft YaHei";
    min-width:1200px;
}

@media(max-width:1200px) {
        body {
        max-width:1200px !important;
    }
        #loginNavbar {width:1300px !important;
                      position:absolute !important;
        }
        .min-w{width:1200px !important;}
       
}
@media(max-width:1000px) {
 .min-change {width: 25% !important; float:left}
}

a{outline:none}
/*css reset*/
ul{list-style: none;margin:0;padding:0}
.disNone{display:none}
.overHide{overflow:hidden}
.clear{clear:both}
.fl{float:left}
/*nav导航*/
nav li{float:left;font-size:16px;padding:16px 0px;width:120px;text-align:center;}
nav li a{line-height: 36px;display: block;padding: 10px 20px;color:#ffffff;}
#nav::after{
    content: '';
    display: block;
    clear:both;
}
#buoy {
    display: none;
    position: absolute;
    width: 120px;
    height: 2px;
    background: #009aff;
    bottom: 0px;
    left: -120px;
}
#bs-example-navbar-collapse-1 {
    overflow:hidden;
    position:relative;
}

#loginNavbar{padding:0;position:fixed;top:0;
             /*background:-webkit-linear-gradient(top,rgba(0,0,0,0.4),rgba(0,0,0,0));
             background:-moz-linear-gradient(top,rgba(0,0,0,0.4),rgba(0,0,0,0));
             background: -o-linear-gradient(top,rgba(0,0,0,0.4),rgba(0,0,0,0));*/
             background:url(/NewLogin/images/top-bg-linder.png) repeat-x;
}
#loginNavbar li a:hover,#loginNavbar li a:focus{color:#009aff;text-decoration:none}
#loginNavbar .active a{color:#009aff}
/*nav导航微信关注和下载app图标*/
.nav_icon {float:left;padding:25px 10px;position:relative; cursor:pointer;}
.nav_icon img:nth-child(1){
    padding-top:5px;
}
.nav_icon:hover .nav_float_img{
    display:block;
}
.nav_float_img{
    display:none;
    position:absolute;
    top: 74px;
    left: -50px;
    z-index:9999;
}
.nav_float_img1{
    left: -80px;
}

/*footer*/
footer{background-color:#2e3032;color:#959595;padding:30px 0 34px 0;margin: 0 auto;text-align:center;height:118px;}
footer div{margin:0;line-height:24px;}
footer div:first-child{font-size:18px;padding-bottom:18px;}
footer div:last-child{font-size:14px;}
footer a{color:#959595}
footer a:hover{color:white;text-decoration:none;}
/*------section-----------*/
.band{padding-top:50px;padding-bottom:30px;}
.bg-grey{background-color:#f5f5f5;}
.bg-blue{background-color:#0dc8e4;}
.bg-white{background-color:#ffffff}
.bg-darkGary{background-color:#eeeeee}
.bg-details{background-color:#4c5466}

.section img{max-width:100%;}
.section h3{margin-top:0;margin-bottom:30px;font-size:30px;}

.moveNavbar{background-color:white;border-bottom:1px solid #d2d2d2}
.moveNavbar ul li a{color:#333 !important}
.moveNavbar ul li a:hover{color:#ffd734 !important}
.moveNavbar ul li.active a{color:#ffd734 !important}

/*最小1024改动*/
.containers{width: 1300px;
    margin-right: auto;
    min-width: 1200px;
    margin-left: auto;}
.cols-md-3{width:25%;}
.cols-md-6{width:50%;}
.cols-md-5{width:41.66666667%;}
.cols-md-7{width: 58.33333333%;}
.cols-md-3,.cols-md-6,.cols-md-5,.cols-md-7{float:left;position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;}
#index_fk{width:100%;}
@media (max-width:1300px){
    .min-w{min-width:1300px;}
    .containers{width:1300px; }
    .loginSection1{padding-left:70px}
    .section4{width:1048px;}
    #index_fk{width:100%;}
    #index_fk .move_center{left:293px !important;}
    #toggleAnimateImg{margin-right:0 !important;}
    #loginNavbar .pull-right:nth-of-type(1){
        padding: 0 !important;
        position: relative;
        left: -10%;
    }
    #loginNavbar .pull-right:nth-of-type(2){
        float: left !important;
    }
}
@media(max-width:1400px) {
    #loginNavbar .pull-right:nth-of-type(1){
        padding: 0 !important;
        position: relative;
        left: -10%;
    }
    #loginNavbar .pull-right:nth-of-type(2){
        float: left !important;
    }
}

@media(max-width: 1465px) {
    .flex-direction-nav li a.flex-prev {z-index:15 !important;}
    .flex-direction-nav li a.flex-next{z-index:9 !important}
    #cien{z-index:12 !important}
}

.ServiceList{
    /*display:none;*/
    /*float: left;*/
    transition: 1.6s;
    width: 100%;
    /*margin-left: -100%;*/
    /*opacity: 0;*/
}

/*回到顶部*/

.asid_share {
    position: fixed;
    width: 60px;
    bottom: 15%;
    right: 0;
    z-index: 100000;
}

.asid_share .asid_share_box {
    width: 100%;
    margin-bottom: 3px;
    background: #d9d9d9;
    text-align: center;
}

.relative {
    position: relative;
    top: 0;
    left: 0;
}

.asid_share .asid_share_box a {
    display: block;
    height: 60px;
    padding-top: 0px;
}

.asid_share .asid_share_box a:hover{background:#219fda;text-decoration:none;}
.asid_share .asid_share_box a:hover .asid_title,.asid_share .asid_share_box .asid_title{color:#fff;font-size:12px;display:block;padding-left:6px;line-height:60px;width:60px;}


/*弹出框样式*/

.layui-layer-rim{
    border-radius: 8px !important;
    border: 0 !important;
    background-color: #edebeb !important;
    box-shadow: 2px 0 10px #12172c !important;
}
.layui-layer-title{
    background-color: transparent !important;
    border: 0 !important;
    color: #333 !important;
    font-size: 24px !important;
    height: 60px !important;
    line-height: 60px !important;
    padding-left: 14px !important;
}

#xxBox{
    margin-left: 24px;
    color: red;
}
#xxBox .text1{
    color: #333;
    font-size: 16px;
    margin-bottom: 14px;
}
#xxBox .text2{
    color: #666;
    font-size: 16px;
}
#xxBox .text3{
    margin: 32px 0 22px;
    color: #333;
    font-size: 16px;
}
#xxBox .text3 span{
    color: red;
}

#xxBox .form-group label{
    font-size: 16px;
    color: #666;
    font-weight: normal;
    width: 80px;
    /*text-align: justify;*/
    text-align-last: justify;
}

#xxBox input,#xxBox textarea{
    /*display: block;*/
    vertical-align: middle;
    height: 34px;
    width: 545px;
    border: 1px solid #ddd;
    border-radius: 6px;
    text-indent: 10px;
    color: #000;
    font-size: 16px;
}
#xxBox input[name=Contacts]{
    width: 235px;
    margin-right: 24px;
}
#xxBox input[name=Phone]{
    width: 235px;
}
#xxBox input[name=Yzm]{
    width: 100px;
}
#xxBox textarea{
    vertical-align: top;
    outline:none;
    resize:none;
    width: 545px;
    height: 76px;
}
::-webkit-input-placeholder{color:#ccc;}
::-moz-placeholder{color:#ccc;}
:-moz-placeholder{color:#ccc;}
#xxBox button{
    display: block;
    background-color: #49b0f4;
    height: 44px;
    width: 120px;
    line-height: 44px;
    text-align:center;
    margin-left: 80px;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    border: 0;
}

#YzmBox{
    float: right;
    height: 34px;
    width: 94px;
    margin-right: 364px;
    background-color: #fff;
    line-height: 34px;
    font-size: 26px;
    color: #555;
    text-align:center;
    cursor: pointer;
    font-family: AngsanaUPC;
}

.layui-layer-title{
    margin-left: 24px;
    padding: 0 !important;
    height: 60px !important;
    line-height: 68px !important;
}

