@charset "utf-8";
/*全局样式*/
@import url("base.css");
body {margin:0 auto;padding:0;width:100%;color:#333;font:14px/1.5 Arial,"Microsoft Yahei";background:#fff;-webkit-font-smoothing:antialiased;}
input,button,select,textarea,img,p,h1,h2,h3,h4,h5 {margin:0;padding:0;border:0;font-family:'Microsoft YaHei','微软雅黑';}
a {color:#333;text-decoration:none;}
a:hover {color:#be080d;text-decoration:none;-webkit-transition:all 0.2s linear;transition:all 0.2s linear;}
ol,ul,li,dl,dd {margin:0 auto;padding:0;list-style-type:none;}
i,em {font-style:normal;}
table {border-collapse:collapse;border-spacing:0;}
/*Clear Fix*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
.mr5{margin-left: 5px !important;}
.mr10{margin-right: 10px !important;}
.clear {clear:both;font-size:0px;height:0px;overflow:hidden;}
.line5 {clear:both;font-size:0px;height:5px;overflow:hidden;}
.line10 {clear:both;font-size:0px;height:10px;overflow:hidden;}
.line15 {clear:both;font-size:0px;height:15px;overflow:hidden;}
.mt50{margin-top: 50px !important;}
.mb50{margin-bottom: 50px !important;} 
/*页面布局*/
.section {position:relative;margin:0 auto;width:1300px;text-align:left;}
.wrapper {position:relative;margin:0 auto;padding:0;width:100%;height:auto;text-align:left;overflow:hidden;}
.wrapper:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.wrap-box {width:1300px;}
.bg-wrap {margin:0;padding:0;background:#fff;}
.bg-wrap:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.bg-wrap.nobg {background:none;}
.pad-15 {position:relative;padding:15px;}
.pt-30 {padding-top:30px;}
.icon {position:absolute;display:block;width:20px;height:20px;background:url(../images/icon.png) no-repeat;zoom:1;}
.fl {float:left !important;}
.fr {float:right !important;}
.main-title .title {text-align:center;text-transform:uppercase;}
.main-title h1 {font-size:30px;font-weight:bold;color:1b1b1b;text-align:center;padding-top:50px;border-bottom:1px solid #d3d3d3;color:#c80007;}
.pagination {margin:28px 0 0;text-align:center;font-size:14px;}
.main-title .nav-tit {padding:30px 0;text-align:center;color:#a7a7a7;font-size:18px;}
.main-title .nav-tit a {margin-left:10px;color:#a7a7a7;background:#ffffff;border:2px solid #a7a7a7;padding:5px 0;width:180px;display:inline-block;}
.main-title .nav-tit a:hover,.nav-tit a.selected {color:#fff;background:#c6000d;border-color:#c6000d;}
.location{ padding:5px 0; width:100%; height:40px; line-height:40px; color:#999; font-size:12px; text-align:left; }
.location a{ margin:0 5px; }
.location span{ color:#666; }
/*头部*/
.banner{margin: 0 auto;width: 100%;}
.banner img {width: 100%;height: auto;}
.header{height: 100px;position:absolute;left: 0;top: 0; z-index: 9999;width: 100%;}
.header *{box-sizing: border-box;}
.header .logo{position: absolute;left: 5%;top: 20px;}
.header .nav {text-align: right;padding-right: 200px;}
.header .nav li{display: inline-block;line-height: 100px;padding-right: 40px;position: relative;}
.header .nav li a:after {content: "";width: 0;height: 2px;background: #b50005;position: absolute;bottom: -20px;left: 0;transition: all 0.5s ease 0s;}
.header .shop{position: absolute;right: 0;top: 0;}
.header .nav li a:hover:after,#index .nav-index:after {width: 100%;}
.header .nav li a{color: #fff;font-size: 20px;position: relative;font-weight: bold;text-transform: uppercase;}
.header .nav li a:hover,#index .nav-index,#about .nav-about,#product .nav-product,#honor .nav-honor,#contact .nav-contact{color: #b50005;}
.swiper-pagination-clickable .swiper-pagination-bullet{background: #ddd;opacity: 1;}
.swiper-pagination-clickable .swiper-pagination-bullet-active{border-radius: 5px;width: 30px;height: 8px;background-color: #b50005;}
.header .language-box{ width: 100px; position:absolute;right: 150px;height: 70px;top: 50%;margin-top: -35px;line-height: 70px;}
.header .language-box .search{cursor: pointer; display: inline-block;margin-right: 20px; background: url(../images/search.png) no-repeat;background-size:18px auto;width: 18px;height: 18px;}
.header .language-box .language{display: inline-block;}
.header .language-box .language.en{background: url(images/en.png) left center no-repeat;padding-left: 30px;background-size: 22px auto;}
.header .language-box .language a {position: relative;color: #fff;font-size: 18px;font-weight: bold;}
.header .language-box .language a:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: -12px;
  width: 0;
  height: 0;
  border: 4px solid transparent; /*以下四个样式对应四种三角形，任选其一即可实现*/
  border-top-color:#fff; 
}
.popup-search{ position:fixed; left:0; top:0; z-index:9999; width:100%; height:100%; opacity:0; visibility:hidden; -webkit-transition:opacity .15s; transition:opacity .15s;}
.popup-search.open{ opacity:1; visibility:visible; -webkit-transition:opacity .45s; transition:opacity .45s;}
.popup-search .popup__overlay{ position:absolute; width:100%; height:100%; background:#000; opacity:.85; filter:Alpha(opacity=85);}
.popup-search .close{ position:absolute; right:30px; top:20px;}
.popup-search .close a{ display:block; width:44px; height:44px; line-height:44px; font-size:42px; text-align:center; color:#fff;}
.popup-search .searchlist{ position:absolute; left:50%; top:50%; display:block; margin-left:-325px; margin-top:-30px; width:650px; height:48px;}
.popup-search .searchbtn{ position:absolute; right:0; top:0; display:block; margin:0; padding:0; width:80px; height:48px; line-height:48px; font-size:16px; text-align:center; color:#999; background:none; border:0; outline:0; cursor:pointer;}
.popup-search .searchtxt { display:block; box-sizing:border-box; margin:0; padding:0 5px; padding-right:85px; width:100%; height:48px; line-height:48px; font-size:16px; color:#999; background:none; border:0; border-bottom:1px solid #888; outline:0;}
.i-product {
    background: #e5e5e5;
    padding: 50px 0;
}

    .i-product .swiper-container {
        width: 100%;
        height: 100%;
    }

    .i-product .swiper-slide {
        text-align: center;
        font-size: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: 300ms;
        position: relative;
        flex-direction: column;
    }

    .i-product .recommend-box .title {
        background: #e70012;
        color: #fff;
        width: 100%;
        text-align: left;
        line-height: 50px;
        font-size: 20px;
        text-indent: 2em;
    }

    .i-product img {
        width: 100%;
    }


    .i-product h2 {
        font-size: 46px;
        font-weight: bold;
        color: #000;
        text-align: center;
    }

    .i-product ul {
        display: flex;
        justify-content: space-between;
        margin-bottom: 50px;
    }

        .i-product ul a {
            font-size: 35px;
            color: #7f7f7f;
        }

            .i-product ul a:hover {
                color: #b50005;
                text-decoration: underline;
            }

    .i-product .swiper-slide {
        transition: all 0.6s;
        padding: 50px 0;
    }

        .i-product .swiper-slide:hover {
            transform: scale(1.2);
        }

    .i-product .recommend {
        margin: 0 5%;
    }
    .i-product .recommend-box {
        display: flex;
        justify-content: space-between;
        gap: 20px;
    }
    
.brand-box {
            background: #fff;
            padding: 50px 0;
        }

        .brand-box .title {
            font-size: 46px;
            font-weight: bold;
            color: #000;
            text-align: center;
            margin-bottom: 50px;
            text-transform: uppercase;
        }

        .brand-box .list {
            display: flex;
            justify-content: space-between;
            margin: 0 5%;
            gap:20px;
        }

        .brand-box .list .item {
            position: relative;
            width:25%
        }
            .brand-box .list .item img {
            width:100%;
            }
            .brand-box .list .item p {
                text-transform: uppercase;
                position: absolute;
                left: 0;
                bottom: 40px;
                right: 0;
                font-size: 40px;
                color: #fff;
                text-align: center;
                font-weight: bold;
            }
.product_menu_wrap {
    width: 100%;
    transition: all .6s cubic-bezier(.3, 0, .7, 1);
    position: absolute;
    top: 60px;
    padding-top: 40px;
    left: 0;
    z-index: 999;
    display: none;
}

    .product_menu_wrap .layout {
        margin: 0 auto;
        width: 100%;
        background: #fff;
    }

    .product_menu_wrap .cate_list {
        margin: 0 auto;
        width: 80%;
    }

.pro_category {
    padding: 20px 0;
    border-bottom: 1px solid #d9d9d9;
}

    .pro_category:last-child {
        border: none;
        padding-bottom: 50px;
    }

    .pro_category h3 {
        color: #333;
        font-size: 30px;
        font-weight: bold;
        line-height: 1.2;
        text-align: left;
        padding: 30px 0;
        text-transform: uppercase;
    }

    .pro_category .pro_list {
        justify-content: flex-start;
    }

.pro_list li {
    width: 20%;
    text-align: center;
    margin: 15px 0;
}

    .pro_list li > a:hover img {
        transform: scale(1.1)
    }

.pro_list h4 {
    color: #000000;
    font-size: 20px;
    line-height: 1;
    margin-top: 15px;
}

    .pro_list h4 a {
        color: #000000;
        font-size: 20px;
    }

.pro_list li img {
    transition: all 0.6s ease;
    width: 100%;
}

.cate_list::-webkit-scrollbar {
    display: none;
}

.flex_row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.brand-box  .list .item p{text-transform: uppercase; position: absolute;left: 0;bottom: 40px;right: 0; font-size: 40px;color: #fff;text-align: center;font-weight:bold;}
.i-about {
    background: #e5e5e5;
    padding-top: 100px;
}

        .i-about .about-info {
            display: flex;
            justify-content: space-between;
        }

        .i-about .img {
            margin-right: 50px;
        }

        .i-about .des h2 {
            font-size: 45px;
            font-weight: bold;
            margin-bottom: 20px;
        }

        .i-about .des p {
            font-size: 16px;
            padding-bottom: 10px;
            color: #000;
        }

    .i-about .tips {
        display: flex;
        padding: 50px 0;
        background: #e5e5e5;
    }

        .i-about .tips h3 {
            font-size: 80px;
            color: #ce251f;
            font-weight: bold;
        }

        .i-about .tips-item {
            border-right: 1px solid #000;
            padding: 0 48px;
            text-align: center;
            flex: 1;
        }

        .i-about .tips-item:last-child {
            border: none;
        }

        .i-about .tips-item:first-child {
            padding-left: 0;
        }

        .i-about .tips-item p {
            font-size: 26px;
            color: #555657;
            text-transform: uppercase;
        }

        .i-about .tips-item span {
            font-size: 42px;
            color: #000;
            padding-left: 20px;
        }

        .about-section {
            margin: 0 5%;
        }
.story-box {padding: 80px 0;background: #f6f6f6;}
.story-box .section{padding: 0 86px;}
.swiper-next{position: absolute;left: 0;top: 50%;margin-top: -43px;}
.swiper-prev{position: absolute;right: 0;top: 50%;margin-top: -43px;}
.intr-box{background: #f9fafc;padding: 80px 0;}
.intr-box .title{font-size: 42px;color: #000;text-transform: uppercase;}
.intr-box .info-box{display: flex;justify-content: space-between;}
.intr-box .info-box .left {padding: 50px 0;}
.intr-box .info-box .left ul li{margin: 80px 0;}
.intr-box .info-box .left ul {border-right: 2px solid #f3c8c7;padding: 60px 0;}
.intr-box .info-box .left{width: 310px;}
.intr-box .info-box .left h3{font-size: 42px;color: #ce251f;font-weight: bold;}
.intr-box .info-box .left p{font-size: 18px;color: #555657;text-transform: uppercase;}
.intr-box .info-box .left span{font-size: 26px;color: #000;padding-left: 20px;}
.intr-box .info-box .right{flex: 1;padding-left: 80px;}
.intr-box .info-box .right h3{font-size: 28px;color: #000;text-transform:uppercase;} 
.intr-box .info-box .right p{font-size: 18px;color: #000;margin: 10px 0;}
.Contact-box{padding: 50px 0;background: #f5f5f5;} 
.Contact-box .message{margin: 20px auto;padding: 0 40px;}
.Contact-box .message .input{width: 275px;margin:0 5px;float: left;margin-bottom: 10px;}
.Contact-box .message .input input{width: 275px;height: 55px;line-height: 55px;background: #fff;border-radius: 10px;text-indent: 2em;}
.Contact-box .message .content{min-height: 120px;}
.Contact-box .message .content textarea{width: 100%; min-height: 120px;;background: #fff;border-radius: 10px;text-indent: 2em;padding-top: 2em;}
.Contact-box .message .submit{border-radius: 10px; font-size: 28px;font-weight: bold; height: 60px;color: #f2f2f3;line-height: 60px;background: #ce251f;text-align: center;margin-top: 10px;cursor: pointer;}
.Contact-box .map{margin: 50px auto;}
.Contact-box .map img{width: 100%;}
.Contact-box li{margin-bottom: 20px;}
.Contact-box .tel{background: url(images/icon_tel.png) no-repeat left top;padding-left: 40px;font-size: 24px;color: #4c4948;}
.Contact-box .link-box{  display: flex; justify-content: space-between;  }
.Contact-box .link-box .left{width: 50%;background: #fff;}
.Contact-box .link-box .left li{text-align: center;font-size: 22px;}
.Contact-box .link-box .right{width: 50%;background: #f5f5f5;}
.Contact-box .link-box h2{font-size: 24px;color: #000;font-weight: bold;text-align: center;padding: 40px 0;}
.Contact-box #amap-container{width: 100%;height: 400px;}
.header2{height: 100px;width: 100%;background: #fff;position: relative;}
.header2 *{box-sizing: border-box;}
.header2 .logo{position: absolute;left: 5%;top: 10px;}
.header2 .nav {text-align: right;padding-right: 200px;}
.header2 .nav li{display: inline-block;line-height: 100px;padding-right: 40px;position: relative;}
.header2 .nav li a:after {content: "";width: 0;height: 2px;background: #b50005;position: absolute;bottom: -20px;left: 0;transition: all 0.5s ease 0s;}
.header2 .nav li a:hover:after,#index .nav-index:after {width: 100%;}
.header2 .nav li a{color: #000;font-size: 20px;position: relative;font-weight: bold;text-transform: uppercase;}
.header2 .nav li a:hover,#index .nav-index,#about .nav-about,#product .nav-product,#honor .nav-honor,#contact .nav-contact{color: #b50005;}
.header2 .language-box{ width: 100px; position:absolute;right: 150px;height: 70px;top: 50%;margin-top: -35px;line-height: 70px;}
.header2 .language-box .search{cursor: pointer; display: inline-block;margin-right: 20px; background: url(../images/search2.png) no-repeat;background-size:18px auto;width: 18px;height: 18px;}
.header2 .language-box .language{display: inline-block;}
.header2 .language-box .language.en{padding-left: 30px;background-size: 22px auto;}
.header2 .language-box .language a {position: relative;color: #000;font-size: 18px;font-weight: bold;}
.header2 .language-box .language a:before {content: "";position: absolute;top: 50%; margin-top: -2px; right: -12px;width: 0; height: 0; border: 4px solid transparent; border-top-color:#000; }
.product-box{padding: 50px 0;background: #f4f4f4;}
.product-box h2{color: #000;font-size: 52px;font-weight: bold;margin-bottom: 30px;text-transform: uppercase;}
.product-box h3{color: #000;font-size: 30px;text-align: center;padding: 20px 0;}
.product-box  .item{width: 1300px;margin: 0 auto;padding: 0 72px;margin-bottom: 50px;}
.w1200 {position: relative;}
.product-box .productitem{margin-right: 20px;position: relative;background: #fff;}
.product-box .productitem a{display: block;position: relative;}
.product-box  .p_photo{ display:table; width:100%; height:300px; overflow:hidden; position:relative; z-index:1;}
.product-box  .p_photo .cell{ display:table-cell; vertical-align:middle; text-align:center;}
.product-box  .p_photo img{ max-height:300px;max-width: 300px; -webkit-transition:.45s; transition:.45s}
.product-box .swiper-button-prev{background: url(../images/pl.png);width: 53px;height: 53px;left: -92px;margin-top: -36px;}
.product-box .swiper-button-next{background: url(../images/pr.png);width: 53px;height: 53px;right: -72px;margin-top: -36px;}
.product-box .video h4{padding: 0 20px; font-size: 18px; z-index: 111; color: #fff; background: url(../images/tbg.jpg) no-repeat; position: absolute;left: 0;right: 0;bottom: 0; height: 50px;line-height: 50px; text-align: center;}
.product-detail .sub-title{font-size: 30px; color: #313131;}
.product-detail h1{ display: inline-block;font-size: 60px;color: #000;font-weight: bold;}
.product-detail .swiper-button-prev{left: 0; }
.product-detail .swiper-button-next{right: 0;}

.product-detail .left{width: 650px;overflow: hidden;float: left;position: relative;align-items: center;}
.product-detail .product-img-list{position: relative;width: 580px;padding: 0 35px;}
.product-detail .left .product-img{width:650px;}
.product-detail .right{width:590px;float: right;padding-left: 60px;}
.product-detail .right .more{height: 50px;padding: 0 20px;border-radius: 5px; font-size: 24px;margin-top: 40px;text-align: center; background: #ce251f;color: #fff;display: flex;justify-content: center;align-items: center;}
.product-detail .product-wrapper{background: #f4f4f4;padding-top: 20px;}
.product-detail .product-img-list .swiper-slide{border: 1px solid #3f3f3f;box-sizing: border-box;}
.product-detail .product-wrapper img{width: 100%;}
.product-detail .nav{padding: 20px 0;} 
.product-detail .nav a{font-size: 20px;color: #221815;}
.product-detail .nav span{padding: 0 10px;font-size: 20px;color: #221815;}
.product-detail .contact{margin-top: 50px;text-align: center;}
.product-detail .contact a{margin: 0 auto;text-align: center;border-radius: 10px;font-size: 25px; display: inline-block;background: #ce251f;height: 60px;width: 520px;color: #fff;line-height: 60px;}
.detail {margin-top: 40px;}
.detail .title{padding-left: 10px;font-size: 20px;position: relative; background: url(../images/title.png) no-repeat;color: #fff;height: 44px;line-height: 44px;}
.detail .title:after{position: absolute;content: ''; left: 0;bottom: 0;width: 100%;height: 5px;background: #ce251f;}
.newslist{background: #fff;padding: 20px 0 50px 0;}
.news-title {text-align: center;padding: 30px 0;}
.news-title h2{color: #7c7c7c;font-size: 30px;}
        .news-box ul{width: 105%;overflow: hidden;margin-top: 20px;}
        .news-box li{width: 400px;margin-right: 40px;height: 500px;float: left;margin-bottom: 40px;}
        .news-box li .note {background: #f4f4f4;padding: 40px 30px;}
        .news-box li h2{font-size: 20px;color: #434343;}
        .news-box li .note p{font-size: 14px;color: #999;margin: 20px 0;}
        .news-box li .note .info{padding: 15px 0;}
        .news-box li a:hover .more{display: block;}
        .news-box .photo{ display:table; width:400px; height:286px; overflow:hidden; position:relative; z-index:1;position: relative;}
        .news-box .photo .cell{ display:table-cell; vertical-align:middle; text-align:center;}
        .news-box .photo img{ max-height:286px;max-width: 400px; -webkit-transition:.45s; transition:.45s}
        .news-box .photo .more{display: none; background:#f1af48 url(images/pmore2.png) no-repeat center center;width: 400px;height: 45px;position: absolute;left: 0;bottom: 0;}
        .news-box  .time{color: #7c7c7c;}       
/*搜索*/
.search-tit {display:block;margin:0 30px;padding-top:15px;line-height:38px;border-bottom:1px solid #f0f0f0;}
.search-tit h3 {display:inline-block;color:#333;font-size:16px;font-weight:normal;}
.search-tit span {margin-left:15px;color:#999;font-size:14px;}
.search-tit span strong {margin:0 2px;color:#1e7bb3;font-weight:600;}
.n-list {padding:15px 30px;}
.n-list li {display:block;padding-bottom:15px;border-bottom:1px solid #f0f0f0;overflow:hidden;}
.n-list li:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.n-list li h2 {padding:15px 0 15px;font-size:18px;line-height:24px;font-weight:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.n-list li h2 a {color:#333;text-decoration:none;}
.n-list li h2 a:hover {color:#8CAC52;}
.n-list li .note b {position:relative;display:block;float:left;margin-right:16px;width:118px;height:118px;border:1px solid #e8e8e8;font-style:normal;}
.n-list li .note b img {min-width:100%;min-height:100%;width:100%;_height:100%;}
.n-list li .note p {display:block;font-size:14px;max-height:84px;line-height:28px;font-weight:500;color:#666;overflow:hidden;}
.n-list li .note .info {padding-top:10px;height:20px;line-height:20px;}
.n-list li .note .info span {margin-right:10px;color:#999;font-size:12px;}
.n-list li .note .info span i {margin-right:3px;font-size:12px;}
.n-list .nodata {margin-top:30px;color:#666;font-size:14px;line-height:100px;text-align:center;}
.history{background: #f0f0f0;padding-top: 50px;}
.history h2{font-size: 46px;font-weight: bold;color: #000;text-align: center;margin-bottom: 50px;text-transform: uppercase;}
.brand-box{padding-top: 30px;background: #f6f6f6;margin: 0 auto;}
.brand-box h2{color: #000;font-size: 52px;font-weight: bold;margin-bottom: 30px;text-transform: uppercase;text-align: center;}
.brand-list{width: 1320px;overflow: hidden;margin: 0 auto;}
.brand-box .productitem{float:left; width:300px;margin-right: 20px;}
        
/*分页*/
div.digg {margin:0;padding:0;text-align:left;font-size:14px;display:inline-block;}
div.digg a {display:block;float:left;padding:5px 12px;margin:0 0 0 8px;border:1px solid #e1e2e3;line-height:20px;height:20px;color:#666666;background:#fff;text-decoration:none;border-radius:3px;}
div.digg a:hover {border:1px solid #0166b3;background:#0166b3;color:#fff;}
div.digg span {display:block;float:left;padding:5px 0;line-height:20px;height:20px;}
div.digg span.current {padding:5px 12px;margin:0 0 0 8px;color:#fff;font-weight:bold;background:#0166b3;border-radius:3px;}
div.digg span.disabled {border:1px solid #eee;padding:5px 12px;margin:0 0 0 8px;color:#ddd;}
.entry{ margin-top:20px; padding:0 50px 30px; font-size:14px; line-height:2em; word-wrap:break-word; }
	.entry img{ max-width:100%!important; height:auto!important; }
	.entry h2,.entry h3,.entry h4{ margin:0.8em auto; padding-bottom:5px; border-bottom:1px solid #f6f6f6; color:#333; }
	.entry h2{ font-size:1.2em; }
	.entry h3,.entry h4{ font-size:1.1em; }
	.entry strong{ color:#DC2523; }
	.entry ul,.entry ol{ margin:1em; padding:0; }
	.entry li{ margin-left:1em; }
	.entry ul li{ list-style:disc outside none; }
	.entry ol li{ list-style:decimal outside none; }
	.entry p{ display:inherit; margin:1em 0; color:#333; word-wrap:break-word; }
	.entry a{ text-decoration:underline; }
	.entry code{ display:block; padding:0.5em; background:#eee; border-radius:.5em; color:#777; font-family:'courier new'; font-size:12px; line-height:1.7em; }
	.entry table{ margin:10px auto; border-left:1px solid #eee; border-top:1px solid #eee; }
	.entry table th{ background:#F9F9F9; text-align:center; }
	.entry table td,.entry table th{ border-bottom:1px solid #eee; border-right:1px solid #eee; padding:0.35em 0.5em; }
/*底部*/
 .footer {
            padding: 50px 0;
            background: #000;
        }

        .footer .footer-box {
            margin: 0 10%;
            padding-bottom: 30px;
        }

        .footer .footer-box ul {
            display: flex;
        }

        .footer .footer-box li h4 {
            color: #fff;
            font-size: 22px;
            font-weight: bold;
            text-transform: uppercase;
        }

        .footer .footer-box .column {
            font-size: 16px;
            color: #fff;
            margin-right: 100px;
        }

        .footer .footer-box .column li {
            padding: 5px 0;
            color: #fff;
        }

        .footer .footer-box .column ol {
            padding-top: 20px;
        }

        .footer .footer-box .column li a {
            color: #fff;
            text-decoration: none;
            font-size: 14px;
        }

        .footer .message {
            flex: 1;
        }

        .message-input {}

        .footer .footer-box .message ol {
            padding-top: 20px;
        }

        .footer .message h2 {
            color: #fff;
            font-size: 18px;
            font-weight: bold;
            text-transform: uppercase;
        }

        .footer .message .message-input {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }

        .footer .message input {
            outline: none;
            margin-top: 20px;
            width: 45%;
            height: 42px;
            line-height: 42px;
            background: #fff;
            color: #000;
            border-radius: 5px;
            padding-left: 10px;
            border: 1px solid #999;
        }

        .footer .footer-box .message li {
            padding: 5px 0;
            color: #fff;
            font-size: 16px;
        }

        .footer .message .submit {
            font-size: 18px;
            font-weight: bold;
            height: 40px;
            color: #bebebe;
            line-height: 40px;
            border-radius: 5px;
            background: #ba090c;
            text-align: center;
            margin-top: 15px;
            cursor: pointer;
        }

        .copyright {
            margin: 0 10%;
            color: #fff;
            font-size: 14px;
            padding: 25px 0;
            text-align: center;
            background: #000;
            border-top: 1px solid #fff;
        }

        .copyright a {
            color: #fff;
        }