.banner {

    margin-bottom: 40px;

}

.banner img{

    height: 500px!important;

    /*max-width: inherit;*/

    object-fit: cover;

    object-position: center;

}

.sect1 {

    padding: 10px 0px;

    text-align: center;

}

.products-list.type1 {

    margin: 0 -30px;

}



.products-sect .sect-title {

    padding:  20px 0 40px 0;

    display: block;

    border-top: 1px solid #D7D7D7;

}

.products-sect .sect-title span:before{

    content: '';

    display: block;

    background: url(../../images/common/index/before.png) no-repeat;

    width: 47px;

    height: 41px;

    position: absolute;

    left: -43px;

    top: 0px;

}

.products-sect .sect-title span:after{

    content: '';

    display: block;

    background: url(../../images/common/index/after.png) no-repeat;

    width: 15px;

    height: 25px;

    position: absolute;

    right: -1px;

    top: 28px;

}

.products-sect .sect-title span{

    font-family: 'Josefin Sans', sans-serif;

    font-size: 23px;

    color:#C21F1F;

    font-weight: bold;

    position: relative;

}

.links-sect .sect-title span:before {

    content: '';

    display: block;

    background: url(../../images/common/index/before.png) no-repeat;

    width: 43px;

    height: 41px;

    position: absolute;

    left: -50px;

    top: 1px;

}

.links-sect .sect-title span:after {

    content: '';

    display: block;

    background: url(../../images/common/index/after.png) no-repeat;

    width: 15px;

    height: 25px;

    position: absolute;

    right: -26px;

    top: 0px;

}

.links-sect .sect-title span {

    font-family: 'Josefin Sans', sans-serif;

    font-size: 23px;

    color:#C21F1F;

    font-weight: bold;

    position: relative;

    margin-right: 25px;

}

.links-sect .sect-title .second_txt

.products-sect .sect-title .second_txt{

    color: #79796A;

    font-family: 'Josefin Sans', sans-serif;

    font-size: 18px;

}

.links-sect .btn.more,

.products-sect .btn.more {

    line-height: 18px;

    color: #fff;

    font-size: 12px;

    margin-bottom: 4px;

    border-top:1px solid #DBDCD3;

    width: 100%;

    position: relative;

}

.links-sect .btn.more a,

.products-sect .btn.more a{

    background: #AAAAAA;

    position: absolute;

    top: -10px;

    padding: 2px 5px;

    margin: 0 0 0 -41px;

    transition: all .3s ease;

}

.links-sect .btn.more a:before,

.links-sect .btn.more a:after,

.products-sect .btn.more a:before,

.products-sect .btn.more a:after {

    content: " ‧ ";

    display: inline-block;

    vertical-align: middle;

    margin: -4px 5px 0;

    font-size: 24px;

    font-weight: normal;

}



.links-sect .btn.more a:hover,

.products-sect .btn.more a:hover {

    background: #232830;

}

.products-sect .slick-dots {

    position: absolute;

    right: 30px;

    top: -70px;

}

.products-sect .slick-dots li button {

    white-space: nowrap;

    text-indent: 101%;

    overflow: hidden;

    padding: 0;

    border: 0;

    width: 10px;

    height: 10px;

    background: #AAAAAA;

    opacity: 1;

    border-radius: 0;

    border-radius: 100%;

    margin: 0 5px;

}

.products-sect .slick-dots li.slick-active button {

    background: #B63437;

}







.sect2 {

    padding: 40px 0;

}

