*{margin:0px;padding:0px;}
body{font-family: "Microsoft YaHei","微软雅黑","simsun","sans-serif","Hiragino Sans GB","STHeiti",Arial;background-color:#fff;font-size:85%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;position: relative;}
h1,h2,h3,h4,h5,h6,em{font-weight:normal;font-style:normal;}
table,td,tr{border:none;border-collapse:collapse;}
ul,li,ol{list-style:none;}
img,fieldset{border:medium none;display:block;}
img{vertical-align:left;}
a{outline:none;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;cursor: pointer;}
a:link,a:visited{color:#333;text-decoration:none;}
a:hover,a:active{color:#b30000;text-decoration:underline;}
a.ani{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.clear{clear:both;width:1px;overflow:hidden;height:0;}
.clearfix{*zoom: 1;}
.clearfix:after{clear: both;display: block;overflow: hidden;height: 0;visibility: hidden;content: ".";}
.hidden{display:none;}
.pull-left,.fl{float: left;}
.pull-right,.fr{float: right;}
.fdn{font-size: 0;text-indent: -999em;line-height: 0;}
.text-overflow{overflow: hidden;white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
h1{display: block;font-size: 0;line-height: 0px;text-indent: -999em;}
/*
    省略号css：
    panA:
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

    panB:
    height:px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
*************************************************    
    半透黑色背景（且兼容ie）
    background: rgba(0,0,0,0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
*/
/*margin*/
.mt10{margin-top: 10px;} .mt20{margin-top: 20px;}

.wrap{background: url(images/bg.jpg) no-repeat center top #fefadb;padding-bottom: 0;}
.banner,.banner img,.col{width: 1200px;margin:0 auto;overflow: hidden;}
.flex_SpaceBetween{
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
}
.slick-prev{position: absolute;font-size: 0;cursor: pointer;z-index: 9;background: url("images/jt-left.png") no-repeat center;width: 40px;height: 40px;background-size: 100%;border: none;outline: none;opacity: 1.8;left: -70px;top: 50%;}
.slick-next{position: absolute;font-size: 0;cursor: pointer;z-index: 9;background: url("images/jt-right.png") no-repeat center;right: -71px;top: 50%;width: 40px;height: 40px;background-size: 100%;border: none;outline: none;opacity: 1.8;}



/*slick.css*/
.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;overflow:hidden;}
.slick-list:focus{outline:0;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.slick-track{position:relative;top:0;left:0;display:block;}
.slick-track:after,.slick-track:before{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}/*如果p标签width：100%超出，则加position：relative*/
[dir=rtl] .slick-slide{float:right;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
/*slick.css-end*/
/*test轮换图片点*/
.slick-dots { position: absolute;list-style: none; display: block; text-align: center; padding: 0px; width: 100%;}
.slick-dots li {position: relative;display: inline-block;height: 14px;width: 14px;margin: 0;padding: 0px;cursor: pointer;}
.slick-dots li button {border: 0;background: transparent;display: block;height: 14px;width: 14px;outline: none;line-height: 0;font-size: 0;color: transparent;padding: 0;cursor: pointer;outline: none;}
.slick-dots li button:focus { outline: none; }
.slick-dots li button:before {position: absolute;top: 0;left: 0;content: "\2022";width: 14px;height: 14px;text-align: center;opacity: 0.25;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background:  #069550;border-radius: 31px;}
.slick-dots li.slick-active button:before { opacity: 0.75; }
/*test轮换图片点*/

.col .img{
    display: block;
    overflow: hidden;
}
.col img{
    width: 100%;
    height: 100%;
}
.title{
    width: 100%;
    height: auto;
}

.bg{
    width: 100%;
    height: auto;
    background: url(./images/bg2.jpg) no-repeat #fefadb top center;
    background-size: 100%;
    display: inline-block
}
/* intro */
.banner{
    position: relative;
    overflow: inherit;
}
.intro{
    overflow: inherit;
    position: absolute;
    bottom: -18px;
    left: 50%;
    transform: translateX(-50%);
    height: 234px;
    background-color: #f5ffca;
    box-shadow: 0px 8px 18px 1px 
        rgba(139, 55, 1, 0.77);
        box-sizing: border-box;
        padding: 17px 0;
}
.intro .txt{
    border-top: solid 2px #da4315;
    border-bottom : solid 2px #da4315;
    box-sizing: border-box;
    padding: 18px 48px 36px 171px;
    position: relative;
    height: 202px;
} 
.intro .txt img{
    width: 123px;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
}
.intro .txt p{
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 29px;
    letter-spacing: 1px;
    color: #eb2d24;
    text-align: justify;
    text-indent: 2em;
}
/* header */
.header{
    margin-top: 107px;
}
.header .img-box{
    width: 527px;
    height: auto;
}
.header .img-box .item{
    width: 100%;
    height: 395px;
    position: relative;
}
.header .img-box .img{
    width: 100%;
    height: 100%;
}
.header .img-box .txt{
    position: absolute;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 0 10px;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
}
.header .img-box .txt h2{
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 50px;
    color: #ffffff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.header .img-box .txt h2 a{
    color: #ffffff;
}
.header .swiper-button-next,.header .swiper-button-prev{
    width: 39px;
    height: 55px;
}
.header .swiper-button-next{
    background: url(./images/jt1-right.png);
    right: 0;
}
.header .swiper-button-prev{
    background: url(./images/jt1-left.png);
    left: 0;
}
.header .list-box{
    width: 642px;
    height: auto;
    
}
.header .list-box .item{
    height: 61px;
    overflow: hidden;
    margin-top: 16px;
}
.header .list-box h2{
    width: 100%;
    background-image: linear-gradient(
        #fecab3, 
        #fecab3), 
    linear-gradient(90deg, 
        #ff872b 12%, 
        #f81a28 100%);
    background-blend-mode: hard-light, 
        normal;
    height: 61px;
    font-size: 21px;
    line-height: 61px;
    color: #2b363b;
    box-sizing: border-box;
    padding: 0 70px 0 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}
.header .list-box h2::before{
    content: "";
    border-left: 5px solid #dd5531;
    border-bottom: 5px solid #dd5531;
    position: absolute;
    right: 22px;
    top: 35%;
    transform: translateY(-50%) rotate(-45deg);
    width: 31px;
    height: 31px;
}
.header .list-box p{
    font-size: 21px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 29px;
    letter-spacing: 1px;
    color: #2d383d;
    box-sizing: border-box;
    padding: 15px 23px 0;
    text-indent: 2em;
    height:auto;
    display: -webkit-box;
    -webkit-line-clamp: 23;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.header .list-box p a{
    color: #f90a4a;
}
.header .list-box .item:first-child{
    margin-top: 0;
}
.header .list-box .active{
    height: 161px;
    transition: all 1s;
}
.header .list-box .active h2{
    background-image: linear-gradient(90deg, 
        #ff872b 12%, 
        #f81a28 100%);
    box-sizing: border-box;
    color: #fff;
    border-bottom: 4px solid #fbca2d;
}
.header .list-box .active h2 a{
    color: #fff;
}

.header .list-box  .active h2::before{
    opacity: 0;
}


/* col1 */
.col .title{
    margin: 0 auto;
}
.col-content .container{
    margin-top:31px
}
.col-content .img{
    width: 100%;
    height: 337px;
}
.col-content .txt{
    margin: 18px 52px 0;
}
.col-content .txt p{
    font-size: 21px;
    color: #ea562a;
    font-weight: bold;
}
.col1 {
    margin-top: 63px;
}
.col1 .title{
    width: 1151px;
}
.col2 {
    margin-top: 53px;
}
.col2 .title{
    width: 1065px;
}
.col3 {
    margin-top: 68px;
}
.col3 .title{
    width: 1065px;
}

/* col4 */
.bg2{
    background: url(./images/bg3.jpg) no-repeat #fefadb bottom;
    display: block;
    overflow: hidden;
    background-position-y: 116%;
}
.col4 {
    margin-top: 91px;
}
.col4 .title{
    width: 602px;
}
.col4 .container{
    margin-top: 52px;
}
.col4 .videoBox .headVideo{
    width: 1058px;
    height: auto;
    margin: 0 auto;
}
.col4 .videoBox .headVideo #videobox {
    width: 100%;
    height: 595px;
}
.col4 .txt{
    width: 1057px;
    height: auto;
    background-color: #e03b1d;
    box-sizing: border-box;
    border-radius: 100px;
    padding: 0 20px;
    margin: 10px auto 0;
}
.col4 .txt h2{
    font-size: 29px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    line-height: 72px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.col4 .txt h2 a{
    color: #fff;
}

/* col5 */
.bg3{
    background: url(./images/bg4.jpg) no-repeat #fefadb bottom center;
    background-size: 100%;
    display: block;
    overflow: hidden;
    margin-top: 121px;
}
.col5 {
    margin-top: 10px;
}
.col5 .title{
    width: 602px;
}
.col5 .swiper-container{
    height: auto;
    width: 96%;
    padding-top: 98px;
    margin-top: 170px;
    padding-bottom: 98px;
}
.col5 .swiper-slide{
    width: 749px;
    height: 427px;
    /* padding: 38px; */
}
.col5 .swiper-slide .img{
    box-sizing: border-box;
    border: 4px solid #fff;
    background-color: #fff;
    display: block;
    overflow: hidden;
    /* border-radius: 10px; */
}
.col5 .swiper-slide-active{
    box-shadow: 0px 7px 38px 2px 
        rgba(14, 18, 17, 0.8);
}
.col5 .swiper-slide .img,.col5 .swiper-slide img{
    width: 100%;
    height: 100%;
}
.col5 .swiper-button-prev,.col5 .swiper-button-next{
    width: 76px;
    height: 76px;
    background-size: 100%;
    margin-top: 20px;
    transform: translateY(-50%);   
}
.col5 .swiper-button-prev{
    background-image: url(./images/jt2-left.png);
    left: 24%;
}
.col5 .swiper-button-next{
    background-image: url(./images/jt2-right.png);
    right: 24%;
}
.col5 .black-bg{
    width: 99%;
    height: 99%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: rgba(0, 0, 0, .5);
}
.col5 .swiper-slide-active .black-bg{
    transition: all 1s;
    opacity: 0;
    display: none;
}
@media screen and (max-width: 768px){
    .wrap{
        width: 100%;
        height: auto;
        background: #fefadb;
    }
    .banner,.banner img,.header .img-box{
        width: 100%;
        height: auto;
    }
    .col{
        width: 96%;
        height: auto;
    }
    .intro{
        position: inherit;
        transform: inherit;
        left: 0;
        bottom: -4px;
        padding: .17rem 0;
        margin-top: .5rem;
    }
    .intro .txt{
        height: auto;
        padding: .18rem .48rem .36rem 1.61rem;
    }
    .intro .txt img{
        width: 1.23rem;
    }
    /* fontsize */
    .intro .txt p,.col-content .txt p{
        font-size: 16px;
    }
    .header .list-box p{
        font-size: 14px;
    }
    .header .img-box .txt h2,.header .list-box h2,.col4 .txt h2{
        font-size: 17px;
    }
    /* fontsize end */
    .header{
        margin-top: .8rem;
    }
    .header .img-box .item{
        height: auto;
    }
    .header .swiper-button-next, .header .swiper-button-prev{
        width: .59rem;
        height: .75rem;
        background-size: 100% 100%;
    }
    .header .img-box .txt h2{
        line-height: .8rem;
    }
    .header .list-box{
        width: 100%;
        height: 7.16rem;
    }
    .header .list-box h2{
        line-height: 1rem;
        height: 1rem;
        padding: 0 .7rem 0 .25rem;
    }
    .header .list-box p{
        line-height: .4rem;
    }
    .header .list-box h2::before{
        width: .31rem;
        top: 45%;
        height: .31rem;
        border-width: 2px;
    }
    .header .list-box .item{
        margin-top: .1rem;
    }
    .header .list-box,.col1,.col2,.col3,.col4,.col5,.col-content .container,.col4 .container,.bg3,.col5 .swiper-container{
        margin-top: .5rem;
    }
    .col1 .title{
        width: 110%;
    }
    .col2 .title{
        width: 111%;
    }
    .col3 .title{
        width: 112%;
    }
    .col4 .title,.col5 .title{
        width: 75%;
    }
    .col-content .img{
        height: auto;
    }
    .col4 .txt{
        width: 100%;
    }
    .col4 .videoBox .headVideo{
        width: 100%;
    }
    .col4 .videoBox .headVideo #videobox{
        width: 100%;
        height: 3.71rem;
    }
    .col4 .txt h2{
        line-height: 1rem;
    }
    .bg2{
        background-size: 140%;
    background-position-y: 2.2rem;
    }
    .col5 .swiper-container{
        padding-top: .5rem;
    }
    .col5 .swiper-slide{
        width: 96%;
        height: auto;
        /* border-radius: 30px */
    }
    .col5 .swiper-slide .img{
        border: 3px solid #fff;
    }
    .col5 .swiper-slide .img, .col5 .swiper-slide img{
        width: 100%;
        height: 4.8rem;
    }
    .col5 .swiper-container{
        width: 100%;
        height: auto;
        padding: .5rem 0;
        margin-top: 0;
    }
    .col5 .swiper-button-prev, .col5 .swiper-button-next{
        width: .95rem;
        height: .95rem;
    }
    .col5 .swiper-button-prev{
        left: 5%;
    }
    .col5 .swiper-button-next{
        right: 5%;
    }
    .col5 .swiper-slide-active {
        box-shadow: 0px 3px 19px 2px rgb(14 18 17 / 80%);
    }
    .bg3{
        padding-bottom: 1rem;
    }
    .col-content .txt{
        margin: .2rem .2rem 0;
    }
}
@media screen and (max-width: 360px){
    /* fontsize */
    .intro .txt p{
        font-size: 15px;
    }
    .header .list-box p{
        font-size: 13px;
    }
    .header .img-box .txt h2,.header .list-box h2,.col4 .txt h2{
        font-size: 16px;
    }
    /* fontsize end */
}
@media screen and (max-width: 320px){
    /* fontsize */
    .intro .txt p{
        font-size: 14px;
    }
    .header .list-box p{
        font-size: 12px;
    }
    .header .img-box .txt h2,.header .list-box h2,.col4 .txt h2{
        font-size: 15px;
    }
    /* fontsize end */
    .header .list-box{
        height: 7rem;
    }
    .header .list-box .item {
        height: 1.1rem;
    }
    .header .list-box .active{
        height: 3.3rem;
    }
}