/*初始化css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#555; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; }
a:hover { text-decoration:none; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;}
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }

/*基础样式*/
body{
    background: url("../img/indeximg4.jpg") repeat top left;
    padding: 0 0 240px 0;

}
.container{
    width: 100%;
    overflow: hidden;
    display: block;
}
.container .core{
    width: 1200px;
    margin: 0 auto;
    display: block;
}
.container img{
    width: 100%;
    float: left;
}
.imgBox{
    width: 1440px;
    display: block;
    margin: 0 auto;
}

.indexBtn{
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
}

.index .moreLook {
    padding:0 0 20px 0;
    /*background: url("../img/indeximg4.jpg") repeat top left;*/

}
.moreLook .lookBtn {
    width: 800px;
    line-height: 80px;
    font-size: 32px;
    color: #ad0000;
    outline: none;
    border-radius:80px;
    margin: 40px auto;
    display: block;
    text-align: center;
    padding: 0;
    border: none;
    background: -webkit-linear-gradient(top, #fef0bd ,#ffd98e);
    background: -o-linear-gradient(top, #fef0bd,#ffd98e);
    background: -moz-linear-gradient(top, #fef0bd,#ffd98e);
    background: linear-gradient(top, #fef0bd , #ffd98e);
}




/*弹窗*/
.alertBox .bg{
    position:fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.4);
    z-index: 100;
    width: 100%;
    height: 100%;
    display: inline-block;
}
.alertBox form{
    width: 700px;
    height: 500px;
    display: inline-block;
    border-radius: 40px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -250px 0 0 -350px;
    z-index: 1000;
    padding: 40px;
    box-sizing: border-box;
}
.alertBox form .closeB{
    width: 26px;
    height: 26px;
    display: inline-block;
    float: right;
    cursor: pointer;
    transition: all 0.3s;
}
.alertBox form .closeB:hover {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.alertBox form .title{
    width: 260px;
    text-align: center;
    position: relative;
    display: block;
    margin: 40px auto 0 auto;
}
.alertBox form .title span{
    text-align: center;
    font-size: 30px;
    color: #333;
    padding: 0 10px;
    background:#fff;
    position: relative;
    z-index: 100;
}
.alertBox form .title  i{
    width: 100%;
    height: 2px;
    background: #afadad;
    position: absolute;
    top: 50%;
    left: 0%;
    margin: 0;
    display: inline-block;
}

.alertBox form .inputBox{
    padding: 50px 20px 20px 20px;
}

.alertBox form .infoBox {
    position: relative;
    padding: 0 0 0 80px;
    box-sizing: border-box;
    border-bottom: 1px  #e6e6e6  solid;
    margin: 0 0 20px 0;
    height: 34px;
    line-height: 34px;
}
.alertBox form .inputBox .infoBox.margin0{
    margin: 0;
}


.alertBox form .infoBox span {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    color: rgba(51,51,51,1);
}
.alertBox form .infoBox input[type=text] {
    width: 100%;
    height: 30px;
    line-height: 30px;
    border: none;
    font-size: 14px;
    color: #4e4e4e;
    outline: none;
}
.alertBox form .inputBox  .say {
    color: #E12839;
    font-size: 14px;
    padding: 0;
    height: 20px;
    margin: 4px 0 30px 0;
}
.alertBox .lookBtn {
    width:60%;
    line-height: 36px;
    font-size: 16px;
    color: #b72321;
    border: #b2221b 1px solid;
    outline: none;
    border-radius: 18px;
    margin: 20px auto 30px auto;
    display: block;
    text-align: center;
    padding: 0 0 0 0px;
    background: #fff;
    cursor: pointer;
}
.alertBox .lookBtn:hover {
    background: #E12839;
    color: #fff;
}

.hide{
    display: none;
}






@media screen and (max-width: 1440px) {
    .imgBox{
        width: 100%;
    }

}
@media screen and (max-width: 1200px) {
    .moreLook .lookBtn {
        width: 80%;
        line-height: 50px;
        font-size: 24px;
    }

     body {
        background: #da251c;
         padding: 0 0 80px 0;
     }

}
@media screen and (max-width: 800px) {
    .moreLook .lookBtn {
        width: 60%;
        line-height: 33px;
        font-size: 15px;
        margin: 20px auto 0 auto;
    }
    .alertBox form {
        width: 90%;
        height: auto;
        top: 10%;
        left: 5%;
        margin: 0;
        border-radius: 13px;
        padding: 14px;
    }
    .alertBox form .closeB {
        width: 20px;
        height: 20px;
    }
    .alertBox form .title span {
        font-size: 15px;
        font-weight: bold;
    }
    .alertBox form .title {
        width: 170px;
        margin: 34px auto 0 auto;
    }
    .alertBox form .inputBox {
        padding: 30px 10px 10px 10px;
    }
    .alertBox form .infoBox span {
        font-size: 14px;
    }

    .alertBox form .infoBox {
        padding: 0 0 0 80px;
        margin: 0 0 13px 0;
        height: 32px;
        line-height: 32px;
    }

    .alertBox form .infoBox input[type=text] {
        height: 28px;
        line-height: 28px;
        font-size: 12px;
    }
    .alertBox form .inputBox .say {
        font-size: 12px;
        padding: 0;
        height: 16px;
        margin: 6px 0 18px 0;
    }
    .alertBox .lookBtn {
        width: 92%;
        line-height: 32px;
        font-size: 13px;
        border-radius: 15px;
        margin: 0 auto 30px auto;
    }









}