@charset "UTF-8";

/*----------------------pc header---------------------------------------*/

.header {

    z-index: 1000;

    position: fixed;

    top: 0;

    height: 1rem;

    width: 100%;

    background: rgba(0, 0, 0, 0.3);

    transition: all .5s;

}



.scroll-down .header {

    top: -100%;

}



.header.affix {

    background: rgba(0, 0, 0, 1) !important;

}





.header .logo {

    padding: 0.29rem 0;

    float: left;

}



.header .logo img {

    /*width: 100%;*/

    height: 0.43rem;

}



.header .logo-text {

    float: left;

    font-size: .16rem;

    color: #ffffff;

    margin-left: .44rem;

    margin-top: .34rem;

    letter-spacing: 1px;

    max-width: 2.5rem;

    line-height: .2rem;

}



.header .logo-text::before {

    position: absolute;

    content: "";

    background-color: #4f5a6c;

    width: 1px;

    height: 0.36rem;

    top: 50%;

    transform: translateY(-50%);

    margin-top: .04rem;

    margin-left: -.16rem;

}



.navbar {

    float: left;

    margin-left: 1.9rem;

}



.category-item {

    float: left;

    padding: 0 .3rem;

}

.header2 .category-item:not(.nav-about) a{

    color: #666;

}

.category-item:not(.nav-full) {

    position: relative;

}





.category-a {

    padding: 0 0;

    display: block;

    font-size: 18px;

    line-height: 1rem;

    color: #fff;

    transition: all .4s;

    position: relative;

    font-size: 0.18rem;

}



.category-item.active .category-a:after, .category-a:after {

    content: '';

    width: 0;

    height: 3px;

    background: #db4a24;

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    transition: all .8s;



}



.category-a.on, .category-a:hover {

    color: #db4a24;

}



.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: #db4a24;

}



.dropdown-menu {

    width: 100%;

    background: #fff;

    position: absolute;

    top: 100%;

    left: 50%;

    transform: translate(-50%, 0);

    z-index: 1100;

    margin-top: 0;

    max-height: 0;

    opacity: 0;

    overflow: hidden;

    transition: all .8s;

    border: none;

    color: #303233;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);

    height: auto;

    padding: 0;

    display: block;

}



.dropdown-menu .dropdown-menu-list {

    display: flex;

    flex-direction: row;

    margin-top: 0.4rem;

    margin-bottom: 0.75rem;

}



.dropdown-menu .dropdown-menu-list .dropdown-menu-item {

    flex: 1;

    margin-right: 0.4rem;

}



.dropdown-menu .dropdown-menu-list .dropdown-menu-item:last-child {

    margin-right: 0;

}



.dropdown-menu .dropdown-menu-list .dropdown-menu-item p {

    font-size: 0.18rem;

    position: relative;

    margin-bottom: 0.42rem;

    transition: all .4s;

}



.dropdown-menu .dropdown-menu-list .dropdown-menu-item p .fa {

    font-size: 0.14rem;

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

}



.dropdown-menu .dropdown-menu-list .dropdown-menu-item p::before,

.dropdown-menu .dropdown-menu-list .dropdown-menu-item p::after {

    position: absolute;

    content: "";

    bottom: -0.22rem;

    left: 0;

    height: 1px;

    width: 100%;

    background-color: #999;

}



.dropdown-menu .dropdown-menu-list .dropdown-menu-item p::after {

    width: 0;

    transition: width 0.8s;

}



.dropdown-menu .dropdown-menu-list .dropdown-menu-item a {

    display: block;

    font-size: 0.16rem;

    margin-top: 0.2rem;

    transition: all .4s;



}



.dropdown-menu .dropdown-menu-list .dropdown-menu-item:hover p::after {

    width: 100%;

    background-color: #db4a24;

}



.dropdown-menu .dropdown-menu-list .dropdown-menu-item:hover p {

    color: #db4a24;

}





.dropdown-menu .dropdown-menu-list .dropdown-menu-item a:hover {

    color: #db4a24;

}



.category-item:hover .dropdown-menu {

    opacity: 1;

    max-height: 1000px;

}



.category-item .category-slide {

    display: block;

    position: absolute;

    top: 100%;

    left: 50%;

    transform: translate(-50%, 0);

    margin-top: .1rem;

    z-index: 500;

    background: #fff;

    max-height: 0;

    opacity: 0;

    overflow: hidden;

    width: auto;

    text-align: center;

    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%);

    transition: all .8s;

    border-radius: .16rem;

}



.category-item .category-slide > a {

    display: block;

    padding: .18rem .4rem;

    font-size: .16rem;

    white-space: nowrap;

    color: #666;

    text-align: center;

    border-bottom: 1px solid #e3e5e7;

    transition: all .4s;

}



