.header{
    background-color: #2768f8;
    width: 100%;
    height: 120px;
    padding: 0;
    position: relative;
    min-width: 1300px;
}
.header .container{
    background-image: url("../images/newhead/nav-content-bg1.png");
    background-repeat: no-repeat;
    background-position: left center;
    max-width: 1306px;
    height: 120px;
    padding-top: 0px;
}
.header .container_wh{
    background-image: url("../images/newhead/nav-content-bg2.png");
    background-repeat: no-repeat;
    background-position: left center;
    max-width: 1306px;
    height: 120px;
    padding-top: 0px;
}
.header .container_hs{
    background-image: url("../images/newhead/nav-content-bg3.png");
    background-repeat: no-repeat;
    background-position: left center;
    max-width: 1306px;
    height: 120px;
    padding-top: 0px;
}
.header .container .nav{
    padding-top:36px;
}
/* main-product */
.main-product{
    margin: 0 auto;
    width: 1300px;
    position: relative;
}
.main-detail{
    margin: 0 auto;
    width: 1300px;
    position: relative;
    height: 40px;
}
.main-detail .main-detail-titile{
    width: 100%;
    height: 40px;
    /*margin-top: 20px;*/
    float: left;
    /*background-color: #e2e2e2;*/
}
.main-detail .main-detail-titile .main-detail-titile-tit{
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    float: left;
}
.main-detail .main-detail-titile .main-detail-titile-a{
    height: 40px;
    float: left;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #999999;
    text-align: left;
    cursor: pointer;
    display: block;
    padding: 0 5px;
}
.main-detail .main-detail-titile .main-detail-titile-kill{
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    float: left;
    color: #999999;
}
.main-detail .main-detail-titile .active,.main-detail .main-detail-titile .main-detail-titile-a:hover{
    color: #2768f8;
}
.main-product .main-product-titile{
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: left;
    background: #f3f3f5;
}
.main-product .main-product-titile .main-product-titile-tit{
    font-size: 14px;
    font-weight: bold;
    padding-left: 42px;
    padding-right: 16px;
    float: left;
}
.main-product .main-product-titile .main-product-titile-a,.main-product .main-product-titile .main-product-titile-a:hover{
    font-size: 16px;
    /*margin-right: 50px;*/
    /*margin-top: 22px;*/
    height:100%;
    width:180px;
    padding: 0 14px;
    cursor: pointer;
    display: block;
    float: left;
    color: #666666;
    /*border-radius:12px ;*/
    text-align: center;
    line-height: 60px;
}
.main-product .main-product-titile .main-product-titile-a:hover,.main-product .main-product-titile .active{
    background: #2768f8;
    color: #ffffff;
}
.main-product .main-product-titile .main-product-titile-a,.main-product .main-product-titile .not-active:hover{
    cursor:not-allowed;
    background: none;
    font-weight: normal;
    font-stretch: normal;
    color:#666666;
}
.main-product .main-product-titile .active{
    background: #2768f8;
    color: #ffffff;
    height: 100%;
    border-radius: 0;
    margin: 0;
    padding: 0 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 60px;
    width: 180px;
}
.main-product-content{
    width: 100%;
    padding-top: 30px;
    padding-left: 70px;
    text-align: left;
    background: #FFFFFF;
}
.main-product-content .main-product-content-product{
    height: 260px;
    border: #d5d5d5 solid 1px;
    width: 270px;
    border-radius: 4px;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    cursor:pointer;
    position: relative;
}
.main-product-content .main-product-content-product:last-child{
    margin-right: 0;
}
.main-product-content .main-product-content-product:hover,.main-product-content .active{
    border: #2768f8 solid 1px;
}
.main-product-content .main-product-content-product .logo{
    width: 100%;
    margin: 0 auto;
    height: 70px;
    background: url(../images/newhead/yangaunbaox.png) no-repeat center center;
    float: left;
}

.main-product-content .main-product-content-product .tit{
    width: 100%;
    margin-bottom:20px;
    font-size: 16px;
    height: 17px;
    line-height: 17px;
    text-align: center;
    font-weight: normal;
    font-stretch: normal;
    float: left;
    color: #2768f8;

}
.main-product-content .main-product-content-product .pay{
    width: auto;
    padding:0 39px;
    font-size: 12px;
    line-height: 15px;
    font-weight: normal;
    font-stretch: normal;
    height: auto;
    margin-top:0;
    display:inline-block;
    text-align: left;
}
.main-product-content .main-product-content-product .pay span{
    font-size: 12px;
    float:left;
    line-height: 16px;
    text-align: left;
    font-weight: normal;
    font-stretch: normal;
    display:block;
    width:60px
}
.main-product-content .main-product-content-product .pay p{
    font-size: 12px;
    line-height: 16px;
    float:left;
    color: #25b886;
    font-weight: normal;
    font-stretch: normal;
    display:inline-block;
    text-align: left;
    width:130px;
}
.main-product-content .main-product-content-product .pay .pay_late_num{
    font-size: 20px;
    color: #f56f7e;
}
.main-product-content .main-product-content-product .btn a:hover{
    background: #2b7afc;
    color: #ffffff;
}
/*.main-product-content .not-active .tit{*/
/*    color: #999999;*/
/*}*/
.main-product-content .not-active .test-active,.main-product-content  .on-active,.main-product-content .not-active .dock-active{
    width: 80px;
    height: 80px;
    background: url("../images/newhead/test.png") no-repeat center center;
    position: absolute;
    top: 0;
    right: 0;
}
.main-product-content  .on-active{
    background-image: url("../images/newhead/on_active.png")
}
.main-product-content .not-active .dock-active{
    background: url("../images/newhead/dock.png") no-repeat center center;
}
.main-product-content .not-active:hover{
    border: #d5d5d5 solid 1px;
}
.main-product .layui-carousel>[carousel-item]>*{
    background: none;
}
.main-product .layui-carousel[lay-arrow=always] .layui-carousel-arrow{
    background: none;
    color: #2c6eff;
    left: 10px;
    font-size: 36px;
}
.main-product .layui-carousel:hover .layui-carousel-arrow[lay-type=add], .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add]{
    right: 0;
}
.main-product .layui-carousel[lay-indicator=outside] .layui-carousel-ind li{
    background: #999999;
}
.main-product .layui-carousel,.main-product .layui-carousel>[carousel-item]>*{
    background: none;
}
.main-product .layui-carousel[lay-indicator=outside] .layui-carousel-ind ul{
    background: none;
}
.main-product .layui-carousel[lay-indicator=outside] .layui-carousel-ind .layui-this{
    background: #2c6eff;
}
.main-product-page{
    display: inline-block;
    margin-top: 40px;
}
.main-product-page .page-content,.main-product-page .page-before,.main-product-page .page-after{
    float: left;
    display: block;
    height: 37px;
    line-height: 37px;
    border-radius: 4px;
    border: solid 1px #d5d5d5;
    color: #999999;
    padding: 0 14px;
    margin-right: 10px;
    cursor: pointer;
}
.main-product-page .page-content:hover,.main-product-page .page-before:hover,.main-product-page .page-after:hover,.main-product-page .active{
    color: #ffffff;
    background-color: #2768f8;
    border: solid 1px #2768f8;
}
.home-index-footer{
    background: #292929;
    padding: 14px 0;
    text-align: center;
    width: 100%;
    height: auto;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    color: #ffffff;
    margin-top: 33px;
}