@charset "UTF-8";

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
@charset "UTF-8";
.container,.head_main,.wrap,.index-container,.foot-main{padding-right: 0px;padding-left: 0px;margin:0 auto;}

@media (min-width: 768px) {
  .wrap,.container{ width: 750px;}
}
@media (min-width: 992px) {
    .wrap,.container,.head_main,.index-container,.foot-main{width: 970px;}
}
@media (min-width: 1260px) {
  .wrap,.container,.head_main,.index-container,.foot-main{ width: 1200px;}
}
@media (min-width: 1460px) {
  .container,.head_main,.index-container{ width: 1200px;}
  .head_main{width: 1400px;}
}
@media (min-width: 1680px) {
  .container,.index-container,.foot-main{ width: 1400px;}
  .head_main{width: 1600px;}
}
.header {z-index: 1000;border-bottom: solid 1px rgba(255,255,255,0.15);position: fixed;width: 100%;top: 0;left: 0;}


/*===============下拉==============*/
.header_in{background: rgba(0,0,0,0.6);position: relative;}
.header_in.fixed {position: fixed;left: 0;right: 0;top: 0;box-shadow: 0 0 10px rgba(0, 0, 0, .2);}
.header_in.c_000{background: #000;}
.header_in.c_fff{background: #fff;}
.header .logo{display: inline-block;line-height: 98px;height: 100px;}
.header .logo img{display: inline-block;vertical-align: middle;width: 100%;}

.navbar *{-webkit-box-sizing: border-box;box-sizing: border-box;}
.navbar{}
.category-item{float: left;margin-right: 40px;position: relative;}
.category-item-single{position: relative;}
.category-item:last-child{margin-right: 0;}
.category-a{display: block;font-size: 18px;color: #FFFFFF;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;position: relative;padding: 0 10px 0 0;}
.category-a.on,.category-a:hover{color: #c42a2e;}
.category-a::after{content: '';width:0;height: 3px;background: #c42a2e;position: absolute;bottom: 0;left: 0;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;display: block;}
.category-item.active .category-a::after,.category-item:hover .category-a::after{width: 100%;}
.category-item.active .category-a,.category-item:hover .category-a{color:#c42a2e; }
.dropdown-menu.single { position: absolute;top: 100%;left: 50%; -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);z-index: 1100;background: rgba(255,255,255,1); margin-top: 0; max-height: 0;opacity: 0;overflow: hidden;-webkit-transition: max-height .8s;-o-transition: max-height .8s;transition: max-height .8s; border: none; color: #303233; box-shadow: 0 0 10px rgba(0,0,0,0.15);height: auto;padding: 0; display: block;}
.dropdown-menu.single ul{padding: 0px 0;}
.dropdown-menu.single li{ display: block;width: 100%;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;position: relative;}
.dropdown-menu.single li:last-child{border-bottom: 0;}
.dropdown-menu.single li>a{padding: 0 60px; display: block; font-size: 16px;color: #666;line-height: 59px;border-top: solid 1px #efefef;text-align: center; white-space: nowrap; width: 100%; height: auto; background: 0 0;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.dropdown-menu.single li:hover a{color:#c42a2e;}
.category-item:hover .dropdown-menu.single{max-height: 450px;opacity: 1;}
.icon-down{color: #fff;position: absolute;right: 0;top: 50%;transform:translateY(-50%);-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

/*app-头部*/
.header-app{background: #000; display: none;position: fixed;top: 0;left: 0;width: 100%;height: 60px;z-index: 500; -webkit-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);-o-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);}
.header-app.open-menu{height: 100%; background: #000;-webkit-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);-o-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);}
.navbar-app{ position: relative;  -webkit-box-shadow: 3px 0 7px 0 rgba(0,0,0,.1);box-shadow: 3px 0 7px 0 rgba(0,0,0,.1); height: 60px;text-align: center; }
.header-app .logo{ float: left; height: 60px; vertical-align: middle;padding: 10px 15px;box-sizing: border-box;}
.header-app .logo img{ height:100%;}
.navbar-togger {float: right; background: transparent;border: none;padding: 22px 15px; display: inline-block;visibility: visible;transition: transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96),opacity 0.28s 0.36s cubic-bezier(0.52, 0.16, 0.24, 1),-webkit-transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96);}
.navbar-togger .icon_bar { width: 24px; height: 2px; background-color: #c42a2e;opacity: 1;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.navbar-togger .icon_bar:nth-of-type(2) { margin:5px 0;}
.open-menu .navbar-togger .icon_bar:nth-of-type(2) { opacity: 0;}
.open-menu .navbar-togger .icon_bar:first-child { -webkit-transform: translate(0,7px) rotate(45deg);-ms-transform: translate(0,7px) rotate(45deg); transform: translate(0,7px) rotate(45deg);}
.open-menu .navbar-togger .icon_bar:last-child {-webkit-transform: translate(0,-7px) rotate(-45deg);-ms-transform: translate(0,-7px) rotate(-45deg);transform: translate(0,-7px) rotate(-45deg);}
.nav-menu{position: absolute;top: 60px;left: 0;bottom: 0;right: 0; width: 100%;z-index: 620;padding:20px 15px; overflow-x: hidden;overflow-y: auto;visibility: hidden;-webkit-transition: visibility 0s linear 1s;-o-transition: visibility 0s linear 1s;transition: visibility 0s linear 1s;}
.header-app.open-menu .nav-menu{visibility: visible;-webkit-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;}
.nav-list li{border-bottom: 1px solid #424242;opacity: 0; pointer-events: none;}
/* .nav-list li.open{border-bottom: none;} */
.header-app.open-menu .nav-list li{ opacity: 1;pointer-events: auto;-webkit-transform: none;-ms-transform: none;transform: none;}

.cate-item{position: relative;}
.cate-item a{font-size: 14px;line-height: 48px; margin-right: 60px; display: block; color: rgba(255,255,255,0.8);}
.nav-list li.active .cate-item a,.nav-list li.open .cate-item a{color: #c42a2e}
.category-cont a:last-child{border:none;}
.category-cont a.active{color:#0060e7;}
.category-tig{font-size: 14px; color: #888;text-align: right;line-height: 48px;width: 50px; height: 48px; position: absolute; right: 0;top: 0;z-index: 2;}
.category-tig::before,.category-tig::after{ content: '';background: #888; position: absolute; top:50%; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.category-tig::before{ width:16px; height: 2px; right:0; margin-top:-1px;}
.category-tig::after{ width:2px;height: 16px;margin-top: -8px;right:7px;}
.nav-list li.open .category-tig::after{ opacity: 0;}
.nav-list li.open .category-tig::before{background: #c42a2e;}
.category-cont{display: none;}
.nav-list li.open .category-cont{display: block;border-top:solid 1px #424242;border-bottom:solid 1px #424242;}
.category-pad{ padding: 0 15px;}
.category-cont a {line-height:40px;border-bottom: 1px solid #424242; display: block; color: rgba(255,255,255,0.8);}
.category-pad a.on{color: #c42a2e;}
.index-container{position: relative;}
.header_in {
    position: relative;
    overflow: visible;
    height: auto;
}

.header_in.affix {
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 0;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.08);
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.08);
}

.scroll-down .header_in.affix {
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
}
.head-rt{padding: 38px 0;}
.head-rrt{margin-left: 94px;}
.head-tel{display: inline-block;vertical-align: middle;font-size: 24px;color: #fff;font-family: DINM;margin-left: 30px;}
.search-btn {display: inline-block;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;color: #fff;vertical-align: middle;}
.search-btn:hover {opacity: 0.6;}
.search-wrap {position: absolute;right: 20%;top: 0;width: 60%;height: 100px;background: #fff;z-index: -1;opacity: 0;}
.searchopen .search-wrap {z-index: 10;opacity: 1;}
.search-frame {position: relative;height: 46px;margin-top: 28px;}

@-webkit-keyframes searchform-fade {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1);
        animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1)
    }

    100% {
        opacity: 1
    }
}

@keyframes searchform-fade {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1);
        animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1)
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes searchform-slide {
    0% {
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1);
        animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1)
    }

    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes searchform-slide {
    0% {
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1);
        animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1)
    }

    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes item-searchshow {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1);
        animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1)
    }

    40% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3)
    }
}

@keyframes item-searchshow {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1);
        animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1)
    }

    40% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3)
    }
}
.searchopen .search-frame {
    -webkit-animation: searchform-fade 400ms both;
    animation: searchform-fade 400ms both;
}

.searchopen .search-frame form {
    -webkit-animation: searchform-slide 1s both;
    animation: searchform-slide 1s both;
}

.search-input {
    border: 1px solid #999;
    margin-right: 60px;
    height: 46px;
    position: relative;
    padding-right: 60px;
}

.search-input input {
    width: 100%;
    padding: 0 15px;
    font-size: 16px;
    line-height: 46px;
}

.searchtext-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    z-index: 2;
    cursor: pointer;
    text-align: center;
    line-height: 44px;
}
.searchtext-btn img{vertical-align: middle;}

.search-close {
    display: block;
    width: 46px;
    height: 46px;
    font-size: 26px;
    color: #c42a2e;
    line-height: 46px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.searchopen .search-close {
    opacity: 1;
    -webkit-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
}
/*.searchshow .navbar-nav li{
-webkit-animation: item-searchshow .4s both;
        animation: item-searchshow .4s both;
}*/
.searchopen .navbar-nav li {
    -webkit-animation: item-searchshow .4s both;
    animation: item-searchshow .4s both;
}

.searchopen .navbar-nav li {
    visibility: hidden;
}

.searchopen .search-btn {
    visibility: hidden;
}




/* banner */

.banner{overflow: hidden;position: relative;/* margin-top: 136px; */}
.banner-slide img{display: block;width: 100%;height: 100%;}
.banner-slide .banner-pc{display: block;}
.banner-slide .banner-app{display: none;}

.banner .swiper-pagination-bullet{border-radius: 0;}
.banner .swiper-pagination{bottom: 62px;}
.swiper-slide-active .banner-font h3,.swiper-slide-active .banner-font li,.swiper-slide-active .banner-font a{opacity: 1;transform:translateY(0);}
.swiper-pagination{width: 100%;}
.swiper-pagination-bullet{opacity: 0.5; width: 12px;height: 12px;border: 2px solid rgba(255,255,255,0.5);margin: 0px 10px !important;background: transparent;}
.banner .swiper-pagination-bullet{border-color: #fff;}
.banner .swiper-pagination-bullet-active{border-color: #c42a2e;opacity: 1;}
/* .banner .swiper-slide-active img {
    visibility: visible !important;
    -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;
    animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;
} */
.banner video{width: 100%;display: block;}
.banner .swiper-slide{overflow: hidden;}
.ban-info{position: absolute;left: 50%;top: 55%;transform: translate(-50%,-50%);}
.ban-info-desc h3{width: 68.5%;padding-bottom: 30px;position: relative;margin-bottom: 27px;}
.ban-info-desc h3:after{content: '';width: 100%;height: 4px;background: url(../images/img2.png) no-repeat center;background-size: contain;position: absolute;bottom: 0;left: 0;}
.ban-info-desc h3 img{display: block;width: 100%;}
.ban-info-desc h4{font-size: 33px;color: #fff;letter-spacing: 18px;font-weight: lighter;}
.more-btn{display: inline-block;width: 180px;height: 50px;background: #c93e42;font-size: 20px;color: #fff;line-height: 50px;text-align: center;}
.ban-info .more-btn{margin-top: 68px;}

/* 底部弹窗 */
.pop_bottom{position:fixed;bottom:0;width:100%;left:0;z-index:80;background:rgba(0,0,0,.85);}
.pop_content{margin:0 auto;overflow: hidden;position: relative;}
.pop_cfont{float: left;margin-top: 25px;}

.form_pop{float: left;overflow: hidden;margin-left: 20px;margin-top: 22px;}
.form_pop input[type="text"]{color:#666;line-height:50px;background:#fff;height: 40px;
    padding:0 15px;width:260px;float: left;margin-right:10px;box-sizing: border-box;position: relative;font-weight: lighter;line-height: 40px;}
.sub_sure{width:100px;text-align:center;line-height:40px;color:#fff;font-size: 14px;
    border:none;border-radius:25px;background:#c93e42;cursor:pointer;margin-left:25px;font-size: 16px;font-weight: lighter;}
.erwei{overflow: hidden;float: right;}
.erwei>img{display:block;width:80px;float: left;margin-right:18px;}
.close_pop2{width:59px;background:url(../images/close.png) no-repeat top right;float: left;
    height:34px;cursor:pointer;transition:.5s;position: relative;z-index: 2;}
.close_pop2:hover{background-image:url(../images/close.png)}
.sys{font-size:14px;color:#fff;line-height:28px;opacity: 0.8;filter: alpha(opacity=80);}
.gzwx{line-height:22px;color:#fff;font-size: 14px;opacity: 0.8;filter: alpha(opacity=60);}
.pop_font1{overflow: hidden;padding:35px 0px;box-sizing: border-box;}
.pop_cfont p{font-size: 24px;color: #fff;display: inline-block;}

.fixleft{width:248px;height:112px;background:#2c2624;position:fixed;left:0;bottom:60px;
   background:url(../images/popbgleft.png) no-repeat center;z-index:80;text-align:left;
   padding-left:40px;box-sizing:border-box;padding-top:21px;display:none;background-size: contain;}

.mfsl_pop{font-size:24px;color:#c93e42;line-height:40px;font-weight: bold;}
.hshq{font-size:24px;line-height:30px;font-weight: lighter;color:#fff;}
.click_pop_show{position: absolute;width:30px;height:30px;cursor:pointer;transition:.5s;
    background:url(../images/popshow.png) no-repeat center;top:50%;transform: translateY(-50%);right:20px;background-size: cover;}

.VideoContent {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
.video-back {
    display: block;
    height: auto;
    text-align: center;
    min-width: 1200px;
    width: 100%;
}
.video-back video{
    width: 100%;
}
#videohead {
    text-align: center;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
#videohead img{
    margin: 0 auto;
}

@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1); transform: scale(1); }
    to { opacity: 1; -webkit-transform: scale(1.3); transform: scale(1.3); }
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1); transform: scale(1); }
    to { opacity: 1; -webkit-transform: scale(1.3); transform: scale(1.3); }
}

/**/
.foot{background: url(../images/img54.jpg) no-repeat top center;background-size: cover;padding-top: 64px;}
.foot a{transition: all 0.3s;}
.foot-top{padding-bottom: 30px;position: relative;text-align: center;}
.foot-top dl{display: inline-block;}
.foot-top dl dt{font-size: 20px;color: #fff;margin-bottom: 38px;}
.foot-top dl.dl-left{text-align: left;}
.foot-top dl.dl-left a{display: inline-block;font-size: 14px;color: rgba(255,255,255,0.6);padding-left: 20px;background: url(../images/img55.png) no-repeat left center;width: 160px;margin-bottom: 10px;}
.foot-top dl.dl-mid{position: absolute;left: 60%;transform:translateX(-50%);top: 0;}
.foot-top dl.dl-mid .d-pic img{display: block;}
.foot-top dl.dl-mid p{font-size: 16px;color: rgba(255,255,255,0.7);margin-top: 14px;}
.foot-top dl.dl-right{text-align: right;}
.foot-top dl dd{display: block;font-size: 14px;color: rgba(255,255,255,0.6);line-height: 28px;}
.foot-mid{padding: 25px 0;}
.foot-mid span,.foot-mid a{display: inline-block;font-size: 14px;color:rgba(255,255,255,0.6);}
.foot-mid a{margin-right: 28px;}
.foot-bot{padding: 20px 0;border-top: 1px solid rgba(255,255,255,0.1);}
.foot-bot p,.foot-bot p a{font-size: 14px;color:rgba(255,255,255,0.6);line-height: 24px;}
.foot-bot p{display: inline-block;}
.foot-bot p.p2{float: right;}
.foot a:hover{color: #fff!important;}

/*app-底部*/
.foot-app{width:100%;display: none;background: #080808;padding: 20px 0 40px;}
.footer-menu{padding: 0 15px;}
.footer-link{padding:15px 0;color: #777;font-size: 14px}
.footer-link a{font-size: 14px;color: #777;line-height: 24px;}
.footer-tit{position: relative;border-bottom:1px solid  #333;}
.footer-tit.on>a{color: #c42a2e;}
.footer-tit a{ font-size:14px;color: #777;line-height:48px;margin-right: 48px;display: block;transition:all 0.4s;}
.footer-tig {font-size: 14px; color: #777; text-align: right; line-height: 48px; width: 20px;height: 48px;position: absolute;right: 0px;top: 0;z-index: 2;}
.footer-tig::before,.footer-tig::after {content: '';background:  rgba(255,255,255,0.6);position: absolute;top:50%;transition: all .3s;left: 50%;}
.footer-tig::before {width: 16px;height: 2px;margin-left: -7px;}
.footer-tig::after {width: 2px;height: 16px;margin-top: -7px;}
.footer-tit.on .footer-tig::after{opacity:0;}
.footer-tit.on .footer-tig::before{background: #c42a2e;}
.footer-cont{display: none;padding: 0 15px 15px;}
.footer-cont a{font-size: 14px;line-height: 24px;}
.footer-tit.on .footer-cont a.on{color: #0060e7;}
.footer-bot{padding:20px 15px; }
.footer-bot p a{margin-right: 20px;}
.footer-bot p.p2{margin-top: 10px;}
.footer-bot p,.footer-bot p a{color: #777;font-size: 14px;}
.footer-bot dd{color: #777;font-size: 14px;line-height: 24px;padding-left: 22px;}
.footer-bot dd.dd-add{background: url(../images/add.png) no-repeat left 3px;}

/*pc-客服*/
.kf {z-index:600;background-color: #fff;position: fixed;bottom: 100px;right: 20px;width: 62px;border-radius: 5px;-webkit-transition:all .8s;-o-transition:all .8s;transition:all .8s;}
.kf span {z-index:602;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;cursor: pointer;position: relative;display: block;width: 62px;height: 62px;border-bottom: 1px solid #e3e3e3;background:url(../images/kefu_j.png) no-repeat center #fff;}
.kf span:hover{background-color:#c42a2e;}
.kf .zx {border-radius: 5px 5px 0 0;background-position: 0 0;}
.kf .zx:hover {background-position: 0 -62px;}
.kf .freetel {background-position:-62px 0;}
.kf .freetel:hover {background-position:-62px -62px;}
.kf .act {background-position:-186px 0;}
.kf .act:hover{background-position:-186px -62px;}
.kf .zxlya {background-position:-124px 0;}
.kf .zxlya:hover{background-position:-124px -62px;}
.kf .back_top {border-radius: 0 0 5px 5px;border: none;background-position:-248px 0;}
.kf .back_top:hover {background-position:-248px -62px;}
.kf span div {display: none;background-color: #fff;border-radius: 5px;position: absolute;right: 75px;padding: 20px;font-size: 14px;color: #f4474c;bottom:2px;text-align: center;}
.kf span div input {text-indent: .5em;display: block;margin: 15px 0;line-height: 28px;color: #696969;font-size: 12px;width: 140px;border: 1px solid #d1d1d1;border-radius: 2px;height: 28px;}
.kf span div a {-o-transition: .5s;transition: .5s;-webkit-transition: .5s;display: block;background: #f4474c;border-radius: 2px;color: #fff;line-height: 26px;font-size: 12px;text-align: center;width: 79px;height: 26px;}
.kf span div a:hover {background: #f4474c;}
.kfimgr{position: absolute;bottom:23px;right: -9px;}
.kf span div i {display: block;position: absolute;width: 15px;height: 200px;right: -15px;top: 0;}
.kf .zx div, .kf .freetel div,
.kf .zxlya div, .kf span:nth-child(4) div {text-align: center;min-width: 148px;font-size: 14px;color: #666;}
.kf span:nth-child(4) div {white-space: nowrap;}
.kf a{display:block;height: 100%;position:absolute;top:0;right:0;width: 100%;}
.kf span div, .kf {-webkit-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);}
.nav_center div, .index_nav_center div, .shou, .zhan {-webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);}
.shou {z-index:601;cursor: pointer;width: 30px;height: 40px;top: 50%;margin-top: -15px;border-radius: 5px 0 0 5px;right: 62px;background: url("../images/kefu_j.png") no-repeat -310px 0 #fff;position: absolute;}
.shou.on {background-position: -310px -40px;}

/*app-客服*/
.kefu {display: none; position: fixed; width:240px;overflow: hidden;z-index:400;background: rgba(0, 0, 0, 0.5);left: 50%;margin-left: -120px; bottom: 15px;padding:8px 0;transition:all .5s;}
.kefu li { width: 60px;float: left;border-left: 1px solid #fff;}
.kefu li:first-child{border-left: none;}
.kefu li a {font-size: 20px; display: block;margin: 0 auto;width: 100%;height:30px;text-align: center;line-height: 30px;color: white;}

/* banner */
@media (max-width: 1680px) {
  .category-item{margin-right: 30px;}
  .head-rrt{margin-left: 50px;}
  .head-tel{margin-left: 22px;}
  .form_pop input[type="text"]{width: 215px;}
}

@media (max-width: 1459px) {
  .header .logo{width: 20%;}
  .head-rrt{margin-left: 24px;}
  .category-item{margin-right: 15px;}
  .head-tel{margin-left: 15px;font-size: 22px;}

  .ban-info-desc h4{font-size: 28px;letter-spacing: 13px;}
  .more-btn{font-size: 18px;}
  .ban-info .more-btn{margin-top: 40px;}
  .pop_cfont p{font-size: 22px;}
  .sub_sure{font-size: 14px;}
  .fixleft{width: 188px;height: 92px;padding-top: 18px;}
  .hshq,.mfsl_pop{font-size: 18px;line-height: 30px;}


}
@media (max-width: 1259px) {
  .head-tel{display: none;}
  .foot-tbotrt{width: 48%;}
  .foot-nav a{font-size: 15px;padding: 0 24px;}
  .single-rt p{font-size: 22px;}
  .single-rt{padding-top: 30px;}
  .index-back-box,.index-waper-box{height: 86px;}
  .single-box p.p1{padding: 15px 0 13px;}
  .single-box p.p2{margin-top: 10px;}
  .foot-toplf dl{margin-right: 46px;}
  .pop_cfont p{font-size: 18px;}
  .form_pop{margin-left: 10px;}
  .form_pop input[type="text"]{width:160px;}
  .sub_sure{margin-left: 15px;}

}
@media  (max-width: 991px) {
  .header,.foot,.kf{display: none !important;}
  .header-app,.foot-app,.kefu{display: block;}
  .banner{margin-top: 60px;}
  .banner-slide .banner-app{display: block;}
  .banner-slide .banner-pc{display: none;}
  .swiper-pagination-bullet{width: 10px;height: 10px;}
  .swiper-pagination-bullet{margin:0px 5px !important;}
  .swiper-pagination{bottom: 20px!important;width:100%;text-align: center;}
  .ban-info{width: 100%;}
  .ban-info-desc h3{width: 100%;padding-bottom: 20px;margin-bottom: 15px;}
  .ban-info-desc h4{font-size: 20px;line-height: 26px;letter-spacing: 8px;}

  .more-btn{font-size: 14px;width: 140px;height: 40px;line-height: 40px;}
  .ban-info .more-btn{margin-top: 20px;}
  .ban-info{top: 50%;}
  .search-btn {
        display: none;
        width: 25px;
        text-align: center;
        cursor: pointer;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .search-wrap{opacity: 1;position: static;width: 100%;height: auto;}

    .search-btn img {
        width: 22px;
        vertical-align: middle;
    }

    .search-close {
        display: none;
    }

    .search-frame {
        margin-top: 25px;
    }

    .search-input {
        border: 1px solid #e5e5e5;
        height: 46px;
        position: relative;
        margin-right: 0;
    }

    .search-input input {
        width: 100%;
        padding: 0 15px;
        font-size: 14px;
        line-height: 46px;
    }

    .searchtext-btn {
        position: absolute;
        right: 0;
        top: 0;
        width: 44px;
        height: 44px;
        z-index: 2;
        cursor: pointer;
        text-align: center;
        line-height: 44px;
    }

    .searchtext-btn img {
        width: 20px;
        vertical-align: middle;
    }

    .pop_font1{padding: 30px 0 60px;float: none;}
    .pop_cfont{margin-top: 0;float: none;}
    .pop_cfont p{font-size: 16px;}
    .form_pop{margin-left: 0;margin-top: 10px;float: none;}
    .form_pop input[type="text"]{width: 100%;margin-bottom: 10px;}
    .sub_sure{margin-left: 0;width: 100%;}
    .erwei>img,.sys,.gzwx{display: none;}
    .close_pop2{position: absolute;right: 15px;top: 15px;}
    .hshq, .mfsl_pop{display: none;}
    .fixleft{width: 70px;padding-left: 0;padding-top: 0;left: -15px;bottom: auto;}
    .click_pop_show{width: 20px;height: 20px;}
}
@media  (max-width: 767px) {


}


/* contain */
/* 首页 */


/* 分页 */
.page{text-align: center;margin-top: 100px;font-size:0;}
.page a{display: inline-block;width: 46px;height: 46px;line-height: 50px;text-align: center;color: #333;font-size: 18px;background: transparent;vertical-align: middle;margin: 0 2.5px;font-family: AK;color: #fff;background: #333;}
.page a.page-prev,.page a.page-next{font-size: 14px;background: transparent;color: #999;}
.page a.page-prev{margin-right: 5px;}
.page a.page-next{margin-left: 5px;}
.page a:hover,.page a.on{color: #fff;background: #c42a2e;border-color: transparent;}
.page a:hover i,.page a.on i{color: #fff;}


/*图片放大*/
#darkbox {
  position: fixed;
  z-index: 9999;
  background: rgba(0,0,0,0.8) no-repeat none 50%;
  background-size: contain;
  -webkit-box-shadow: 0 0 0 3000px rgba(0,0,0,0.8);
  box-shadow: 0 0 0 3000px rgba(0,0,0,0.8);
  opacity: 0;
  visibility: hidden;
}
#darkbox.on {
  opacity: 1;
  visibility: visible;
  height: 90% !important;
  width: 90% !important;
  left: 5% !important;
  top: 5% !important;
}
.dark-close i{color:#fff;}
#darkbox_prev, #darkbox_next {
  cursor: pointer;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  height: 30px;
  width: 30px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
#darkbox_prev {
  left: -2px;
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#darkbox_next {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: -2px;
}
#darkbox_prev:hover,#darkbox_next:hover{border-color: #c42a2e;}
#darkbox-description {
  position: absolute;
  width: 100%;
  color: #fff;
  font-size: 18px;
  bottom: 5px;
  text-align: right;
  text-shadow: 0 1px 1px #000;
}
#darkbox .dark-close{
  position: absolute;
  right: 0;
  top: 0;
  font-size: 2em;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
#darkbox .dark-close:hover{color:#c42a2e;}

/* 关于我们 */
.nei_anchor {
  text-align: center;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1001;
  background: #111;
  border-top: 1px solid rgba(255,255,255,0.2);
}
.nei_anchor.fixed{top: 0;}
.nei_anchor .wrap{font-size: 0;}
.nei_anchor span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.nei_anchor span a {
    font-size: 16px;
    color: #fff;
    line-height: 50px;
    padding: 0 40px;
    display: inline-block;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  position: relative;
}
.nei_anchor span a:after{
    content: '';
    width: 1px;
    height: 17px;
    background: #dadada;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.nei_anchor span.on a:after,.nei_anchor span a:hover:after{
    display: none;
}
.nei_anchor span:hover a,
.nei_anchor span.on a {
    color: #fff;
    background: #c93e42;
}
.ab_poti {
  position: relative;
}
.abposi_ab {
  position: absolute;
  height: 1px;
  top: -100px;
}

.inner-banner>img{display: block;width: 100%;}
.inner-banner .banner-pc{display: block;}
.inner-banner .banner-app{display: none;}



/*搜索页*/
.sec-search{padding: 150px 0 110px;background: #f0f4f7;width: 100%;overflow: hidden;}
.psearch-left{float: left; width: 72.5%;}
.psearch-left .pagination {margin-top: 100px;}
.psearch-box{padding-right: 78px;margin-bottom: 35px;border: 1px solid #dcdcdc;background: #fff;position: relative;}
.psearch-box input{width: 100%;padding:0 34px;font-size: 18px;line-height: 68px;border: none;color: #333;}
.psearch-box button{ color:#c42a2e;background-size: 38% auto;position: absolute;right: 0;top: 0;z-index: 2;width: 68px;height: 68px;font-size: 30px;right: 10px;outline: medium;border: none;}
.psearch-tip{font-size: 24px;padding-left: 35px;margin-bottom: 27px;}
.psearch-right{float: right;width: 25%; margin-top: 0;}
.psearch-right .m-tit{font-size: 20px;padding: 20px 34px;border-bottom: 5px solid #f0f4f7;}
.psearch-ru a{font-size: 18px;padding: 20px 34px;border-bottom: 4px solid #f0f4f7;}
.news-item {display: block;background: #fff;padding: 25px 52px 25px 32px;margin-bottom: 30px;}
.news-item .m-cont {padding: 15px 4%;float: left;width: 80%;}
.news-item .m-tit {font-size: 18px;color: #444;-o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.news-item .m-time {font-size: 16px;margin: 4px 0 10px;color: #777;}
.news-item .m-img {float: left;width: 20%;overflow: hidden;}
.news-item .m-img img {width: 100%;-webkit-transition: all .8s;-o-transition: all .8s;transition: all .8s;}
.psearch-right .m-tit {font-size: 20px;padding: 20px 34px;border-bottom: 5px solid #f0f4f7;background: #c42a2e;text-align: center;color: #fff;}
.psearch-ru a {font-size: 18px;padding: 20px 34px;border-bottom: 4px solid #f0f4f7;display: block;background: #fff;color: #444;}


/*index*/
.in-search{background:#fff}
.insear-left span,.insear-left a{display: inline-block;vertical-align: middle;font-size: 18px;color: #333;}
.insear-left span{padding-left: 13px;position: relative;margin-right: 15px;}
.insear-left span:before{content: '';width: 3px;height: 20px;background: #b4292d;position: absolute;left: 0;top: 50%;margin-top: -10px;}
.insear-left a{margin-right: 35px;}
.insear-left a:last-child{margin-right: 0;}
.insear-left a:hover,.insear-left a.on{color: #c42a2e;}
.insear-left{width: 60.7%;padding: 38px 0;}
.insear-right{width: 39.3%;padding: 30px 28px;background: #c93e42;}
.insear-right-input{width: 100%;border:1px solid rgba(255,255,255,0.4);height: 40px;line-height: 40px;padding: 0 10px;}
.insear-right-input input{width: 90%;display: inline-block;height: 100%;color: #fff;padding: 0 10px;float: left;}
.insear-right-input button{text-align: right;color: #fff;font-size: 22px;width: 10%;height: 100%;}
.in-one{padding: 85px 0 100px;background: url(../images/img3.jpg) no-repeat center;background-size: 100% 100%;}
.tit{text-align: center;margin-bottom: 60px;}
.tit h3{font-size: 40px;color: #fff;padding-bottom: 25px;position: relative;letter-spacing: 3px;}
.tit h3:after{content: '';width: 51px;height: 2px;background: #b3282b;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.tit h3 span{font-size: 50px;color: #c93e42;}
.tit{margin-bottom: 52px;}
.in1-list li span{display: inline-block;width: 34px;height: 34px;background: url(../images/img8.png) no-repeat center;margin-top: 25px;transition: all 0.4s;opacity: 0;}
.in1-list li{width: 23.85%;float: left;margin-right: 1.4%;background: rgba(51,51,51,0.5);text-align: center;padding: 65px 28px 50px;transition: all 0.4s;}
.in1-list li:nth-child(4n){margin-right: 0;}
.in1-list li h3{font-size: 30px;color: #fff;margin-bottom: 30px;}
.in1-list li p{color: rgba(255,255,255,0.5);font-size: 16px;line-height: 26px;height: 104px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; overflow: hidden;transition: all 0.4s;}
.in1-list li .in1-pic{height: 44px;margin-bottom: 30px;}
.in1-list li:hover span{opacity: 1;}
.in1-list li:hover p{color: rgba(255,255,255,0.8);}
.in1-list li:hover{background: rgba(201,62,66,0.8);}

.in-two{padding: 85px 0 100px;background: url(../images/img9.jpg) no-repeat center;background-size: 100% 100%;}
.tit p{font-size: 22px;color: rgba(255, 255, 255, 0.6);letter-spacing: 3px;margin-top: 22px;}
.in-two .tit{margin-bottom: 75px;}
.in2-list li{width: 20%;text-align: center;float: left;}
.in2-pic{width: 135px;height: 151px;margin:0 auto;background-size: contain;background-repeat: no-repeat;background-position: center;transition: all 0.4s;}
.in2-pic1{background-image: url(../images/img10.png);}
.in2-pic2{background-image: url(../images/img11.png);}
.in2-pic3{background-image: url(../images/img12.png);}
.in2-pic4{background-image: url(../images/img13.png);}
.in2-pic5{background-image: url(../images/img14.png);}
.in2-list li p{color: rgba(255,255,255,0.8);font-size: 24px;margin-top: 22px;}
.in2-list{text-align: center;}
.in2-list .more-btn{width: 240px;height: 60px;line-height: 60px;margin-top: 65px;}
.in2-list li:hover .in2-pic1{background-image: url(../images/img10h.png);}
.in2-list li:hover .in2-pic2{background-image: url(../images/img11h.png);}
.in2-list li:hover .in2-pic3{background-image: url(../images/img12h.png);}
.in2-list li:hover .in2-pic4{background-image: url(../images/img13h.png);}
.in2-list li:hover .in2-pic5{background-image: url(../images/img14h.png);}

.in-three{padding: 170px 0;background: url(../images/img15.jpg) no-repeat center;background-size: 100% 100%;}
.in3-list{text-align: center;}
.in3-list li{display: inline-block;vertical-align: top;width: 31%;padding: 0 1.5%;transition: all 0.4s;}
.in3-list li h3{font-size: 40px;color: #fff;margin-bottom: 36px;}
.in3-list li p{font-size: 18px;color: #fff;line-height: 26px;}
.in3-list li:hover{transform: translateY(-15px);}

.in-four{padding: 80px 0 70px;background: url(../images/img20.jpg) no-repeat center;background-size: 100% 100%;}
.in4-list {text-align: center;}
.in4-list li{text-align: center;width: 25%;float: left;padding: 0 2.5%;}
.in4-list li span{display: inline-block;font-size: 40px;color: rgba(255,255,255,0.3);font-family: DINM;margin-bottom: 15px;}
.in4-list li h3{font-size: 30px;color: #d63f43;margin-bottom: 50px;}
.in4-list li p{font-size: 16px;color: #aeaeae;line-height: 26px;}
.in4-pic{margin-bottom: 40px;transition: all 0.4s;}
.in4-pic img{display: block;height: 100%;margin:0 auto;}
.in4-con .more-btn{margin-top: 56px;width: 200px;height: 60px;line-height: 60px;}
.in4-con .more-btn i{width: 24px;height: 25px;background: url(../images/img21.png) no-repeat center;display: inline-block;vertical-align: sub;margin-right: 11px;background-size: contain;}
.in4-list li:hover .in4-pic{transform:translateY(-15px);}

.in-five{padding-top: 30px;background: #212d39;overflow: hidden;}
.in-five .tit{margin-bottom: 20px;}
.gallery-top{height: 650px;}
.gallery-top .main{position: absolute; top: 50%; left: 0; right: 0; text-align: center; transform: translateY(-50%);z-index: 10;display: block;}
.in5-swiper .swiper-slide{background-position: center;background-repeat: no-repeat;background-size: cover;transition: all 0.4s;}
.video-bann{height: 100%;display: none;}
/* .explore-video{background: url(../images/img22.jpg) no-repeat center;background-size: cover;} */
.explore-video .video{width: 100%;height: 100%;}
.gallery-thumbs{padding: 40px 0 70px;background: #202020;}
.gallery-thumbs .swiper-slide p{font-size: 14px;color: rgba(255,255,255,0.8);padding: 0 10px;line-height: 40px;height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background:#333;transition: all 0.4s;}
.in5-bot-pic{position: relative;}
.in5-bot-pic img{display: block;width: 100%;}
.in5-swiper .swiper-slide-thumb-active .in5-bot-pic:before{content: '';width: 20px;height: 24px;background: url(../images/play2.png) no-repeat center;background-size: contain;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 10;}
.gallery-thumbs .swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: linear; /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    margin: 0 auto;
}
.gallery-thumbs .swiper-slide:hover p{color: #c42a2e;}
.in-six{padding: 94px 0 80px;background: url(../images/img31.jpg) no-repeat center;background-size: 100% 100%;}
.in6-item{display: none;}
.in6-item.on1{display: block;}
.in6-nav{margin-bottom: 60px;}
.in6-nav ul{font-size: 0;text-align: center;}
.in6-nav li{display: inline-block;width: 180px;height: 50px;line-height: 50px;color: rgba(255,255,255,0.8);text-align: center;border:1px solid rgba(255,255,255,0.3);font-size: 16px;}
.in6-nav li.on{border-color: transparent;color: #fff;background: #c93e42;}
.in6-itembox{width: 80%;margin:0 auto;}
.in6-item-in{position: relative;}
.in6-itemlf{width: 50%;}
.in6-itemlf img{display: block;width: 100%;}
.in6-itemrt{width: 50%;position: absolute;right: 0;background: #fff;height: 100%;top: 0;}
.in6-itemrt li{font-size: 20px;color: #666;margin-bottom: 17px;}
.in6-itemrt li:last-child{margin-bottom: 0;}
.in6-itemrt li span{display: inline-block;width: 34px;height: 34px;line-height: 34px;text-align: center;color: #fff;background: #c93e42;font-family: DINM;font-size: 20px;margin-right: 17px;}
.in6-itemrt ul{position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);}
.in6-btn{text-align: center;}

.in-seven{padding: 116px 0 90px;background: url(../images/img33.jpg) no-repeat center;background-size: 100% 100%;margin-top: -1px;}
.in7-list li p{font-size: 22px;color: rgba(255,255,255,0.9);}
.in7-list li{display: inline-block;vertical-align: top;margin:0 48px;}
.in7-list{text-align: center;}
.in7-list .in7-pic{height: 38px;margin-bottom: 28px;transition: all 0.4s;}
.in7-list .in7-pic img{display: block;height: 100%;margin:0 auto;}
.in7-btn{margin-top: 64px;}
.in7-list li:hover .in7-pic{transform:translateY(-15px);}
.in-seven .tit p{padding: 30px 35px;line-height: 34px;}
.in-seven .tit p span{font-size: 22px;color: #c93e42;}

.in-eight{padding: 55px 0;background: url(../images/img38.jpg) no-repeat center;background-size: 100% 100%;}
.in8-list li p{font-size: 18px;color: #fff;text-align: center;}
.in8-list li p span{display: inline-block;font-family: DINM;font-size: 60px;vertical-align: middle;color: #fff;}
.in8-list li{width: 29.6%;display: inline-block;border-right: 1px solid rgba(255,255,255,0.3);}
.in8-list li:last-child{border-right: 0;}
.in8-list{text-align: center;}

.in-nine{padding: 90px 0 45px;background: url(../images/img43.jpg) no-repeat center;background-size: 100% 100%}
.in9-swiper{overflow: hidden;position: relative;padding-bottom: 70px;}
.in9-pic{width: 240px;height: 200px;overflow: hidden;float: left;}
.in9-pic img{display: block;width: 100%;transition: all 0.4s;}
.in9-desc{float: right;width: 450px;height: 200px;background: #fff;padding: 30px;}
.in9-item{margin-bottom: 20px;}
.in9-desc h3{font-size: 18px;color: #444;margin-bottom: 10px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all 0.4s;}
.in9-desc h4{font-size: 14px;color: #999;font-family: AK;margin-bottom: 16px;}
.in9-desc p{font-size: 14px;color: #777;line-height: 22px;height: 44px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.in9-desc span{display: block;margin-top: 18px;}
.in9-desc span img{display: block;height: 100%;}
.swiper-pagination-bullet{opacity: 1;}
.in9-swiper .swiper-pagination-bullet-active{border-color: #c42a2e;}
.in9-swiper .swiper-pagination{bottom: 0;}
.in9-item:hover .in9-desc h3{color: #c42a2e;}
.in9-item:hover .in9-pic img{transform: scale(1.1);}
.in-ten{padding: 70px 0 54px;background: #202020;}
.in10-swiper{overflow: hidden;position: relative;padding-bottom: 70px;}
/* .in10-swiper .swiper-container:hover{}
.in10-swiper .swiper-container > .in10-pic { transition: opacity 150ms linear 100ms, transform 150ms ease-in-out 100ms; }
.in10-swiper .swiper-container:hover > .in10-pic { opacity: 0.5; transform: scale(0.9); }
.in10-swiper .swiper-container > .in10-pic:hover { opacity: 1; transform: scale(1); transition-delay: 0ms, 0ms; }
 */
.in10-swiper .swiper-slide .in10-pic{overflow: hidden;}
.in10-swiper .swiper-slide .in10-pic img{display: block;width: 100%;transition: all 0.4s;-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);

  filter: grayscale(100%);
  transition: all 1s;

  filter: gray;}
  .in10-swiper .swiper-slide:hover .in10-pic img{-webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);

  filter: grayscale(0%);

  filter: gray;}
.in10-swiper .swiper-pagination{bottom: 0;}
.in10-swiper .swiper-pagination-bullet-active{border-color: #c42a2e;}


/* 包年服务 */
.bread {position: absolute;bottom: 0;left: 0;width: 100%;height: 60px;background: rgba(0,0,0,0.6);}
.bread a{display: inline-block;font-size: 16px;color: rgba(255,255,255,0.8);line-height: 60px;}
.bread a.home{padding-left: 52px;background: url(../images/home.png) no-repeat 8px center;}
.bread i{display: inline-block;width: 8px;height: 14px;background: url(../images/right2.png) no-repeat center;margin:0 5px 0 8px;}
.bread a:hover,.bread a:last-child{color: rgba(201,62,66,0.8);}
.year-con{padding: 70px 0 0;background: #111;background-size: cover;}
.year-box .abo-tit h3{font-size: 36px;line-height: 52px;}
.year-box .abo-tit{margin-bottom: 68px;}


.year-tit{text-align: center;}
.year-list li{width: 100%;text-align: center;padding: 90px 0;transition: all 0.4s;background: #111;}
.year-list li:nth-child(even){background: url(../images/img103.jpg) no-repeat center;background-size: cover;}
.year-tit h4{font-size: 20px;color: rgba(255,255,255,0.8);margin-bottom: 26px;}
.year-list li p{font-size: 22px;color:  rgba(255,255,255,0.8);line-height:42px;}
.year-list li.li1 .year-btn{font-size: 16px;}
.year-list li.li1{padding: 125px 0;}
.year-listbox{position: relative;}
.year-left{text-align: left;width: 35%;width: 250px;position: absolute;left:0;top: 50%;transform: translateY(-50%);text-align: center;}
.year-right{text-align: left;padding-left: 15.3%;border-left: 1px solid rgba(85,85,85,0.4);width: 65%;transition: all 0.4s;}
.year-list li .year-btn .font_din{font-family: DINM;font-size: 40px;letter-spacing:2px;color: #fff;line-height: 56px;vertical-align: middle;}
.year-list li .more-btn{width: 220px;height: 60px;line-height: 60px;border:2px solid transparent;margin-top: 35px;transition: all 0.4s;}
.year-list li .year-tit h3{color: #c93e42;font-size: 30px;margin-bottom: 10px;transition: all 0.4s;}
.year-list li:hover .year-tit h3{color: #fff;}
.year-list li:hover{background: #b73a3d;background-size: 100% 100%;}
.year-list li:hover .more-btn,.year-list li:hover .more-btn .font_din{background: #fff;color: #c93e42;}
.year-list li:hover .year-right{border-color: rgba(255,255,255,0.3);}
/* 案例 */
.case-con{padding: 80px 0;background: #111;}
.case-list li{width: 49.1%;float: left;margin-right: 1.8%;overflow:hidden;position:relative;margin-bottom: 1.8%;height: 359px;}
.case-list li:nth-child(2n){margin-right: 0;}
.case-list .case-pic img{display: block;width: 100%;}
.case-list .case-pic{overflow: hidden;}
.case-list .case-desc{padding: 20px 40px;background: rgba(201,62,66,0.9);position:absolute;bottom: -90px;transition: all 0.4s;width: 100%;}
.case-list .case-desc p{font-size: 20px;color: #fff;width: 80%;display: inline-block;float: left;line-height: 42px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.case-list .case-desc span{width: 42px;height: 42px;display: inline-block;float: right;}
.case-list .case-desc span img{display: block;width: 100%;float: right;}
.case-list li:hover .case-desc{bottom: 0;}
.load-more{text-align: center;margin-top: 80px;cursor: pointer;}
.load-more img{display: block;margin:10px auto 0;}
.load-more span{font-size: 16px;color: rgba(255,255,255,0.5);display: block;}

/* 宣传片拍摄 */
.video-list li{padding: 75px 0 100px;background: #111;}
.video-list li:nth-child(even){background: url(../images/img69.jpg) no-repeat center;background-size: cover;}
.video-wrap>div{width: 50%;}
.video-wrap{position:relative;}
.video-right img{display: block;margin:0 auto;}
.video-left h3{font-size: 36px;color: #fff;padding-bottom: 28px;position:relative;margin-bottom: 26px;}
.video-left h3:after{content: '';width: 46px;height: 2px;background: #c93f43;position:absolute;left: 0;bottom: 0;}
.video-left p{color: rgba(255,255,255,0.6);font-size: 16px;line-height: 28px;}
.video-left span{display: block;color: #c93e42;font-size: 16px;margin-top: 35px;}
.video-left span i{display: inline-block;width: 19px;height: 12px;background: url(../images/right.png) no-repeat center;background-size: contain;margin-left: 10px;transition: all 0.4s;}
.video-left.left{padding-left: 45px;left: 0;}
.video-left.right{padding-right: 45px;right: 0;}
.video-left{position:absolute;top: 50%;transform: translateY(-50%);}
.video-left span:hover i{transform: translateX(10px);}

/* 影视推广 */
.ext-con{background: #111;}
.ny-nav{border-bottom: 1px solid rgba(218,218,218,0.1);background: #111;}
.ny-nav .ny-nav-list ul{font-size: 0;}
.ny-nav .ny-nav-list li{display: inline-block;padding: 0 50px;transition: all 0.4s;}
.ny-nav .ny-nav-list a{display: inline-block;line-height: 70px;text-align: center;font-size: 18px;color: #FFFFFF;transition: all 0.4s;}
.ny-nav .ny-nav-list li:hover,.ny-nav .ny-nav-list li.on{background: #c93e42;}
.ny-nav .ny-nav-list li:hover a,.ny-nav .ny-nav-list li.on a{color: #fff;}
.ext-box{padding: 90px 0 100px;}
.ext-list li{position:relative;margin-bottom: 30px;}
.ext-list li:last-child{margin-bottom: 0;}
.ext-list li:hover .ext-pic img{transform: scale(1.1);}
.ext-list li:hover .ext-desc h3{color: #c93e42;}
.ext-desc{background: #333;width: 960px;padding: 30px 65px;}
.ext-desc h3{color: #fff;font-size: 20px;}

/* 关于我们 */
.msg-box-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    /* background: #F3F3F3; */
    display: none;
    z-index: 1001;
}

.msg-box {
    width: 860px;
    height: 524px;
    padding: 50px;
    background-color: #F3F3F3;
    position: absolute;
    left: 50%;
    top: 47%;
    transform: translate(-50%,-50%);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.msg-box .close-box {
    width: 30px;
    height: 30px;
    background: url("../images/btn-close-modal.png") no-repeat center;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.msg-box .close-box:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.abo_video {
    width: 100%;
    height: 100%;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
.abo_video:after{content: '';width: 36px;height: 44px;background: url(../images/play3.png) no-repeat center;position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.abo-one{padding: 100px 0 120px;background: #111;}
.abo1-left{width: 50%;padding: 0 15px;}
.abo1-right{width: 50%;padding-left: 7.5%;}
.abo1-left h3{font-size: 40px;color: #fff;padding-bottom: 18px;position:relative;margin-bottom: 18px;}
.abo1-left h3:after{content: '';width: 46px;height: 2px;background: #c93f43;position:absolute;bottom: 0;left: 0;}
.abo1-left h4{font-size: 22px;color: #999;margin-bottom: 20px;}
.abo1-left p{font-size: 16px;color: #777;line-height: 28px;max-height: 170px;overflow-y: auto;padding-right: 15px;}
.abo1-right img{display: block;width: 100%;}
.abo-two{padding: 80px 0 60px;background: url(../images/img83.jpg) no-repeat center;background-size: cover;}
.abo-tit h3{font-size: 40px;color: #fff;text-align: center;}
.abo-tit{margin-bottom: 42px;}
.abo2-nav ul{font-size: 0;text-align: center;}
.abo2-nav li{width: 180px;height: 50px;border:2px solid rgba(204,204,204,0.5);line-height: 46px;text-align: center;display: inline-block;margin:0 10px;}
.abo2-nav li.on{background: #c93e42;}
.abo2-nav li a{display: block;font-size: 20px;color: #fff;}
.abo2-nav{margin-bottom: 55px;}
.abo2-item{display: none;}
.abo2-item.on1{display: block;}
.abo2-swiper{position:relative;padding-bottom: 70px;}
.abo-box .swiper-pagination{bottom: 0;}
.abo-box .swiper-button-next,.abo-box .swiper-button-prev{font-size: 32px;background: none;color: #8b8c8c;transition: all 0.4s;top: 42%;}
.abo-box .swiper-container{overflow: hidden;}
.abo-box .swiper-button-next:hover,.abo-box .swiper-button-prev:hover{color: #c93e42;}
.abo-box .swiper-button-next{right: -70px;}
.abo-box .swiper-button-prev{left: -70px;}
.abo-box .swiper-pagination-bullet-active{border-color: #c42a2e;background: #c42a2e;}
.abo2-swiper .swiper-slide img{display: block;width: 100%;}
.abo-sm{padding: 133px 0;background: url(../images/img87.jpg) no-repeat center;background-size: cover;}
.abo-smlist li h3{font-size: 46px;color: #fff;margin-bottom: 38px;position:relative;display: inline-block;}
.abo-smlist li h3:after{content:'';width: 100%;height: 4px;background: rgba(255,255,255,0.5);position:absolute;bottom: -4px;left: 50%;transform:translateX(-50%);}
.abo-smlist li p{font-size: 20px;color: rgba(255,255,255,0.8);line-height: 30px;}
.abo-smlist li{display: inline-block;vertical-align: top;width: 27%;}
.abo-smlist ul{font-size: 0;text-align: center;}
.abo-smlist .abo-tit{margin-bottom: 100px;}

.abo-three{padding: 80px 0;background: #111;}
.abo3-swiper .swiper-slide img{display: block;width: 100%;}
.abo3-swiper {position:relative;padding-bottom: 60px;}
.abo3-swiper .swiper-container{overflow: hidden;}
.abo3-swiper .honor-tit{font-size: 20px;color: rgba(255,255,255,0.6);text-align: center;margin-top: 17px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.abo-four{padding: 80px 0;background: url(../images/img91.jpg) no-repeat center;background-size: cover;}
.abo-four .abo4-swiper{overflow: inherit;}
.abo-box .abo-four  .swiper-pagination-bullet-active{background: #fff;border-color: #fff;}
.abo-five{padding: 80px 0 0;background: #111;}
.abo5-list li span{display: inline-block;width: 35px;height: 35px;margin-bottom: 12px;}
.abo5-list li{width: 24%;float: left;margin-right: 1.3%;background: #fff;padding: 35px 45px 20px;height: 182px;text-align: center;}
.abo5-list li:nth-child(4n){margin-right: 0;}
.abo5-list li h3{font-size: 20px;color: #333;margin-bottom: 8px;}
.abo5-list li p{font-size: 16px;color: #333;line-height: 20px;}
.abo5-list li span.span1{background: url(../images/tel.png) no-repeat center;background: cover;}
.abo5-list li span.span2{background: url(../images/qq.png) no-repeat center;background: cover;}
.abo5-list li span.span3{background: url(../images/mail.png) no-repeat center;background: cover;}
.abo5-list li span.span4{background: url(../images/add.png) no-repeat center;background: cover;}
.abo5-map{overflow: hidden;margin-top: 75px;}
.abo5-map img{display: block;width: 100%;}

.abo-six{padding: 80px 0;background: #111;}
.join_tit{padding: 36px 36px;background: #fff;overflow: hidden;transition: all 0.4s;border:1px solid #e1e1e1;}
.join_tit-con{position: relative;}
.join2-list li.on .join_tit{background: #c42a2e;border-color: transparent;}
.join_font{display: none;padding: 60px 145px;background: #fff;}
.join2-list li{margin-bottom: 30px;}
.join2-list li:last-child{margin-bottom: 0;}
.join_tit-con h3 .p1{font-size: 20px;color: #444;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 12px;}
.join_tit-con h3 .p2 span{color: #666;font-size: 16px;position:relative;padding-right: 15px;margin-right: 15px;}
.join_tit-con h3 .p2 span:after{content: '';width: 1px;height: 13px;background: #c5c5c5;position:absolute;right: 0;top: 50%;margin-top: -6.5px;}
.join_tit-con h3 .p2 span:last-child:after{display: none;}
.join2-list li.on .join_tit-con h3 p,.join2-list li.on .join_tit-con h3 p span{color: #fff;}
.join2-list li.on .join_tit .join-down{background: url(../images/jian.png) no-repeat center;background-size: cover;}
.join_tit .join-down{width: 46px;height: 46px;background: url(../images/jia.png) no-repeat center;background-size: cover;position: absolute;right: 0;
    top: 50%;transform: translateY(-50%);-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.join_det-item span{font-size: 18px;color: #c8050d;padding: 0 30px;line-height: 34px;border:1px solid #c8050d;display: inline-block;margin-bottom: 25px;}
.join_det-item p{color: #666;font-size: 18px;}
.join_det-item{margin-bottom: 40px;}
.join-more{text-align: center;margin-top: 60px;}
.join-more a{display: inline-block;font-size: 16px;color: #999;padding: 0 5px 10px;position:relative;transition: all 0.4s;}
.join-more a:after{content: '';width: 100%;height: 2px;background: #ccc;position:absolute;bottom: 0;left: 0;transition: all 0.4s;}
.join-more a:hover{color: #c42a2e;}
.join-more a:hover:after{background:#c42a2e;}

/* 宣传片拍摄详情 */
.video-one{background: #111;padding-top: 88px;}
.video-one .abo-tit h3{text-align: left;margin-bottom: 15px;}
.video-one .abo-tit p{font-size: 20px;color: #999;}
.video-one .abo-tit p span{color: #c93e42;font-size: 24px;}
.video-one .abo-tit{margin-bottom: 30px;}
.vid1-box{background: #c93e42;padding: 25px 34px;position:relative;overflow: hidden;}
.vid1-box p{font-size: 26px;color: #fff;line-height: 43px;}
.vid1-box p span{font-size: 36px;color: #fff;}
.vid1-right{position:absolute;right: 34px;bottom: -20px;}
.video-two{padding: 65px 0 75px;background: #111;}
.vid-tit h3{font-size: 80px;color: rgba(204,204,204,0.1);font-family: DINM;}
.vid-tit h4{font-size: 30px;color: #f1f1f1;margin-top: -32px;}
.vid-tit p{font-size: 16px;color: #999;line-height: 26px;margin-top: 25px;}
.vid2-box{padding: 36px;background: #1a1a1a;margin-top: 35px;}
.vid2-box .vid-tit h4{margin-top: 0;color: #c93e42;text-align: center;}
.vid2-list{font-size: 0;text-align: center;padding-top: 18px;position: relative;margin-top: 28px;}
.vid2-list:after{content: '';width: 876px;height: 1px;background: #484848;position: absolute;top: 0;left: 50%;margin-left: -438px;}
.vid2-list li{width: 108px;height: 108px;border-radius: 50%;background: #484848;line-height: 108px;text-align: center;font-size: 18px;color: #fff;display: inline-block;margin-right: 38px;position:relative;}
.vid2-list li:after{content: '';width:1px;height: 19px;background: #484848;position:absolute;top: -18px;left: 50%;margin-left: -0.5px;}
.vid2-list li:last-child{margin-right: 0;}
.video-three{padding: 0 0 84px;background: #111;}
.video-three .vid-tit{border-top: 3px solid #c93e42;padding-top: 24px;margin-bottom: 52px;}
.vid3-list li span{font-size: 26px;color: #fff;width: 40px;height: 40px;line-height: 40px;text-align: center;background: #c93e42;display: inline-block;vertical-align: middle;margin-right: 18px;}
.vid3-list .vid3-item h3{font-size: 18px;color: #fff;margin-bottom: 8px;}
.vid3-list .vid3-item h4{font-size: 16px;color: #999;}
.vid3-list .vid3-item{display: inline-block;vertical-align: middle;}
.vid3-list li{margin-bottom: 38px;}
.vid3-list li:last-child{margin-bottom: 0;}
.vid4-list li h3{font-size: 24px;margin-bottom: 30px;}
.vid4-list .in4-pic{height: 74px;margin-bottom: 34px;}
.vid4-list li p{font-size: 14px;color: #999;}
.vid4-list li{padding: 0 1.4%;}
.video-five{background: #111;}
.vid5-box img{display:block;width: 100%;}

/* 影视推广详情 */
.ext_xq-banner{height: 177px;}
.ext_xq-banner>img{height: 100%;}
.ext_xq-banner .bread{height: 77px;background: #222;}
.ext_xq-banner .bread a{line-height: 77px;}
.newsxq-left{background: #fff;width: 74.8%;padding: 60px 35px;}
.newsxq-right{background: #fff;width: 23.5%;padding: 60px 25px;}
.newsxq-box{padding: 70px 0px;}
.newsxq-tit{padding-bottom: 40px;border-bottom: 1px solid #e2e2e2;}
.newsxq-tit h3{font-size: 30px;color: #333;margin-bottom:40px;}
.share span{color: #666;font-size: 16px;display: inline-block;vertical-align: middle;}
.share span.share-span{padding-right: 30px;background: url(../images/share.png) no-repeat right center;margin-right: 6px;}
.share .bdsharebuttonbox{display: inline-block;vertical-align: middle;}
.share .bdsharebuttonbox a{
    width:32px;
    height: 32px;
    border-radius: 50%;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 0 0 8px;
    padding: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.share .bdsharebuttonbox .bds_sqq {
    background-image: url(../images/qq-h.png);
    background-color: #5690e7;
}
.share .bdsharebuttonbox .bds_tsina{
    background-image: url(../images/weibo-h.png);
    background-color: #c74943;
}
.share .bdsharebuttonbox .bds_weixin{
    background-image: url(../images/weixin-h.png);
    background-color: #5db752;
}
.share .bdsharebuttonbox .bds_linkedin{
    background-image: url(../images/inlink-h.png);
    background-color: #2d497c;
}
.newsxq-inner{padding: 40px 0 75px;}
.newsxq-inner p{color: #666;}
.newsxq-box .xq-menu{margin-bottom: 0;}
.newsxq-box .xq-menu a{color: #666;font-size: 16px;display: inline-block;padding: 16px 30px;border:2px solid #dadada;margin:0 2px;transition: all 0.4s;}
.newsxq-box .xq-menu{text-align: center;}
.newsxq-box a i{font-size: 14px;}
.newsxq-box a.xqmenu-return{margin-top: 45px;background: #c93e42;border-color: #c93e42;color: #fff;}
.newsxq-box a.xqmenu-return i{color: #fff;}
.newsxq-pic{margin-bottom: 18px;overflow: hidden;}
.newsxq-pic img{display: block;width: 100%;transition: all 0.4s;}
.newsxq-rtit{font-size: 26px;color: #333;margin-bottom: 25px;}
.newsxq-desc h3{font-size: 16px;color: #444;line-height: 22px;margin-bottom: 5px;transition: all 0.4s;height: 44px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newsxq-desc p{font-size: 14px;color: #999;}
.newsxq-list li{margin-bottom: 22px;}
.newsxq-list li:hover .newsxq-pic img{transform: scale(50%);}
.newsxq-list li:hover .newsxq-desc h3{color: #c93e42;}
.newsxq-box .xq-menu a:hover{color: #c93e42;}
.newsxq-box a.xqmenu-return:hover{color: #fff;}

.nyban-info{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;}
.nyban-info h3{font-size: 40px;color: #fff;font-weight: bold;text-align: center;line-height:50px;letter-spacing: 8px;}
@media (max-width: 1680px) {
    .in1-list li h3{font-size: 26px;}
    .gallery-top{height: 400px;}
    .in9-desc{width: 350px;}
    .ext-desc{width: 960px;}

}

@media (max-width: 1459px) {
    .nyban-info h3{font-size: 36px;}
    .tit h3{font-size: 36px;}
    .tit h3 span{font-size: 40px;}
    .in1-list li h3{font-size: 22px;}
    .in1-list li{padding: 30px 20px;}
    .tit p{font-size: 20px;}
    .in2-list li p{font-size: 22px;}
    .in3-list li h3{font-size: 36px;}
    .in4-list li span{font-size: 36px;}
    .in4-list li h3{font-size: 26px;}
    .in7-list li p{font-size: 20px;}
    .in8-list li p span{font-size: 48px;}
    .year-box .abo-tit h3{font-size: 32px;}
    .year-list li .year-tit h3{font-size: 26px;}
    .year-list li .year-tit h4{font-size: 16px;}
    .year-list li p{font-size: 18px;}
    .year-list li .more-btn{font-size: 16px;}
    .year-list li .year-btn .font_din{font-size: 36px;}
    .video-left h3{font-size: 32px;}
    .ny-nav .ny-nav-list a{font-size: 16px;}
    .abo1-left h3{font-size: 36px;}
    .abo1-left h4{font-size: 20px;}
    .abo-tit h3{font-size: 36px;}
    .abo2-nav li a{font-size: 18px;}

    .abo-box .swiper-button-next{right: 0;}
    .abo-box .swiper-button-prev{left: 0;}
    .abo-smlist li h3{font-size: 36px;}
    .abo-smlist li p{font-size: 16px;}
    .abo3-swiper .honor-tit{font-size: 18px;}
    .abo5-list li h3{font-size: 18px;}
    .abo5-list li p{font-size: 14px;}
    .vid-tit h3{font-size: 60px;}
    .vid-tit h4{font-size: 24px;}
    .in4-list li h3{font-size: 22px;}
    .newsxq-tit h3{font-size: 26px;}
    .newsxq-rtit{font-size: 24px;}
    .newsxq-box .xq-menu a{display: block;margin-top: 20px;}

}
@media (max-width: 1259px) {
    .insear-left span, .insear-left a{font-size: 16px;}
    .insear-left a{margin-right: 22px;}
    .insear-left span{margin-right: 10px;}
    .in6-itemrt li,.in6-itemrt li span{font-size: 18px;}
    .in6-itembox{width: 100%;}

    .in9-desc{width:730px;}
    .ny-nav .ny-nav-list li{padding: 0 40px;}
    .case-list li{height: 290px;}
    .vid2-list li{margin-right: 23px;}




}
@media (max-width: 991px) {
    /* search */
    .psearch-left{width: 100%;float: none;}
    .psearch-right{width: 100%;float: none;margin-top: 20px;}
    .psearch-right .m-tit{font-size: 16px;padding: 15px 20px;}
    .psearch-ru a{font-size: 16px;padding: 15px 20px;}
    .psearch-box input{font-size: 16px;}
    .psearch-box button{font-size: 24px;}
    .psearch-tip{font-size: 18px;}
    .sec-search{padding: 40px 0;}
    .news-item .m-tit{font-size: 16px;}
    .news-item .m-time{font-size: 14px;}


    .container,.head_main,.wrap,.index-container,.foot-main{padding-right: 15px;padding-left: 15px;margin:0 auto;}
    .header-app .logo{padding: 10px 15px;}
    .inner-banner .banner-app{display: block;}
    .inner-banner .banner-pc{display: none;}
    .ban-info{display: none;}
    .insear-left{width: 100%;}
    .insear-right{width: 100%;}
    .insear-left{padding: 15px 0;}
    .insear-left span, .insear-left a{font-size: 14px;}
    .insear-right{padding: 15px 20px;}
    .in-search{padding: 15px 0;}
    .nyban-info{top: 40%;}
    .nyban-info h3{font-size: 22px;line-height: 32px;letter-spacing: 0px;}
    .tit h3{font-size: 22px;line-height: 32px;padding-bottom: 15px;}
    .tit h3 span{font-size: 22px;}
    .tit p{font-size: 14px;margin-top: 12px;}
    .in-one{padding: 40px 0;}
    .in1-list li{width: 48%;margin-bottom: 4%;margin-right: 4%;padding: 15px 10px;}
    .in1-list li:nth-child(2n){margin-right: 0;}
    .in1-list li h3{font-size: 16px;margin-bottom: 15px;}
    .in1-list li p{font-size: 14px;line-height: 24px;height: 96px;}
    .in1-list li .in1-pic{margin-bottom: 15px;}
    .in1-list li span{margin-top: 20px;opacity: 1;}
    .tit{margin-bottom: 25px;}
    .in-two{padding: 40px 0;}
    .in-two .tit{margin-bottom: 25px;}
    .in2-list li p{font-size: 18px;margin-top: 15px;}
    .in2-list li{display: inline-block;float: none;width: 31%;margin-bottom: 10px;}
    .in2-pic{width: auto;height: 88px;}
    .in2-list .more-btn{width: 150px;height: 40px;line-height: 40px;margin-top: 25px;}
    .in-three{padding: 40px 0;}
    .in3-list li h3{font-size: 24px;margin-bottom: 18px;}
    .in3-list li p{font-size: 16px;}

    .in-four{padding: 40px 0;}
    .in4-list li h3{font-size: 20px;}
    .in4-list li span{font-size: 24px;}
    .in4-pic{height: 80px;}
    .in4-list li p{font-size: 14px;line-height: 24px;}
    .in4-list li{padding: 0 1%;}

    .in4-con .more-btn{width: 150px;height: 40px;line-height: 40px;font-size: 14px;margin-top: 30px;}
    .in4-con .more-btn i{width: 18px;height: 19px;margin-right: 8px;}

    .gallery-top{height: 250px;}
    .gallery-thumbs{padding: 20px 0 30px;}
    .in-six{padding: 40px 0;}
    .in6-nav li{font-size: 14px;}
    .in6-itemrt li,.in6-itemrt li span{font-size: 16px;}
    .in6-nav{margin-bottom: 25px;}
    .in6-itemrt li{margin-bottom: 8px;}
    .in6-itemrt ul{width: 55%;}

    .in-seven{padding: 40px 0;}
    .in7-list li{margin:0 20px;}
    .in7-list li p{font-size: 16px;}
    .in7-btn{margin-top: 30px;}
    .in7-list .in7-pic{margin-bottom: 15px;}

    .in-eight{padding: 40px 0;}

    .in-nine{padding: 40px 0;}
    .in9-desc{width: 480px;}
    .in9-desc h3{font-size: 16px;}
    .in9-swiper{padding-bottom: 35px;}

    .in-ten{padding: 40px 0;}
    .in10-swiper{padding-bottom: 35px;}
    .page a {width: 35px;height: 35px;line-height: 35px;font-size: 14px;}
    .page{margin-top: 30px;}
    .news-item{padding: 15px 10px;margin-bottom: 15px;}
    .psearch-tip{padding-left: 0;}
    .news-item .m-cont{padding: 0 4%;}

    /* 包年服务 */
    .year-con{padding: 40px 0 0;}
    .bread a.home{padding-left: 30px;background: url(../images/home.png) no-repeat left center;background-size: 20px 15px;}
    .bread a{font-size: 14px;line-height: 40px;}
    .bread{height: 40px;}
    .bread i{width: 5px;height: 10px;background-size: cover;}
    .year-box .abo-tit h3{font-size: 20px;line-height: 30px;}
    .year-box .abo-tit{margin-bottom: 30px;}
    .year-list li .year-tit h3{font-size: 22px;}
    .year-list li .year-tit h4{font-size: 14px;}
    .year-list li p{font-size: 14px;line-height: 26px;}
    .year-list li .more-btn{width: 140px;height: 40px;line-height: 40px;font-size: 14px;margin-top: 0;}
    .year-list li .year-btn .font_din{line-height: 36px;font-size: 26px;}
    .year-list li{padding: 30px 0 20px;}
    .year-list li.li1{padding: 30px 0;}
    .year-left,.year-right{float: none;width: 100%;}
    .year-left{margin-bottom: 30px;position: static;transform:none;}
    .year-right{padding-left: 0;border:none;}

    /* 案例 */
    .case-con{padding: 40px 0;}
    .case-list .case-desc p{font-size: 14px;line-height: 30px;}
    .case-list .case-desc span{width: 30px;height: 30px;}
    .case-list .case-desc{padding: 10px 20px;}
    .load-more{margin-top: 20px;}
    .load-more span{font-size: 14px;}
    .case-list li{height: 210px;}

    /* 宣传片拍摄 */
    .video-left h3{font-size: 22px;}
    .video-left p{font-size: 14px;line-height: 24px;}
    .video-left span{font-size: 14px;margin-top: 20px;}
    .video-list li{padding: 30px 0 40px;}

    /* 影视推广 */
    .ext-box{padding: 40px 0;}
    .ny-nav .ny-nav-list a{font-size: 14px;line-height: 40px;}
    .ny-nav .ny-nav-list li{padding: 0 30px;}
    .ext-list li{margin-bottom: 20px;}
    .ny-nav .ny-nav-list ul{overflow-x: auto;white-space: nowrap;}

    /* 关于我们 */
    .abo-one{padding: 40px 0 50px;}
    .abo1-right{padding-left: 3%;}
    .abo1-left h3{font-size: 24px;}
    .abo1-left h4{font-size:16px;}
    .abo1-left p{font-size: 14px;line-height: 24px;max-height: 117px;}
    .nei_anchor{display: none!important;}
    .msg-box{width: 95%;height: 400px;padding: 30px;}
    .msg-box .close-box{width: 15px;height: 15px;}
    .abo-tit h3{font-size: 24px;}
    .abo-two{padding: 33px 0;}
    .abo-box .swiper-button-next, .abo-box .swiper-button-prev{display: none;}
    .abo2-nav li a{font-size: 14px;}
    .abo2-nav li{width: 150px;height: 40px;line-height: 36px;margin:0 4px;}
    .abo-tit{margin-bottom: 20px;}
    .abo2-nav{margin-bottom: 20px;}
    .abo2-swiper{padding-bottom: 40px;}
    .abo-sm{padding: 40px 0;}
    .abo-smlist li h3{font-size: 26px;margin-bottom: 15px;}
    .abo-smlist .abo-tit{margin-bottom: 20px;}
    .abo-smlist li p{font-size: 14px;line-height: 24px;}
    .abo-three{padding: 40px 0;}
    .abo3-swiper .honor-tit{font-size: 14px;margin-top: 10px;}
    .abo3-swiper{padding-bottom: 40px;}
    .abo-four{padding: 40px 0;}

    .abo-five{padding: 40px 0 0;}
    .abo5-list li h3{font-size: 16px;}
    .abo5-list li{width: 49%;margin-right: 2%;margin-bottom: 2%;height: auto;}
    .abo5-list li:nth-child(2n){margin-right: 0;}
    .abo5-map{margin-top: 20px;}

    .abo-six{padding: 40px 0;}
    .join_tit{padding: 20px;}
    .join_tit-con h3 .p1{font-size: 16px;}
    .join_tit-con h3 .p2 span{font-size: 14px;}
    .join_tit .join-down{width: 31px;height: 31px;}
    .join2-list li{margin-bottom: 15px;}
    .join_font{padding: 30px 15px;}
    .join_det-item span{font-size: 16px;}
    .join_det-item p{font-size: 14px;}
    .join-more{margin-top: 20px;}
    .join-more a{font-size: 14px;}

    /* 宣传片拍摄详情 */
    .video-one{padding-top: 40px;}
    .video-one .abo-tit p span{font-size: 16px;}
    .video-one .abo-tit p{font-size: 14px;}
    .vid1-box p{font-size: 16px;}
    .vid1-box p span{font-size: 20px;}
    .vid1-box{padding: 20px 15px;}
    .vid-tit p{margin-top: 15px;font-size: 14px;line-height: 24px;}
    .vid-tit h4{font-size: 22px;}
    .video-two{padding: 40px 0;}
    .vid2-list li{font-size: 14px;}
    .vid2-list:after{display: none;}
    .vid2-list li:after{display: none;}
    .vid2-list{margin-top: 10px;}
    .video-three{padding: 0 0 40px;}
    .vid3-list .vid3-item{display: block;margin-top: 15px;}
    .vid3-list .vid3-item h3{font-size: 16px;line-height: 20px;}
    .vid3-list .vid3-item h4{font-size: 14px;}
    .vid3-list li span{font-size: 20px;}
    .video-three .vid-tit{margin-bottom: 25px;}
    .vid3-list li{margin-bottom: 20px;}

    .vid4-list .in4-pic{height:55px;}

    .ext_xq-banner .bread{display: none;}
    .ext_xq-banner{height: 0;}
    .newsxq-box{padding: 40px 0;}
    .newsxq-left{width: 100%;float: none;padding: 30px 20px;}
    .newsxq-right{width: 100%;float: none;margin-top: 30px;padding: 30px 20px;}
    .newsxq-tit h3{font-size: 22px;line-height: 26px;margin-bottom: 20px;}
    .share span.share-span{font-size: 14px;}
    .share span.xq-time{font-size: 14px;}
    .newsxq-tit{padding-bottom: 20px;}
    .newsxq-inner{padding: 20px 0 30px;}
    .newsxq-box .xq-menu a{font-size: 14px;}
    .newsxq-rtit{font-size: 20px;margin-bottom: 15px;}
    .banner-slide{height: auto;}
    .banner-slide img{height: auto;}

    /* .in-seven .tit p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;transition: all 0.4s;height: 84px;} */
    .in-seven .tit p{font-size: 14px;line-height: 24px;padding: 20px 15px;}
    .in-seven .tit p span{font-size: 14px;}

}

@media (max-width: 767px) {
    .in2-list li p{font-size: 16px;}
    .in3-list li{width: 100%;margin-bottom: 25px;padding: 0;}
    .in3-list li:last-child{margin-bottom: 0;}
    .in3-list li h3{margin-bottom: 10px;font-size: 22px;}
    .in3-list li p{font-size: 14px;line-height: 24px;}
    .in4-list li h3{margin-bottom: 20px;font-size: 18px;}
    .in4-pic{height: 50px;}
    .in4-pic{margin-bottom: 20px;}
    .in4-list li{width: 50%;padding: 0 2%;margin-bottom: 30px;}
    .in4-list li span{margin-bottom: 5px;}
    .in4-list li:last-child,.in4-list li:nth-last-child(2){margin-bottom: 0;}
    .in6-itemlf,.in6-itemrt{width: 100%;}
    .in6-itemrt{position: static;padding: 20px 10px;}
    .in6-itemrt ul{position: static;width: 100%;transform:none;}
    .in6-nav li{width: 110px;}

    .in7-list li{width: 50%;float: left;margin:0;margin-bottom: 20px;}
    .in7-list li:last-child,.in7-list li:nth-last-child(2){margin-bottom: 0;}
    .in8-list li{width: 100%;border-right: none;margin-bottom: 20px;}
    .in8-list li:last-child{margin-bottom: 0;}
    .in8-list li p{font-size: 14px;}
    .in8-list li p span{font-size: 30px;}
    .in9-item{position: relative;}
    .in9-desc{width: 70%;height:100%;position: absolute;right: 0;top: 0;padding: 20px;}
    .in9-pic{width: 30%;height: auto;}
    .in9-desc h4{margin-bottom: 8px;}
    .in9-desc h3{margin-bottom: 5px;}
    .in9-desc span{margin-top: 8px;height: 8px;}

    .case-list li{width: 100%;margin-right: 0;margin-bottom:20px;height: auto;}
    .video-wrap>div{width: 100%;float: none;position:static;transform: none;}
    .video-left.left{padding-left: 0;}
    .video-left.right{padding-right: 0;}
    .abo1-right,.abo1-left{width: 100%;float: none;}
    .abo1-right{padding-left: 0;margin-top: 20px;}
    .abo1-left{padding: 0;}
    .msg-box{height: auto;}
    .abo2-nav li{margin-bottom: 5px;}
    .abo-smlist li{width: 100%;margin-bottom: 20px;}
    .abo-smlist li:last-child{margin-bottom: 0;}
    .abo5-list li{width: 100%;margin-right: 0;}
    .vid2-list{text-align: left;}
    .vid2-list li{margin:0 10px 15px;}


}
@media (max-width: 700px) {


}


@media (max-width: 580px) {
    .in9-desc{padding: 10px;}
    .in9-desc h4{margin-bottom: 0px;}
    .in9-desc h3{margin-bottom: 5px;}
    .in9-desc span{margin-top: 5px;}
    .in9-desc p{height: 20px;line-height: 20px;-webkit-line-clamp:1;}


}
@media (max-width: 414px) {

}
/* 2020.3.3 */
.abo3-pic img {
    display: block;
    width: 100%;
}

.abo3-pic .abo3-appimg {
    display: none;
}

@media (max-width: 991px) {
    .abo3-pic .abo3-appimg {
        display: block;
    }

    .abo3-pic .abo3-pcimg {
        display: none;
    }
}
/*详情页css*/
.xqtitle{ text-align:center; font-size:18px; color:#333; font-weight:bold;}
.xqtime{ text-align:center; margin:10px 0;}
.xqimg{ width:100%; height:auto; margin:0 auto; margin-bottom:15px;}
.xqimg img{width:100%; height:auto;}
.xqcontent{ font-size:14px;}
}