.category-item .category-slide > a:hover {

    color: #db4a24;

}



.category-item:not(.nav-full):hover .category-slide {

    opacity: 1;

    max-height: 600px;

}



.nav-language {

    float: right;

    height: 1rem;

}



.nav-language a {

    font-size: .16rem;

    color: #fff;

    display: inline-block;

    line-height: 1rem;

    transition: all .3s;

}



.nav-language a.on,

.nav-language a:hover {

    color: #db4a24 !important;

}



.nav-language .flag {

    display: inline-block;

    vertical-align: middle;

    width: 1px;

    height: .16rem;

    background-color: #db4a24;

    margin: 0 .15rem;

}



.Header-search {

    float: right;

    margin-left: .8rem;

}



.Header-search-click {

    width: 48px;

    height: 1rem;

    background: transparent url(../images/search_w.png) no-repeat center;

    cursor: pointer;

    user-select: none;

}



.Header-search-message {

    width: 100%;

    height: 1rem;

    position: absolute;

    z-index: 99;

    background: #fff;

    right: 0;

    top: 0;

    display: none;

}



.Header-search-words {

    width: 1360px;

    margin: 0 auto;

}



.Header-search-wordsform {

    float: right;

    height: 1rem;

    line-height: 1rem;

    font-size: 0;

}



.Header-search-submit {

    width: 54px;

    height: 1rem;

    background: url(../images/search_b.png) no-repeat center center;

    cursor: pointer;

    display: inline-block;

    vertical-align: middle;

}



.Header-search-wordsform input {

    width: 580px;

    height: 40px;

    display: inline-block;

    vertical-align: middle;

    outline: none;

    border: none;

    font-size: 16px;

    color: #333;

    margin-right: 40px;

    border-bottom: 1px solid #dadada;

}



.Header-search-close {

    width: 54px;

    height: 1rem;

    background: url(../images/close.png) no-repeat center center;

    cursor: pointer;

    display: inline-block;

    vertical-align: middle;

    user-select: none;

}

@media (max-width: 1459px) {



    .header .logo-text{

        max-width: 2.8rem;

    }

}



@media (max-width: 1439px) {

    .Header-search-words {

        width: 100%;

    }

}



@media (max-width: 1259px) {

    .logo-text {

        display: none;

    }



    .Header-search-words {

        display: flex;

        align-items: center;

        justify-content: center;

    }



    .Header-search-wordsform input {

        width: 480px;

    }

}



/*app-头部*/



.header-app {

    background: rgba(0, 0, 0, 0.3);

    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: #ffffff;

    -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: 15px 15px;

}



.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: #db4a24;

    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;

}



.nav-list li:nth-child(1) {

    -webkit-transform: translateY(-44px);

    -ms-transform: translateY(-44px);

    transform: translateY(-44px);

    transition: opacity .3345s cubic-bezier(0.52, 0.16, 0.52, 0.84) .15s, transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s, -webkit-transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s;

}



.header-app.open-menu .nav-list li:nth-child(1) {

    transition: opacity .3091s cubic-bezier(0.32, 0.08, 0.24, 1) .03s, transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s, -webkit-transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s;

}



.nav-list li:nth-child(2) {

    -webkit-transform: translateY(-40px);

    -ms-transform: translateY(-40px);

    transform: translateY(-40px);

    transition: opacity .29294s cubic-bezier(0.52, 0.16, 0.52, 0.84) .13s, transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s, -webkit-transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s;

}



.header-app.open-menu .nav-list li:nth-child(2) {

    transition: opacity .32244s cubic-bezier(0.32, 0.08, 0.24, 1) .05s, transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s, -webkit-transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s;

}



.nav-list li:nth-child(3) {

    -webkit-transform: translateY(-36px);

    -ms-transform: translateY(-36px);

    transform: translateY(-36px);

    transition: opacity .26098s cubic-bezier(0.52, 0.16, 0.52, 0.84) .11s, transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s, -webkit-transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s;

}



.header-app.open-menu .nav-list li:nth-child(3) {

    transition: opacity .33467s cubic-bezier(0.32, 0.08, 0.24, 1) .07s, transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s, -webkit-transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s;

}



.nav-list li:nth-child(4) {

    -webkit-transform: translateY(-32px);

    -ms-transform: translateY(-32px);

    transform: translateY(-32px);

    transition: opacity .2386s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09s, transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s, -webkit-transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s;

}



.header-app.open-menu .nav-list li:nth-child(4) {

    transition: opacity .34577s cubic-bezier(0.32, 0.08, 0.24, 1) .09s, transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s, -webkit-transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s;

}



