/** CSS Sprites **/
// a.btn,
// .prevBtn,
// .nextBtn,
// .content8 .picScroll-left .hd a{ background-image: url(../img/css_sprites.png); background-repeat: no-repeat;}

.title{text-align:center; }
.title span{letter-spacing:1px; padding:0 40px; font-size:40px; font-weight:bold;}
.title img{vertical-align:top;}

.btn{display: block; width:400px; height:56px; margin:50px auto 0; line-height:56px; text-align: center; background-color:#d20607; box-shadow:0px 8px 83px 0px rgba(206, 201, 201, 0.4); border-radius:28px; font-size:24px; color:#ffe046;}
.btn:hover{background:#b80708;}


/* header */
.banner{width:100%; height:360px; background:url(../img/banbg.jpg) center top no-repeat; padding-top:60px;}
.banner img{display: block; margin:0 auto;}
.banner p{display: block; width:700px; height:55px; background:url(../img/pbg.png); line-height:44px; margin:10px 0 0 280px; font-size:30px; color:#f91f2c; padding-top:18px; padding-left:80px;}

/* content1 */
.content1{margin-top:55px; }
.content1 .box{padding:50px 0; display:flex; justify-content:space-between;}
.content1 .item{width:369px; height:235px; box-shadow: 0px 17px 60px 7px rgba(0, 0, 0, 0.13); border-radius:10px; position:relative;}
.content1 .item .txt{width:329px; height:195px; padding:40px 0 0 40px; position:absolute; left:0; top:0;}
.content1 .item .txt h3{font-size:24px; color:#ec0102; font-weight:bold;}
.content1 .item .txt p{font-size:18px; color:#fff; margin-top:10px;}
.content1 .item h4{width:74px; height:74px; padding:9px; position:absolute; right:40px; bottom:23px; border:1px dashed #fff; border-radius:50%;}
.content1 .item h4 a{display:block; width:74px; height:74px; background:#fff; border-radius:50%; font-size:18px; color: #f81e2c; font-weight:bold; display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;}
.content1 .item h4:hover{border:1px dashed #f81e2c;}
.content1 .item h4:hover a{background:#f81e2c; color:#fff;}

/* content2 */
.content2{margin-top:55px; padding-bottom:55px;}
.content2 .box{padding-top:50px; display:flex; justify-content:space-between;align-items:center; padding-left:22px;}
.content2 .itemImg{width:63px; height:64px;}
.content2 .item{width:485px; height:278px; box-shadow: 0px 17px 60px 7px rgba(0, 0, 0, 0.13); border-radius:10px 10px 45px 10px; position:relative;}
.content2 .item h2{width:268px; height:68px; position:absolute; left:-22px; top:-10px; background:url(../img/h2bg.png); padding:12px 0 0 48px; font-size:26px; color:#ffe354;}
.content2 .item h2 span{font-size:36px; text-decoration:underline; margin-right:20px; font-weight:bold;}
.content2 .item .icon{width:55px; height:58px; position:absolute; right:-5px; bottom:-5px; background:url(../img/jiao.png);}
.content2 .item ul{padding:108px 0 0 40px; display:flex; justify-content:space-between;flex-wrap:wrap;}
.content2 .item ul li{width:220px; font-size:22px; line-height:40px;}
.content2 .item ul li:before{display:inline-block; width:8px; height:8px; margin-right:10px; vertical-align: middle; content:''; background-color:#ccc; border-radius:4px;}

/* content3 */
.content3{width:100%; background:#f2eeee; padding:55px 0 60px;}
.tabDetail{display:none; position:relative;}
.show{display:block;}
.tabNav{margin-top:55px;}
.tabNav ul{display:flex; justify-content:space-between;}
.tabNav ul li{width:210px; height:66px; background-color:#fff; text-align:center; font-size:26px; letter-spacing:1px; line-height:66px; border-radius:10px; border:1px solid #ccc; position:relative; z-index: 1; -webkit-backface-visibility:hidden; -moz-osx-font-smoothing: grayscale;}
.tabNav ul li.active{background-color:#d20607; color:#ffe046; border:1px solid #d20607;}
.tabNav ul li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:#d20607;
    border-radius:10px;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.tabNav ul li,.tabNav ul li::before {
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.tabNav ul li:hover::before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width:63px;
    height:92px;
    margin-top: -31px;
    z-index:2;
    cursor: pointer;
    background-image:url(../img/scroll.png);
    background-repeat: no-repeat;
    text-indent:-99999px;
}
.swiper-button-prev{left:0; background-position:0 0;}
.swiper-button-next{right:0; background-position:-64px 0;}
.content3 .swiper-container{margin-top:55px;}
.content3 .item{width:100%; height:408px; border-radius:10px; box-sizing: border-box; border:solid 1px #d20607; position: relative;}
.content3 .item p{width:100%; height:75px; text-align:center; line-height:74px; border-radius:0 0 10px 10px; background-color:rgba(210,6,7,.8); position:absolute; left:0; bottom:0; font-size:24px; color:#fff; font-weight:bold; letter-spacing:1px;}

/* content4 */
.content4{width:100%; background:url(../img/bg4.jpg) center bottom no-repeat; padding:55px 0 0;}

.content4 .box{margin-top:50px;}
.content4 ul{padding:50px 0; display:flex; justify-content:space-between;flex-wrap:wrap;}

.content4 ul li{width:550px; font-size:24px; line-height:50px;}
.content4 ul li span{color:#d20607; font-weight:bold;}


/* content5 */
.content5{width:100%; background:url(../img/bg5.jpg) center top no-repeat; padding:60px 0; font-size:24px;}
.content5 .title1{margin-bottom:45px;}
.content5 .title2{margin-top:55px;}
.content5 h3{text-align:center; margin-top:10px;}
.content5 .box{padding-top:30px; display:flex; justify-content:space-between;}
.content5 .box p{line-height:40px;}
.content5 .box .txt1{width:420px; padding-top:40px; text-align: right;}
.content5 .box .txt1 p:last-child{margin-top:135px;}
.content5 .box .pic{width:350px;}
.content5 .box .txt2{width:420px; padding-top:80px;}
.content5 .box .txt2 p:last-child{margin-top:90px;}
.content5 .box2{width:1240px; overflow:hidden; margin-left:-20px; padding-top:50px; display:flex; justify-content:space-between;}
.content5 .box2 .item{width:137px; text-align: center;}
.content5 .box2 .item p{font-size:18px; line-height:36px;}