.clearfloat{*zoom:1;}
.clearfloat:before,.clearfloat:after{content:""; display:table; line-height:0;visibility:hidden;}
.clearfloat:after{ clear:both;}
.wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    background_radio: 1;
    display-radio: flex;
    margin-left: auto;
    margin-right: auto;
    max-width: 1360px;
    align-items: center;
    width: 94%;
    min-width: 1200px;
}

.header{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;

}
.header-top{ height: 80px; padding: 0 40px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; position: relative; z-index: 9; background-color: #fff;}
.header-top .logo{ float: left; height: 49px; margin-top: 12px;}
.header-top .logo img{ display: block; height: 100%;}
.header-top .menu{
    float: left;
    margin-left: 140px;
}
.header-active .header-top{ background-color: #fff;}
.header .e-box {display: flex;justify-content: space-between;
    display-radio: flex;
    z-index: 6;width: 100%;}
.h-right ,.flex-between{
    display: flex;
    justify-content: space-between;
}
#top .nav ul {}
#top .nav ul li {float: left; margin-left: 26px; position: relative;}
#top .nav ul li:first-child {margin-left: 0;}
#top .nav ul li a {display: block;}
#top .nav ul li h2 {height: 80px; line-height: 80px; font-size: 16px;  }
#top .nav ul li h2 a {height: 100%; padding: 0 25px; color: #37000d;}
#top .nav ul li.active h2 a,
#top .nav ul li:hover h2 a {color: #fff; background: #ff8c00;}
#top .navDown {display: none; width: 148px; position: absolute; background: #fff; text-align: center; left: 50%; top: 80px; margin-left: -74px; /*margin-top: 32px;*/z-index: 9999}
#top .navDown a {height: 50px; line-height: 50px; color: #4c4c4c; border-top: 1px solid #f9f9f9;}
#top .navDown a:first-child {border-top: none;}
#top .navDown a:hover {color: #fff; font-weight: 600; background: #ff8c00;}

.h-right .lang {margin-left: 20px;display: flex;}
.h-right .lang a {margin-top: 30px;}

.height-90 {width: 100%;height: 80px;}

#bottom {width: 100%; height: 160px; background: #221b14;}
#bottom p{color: #fff; line-height: 160px;text-align: center;width: 100%;}
#bottom p a  {color: #fff;}

.banner .swiper-container {width: 100%;}
.banner .swiper-wrapper {width: 100%;}
.banner .swiper-wrapper img {width: 100%;}
.banner .swiper-pagination-bullet {width: 32px;height: 4px;border-radius: 0; }
.banner .swiper-pagination-bullet-active {background:#ff8c00; }

.index-about {width: 100%; background: url("../images/aboutBg.jpg") no-repeat center; height: 1080px;}
.index-about-box {width: 100%;margin-top: 136px;}
.about-brand {padding-right: 46px;width: 630px;}
.index-center-title {width: 100%; height: 68px; margin-top: 42px; text-align: center;}
.about-brand-intro {padding-top: 10px;}
.about-brand-intro p {color: #fff;line-height:32px; font-size: 18px; text-align: justify;}
.about-num {width: 100%;display: table;margin-top: 40px;}
.about-num-1 {float: left; margin-right: 40px;}
.about-num-1 span {display: inline-block;font-size: 40px;color:#ff8c00; line-height: 32px;}
.about-num-1 p {font-size: 16px;color:#fff; line-height: 28px;}
.about-more {margin-top: 40px;}
.about-more a {border: 1px solid #fff;padding: 5px 10px; font-size: 16px; color: #fff;}
.brand-img {border-radius: 20px;overflow: hidden;width: 717px;}

.index-contact {width: 100%; background: url("../images/contactBg.jpg") no-repeat center; height: 1080px;}
.contact-box {width: 100%; height: 376px;border-radius: 10px; background-color: rgba(255,255,255,.7);margin-top: 66px;
    display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items:center;}
.contact-box .e {width: 332px; box-sizing: border-box; text-align: center;height: 160px;margin:0 40px;}
.contact-box .e p {font-size: 18px;line-height: 36px;color: #666;}
.product-list {margin-top: 72px;width: 100%;margin-bottom: 50px;}
.product-list ul {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;width: 94%;margin: 0 auto;}
.product-list ul li {width: 15%;margin: 0 0.5%;height: 580px; text-align: center; padding-top: 100px;border-radius: 10px;box-shadow:0 0 10px rgba(120,120,120,0.15);position: relative;cursor: pointer;
    transition: all 0.3s ease;overflow: visible;}
.product-two-list ul li{width: 23%;margin:0 0;margin-left: 1.6%;height: 616px;}
.product-list ul li.li-bg-1 {background-color: #f97b70; /* 浏览器不支持时显示 */background-image: linear-gradient(#ffffff 35%, #f97b70 65%);}
.product-list ul li.li-bg-2 {background-color: #feae01; /* 浏览器不支持时显示 */background-image: linear-gradient(#ffffff 35%, #feae01 65%);}
.product-list ul li.li-bg-3 {background-color: #bec960; /* 浏览器不支持时显示 */background-image: linear-gradient(#ffffff 35%, #bec960 65%);}
.product-list ul li.li-bg-4 {background-color: #f97b70; /* 浏览器不支持时显示 */background-image: linear-gradient(#ffffff 35%, #f97b70 65%);}
.product-list ul li.li-bg-5 {background-color: #bd637b; /* 浏览器不支持时显示 */background-image: linear-gradient(#ffffff 35%, #bd637b 65%);}
.product-list ul li.li-bg-6 {background-color: #fac34d; /* 浏览器不支持时显示 */background-image: linear-gradient(#ffffff 35%, #fac34d 65%);}
.product-list ul li.li-bg-21 {background-color: #feae01; /* 浏览器不支持时显示 */background-image: linear-gradient(#ffffff 35%, #feae01 65%);}
.product-list ul li.li-bg-22 {background-color: #f97b70; /* 浏览器不支持时显示 */background-image: linear-gradient(#ffffff 35%, #f97b70 65%);}
.product-list ul li.li-bg-23 {background-color: #c2385d; /* 浏览器不支持时显示 */background-image: linear-gradient(#ffffff 35%, #c2385d 65%);}
.product-list ul li .e-title {line-height: 48px; margin-top: 80px;color: #fff;font-size: 16px;}
.product-list ul li .e-more a {width: 120px;display: inline-block;background-color: #fff;padding: 5px 0;border-radius: 20px;color: #444;}
.product-list ul li .e-hover-box  { position: absolute;opacity: 0;visibility: hidden;  width: 100%;border-radius: 10px;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); height: 740px;z-index: 66;transform: translateX(-50%) scale(0.95); width: 328px; top:-30px; left: 50%;box-shadow: 0 10px 20px rgba(0,0,0,0.2);}
.product-list ul li:hover .e-hover-box {opacity: 1;visibility: visible;transform: translateX(-50%) scale(1);}
.product-two-list ul li .e-hover-box {height: 776px;}
.product-list ul li:hover .li-hover-bg-1 {background: url("../images/product_hover_1.jpg") no-repeat; background-size: cover;}
.product-list ul li:hover .li-hover-bg-2 {background: url("../images/product_hover_2.jpg") no-repeat; background-size: cover;}
.product-list ul li:hover .li-hover-bg-3 {background: url("../images/product_hover_5.jpg") no-repeat; background-size: cover;}
.product-list ul li:hover .li-hover-bg-4 {background: url("../images/product_hover_4.jpg") no-repeat; background-size: cover;}
.product-list ul li:hover .li-hover-bg-5 {background: url("../images/product_hover_3.jpg") no-repeat; background-size: cover;}
.product-list ul li:hover .li-hover-bg-6 {background: url("../images/product_hover_6.jpg") no-repeat; background-size: cover;}
.product-list ul li:hover .li-hover-bg-21 {background: url("../images/product_2hover_1.png") no-repeat; background-size: cover;}
.product-list ul li:hover .li-hover-bg-22 {background: url("../images/product_2hover_2.png") no-repeat; background-size: cover;}
.product-list ul li:hover .li-hover-bg-23 {background: url("../images/product_2hover_3.png") no-repeat; background-size: cover;}
.product-list ul li:hover .li-hover-bg-24 {background: url("../images/product_2hover_4.png") no-repeat; background-size: cover;}
.product-list ul li .e-hover-detail {width: 90%;padding: 15px 5%;padding-top: 0px;height: auto; margin-top: 50%;}
.product-two-list ul li .e-hover-detail {height: auto; margin-top: 50%;padding-top: 0;}
.e-hover-title1 {font-size: 20px;color: #fff;font-weight: bold;}
.product-list ul li .e-hover-detail .e-hover-img {min-width: 175px;margin-right: 10px;}
.product-list ul li .e-hover-detail .e-hover-img img{width: 100%;}
.product-list ul li .e-hover-detail .e-hover-content{text-align: left;color: #fff;min-width: 180px;margin-top: 40px;}
.product-list ul li .e-hover-detail .e-hover-content p{line-height: 26px;text-align: justify;}
.product-list ul li .e-hover-detail .e-hover-content p b{color:#fff; }
.product-list ul li .e-hover-box .e-hover-title{font-weight: bold; color: #fff;font-size: 20px;}

.process-intro {width: 100%;padding:20px 0 30px;}
.process-intro p {font-size: 18px; line-height: 34px; color: #666;}
.process .process-img{width: 100%;padding-bottom: 76px;}
.process .process-img img{width: 100%;}


.bannerImg {
    width: 100%;
    position: relative;
    font-size: 0px;
}
.bannerImg img {width: 100%;}

.certificates-list {width: 100%; padding: 50px 0 200px;}
.certificates-list .e-img {width: 32%;}
.certificates-list .e-img img{width: 100%;}

.second-about {width: 100%; background: url("../images/about_bg_01.jpg") no-repeat center; height: 1080px;}
.second-about-box {width: 100%;align-items:center;height: 1080px;}
.second-about-brand-title {font-size: 38px;color: #ff8c00;line-height: 80px}
.second-about-brand {width: 560px;margin-right: 48px;}
.second-about-brand-intro p {color: #666;font-size: 18px; line-height: 36px;text-align:justify;}
.second-brand-img img {width: 100%;}

.second-about-story{width: 100%; background: #fff;}
.second-about-story-content {margin-top: 80px; }
.second-about-info { width: 560px;margin-right: 48px;}
.second-about-i  {margin-top: 20px;margin-left: 20px;}
.second-about-i .title {font-size: 26px; font-weight: bold;color: #ff8c00;line-height: 32px;padding-bottom: 20px;}
.second-about-i p {font-size: 14px; color: #666;line-height: 24px;text-align:justify;}

.introduction-content-1 {width: 100%; padding: 80px 0 60px;}
.introduction-left {width: 560px; margin-right: 48px;}
.introduction-left-title {font-size: 32px;font-weight: bold;line-height: 60px; color: #ff8c00;}
.introduction-left-detail {font-size: 14px;line-height: 28px;color: #666;padding-top: 20px;}
.introduction-left-detail p{text-align: justify;}
.introduction-content-2 {width: 100%;flex-direction: row;flex-wrap: wrap;padding-bottom: 160px;}
.introduction-content-2 .e .e-num {font-size: 24px;color: #ff8c00;font-weight: bold;}
.introduction-content-2 .e .e-num span{font-size: 34px;}
.introduction-content-2 .e .e-info{font-size: 16px;color: #666;}

.second-about-advantages{width: 100%; background: url("../images/about_12.jpg") no-repeat center; height: 1080px;}
.advantages-box {width: 100%;flex-direction: row;flex-wrap: wrap;padding-top: 48px;}
.advantages-box .e {width: 32%;background: #fff;}
.advantages-box .e .e-img img{width: 100%;}
.advantages-box .e .e-info {padding:15px;}
.advantages-box .e .e-info .e-title{font-size: 20px; color: #ff8c00;font-weight: bold; width: 100%;text-align: center;padding: 10px 0;}
.advantages-box .e .e-info .e-intro{padding-top: 10px;text-align: center}
.advantages-box .e .e-info .e-intro img {max-width: 100%;}
.advantages-box .e .e-info .e-intro p{font-size: 14px; color: #666;text-align: justify; padding-bottom: 15px;}

.en-pc-title {font-size: 48px;font-family: Arial;padding:30px 0;}

.process-flow {width: 100%;margin-top: 50px;margin-bottom: 50px;}
.process-list {width: 100%;}
.process-list .flow-e{width: 320px;margin-left: 16px;background-color: #fff;border-radius: 10px;height: 600px;box-shadow: 0 0 10px rgba(120, 120, 120, 0.15);overflow: hidden;}
.process-list .flow-e .title {width: 100%;height: 68px;  line-height: 68px; text-align: center; background: #ff8c00;}
.process-list .flow-e .title .title-info { color: #fff;font-size: 20px;font-weight: bold;}
.process-list .flow-e .title .title-info img { margin-left: 8px; vertical-align: middle;margin-top: -8px;}
.process-list .flow-e .next-to { margin:20px 20px 0 30px;}
.process-list .flow-e .next-to .next-l { width: 168px;}
.process-list .flow-e .next-to .next-l-1 { width: 88px;height: 32px; background:#ff8c00;border-radius: 16px; color: #fff;font-size: 20px; text-align: center;line-height: 32px;}
.process-list .flow-e .next-to .next-l-3 {  color: #444;font-size: 16px;margin-top: 5px;}
.process-list .flow-e .next-to .next-right {position: relative;width: 110px;}
.height-110 {height: 110px;}
.p-01 {position:absolute;
    width:56px;
    -webkit-animation-name: an1a;
    animation-name: an1a;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: 20% 50%;
    transform-origin: 20% 50%;}
.p-02{
    position:absolute;
    width:58px;
    -webkit-animation-name: an1b;
    animation-name: an1b;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: 20% 50%;
    transform-origin: 20% 50%;
}
.p-03{
    position:absolute;
    width:47px;
    -webkit-animation-name: an1c;
    animation-name: an1c;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: 20% 50%;
    transform-origin: 20% 50%;
}
@keyframes an1a {
    0% {transform: rotate(0deg);top:-50px;left:-50px;}
    50% {transform: rotate(90deg);top:-15px;left:45px;}
    100% {transform: rotate(90deg);top:-15px;left:45px;}
}
@-webkit-keyframes an1a {
    0% {transform: rotate(0deg);top:-50px;left:-50px;}
    50% {transform: rotate(90deg);top:-15px;left:45px;}
    100% {transform: rotate(90deg);top:-15px;left:45px;}
}
@keyframes an1b {
    0% {transform: rotate(90deg);top:-10px;left:-40px;}
    50% {transform: rotate(0deg);top:50px;left:0px;}
    100% {transform: rotate(0deg);top:50px;left:0px;}
}
@-webkit-keyframes an1b {
    0% {transform: rotate(90deg);top:-10px;left:-40px;}
    50% {transform: rotate(0deg);top:50px;left:0px;}
    100% {transform: rotate(0deg);top:50px;left:0px;}
}
@keyframes an1c {
    0% {transform: rotate(90deg);top:0;right:-50px;}
    50% {transform: rotate(0deg);top:50px;right:0px;}
    100% {transform: rotate(0deg);top:50px;right:0px;}
}
@-webkit-keyframes an1c {
    0% {transform: rotate(90deg);top:0;right:-50px;}
    50% {transform: rotate(0deg);top:50px;right:0px;}
    100% {transform: rotate(0deg);top:50px;right:0px;}
}
.next-to-0 {width: 100%;margin-top: 80px; text-align: center;}
.next-to-0 img{vertical-align: center;}
.next-l-2 {color: #fff;font-size: 24px; line-height: 45px; text-indent: 10px;background: url("../images/step_bg_1.png") no-repeat;}
.p-04{
    position:absolute;
    width:36px;
    -webkit-animation-name: an3b;
    animation-name: an3b;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 20px;
    right: 0px;
}
.p-05{
    position:absolute;
    width:46px;
    -webkit-animation-name: an3a;
    animation-name: an3a;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0px;
    left: 20px;
}
.p-06{
    position:absolute;
    width:12px;
    -webkit-animation-name: an3c;
    animation-name: an3c;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    left: 52px;

}
.p-07{
    position:absolute;
    width:14px;
    -webkit-animation-name: an3c;
    animation-name: an3c;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    left: 70px;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    top:50%;
}
@keyframes an3a {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
@-webkit-keyframes an3a {
    0% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}
}
@keyframes an3b {
    0% {transform: rotate(360deg);}
    100% {transform: rotate(0deg);}
}
@-webkit-keyframes an3b {
    0% {-webkit-transform: rotate(360deg);}
    100% {-webkit-transform: rotate(0deg);}
}
@keyframes an3c {
    0% {top:50%;opacity: 1}
    100% {top:80%; opacity: 0}
}
@-webkit-keyframes an3c {
    0% {top:50%;opacity: 1}
    100% {top:80%; opacity: 0}
}

.location {width: 1200px; margin:0 auto;}
.location-box {width: 100%;margin-bottom: 76px; position: relative;height: 600px;margin-top: 50px;}
.location-img img{width: 100%;height: 600px;}
.location-01-1 {position: absolute;left:168px;top:218px;}
.location-01-2 {position: absolute;left:185px;top:222px;}
.location-01-3 {position: absolute;left:230px;top:200px;}
.location-02-1 {position: absolute;left:168px;top:252px;}
.location-02-2 {position: absolute;left:185px;top:256px;}
.location-02-3 {position: absolute;left:230px;top:245px;}
.location-03-1 {position: absolute;left:154px;top:267px;}
.location-03-2 {position: absolute;left:150px;top:286px;}
.location-03-3 {position: absolute;left:140px;top:308px;}

.location-04 {position: absolute;left:130px;top:452px;}
.location-04-box {position: relative;}
.location-04-1 {line-height: 40px;}
.location-04-2 {margin-left: -30px;}
.location-04-2 img {margin-right: 5px;}
.location-05 {position: absolute;left:378px;top:300px;}
.location-06 {position: absolute;left:474px;top:315px;}
.location-07 {position: absolute;left:498px;top:450px;}
.location-08 {position: absolute;left:634px;top:518px;}
.location-09 {position: absolute;left:934px;top:234px;}
.location-10 {position: absolute;left:1047px;top:492px;}
.location-11 {position: absolute;left:364px;top:265px;}
.location-12 {position: absolute;left:457px;top:252px;}
.title-style {font-size: 14px; color: #666;}
.title-color {color:#ff8c00;font-weight: 400; }
.tooltip {cursor: pointer;}

/* 提示内容样式（默认隐藏） */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 640px;
    min-height: 200px;
    background-color: #ff8c00;
    color: #666;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    /* 定位 */
    position: absolute;
    z-index: 1;
    bottom: 98px;
    left: 12px;
    transform: translateX(-50%);

    /* 过渡动画 */
    opacity: 0;
    transition: opacity 0.3s;
}

/* 提示箭头 */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: #ff8c00 transparent transparent transparent;
}

/* 鼠标悬停时显示 */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.tooltip-box {background-color: #ffeede;border-radius: 5px; overflow: hidden; }
.tooltip-content {width: 465px;padding: 2px;}
.tooltip-content .tooltip-title{color:#444;font-size: 14px; margin-top: 5px;}
.tooltip-content p{font-size: 12px;line-height: 18px; text-align:justify;  }
.tooltip-img {width: 164px;}
.tooltip-img img {width: 100%;}
.tooltip .location-05-tool{left: 40px;}