.nav-list li:nth-child(5) {

    -webkit-transform: translateY(-28px);

    -ms-transform: translateY(-28px);

    transform: translateY(-28px);

    transition: opacity .22581s cubic-bezier(0.52, 0.16, 0.52, 0.84) .07s, transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s, -webkit-transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s;

}



.header-app.open-menu .nav-list li:nth-child(5) {

    transition: opacity .35577s cubic-bezier(0.32, 0.08, 0.24, 1) .11s, transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s, -webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s;

}



.nav-list li:nth-child(6) {

    -webkit-transform: translateY(-24px);

    -ms-transform: translateY(-24px);

    transform: translateY(-24px);

    transition: opacity .20343s cubic-bezier(0.52, 0.16, 0.52, 0.84) .05s, transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s, -webkit-transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s;

}



.header-app.open-menu .nav-list li:nth-child(6) {

    transition: opacity .36577s cubic-bezier(0.32, 0.08, 0.24, 1) .13s, transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s, -webkit-transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s;

}



.nav-list li:nth-child(7) {

    -webkit-transform: translateY(-20px);

    -ms-transform: translateY(-20px);

    transform: translateY(-20px);

    transition: opacity .18105s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s, transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s, -webkit-transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s;

}



.header-app.open-menu .nav-list li:nth-child(7) {

    transition: opacity .37577s cubic-bezier(0.32, 0.08, 0.24, 1) .15s, transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s, -webkit-transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s;

}



.nav-list li:nth-child(8) {

    -webkit-transform: translateY(-16px);

    -ms-transform: translateY(-16px);

    transform: translateY(-16px);

    transition: opacity .15867s cubic-bezier(0.52, 0.16, 0.52, 0.84) .01s, transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s, -webkit-transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s;

}



.header-app.open-menu .nav-list li:nth-child(8) {

    transition: opacity .38577s cubic-bezier(0.32, 0.08, 0.24, 1) .17s, transform .40582s cubic-bezier(0.32, 0.08, 0.24, 1) .16s, -webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .16s;

}



.cate-item {

    position: relative;

}



.cate-item a {

    font-family: "regular";

    font-size: 16px;

    line-height: 48px;

    margin-right: 60px;

    display: block;

    color: #333333;

}



.nav-list li.active .cate-item a,

.nav-list li.open .cate-item a {

    color: #db4a24;

}



.nav-list li.open .category-pad a {

    color: #333333;

}



.category-cont a:last-child {

    border: none;

}



.category-cont a.active {

    color: #db4a24;

}



.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: #333333;

    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: #db4a24;

}



.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 {

    font-family: "regular";

    font-size: 14px;

    line-height: 40px;

    border-bottom: 1px solid #424242;

    display: block;

    color: #fff;

}



.category-pad a.on {

    color: #db4a24;

}



.lan-box-app {

    padding: 20px 0;

    text-align: center;

}



.lan-box-app a {

    font-size: 14px;

    color: #333333;

    display: inline-block;

    padding: 0 10px;

    position: relative;

}



.lan-box-app a:after {

    content: '';

    width: 1px;

    height: 10px;

    background: #333333;

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: -5px;

}



.lan-box-app a:hover, .lan-box-app a.on {

    color: #db4a24;

}



.lan-box-app a:last-child:after {

    display: none;

}



/* grabble */

.grabble {

    width: 100%;

    height: 360px;

    background: #fff;

    border-top: 1px solid rgb(241, 240, 241);

    display: none;

}



.grabble div {

    width: 700px;

    margin: 0 auto;

    margin-top: 160px;

    position: relative;

}



.grabble input {

    color: #868686;

    font-size: 24px;

    width: 100%;

    border-bottom: 3px solid #db4a24;;

}



.grabble div .ig {

    width: 26px;

    height: 26px;

    position: absolute;

    right: 0;

    top: 0;

    z-index: 20;

    cursor: pointer;

}



.grabble div p {

    color: #868686;

    font-size: 15px;

    margin-top: 3px;

}



.yy .en:hover {

    color: #db4a24;

}



/*pc-底部*/

.foot {

    background-color: #2c2d2f;

    color: rgba(255, 255, 255, 0.8);

    padding: 0.95rem 0 0.55rem;

}



.foot-cont {

    display: flex;

}



.foot-l {

    width: 45%;

    border-right: 1px solid rgba(255, 255, 255, 0.2);

}



.foot-l dl {

    float: left;

    width: 25%;

}



.foot-l dl dt {

    font-size: 0.18rem;

    margin-bottom: 0.2rem;

}



