/*--- css reset ---*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0}
body, button, input, select, textarea { font: 12px/1.5 'Microsoft Yahei',tahoma, arial, \5b8b\4f53, sans-serif;color:#6c6c6c}
h1, h2, h3, h4, h5, h6 { font-size: 100%}
em{ font-style: normal}
ul, ol, li { list-style: none}
a { text-decoration: none}
a:hover { text-decoration: none}
fieldset, img { border: 0}
button, input, select, textarea { font-size: 100%}
table { border-collapse: collapse; border-spacing: 0}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{*zoom:1}
.htxt{height:0;display:block;overflow:hidden;}
.dn{display: none;}
/* footer */
#foot { position:relative; line-height:22px; color:#fff !important; background-color: #232222; -webkit-text-size-adjust:none; padding-bottom:30px }
#foot .ft-wrap { margin: 0px auto; position:relative; padding:15px 0px 0px 270px; width:730px; background-position: -37px -88px; background-repeat: no-repeat }
#foot span { display:inline-block; margin:0 7px 0; *margin-bottom:7px;margin-bottom:0\0; width:1px; height:6px; overflow:hidden; background:#88878D }
#foot p.r { _display:inline; float:right; margin:-38px 7px 0 0 }
#foot a { color:#fff !important; text-decoration:none }
#foot a:hover { color:#fff !important; text-decoration:underline }
#foot .e { font-size:10px; line-height:19px }
#foot p { text-align: left }
p.license { margin-top: 4px; padding-left:0px; height:21px; background-position: 0px 0px; background-repeat: no-repeat;background-image:none !important}
a.tg { position:absolute; display:block; top:29px; left:0; width:130px; height:40px; text-indent:-999px; overflow:hidden }
/* common */
body{min-width:1200px;}
.container a{color:#6c6c6c }
.m-sp{background-image:url(mod-sp.png);background-repeat: no-repeat;}
.fl{float: left }
.fr{float: right }
.por{position: relative;}
.header{width: 100%;position: relative;}
.container{width: 1200px; margin: 0px auto;}
.header{height:472px;}
.wrap{background-repeat: no-repeat;background-position: center top;}


/* 首页t头部CSs */
.navigation-container {width: 100%; height: 100px;}
.navigation-container  .container {    position: fixed; left: 0; top: 0; z-index: 150; box-shadow: 0 2px 8px 0 rgb(0 0 0 / 12%);background-color: #fff;width: 100%;height: 100px;}
.navigation-container  .container .navigation { width: 1200px; display: flex; justify-content: space-between; margin: 0 auto; height: 100px;}
.navigation .logo {display: flex;align-items: center;width: 183px;height: 100%;}
.navigation .logo .logoclick {width: 183px;height: 43px;}
.navigation .logo .logo_img{width: 183px;height: 43px;}
.navigation-container  .container .menus {display: flex;align-items: center;justify-content: flex-start;}
.menus .menus-container { height: 30px;width: 80rpx;display: flex;position: relative;}
.menus-container .nuxt-link .menusbr {position: absolute;top: 45px;left: 0;right: 0;height: 3px;opacity: 1;background: rgba(248, 199, 33, 1);width: 80px;}
.navigation-container .menus .nuxt-link {position: relative;;font-size: 20px; font-weight: 400; letter-spacing: 0px; color: rgba(0, 0, 0, 1); text-align: left; vertical-align: top;}
.navigation-container .menus .nuxt-link:hover {color: #606266;}
.navigation-container .menus .meuns-hr {margin: 0 48px ;height: 20px;width: 1px;background-color: rgba(221, 221, 221, 1);margin-top: 7px;}
.navigation .actions {display: flex;}
.navigation .actions .search-container {margin-right: 40px;display: flex;align-items: center;}
.actions .search-container .input-container {display: flex;  font-size: 14px;position: relative;}
.input-container .el-input { position: relative; font-size: 14px; display: inline-block; width: 100%;}
.el-input  .el-input__inner:input-placeholder {
    font-size: 12px;
}
.el-input  .el-input__inner { -webkit-appearance: none; background-color: #fff;background-image: none;border-radius: 0;border: 1px solid #dcdfe6;box-sizing: border-box;color: #606266;display: inline-block;font-size: 10px;height: 30px;line-height: 30px;outline: none;padding: 0 15px;padding-left: 30px;transition: border-color .2s cubic-bezier(.645,.045,.355,1);width: 100%;}
.actions .input-container .el-button{border-radius: 0;padding: 6px 10px;font-size: 12px;font-weight: 400;background: #fdcd00;border-color: #fdcd00;color: #333;display: inline-block;line-height: 1;white-space: nowrap;cursor: pointer;border: 1px solid #dcdfe6;-webkit-appearance: none;text-align: center;box-sizing: border-box;outline: none;margin: 0;transition: .1s;text-transform: none;border-left: 0;}
.actions .input-container .search-icon {width: 22px;height: 22px;position: absolute;left: 6px;top: 3px;}

/* 尾部CSS */
.footer-container {width: 100%; height: 450px;background-color: rgba(35, 35, 35, 1);}
.footer-container  .container {position: relative; font-size: 18px;width: 1200px;margin: 0 auto;border-top: 1px solid #999;padding-top: 50px;display: flex;justify-content: space-between;align-items: center;flex-direction: column;}
.footer-container  .container .footer-main-content { height: 300px;width: 1200px;display: flex;align-items: center;justify-content: space-between;}
.footer-main-conten .company-info {color: rgba(255, 255, 255, 1);font-size: 18px;line-height: 22px;}
.company-info .title{    color: rgba(255, 255, 255, 1);    font-size: 32px;    font-weight: 500;    padding-bottom: 29px;    line-height: 27px;}
.footer-container .company-info i{width: 40px;height: 4px;background-color: #fdcd00;display: block;margin-bottom: 16px;}
.footer-container .company-info p.en {    font-size: 24px;    line-height: 30px;    padding-bottom: 40px;}
.footer-container .company-info p {padding-bottom: 18px; color: #fff;}
.qrcode {margin-right: 66px;}
.qrcode .qrcode-contianer {display: flex;align-items: center;}
.qrcode-contianer .hd-items-center {display: flex;flex-direction: column;text-align: center;margin: 0 15px 0 29px;}
.hd-items-center .qrcode-image {height: 170px;width: 170px;}
.hd-items-center .qrcode-image img {height: 170px;width: 170px;}
.hd-items-center .qrcode-tetx {margin-top: 20px ; text-align: center;font-size: 16px;color: rgba(255, 255, 255, 1);}
.footer-container .icp-contoinaer {}
.icp-contoinaer .publicicp {display: flex;align-items: center;justify-content: center;}
.icp-contoinaer .publicicp .icpimage {height: 20px ; width: 20px;}
.publicicp .publicicp-tetx {margin-left: 10px;font-size: 14px;color: #fff;}
.publicicp .publicicp-tetx:hover {color: #606266;}
.icp-contoinaer .ICPversion { text-align: center; color: #fff;font-size: 14px; margin-top: 16px;}
#top_form {display: flex;}
/* 页面内容 */
.page-container {margin-top: 100rpx;}


.indexpart-show {
    visibility: visible!important;
    animation: bottomin-1 .6s ease;
    -webkit-animation: bottomin-1 .6s ease;
}

/*!! 通用元素样式 end*/
/*!! 动画 start*/
@keyframes scalein-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

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

@-webkit-keyframes scalein-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

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

@keyframes scalein-2 {
    0% {
        opacity: .5;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

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

@-webkit-keyframes scalein-2 {
    0% {
        opacity: .5;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

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

@keyframes bottomIn {
    0% {
        -webkit-transform: translateY(3%);
        transform: translateY(3%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes bottomIn {
    0% {
        -webkit-transform: translateY(3%);
        transform: translateY(3%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes bottomin-1 {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: .2
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes bottomin-1 {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: .2
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes scalein {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0
    }

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

@-webkit-keyframes scalein {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0
    }

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

@keyframes opacityin {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes opacityin {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes arrowanim1 {
    0%,100%,54% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    18%,36% {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px)
    }

    27% {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px)
    }
}

@-webkit-keyframes arrowanim1 {
    0%,100%,54% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    18%,36% {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px)
    }

    27% {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px)
    }
}

@keyframes scale1 {
    0%,10%,100%,50%,70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    30% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    40% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    60% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
}

@-webkit-keyframes scale1 {
    0%,10%,100%,50%,70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    30% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    40% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    60% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
}

@keyframes wjsqmove {
    0% {
        border-radius: 0;
        filter: brightness(1);
        -webkit-filter: brightness(1);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100%,30% {
        border-radius: 50%;
        filter: brightness(1.3);
        -webkit-filter: brightness(1.3);
        -webkit-transform: scale(1) translateX(-40px);
        transform: scale(1) translateX(-40px)
    }
}

@-webkit-keyframes wjsqmove {
    0% {
        border-radius: 0;
        filter: brightness(1);
        -webkit-filter: brightness(1);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100%,30% {
        border-radius: 50%;
        filter: brightness(1.3);
        -webkit-filter: brightness(1.3);
        -webkit-transform: scale(1) translateX(-40px);
        transform: scale(1) translateX(-40px)
    }
}

@keyframes circlehovershow {
    0%,25% {
        opacity: 0;
        filter: brightness(2);
        -webkit-filter: brightness(2);
        -webkit-transform: scale(.1);
        transform: scale(.1)
    }

    50% {
        opacity: 1;
        filter: brightness(2);
        -webkit-filter: brightness(2);
        -webkit-transform: scale(.1);
        transform: scale(.1)
    }

    55% {
        opacity: 1;
        filter: brightness(1);
        -webkit-filter: brightness(1);
        -webkit-transform: scale(.15833);
        transform: scale(.15833)
    }

    80% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

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

@-webkit-keyframes circlehovershow {
    0%,25% {
        opacity: 0;
        filter: brightness(2);
        -webkit-filter: brightness(2);
        -webkit-transform: scale(.1);
        transform: scale(.1)
    }

    50% {
        opacity: 1;
        filter: brightness(2);
        -webkit-filter: brightness(2);
        -webkit-transform: scale(.1);
        transform: scale(.1)
    }

    55% {
        opacity: 1;
        filter: brightness(1);
        -webkit-filter: brightness(1);
        -webkit-transform: scale(.15833);
        transform: scale(.15833)
    }

    80% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

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

@keyframes animrotate {
    0% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }

    100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
    }
}

@-webkit-keyframes animrotate {
    0% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }

    100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
    }
}

@keyframes jump {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    10% {
        -webkit-transform: translateY(5px) scaleX(1.2) scaleY(.8);
        transform: translateY(5px) scaleX(1.2) scaleY(.8)
    }

    30% {
        -webkit-transform: translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg);
        transform: translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg)
    }

    50% {
        -webkit-transform: translateY(0) scale(1) rotateZ(0);
        transform: translateY(0) scale(1) rotateZ(0)
    }

    55% {
        -webkit-transform: translateY(0) scaleX(1.1) scaleY(.9) rotateZ(0);
        transform: translateY(0) scaleX(1.1) scaleY(.9) rotateZ(0)
    }

    70% {
        -webkit-transform: translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg);
        transform: translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg)
    }

    80% {
        -webkit-transform: translateY(0) scaleX(1) scaleY(1) rotateZ(0);
        transform: translateY(0) scaleX(1) scaleY(1) rotateZ(0)
    }

    85% {
        -webkit-transform: translateY(0) scaleX(1.05) scaleY(.95) rotateZ(0);
        transform: translateY(0) scaleX(1.05) scaleY(.95) rotateZ(0)
    }

    100% {
        -webkit-transform: translateY(0) scaleX(1) scaleY(1);
        transform: translateY(0) scaleX(1) scaleY(1)
    }
}

@-webkit-keyframes jump {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    10% {
        -webkit-transform: translateY(5px) scaleX(1.2) scaleY(.8);
        transform: translateY(5px) scaleX(1.2) scaleY(.8)
    }

    30% {
        -webkit-transform: translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg);
        transform: translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg)
    }

    50% {
        -webkit-transform: translateY(0) scale(1) rotateZ(0);
        transform: translateY(0) scale(1) rotateZ(0)
    }

    55% {
        -webkit-transform: translateY(0) scaleX(1.1) scaleY(.9) rotateZ(0);
        transform: translateY(0) scaleX(1.1) scaleY(.9) rotateZ(0)
    }

    70% {
        -webkit-transform: translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg);
        transform: translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg)
    }

    80% {
        -webkit-transform: translateY(0) scaleX(1) scaleY(1) rotateZ(0);
        transform: translateY(0) scaleX(1) scaleY(1) rotateZ(0)
    }

    85% {
        -webkit-transform: translateY(0) scaleX(1.05) scaleY(.95) rotateZ(0);
        transform: translateY(0) scaleX(1.05) scaleY(.95) rotateZ(0)
    }

    100% {
        -webkit-transform: translateY(0) scaleX(1) scaleY(1);
        transform: translateY(0) scaleX(1) scaleY(1)
    }
}