.sect2 .row .col {

    float: left;

    width: 50%;

    padding: 0 10px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.aboutimg-sect{

    display: block;

    background: url('../../images/common/index/aboutimg.jpg') no-repeat;

    width: 700px;

    height: 436px;

    position: relative; 

}

.about-sect {

    display: block;

    margin: 0 auto;

    background: url('../../images/common/index/about_bg.png') repeat-x 0 0 ;

    padding: 20px 50px;

    position: relative;

}

.about-sect:hover {

    opacity: 0.8;

}

.about-sect .more{

    display: block;

    width: 147px;

    height: 32px;

    position: relative;

    text-align: center;

    font-size: 15px;

    color: #C21F1F;

    line-height: 32px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    float: right;

}

.about-sect .more:before{

    content: '';

    display: block;

    width: 100%;

    height: 100%;

    border-top: solid 1px #C21F1F;

    border-right: solid 1px #C21F1F;

    position: absolute;

    right: 0;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    top: 0;

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

.about-sect .more:hover:before {

    width: 0;

    height: 0;

}

.about-sect .more:after{

    content: '';

    display: block;

    width: 100%;

    height: 100%;

    border-bottom: solid 1px #232830;

    border-left: solid 1px #232830;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    position: absolute;

    left: 0;

    bottom: 0;

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

.about-sect .more:hover:after {

    width: 0;

    height: 0;

}



.about-sect .index-about-txt{

    background: #fff;

    padding: 0px 15px;

    display: -webkit-box;

    -webkit-line-clamp: 10;

    -webkit-box-orient: vertical;

    overflow: hidden;

    height: 220px;

    overflow: hidden;

    margin: 20px 0;

}

.about-sect .sect-title {

    text-align: left;

    font-size: 35px;

    font-family: 'Josefin Sans', sans-serif;

    color: #393939;

}

.news-sect .ibtn.more {

    border-bottom: 1px solid #DBDCD3;

    width: 100%;

    position: relative;

    overflow: visible;

    margin: 10px 0 0 0;

}

.news-sect .ibtn.more a{

    width:28px;

    height: 28px;

    background: url('../../images/common/index/more.png') no-repeat 0% 0;

    position:absolute;

    left: 50%;

    top: 15px;

    margin: 0 0 0 -14px;

}

.news-sect .ibtn.more:hover a{

    background: url('../../images/common/index/more.png') no-repeat 0 100% ;

}

.news-list {

    margin: 0 -6px;

}

.news-list .item {

    width: 50%;

    padding: 0 6px;

}



.sect3 .container .row{

    border-top: none;

    padding: 20px 0 0 0;

}

.sect3 .links-sect .cf-list {

    margin-bottom: 20px;

}

.links-sect {

    text-align: center;

    margin: 0  auto;

}

.links-sect .sect-title {

    padding:  20px 0 40px 0;

    display: block;

}

.links-sect .name {

    display: none;

}

.links-sect  {

    text-align: center;

    margin: 20px auto;

}



@media screen and (max-width: 1440px) {

    .products-list.type1 {

        margin: 0 0px;

    }

}

@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 1000px) {

    .aboutimg-sect {

        background-size: contain;

        width: 100%;

        height: 0;

        padding-bottom: 63%;

    }

    .about-sect {

        background: url(../../images/common/index/about_bg.png) repeat-x bottom;

        padding: 25px 50px;

    }

    .about-sect .more{

        float: none;

        margin: auto;

    }

    .products-list .item {

        width: 50%;

    }

    .products-list .box {

        margin-bottom: 30px;

    }

    .sect2 .row .col{

        width: 100%;

    }

    .news-sect{

        margin: 30px 0 0 0;

    }

    .products-sect .slick-dots {

        position: absolute;

        width: 100%;

        text-align: center;

        top: -25px;

        left: 0;

    }

    .sect5{

        background-repeat: repeat;

    }

}

@media screen and (max-width: 767px) {

    .banner img{

        height: calc(100vh - 150px)!important;

    }

}

@media screen and (max-width: 520px) {

    .products-list .item,

    .news-list .item {

        width: 100%;

    }

    .about-sect {

        padding: 10px 20px;

    }

    .service-list .item {

        width: 100%;

    }

}

@media screen and (max-width: 480px) {

}

@media screen and (max-width: 400px) {

    

}