.foot-l dl dd {

    font-size: 0.14rem;

    margin-bottom: 0.1rem;

    color: rgba(255, 255, 255, 0.5);



}



.foot-m {

    padding-left: .8rem;

    padding-right: .8rem;

    width: 38%;

    border-right: 1px solid rgba(255, 255, 255, 0.2);

}



.foot-m ul li {

    font-size: 0.16rem;

    color: rgba(255, 255, 255, 0.5);

    margin-bottom: 0.2rem;

}

.foot-m ul li.li em{
    width: auto;
    margin-right: 10px;
}

.foot-m ul li em {

    font-size: 0.18rem;

    color: rgba(255, 255, 255, 0.8);

    width: 1rem;

    display: inline-block;

}



.foot-r {

    font-size: 0.16rem;

    width: 17%;

    justify-content: end;

    text-align: right;

}



.foot-r img {

    width: 1.64rem;

}



.foot-r p {

    margin-top: 0.15rem;

    color: rgba(255, 255, 255, 0.6);

}



.foot-copyright {

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-top: 1px solid rgba(255, 255, 255, 0.2);

    padding-top: 0.4rem;

    margin-top: 0.65rem;

    color: #aaa;

}





/*app-底部*/

.foot-app {

    width: 100%;

    display: none;

    background: #111;

    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: #db4a24;

}



.footer-tit a {

    font-size: 16px;

    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: 18px;

    height: 2px;

    margin-left: -8px;

}



.footer-tig::after {

    width: 2px;

    height: 18px;

    margin-top: -8px;

}



.footer-tit.on .footer-tig::after {

    opacity: 0;

}



.footer-tit.on .footer-tig::before {

    background: #db4a24;

}



.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: #db4a24;

}



.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 .tel {

    color: #777;

    font-size: 14px;

    margin-bottom: 10px;

}



.footer-bot .tel span {

    color: #777;

    display: inline-block;

    font-size: 18px;

    font-family: DINM;

    margin-left: 10px;

}



.ss3 {

    width: 90%;

    display: block;

    position: static;

    float: none;

    margin: 0 auto;

    height: 48px;

    border: 2px solid #333333;

    border-radius: 48px;

    padding: 0 25px;

    right: 22%;

    top: -25px;

}



.ss3 input {

    width: 90%;

    height: 100%;

    border: none;

    background: none;

    font-size: 14px;

    color: #999;

}



.ss3 button {

    float: right;

    width: 10%;

    height: 100%;

    border: none;

    background: none;

    background-image: url(../images/search_b.png);

    background-repeat: no-repeat;

    background-position: center;

}





@media (max-width: 991px) {

    .header-app, .foot-app {

        display: block;

    }



    .header, .foot {

        display: none;

    }

}







/* 20211103 zy */

.foot-r p{

    width: 1.64rem;

    float: right;

    text-align: center;

}

.mode3 .header .category-a{

    color: #666;

}

.mode3 .header .category-item.active .category-a,.mode3 .header .category-item:hover .category-a{

    color: #db4a24;

}



@media(max-width: 768px){

    .ind-con1-list .ind-con1-item:nth-child(2),

    .ind-con1-list .ind-con1-item:nth-child(3),

    .ind-con1-list .ind-con1-item:nth-child(6),

    .ind-con1-list .ind-con1-item:nth-child(7){

        height: 2.4rem;

    }

    .ind-con1-item:nth-child(2) .item-content,

    .ind-con1-item:nth-child(3) .item-content,

    .ind-con1-item:nth-child(6) .item-content,

    .ind-con1-item:nth-child(7) .item-content{

        top: 0.5rem;

    }



    .ind-con1-item:nth-child(2) .bg,

    .ind-con1-item:nth-child(3) .bg,

    .ind-con1-item:nth-child(6) .bg,

    .ind-con1-item:nth-child(7) .bg{

        height: 2.4rem;

        object-fit: contain;

    }



}





.ind-con2-box__view video{

    width: 100%;

}



/* 视频弹窗 */

.msg-box-bg {width: 100%;height: 100%;position: fixed;left: 0;top: 0;display: none;z-index: 1001;}

.msg-box {width: 70%;height: 70%;padding: 0px;background-color: #333;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);}

.video_pic {width: 100%;height: 100%;cursor: pointer;overflow: hidden;position: relative;}

/*.video_pic:after{content: '';width: 65px;height: 65px;background: url(../images/img64.png) no-repeat center;position:absolute;left: 50%;top: 52%;margin-top: -30.5px; transform: translate(-50%,-50%);transition: all 0.4s;background-size: contain;z-index: 1;}*/

.video_pic:hover:after{top: 48%;}