*{box-sizing:border-box;}
img,img:before{object-fit:cover;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}
@media (max-width: 1200px){
    .index .header .inner {
        width: 100%;
        margin: 0 auto;
    }
    .index .header .inner .nav{
        margin: 0 10px;
    }

    .index .main {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 85%;
        margin: 0 auto;
    }
}
@media (min-width: 1200px){
    .index .header .inner {
        width: 1200px;
        margin: 0 auto;
    }
    .index .main {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 1200px;
        margin: 0 auto;
    }
}
.index{background:#F7F9FE;}
.index .header {
    height: 400px;
    background: url("../img/banner.png") center/cover no-repeat;
}
.index .header .nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.index .header .logo {
    height: 29px;
    margin-top: 18px;
}

.index .header .logo img {
    display: block;
    width: 100%;
    height: 100%;
}

.index .header .link {
    margin-top: 22px;
}

.index .header .link a {
    text-decoration: none;
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
}

.index .header .link a ~ a {
    margin-left: 30px;
}

.index .header .text {
    margin-top: 112px;
}

.index .header .title {
    font-weight: bold;
    font-size: 36px;
    line-height: 41px;
    text-align: center;
    color: #FFFFFF;
}

.index .header .info {
    margin-top: 23px;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #FFFFFF;
}

.index .copyright {
    margin-bottom: 28px;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    color: #666666;
	margin-top:100px;
}

.index .select_sec{padding-top:40px;}
.index .select_sec .layui-form-item{margin-right:30px;margin-bottom:10px;}
.index .select_sec .layui-form-item:last-child{margin:0;}
.index .select_sec .layui-form-label{width:auto;padding-left:10px;padding-right:0;}
.index .select_sec .layui-input-block{margin-left:60px;}

.index .goods_ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.index .goods_li{padding:0 10px;margin-top:20px;min-height: 300px;}
.index .goods_item{padding:45px 42px 30px;background:#fff;text-align:center;height:100%;position:relative;overflow:hidden;border-radius:12px;}
.index .goods_img{height:97px;}
.index .goods_img img{max-height:100%;max-width:100%;}
.index .goods_title{font-size:16px;margin-top:14px;font-weight:bold;}
.index .goods_desc{font-size:12px;color:#8E8E8E;line-height:20px;margin-top:12px;}


.index .code_cover{width:100%;height:100%;background:rgba(0,0,0,.6);position:absolute;left:0;top:0;justify-content:space-around;align-items:center;flex-direction:column;padding:30px 20px;display:none;}
.index .code_box{width:100%;display:flex;justify-content:space-around;color:#fff}
.index .code_info{width:30%;max-width:100px;}
.index .code_img{width:100%;border:2px solid #BABABA;position:relative;max-width:120px;padding-top:100%;}
.index .code_img img{width:90%;height:90%;position:absolute;left:5%;top:5%;}
.index .code_txt{margin-top:10px;}
.index .goods_btn{display:inline-block;color:#fff;border:1px solid #fff;padding:5px 15px;border-radius:12px;}

.index .goods_item:hover .code_cover{display:flex}

@media (min-width: 992px){
	.index .goods_li{width:calc(100% / 3);}
}
@media (max-width: 991px) and (min-width: 768px){
	.index .goods_li{width:calc(100% / 2);}
}
@media (max-width: 767px){
	.index .goods_li{width:100%;}
}