.product-title{color: #333 !important;padding-bottom: 40px;font-size: 36px;}
.product-content img{display:inline-block;}
.single-page h1{padding: 80px 0 0 0;text-align: center}
@media (max-width: 769px){
    .single-page h1{padding: 0;text-align: center}
}
.banner{height: 700px;overflow: hidden;}
@media (max-width: 768px){
    .banner{height: 300px;}
}
@media (max-width: 400px){
    .banner{height: 224px;}
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: none;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: none;}
.swiper-button-next, .swiper-button-prev{border-radius: 50%;width: 40px;height: 40px;margin-top: 0;background-size: auto; outline: none}
.hesperiden.tparrows:before{font-size: 20px;font-family: "revicons";line-height: 40px;}

.index-page1{}
.index-page1 .container{width: 1060px;position: relative}
@media (max-width: 768px){
    .index-page1 .container{width: 100%;}
}
.index-page1 .kf{width: 330px;height: 80px; background: #f5000c;position: absolute;left: 0;top: -45px;z-index: 2;padding: 10px 20px 0 20px;}
@media (max-width: 768px){
    .index-page1 .kf{left: 50%;margin-left: -165px;}
}
.index-page1 .kf .tel{display: block;width: 59px;height: 59px;overflow: hidden;float: left;margin-right: 10px;}
.index-page1 .kf .tel img{width: 59px;height: 59px;}
.index-page1 .kf p .sp1{display: block;color: #fff;font-size: 16px;}
.index-page1 .kf p .sp2{display: block;color: #fff;font-size: 32px;}
.index-page1 .about{padding-top: 100px;}
@media (max-width: 768px){
    .index-page1 .about{padding-top: 50px;}
}
.index-page1 .about h1{text-align: center;font-size: 40px;margin-bottom: 10px;}
@media (max-width: 768px){
    .index-page1 .about h1{font-size: 30px;}
}
.index-page1 .about .p1{font-size: 14px;text-align: center}
.index-page1 .about .cc .c{width: 760px;float: left;}
@media (max-width: 768px){
    .index-page1 .about .cc .c{width: 90%;float: none;margin: 0 auto;}
}
.index-page1 .about .cc .c .content{height: 225px;overflow: hidden;}
@media (max-width: 768px){
    .index-page1 .about .cc .c .content{height: auto;}
}
.index-page1 .about .cc .img{float: right;width: 253px;height: 399px; text-align: center;line-height: 399px; overflow: hidden;margin-bottom: -50px;}
@media (max-width: 768px){
    .index-page1 .about .cc .img{float: none;margin: 20px auto 20px auto;}
}
.index-page1 .about .cc .img img{width: 100%;}
.index-page1 .about .cc .more{padding: 30px 0 0 0;margin: 0;font-size: 12px;}
.index-page1 .about .cc .more a{padding: 5px 10px;color: #fff;font-size: 12px;background: #f5000c}

.index-page2{padding: 70px 0;background-repeat: no-repeat;background-position: center top}
.index-page2 .container{width: 1060px;}
@media (max-width: 768px){
    .index-page2{padding: 40px 0;}
}
@media (max-width: 768px){
    .index-page2 .container{width: 90%;margin: 0 auto;}
}
.index-page2 h1{color: #fff;font-size: 56px;margin: 0;}
@media (max-width: 768px){
    .index-page2 h1{font-size: 40px;margin-bottom: 10px;}
}
.index-page2 h2{margin: 0 0 100px 0;font-size: 22px;color: #fff;}
@media (max-width: 768px){
    .index-page2 h2{font-size: 28px;margin: 0 0 40px 0;}
}
.index-page2 .items{}
.index-page2 .items .item{width: 25%;height: 120px;background: #d20404;float: left;cursor: pointer}
@media (max-width: 768px){
    .index-page2 .items .item{width: 50%;height: 80px;}
}
.index-page2 .items .item .img{width: 70px;height: 70px; line-height: 70px; overflow: hidden;text-align: center;margin: 25px 0 0 15px;float: left}
@media (max-width: 768px){
    .index-page2 .items .item .img{margin: 10px 0 0 10px; width: 50px; height: 50px; line-height: 50px;}
}
.index-page2 .items .item.item1{background: #ff0000}
.index-page2 .items .item .img img{max-width: 100%;}
.index-page2 .items .item .txt{margin: 40px 0 0 10px;float: left;height: 45px;}
@media (max-width: 768px){
    .index-page2 .items .item .txt{margin:18px 0 0 0;float: left;height: 45px; width: 100px;}
}
.index-page2 .items .item p{color: #fff;padding: 0;margin: 0;}
.index-page2 .items .item p.p1{font-size: 18px;}
@media (max-width: 768px){
    .index-page2 .items .item p.p1{font-size: 14px;}
}
.index-page2 .items .item p.p2{font-size: 14px;}
@media (max-width: 768px){
    .index-page2 .items .item p.p2{font-size: 12px;}
}
.index-page2 .slide{width: 755px;height: 374px;margin: 70px auto 0 auto;position: relative}
@media (max-width: 768px){
    .index-page2 .slide{width: 280px;height: 180px;margin: 30px auto 0 auto; text-align: center}
}
.index-page2 .slide .btns{display: block;width: 123px;height: 336px;position: absolute;background: #aaa9a9;line-height: 336px;text-align: center;margin-top:19px;cursor: pointer; }
@media (max-width: 768px){
    .index-page2 .slide .btns{display: flex; justify-content: center; align-items: center; width: 60px;height: 160px; line-height: 160px; margin-top: 11px;}
}

.index-page2 .slide .prev{left: -122px;}
@media (max-width: 768px){
    .index-page2 .slide .prev{left: -60px;}
}
@media (max-width: 768px){
    .index-page2 .slide .btns.prev img{margin-left: 10px;}
}
.index-page2 .slide .next{right: -122px;}
@media (max-width: 768px){
    .index-page2 .slide .next{right: -60px;}
}
@media (max-width: 768px){
    .index-page2 .slide .btns.next img{margin-right: 10px;}
}
.index-page2 .slide ul{list-style: none;}
.index-page2 .slide ul li{width: 755px;height: 374px;overflow: hidden;position: relative}
@media (max-width: 768px){
    .index-page2 .slide ul li{width: 280px;height: 180px;overflow: hidden;position: relative}
}
.index-page2 .slide ul li .zz{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #000;opacity: .6;}
.index-page2 .slide ul li .play{width: 140px;height: 140px;position: absolute;left: 50%;top: 50%;margin-left: -70px;margin-top: -70px;z-index: 2;}
@media (max-width: 768px){
    .index-page2 .slide ul li .play{width: 70px;height: 70px;margin: -35px 0 0 -35px;}
}
.index-page2 .slide ul li .play img{width: 140px;height: 140px;}
@media (max-width: 768px){
    .index-page2 .slide ul li .play img{width: 70px;height: 70px;}
}
.index-page2 .slide ul li img{width: 755px;height: 374px;}
@media (max-width: 768px){
    .index-page2 .slide ul li img{width: 280px;height: 180px;}
}
.index-page3{padding: 50px 0 70px 0;background-repeat: no-repeat;background-position: center top}
@media (max-width: 768px){
    .index-page3 {padding: 30px 0;}
}
.index-page3 h1{text-align: center;color: #A20808;font-size: 56px;margin-bottom: 40px;}
@media (max-width: 768px){
    .index-page3 h1{font-size: 40px;margin-bottom: 10px;}
}
.index-page3 h2{text-align: center;margin: 0 0 30px 0;font-size: 36px;color: #000;}
@media (max-width: 768px){
    .index-page3 h2{font-size: 28px;margin: 0 0 20px 0;}
}
.index-page3 h2 p{font-size: 16px;padding: 10px 0;}
.index-page3 .container{width: 1100px;}
@media (max-width: 768px){
    .index-page3 .container{width: 100%;}
}
.index-page3 .col-md-3{background: #C2C2C2;padding: 10px;margin: 0 10px;width: 23.11%;float: left;}
@media (max-width: 768px){
    .index-page3 .col-md-3{margin: 0 auto 20px auto;width: 90%;float: none}
}
.index-page3 .col-md-3:hover{background: #FE5252}
.index-page3 .col-md-3 .img{width: 100%;height: 234.333333px;text-align: center;line-height: 234.333333px;}
@media (max-width: 768px){
    .index-page3 .col-md-3 .img{width: 100%;height: 323.333333px;text-align: center;line-height: 323.333333px;}
}
.index-page3 .col-md-3 .img img{width: 234.333333px;height: 234.333333px;}
@media (max-width: 768px){
    .index-page3 .col-md-3 .img img{width: 323.333333px;height: 323.333333px;}
}
.index-page3 .col-md-3 .txt{width: 100%;padding-bottom: 20px;}
.index-page3 .col-md-3 .txt h1{font-size: 16px;height: 45px;overflow: hidden;margin: 30px 0;}
.index-page3 .col-md-3 .txt h1 a{color:#333;}
.index-page3 .col-md-3:hover .txt h1 a{color: #fff;}
.index-page3 .col-md-3 .txt p{text-align: center}
.index-page3 .col-md-3 .txt p a{padding: 10px;background: #fff;color: #333;}
.index-page3 .col-md-3:hover .txt p a{background: #000;color: #fff;}

.index-page4{padding: 0 0 70px 0;}
@media (max-width: 768px){
    .index-page4{padding: 0 0 30px 0;}
}
.index-page4 h1{height: 70px;line-height: 70px;width: 100%;background: #FE5252;text-align: center;font-size: 36px; color: #fff;margin: 0 auto 40px auto;}
@media (max-width: 768px){
    .index-page4 h1{height: 50px;line-height: 50px;margin: 0 auto;font-size: 26px;}
}
.index-page4 .container{width: 1000px;padding: 30px 0;border-bottom: 1px dashed #7D7D7D;}
@media (max-width: 768px){
    .index-page4 .container{width: 100%;padding: 20px 10px 20px 15px;}
}
.index-page4 .container .img{width: 250px;height: 187px;float: left}
@media (max-width: 768px){
    .index-page4 .container .img{width: 118px;height: 88px;margin-left: 10px;}
}

.index-page4 .container .txt{width: 600px;float: left;padding-left: 50px;}
@media (max-width: 768px){
    .index-page4 .container .txt{width: 230px;padding-left: 10px;}
}
.index-page4 .container .txt h2{font-size: 22px;margin: 0;padding: 5px 0 20px 0;}
@media (max-width: 768px){
    .index-page4 .container .txt h2{font-size: 16px;padding:0;height: 22px;line-height: 22px;overflow: hidden;margin: 0 0 10px 0;}
}
.index-page4 .container .txt h2 a{color: #333;}
.index-page4 .container .txt .star{padding: 10px 0;}
@media (max-width: 768px){
    .index-page4 .container .txt .star{margin-bottom: 0;padding: 0 0 10px 0;}
}
.index-page4 .container .txt .c{font-size: 14px;line-height: 28px;}
@media (max-width: 768px){
    .index-page4 .container .txt .c{font-size: 12px;line-height: 22px;}
}

.fimg{width: 100%;}
.fimg img{max-width: 100%;}

.img-box{overflow: hidden;text-align: center}
.img-box .img{width: 80px;height: 80px;overflow: hidden; display: inline-block; border: 5px solid rgba(0,0,0,0.3);}
.img-box .img img{max-width: 100%;}

.g-cols.type_default>div>.vc_column-inner{padding: 0 20px !important;}

@media (min-width: 901px){
    .ush_image_1 {
        height: 70px !important;
    }
}
#play_box {position:fixed;left:0;top:0;z-index:999;background:rgba(0,0,0,0.7);width:100%;height:100%;}
#play_box .play-inner {width:900px;height:506px;position:absolute;left:50%;top:50%;margin:-253px 0 0 -450px;background:#000;overflow:hidden;}
@media (max-width: 768px) {
    #play_box .play-inner {width:100%;height:300px;position:absolute;left:0;top:50%;margin:-150px 0 0 0;background:#000;overflow:hidden;}
}
#close {position:absolute;right:40px;top:70px;width:40px;height:40px;background:url("../img/close.png") no-repeat;background-size:100%;z-index:999;opacity: 1;}
#play_tvc {width:100%;height:100%;}
.play_auto{cursor:pointer;}
@media (min-width: 901px){
    .header_hor .l-header.pos_fixed + .l-titlebar, .header_hor .sidebar_left .l-header.pos_fixed + .l-main, .header_hor .sidebar_right .l-header.pos_fixed + .l-main, .header_hor .sidebar_none .l-header.pos_fixed + .l-main .l-section:first-child, .header_hor .sidebar_none .l-header.pos_fixed + .l-main .l-section-gap:nth-child(2), .header_hor .l-header.pos_static.bg_transparent + .l-titlebar, .header_hor .sidebar_left .l-header.pos_static.bg_transparent + .l-main, .header_hor .sidebar_right .l-header.pos_static.bg_transparent + .l-main, .header_hor .sidebar_none .l-header.pos_static.bg_transparent + .l-main .l-section:first-child
    {padding-top: 0 !important;}
}

@media (max-width: 600px){
    .header_hor .l-header.pos_fixed + .l-titlebar, .header_hor .sidebar_left .l-header.pos_fixed + .l-main, .header_hor .sidebar_right .l-header.pos_fixed + .l-main, .header_hor .sidebar_none .l-header.pos_fixed + .l-main .l-section:first-child, .header_hor .sidebar_none .l-header.pos_fixed + .l-main .l-section-gap:nth-child(2), .header_hor .l-header.pos_static.bg_transparent + .l-titlebar, .header_hor .sidebar_left .l-header.pos_static.bg_transparent + .l-main, .header_hor .sidebar_right .l-header.pos_static.bg_transparent + .l-main, .header_hor .sidebar_none .l-header.pos_static.bg_transparent + .l-main .l-section:first-child
    {padding-top: 0 !important;}
}