.details { width:1250px; padding:0; margin:0 auto;}

/*************************/
.bannerBox {background: #fff url(../img/homepage/banner-bg.jpg) no-repeat center top;color: #333333;}
.bannerBox .details {position: relative;padding: 30px 0 190px;}
.m01-flag-wrap{position:absolute; top:20px; right:0;}
.m01-flag-btn{border:1px solid; background-color:initial; border-radius:5px; padding:5px 10px; font-size:15px; color:#888; cursor:pointer;}
.m01-flag-btn img{margin-right:5px;}
.m01-flag-country{border:1px dashed #979798;border-radius: 5px;position:absolute;top:0;left: 0;right:0;background: #979798;display: none;z-index: 21;}
.m01-flag-country ul li{list-style: none;line-height: 30px;}
.m01-flag-country ul li a{color: #fff;text-decoration: none;transition: all .3s;display: block; padding: 0 15px;border-radius: 5px;}
.m01-flag-country ul li a:hover{background: #fff;color:#979798;}
.title-content {width: 530px;margin-bottom: 10px;padding-left: 56px;}
.title-content h1 {font-size: 70px;line-height: 72px;font-weight: 600;color: #202020;}
.title-content h3 {font-size: 30px;padding: 20px 0 9px;line-height: 31px;}
.title-content p {font-size: 15px;line-height: 18px;color: #808080;}
.banner-bg-icon {position: absolute;width: 83px;height: 83px;background-color: rgba(255,255,255,0.4);border-radius: 50%;cursor: pointer;transition: all 0.2s;z-index: 20;}
.banner-bg-icon1 {top: 187px;right: 480px;}
.banner-bg-icon2 {top: 86px;right: 300px;}
.banner-bg-icon3 {top: 140px;right: 94px;}
.banner-bg-icon4 {top: 300px;right: 50px;}
.banner-bg-icon img {margin: 14.5px 0 0 14.5px;}
.banner-bg-icon:hover {margin-top: -5px;}
.card-lists {min-height: 350px;position: relative;text-align: center;}
.card-lists li {height: 350px;width: 304px;padding: 10px 0 20px;background-color: rgba(255,255,255,0.95);box-shadow: 6px 9px 15px 0 rgba(208,217,216,0.4);border-radius: 20px;position: absolute;transition: all 0.3s ease-out;}
.card-lists li.current-card {padding: 20px 0 30px;margin-top: -10px;}
.card-lists .card-lists-one {width: 326px;left: 40px;top: 50px;transform: rotate(-14deg);z-index: 5;box-shadow: 0 0 24px 0 rgba(208,217,216,0.9);}
.card-lists .card-lists-one:hover {transform: rotate(-14deg) scale(1.05);z-index: 10;box-shadow: 0 0 24px 0 rgba(208,217,216,0.9);}
.card-lists .card-lists-two {left: 345px;top: 0;transform: rotate(-6deg);z-index: 4;position: relative;}
.card-lists .card-lists-two::before {content: '';position: absolute;background: url(../img/homepage/new.svg)no-repeat center;width: 82px;height: 63px;display: block;right: 0;top: 0;transform: rotate(5deg) translate(3px, 0px);}
.card-lists .card-lists-two:hover {transform: rotate(-6deg) scale(1.05);z-index: 10;box-shadow: 0 0 24px 0 rgba(208,217,216,0.9);}
.card-lists .card-lists-three {left: 620px;top: 0px;transform: rotate(6deg);z-index: 3;}
.card-lists .card-lists-three:hover {transform: rotate(6deg) scale(1.05);z-index: 10;box-shadow: 0 0 24px 0 rgba(208,217,216,0.9);}
.card-lists .card-lists-four {left: 900px;top: 50px;transform: rotate(14deg);z-index: 2;}
.card-lists .card-lists-four:hover {transform: rotate(14deg) scale(1.05);z-index: 10;box-shadow: 0 0 24px 0 rgba(208,217,216,0.9);}
.card-lists .product-link {color: inherit;text-decoration: none;}
.card-lists .product-link:hover h3 {text-decoration: underline;}
.card-lists-one .card-content {transform: rotate(14deg);}
.card-lists-two .card-content {transform: rotate(6deg);}
.card-lists-three .card-content {transform: rotate(-6deg);}
.card-lists-four .card-content {transform: rotate(-14deg);}
.card-content .card-img-container {height: 140px;display: flex;justify-content: center;align-items: center;}
.card-content h3 {font-size: 17px;line-height: 21px;font-weight: 600;}
.card-content p {font-size: 15px;line-height: 22px;color: #808080;padding: 10px 0 35px;}
.card-content .get-it-now {display: block;width: 161px;height: 44px;border: 1px solid #169ee8;line-height: 42px;text-align: left;padding: 0 4px 0 15px;border-radius: 22px;font-size: 17px;color: #169ee8;position: relative;margin: 0 auto;transition: all 0.4s;}
.card-content .get-it-now span {display: block;width: 36px;height: 36px;border-radius: 50%;position: absolute;top: 4px;right: 4px;background-color: #169ee8;}
.card-content .get-it-now span img {position: absolute;top: 50%;left: 50%;margin: -8px 0 0 -10px;}
.card-content .get-it-now span img:last-child {visibility: hidden;}
.card-lists li:hover .card-content .get-it-now {border-color: #169ee8;color: #169ee8;}
.card-lists li:hover .card-content .get-it-now span {background-color: #169ee8;}
.card-lists li .card-content .get-it-now:hover {background-color: #169ee8;color: #fff;text-decoration: none;}
.card-lists li .card-content .get-it-now:hover span {background-color: #fff;}
.card-lists li .card-content .get-it-now:hover span img:first-child {visibility: hidden;}
.card-lists li .card-content .get-it-now:hover span img:last-child {visibility: visible;}
/*************************/
.DivMain01 {background-color: #fff;}
.DivMain01 .details {padding: 30px 0 80px 0;}
.number-datas {display: flex;justify-content: center;align-items: center;color: #333333;}
.left-number-datas {margin-right: 44px;position: relative;}
.left-number-datas::after {content: "";width: 2px;height: 80px;background-color: #ffab34;transform: skew(-45deg);position: absolute;top: 14px;right: -36px;}
.left-number-datas b {display: block;font-size:47px;line-height: 64px;padding-left: 20px;}
.left-number-datas span {display: block;font-size: 30px;line-height: 34px;text-align: right;padding-right: 44px;}
.right-number-datas b {display: block;font-size:47px;line-height: 64px;padding-left: 50px;}
.right-number-datas span {display: block;font-size: 30px;line-height: 34px;}
.DivMain01 h3 { text-align: center; color: #808080; font-size: 15px; padding: 10px 0; line-height: 22px; }
.DivMain01 a { color: #fff;  text-decoration: underline; }
.DivMain01 .kfc { position: relative; width: 1250px; min-height: 510px;  }
.DivMain01 .Round { border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; cursor: pointer; position:absolute; text-align:center; }
.DivMain01 .Round > div{position:absolute; top:50%; left:0; width:100%;}
.DivMain01 .Round .Show{transform:translateY(calc(-50% + 0.5px));}
.DivMain01 .Funct03 .Show, .DivMain01 .Funct04 .Show, .DivMain01 .Funct08 .Show, .DivMain01 .Funct09 .Show{transform:translateY(-50%);}
.DivMain01 .Round .Hide{display:none; color:#fff; transform:translateY(-50%);}
.DivMain01 .Show h3 { font-size: 21px; color: #fff; padding: 20px 0 0;}
.DivMain01 .Hide h2 { font-size: 25px; }
.DivMain01 .Hide p { font-size: 15px; line-height: 22px; padding: 15px 30px 0; }
.DivMain01 .Hide > a{text-decoration:none; outline:none;}
.DivMain01 .Hide > a h2{text-decoration:underline;}

.DivMain01 .Funct01 { width: 280px; height: 280px;  top: 15px; left: 485px;background-color: #edfbff;}
.DivMain01 .Funct01 .Show {margin-top: -4px;}
.DivMain01 .Funct01 .Show h3 {color: #1e77c9;}
.DivMain01 .Funct01 .Hide h2{color: #3185d3;}
.DivMain01 .Funct01 .Hide p{padding-bottom:10px;color: #6f7780;}

.DivMain01 .Funct02 { width: 235px; height: 235px; top: 310px; left: 520px;background-color: #f3fffb;}
.DivMain01 .Funct02 .Show {margin-top: -4px;}
.DivMain01 .Funct02 .Show h3 {color: #05bbb8;line-height: 26px;padding-top: 15px;}
.DivMain01 .Funct02 .Hide h2{color: #15aa85;}
.DivMain01 .Funct02 .Hide p{color: #666d80;}

.DivMain01 .Funct03 { width: 200px; height: 200px; top: 220px; left: 750px;background-color: #fff;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
	transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	}
.DivMain01 .Funct03:hover {transform: scale(1.3);}
.DivMain01 .Funct03 .Show h3 {color: #ff7759;padding-top: 17px;}
.DivMain01 .Funct03 .Hide { transform:translateY(-50%) scale(0.75);}
.DivMain01 .Funct03 .Hide h2 {font-size: 21px;color: #333; }
.DivMain01 .Funct03 .Hide p { padding: 15px 0 0;color: #808080;line-height: 22px;}
/*************************/
.DivMain01 .Funct04 { width: 190px; height: 190px; top: 310px; left: 310px; /* online */
	background-color: #fff;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
    transition: all 0.2s; -o-transition: all 0.2s;
    -moz-transition: all 0.2s;  -webkit-transition: all 0.2s; }
.DivMain01 .Funct04:hover { transform: scale(1.3);}
.DivMain01 .Funct04 .Show h3 {color: #817fe9;padding-top: 10px;}
.DivMain01 .Funct04 .Hide { transform:translateY(-50%) scale(0.75);}
.DivMain01 .Funct04 .Hide h2 { color: #333;}
.DivMain01 .Funct04 .Hide p { padding: 10px 0 0;color: #808080; }
/*************************/
.DivMain01 .Funct05 { width: 225px; height: 225px; top: 82px; left: 220px; /* online */
	background-color: #f0f4ff;
    transition: all 0.2s; -o-transition: all 0.2s;
    -moz-transition: all 0.2s;  -webkit-transition: all 0.2s; }
.DivMain01 .Funct05 .Show h3 {color: #1f39bf;padding-top: 17px;}
.DivMain01 .Funct05 .Hide h2 {color: #5465c1;font-size: 21px;}
.DivMain01 .Funct05 .Hide p {color: #6e807f;padding-top: 9px;}
/*************************/
.DivMain01 .Funct06 { width: 200px; height: 200px; top: 87px; left: 950px; /* online */
	background-color: #fff;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
    transition: all 0.2s; -o-transition: all 0.2s;
    -moz-transition: all 0.2s;  -webkit-transition: all 0.2s; }
.DivMain01 .Funct06:hover { transform: scale(1.2);}
.DivMain01 .Funct06 .Show h3 {color: #1795a3;padding-top: 17px;}
.DivMain01 .Funct06 .Hide { transform:translateY(-50%) scale(0.75);}
.DivMain01 .Funct06 .Hide h2 {font-size: 21px;color: #333; }
.DivMain01 .Funct06 .Hide p { padding: 12px 0 0;color: #808080;}
/*************************/
.DivMain01 .Funct07 { width: 200px; height: 200px; top: 307px; left: 950px; /* online */
	background-color: #f0f8ff;
	transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	}
.DivMain01 .Funct07 .Show h3 { padding: 8px 0 0; line-height: 23px;color: #118cc7; }
.DivMain01 .Funct07:hover { transform: scale(1.3);}
.DivMain01 .Funct07 .Hide { transform:translateY(-50%) scale(0.75);}
.DivMain01 .Funct07 .Hide h2 {font-size: 21px;color: #2686d7; }
.DivMain01 .Funct07 .Hide p { padding: 12px 0 0;color: #637280; }
/*************************/
.DivMain01 .Funct08 { width: 140px; height: 140px; top: 240px; left: 100px; /* online */
	background-color: #fff;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
    transition: all 0.2s; -o-transition: all 0.2s;
    -moz-transition: all 0.2s;  -webkit-transition: all 0.2s; }
.DivMain01 .Funct08:hover { transform: scale(1.4);}
.DivMain01 .Funct08 .Show h3 {color: #05a1d1;padding-top: 5px;}
.DivMain01 .Funct08 .Show .pic img {margin-top: 10px;}
.DivMain01 .Funct08 .Hide { transform:translateY(-50%) scale(0.65);}
.DivMain01 .Funct08 .Hide h2 {font-size: 21px;color: #333; }
.DivMain01 .Funct08 .Hide p { padding: 6px 0 0;color: #808080; }
/*************************/
.DivMain01 .Funct09 { width: 95px; height: 95px; top: 20px; left: 400px; /* online */
	background-color: #fff;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
    transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s;  -webkit-transition: all 0.2s; }
.DivMain01 .Funct09:hover { transform: scale(1.9);}
.DivMain01 .Funct09 .Hide { transform:translateY(-50%) scale(0.7);}
.DivMain01 .Funct09 .Hide h2 { padding:0; font-size: 17px;color: #333; }
.DivMain01 .Funct09 .Hide p { padding: 1px 0 0; font-size: 12px; line-height: 15px;color: #808080; }
.DivMain01 .Funct09 .Hide p a {color: #808080;}
/*************************/
.DivMain01 .Funct10 { width: 135px; height: 135px; top: 70px; left: 790px; /* online */
	background-color: #fff;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
    transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s;  -webkit-transition: all 0.2s; }
.DivMain01 .Funct10 .Show h3 { font-size: 17px;  color: #fff; padding: 0 0 0;}
.DivMain01 .Funct10:hover { transform: scale(1.5);}
.DivMain01 .Funct10 .Show h3 {color: #5a7dff;}
.DivMain01 .Funct10 .Hide { transform:translateY(-50%) scale(0.7); }
.DivMain01 .Funct10 .Hide h2 {font-size: 17px;color: #333; }
.DivMain01 .Funct10 .Hide p { padding: 5px 0 0; font-size: 14px;color: #808080; }
/*************************/
.DivMain01 .Funct11 { width: 110px; height: 110px; top: 246px; right: 0px; /* online */
	background-color: #fff;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
    transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s;  -webkit-transition: all 0.2s; }
.DivMain01 .Funct11 .Show h3 { font-size: 21px;  color: #fff; padding: 0 0 0;}
.DivMain01 .Funct11:hover { transform: scale(1.9);}
.DivMain01 .Funct11 .Show h3 {color: #f8a52e;}
.DivMain01 .Funct11 .Hide { transform:translateY(-50%) scale(0.7);  }
.DivMain01 .Funct11 .Hide h2 { padding: 0; font-size: 16px;color: #333; }
.DivMain01 .Funct11 .Hide p { padding: 1px 0 0; font-size: 12px; line-height: 15px;color: #808080; }
.DivMain01 .Funct11 .Hide p a {color: #808080;}
/*************************/
.DivMain02 { margin: 8px 0 0; background: -webkit-linear-gradient(180deg, #fcfcfc , #fff);
	background: -o-linear-gradient(180deg, #fcfcfc , #fff); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(180deg, #fcfcfc , #fff); /* Firefox 3.6 - 15 */
	background: linear-gradient(180deg, #fcfcfc , #fff); }
.DivMain02 h3 {  font-size: 39px; text-align: center;  padding: 50px 0 0; }
.DivMain02 ol {  width: 782px; display: block; margin: 0 auto; padding: 30px 0 0; }
.DivMain02 ol li { width: 260px; float: left; display: block; text-align: center; color: #808080; }
.DivMain02 ol li em { font-size: 25px; font-weight: 800; font-style: normal; display: block; color: #333; padding: 5px 0 0; }
.DivMain02 .map { height: 559px; background:url(../img/div02-bg01.jpg) center no-repeat; min-width: 1250px; margin: 0 auto; }
.DivMain02 .map ul { width: 1250px; height:500px; position: relative; display: block; margin: 0 auto; }
.DivMain02 .map ul li {
  width: 10px;
  height: 10px;
  border-radius:50%;
  z-index: 30;
  background-color: rgb(73, 161, 248);
  border: 2px solid rgb(125,188,249);
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -ms-border-radius:50%;
  -o-border-radius:50%;
  position: absolute;
  cursor: pointer;
  }

.dots-effect {
    animation: dotsEffect 2s infinite;
    -webkit-animation: dotsEffect 2s infinite;
}
@keyframes dotsEffect {
    0% {
        box-shadow: 0 0 0 0 rgba(73,161,248,0.2);
    }
    50% {
        box-shadow: 0 0 0 20px rgba(73,161,248,0.2);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(73,161,248,0.2);
    }
}

.word-container { width: 100%;  height: 100%;  position: relative; display: none;
}
.word-content {
    width: 380px;
    height: 60px;
    background-color: rgb(255, 255, 255);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    position: absolute;
    top: -76px;
    left: 50%;
    margin-left: -190px;
    z-index: 10;
    transform-origin: center bottom;
    border: 1px solid #e0e0e0;
    box-shadow: 3px 3px 5px #e0e0e0;
    transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;
}

.word-content:hover {

    background-color: rgb(255, 170, 0);
    border: 1px solid #ff9500;
    box-shadow: 3px 3px 5px #e0e0e0;
}

.word-effect {
    animation: imgEffect 1s;
    -webkit-animation: imgEffect 1s;
}
@keyframes imgEffect {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
}
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
}
}
.word-content::after {
    content: "";
    border-top: 16px solid rgb(224, 224, 224);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    position: absolute;
    bottom: -16px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);

}

.word-content:hover::after {

    border-top: 16px solid rgb(255, 170, 0);

}

.word-img {
    width: 52px;
    height: 52px;
    background-color: #fff;
    font-size: 16px;
    line-height: 52px;
    text-align: center;
    color: #666;
    float: left;
    margin: 4px 10px 4px 4px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.word-content > p {
    width: 280px; height: 50px; color: #6f6f6f; float: left; margin-top: 10px; font-size: 13px; line-height: 20px; text-align: left;
}

.word-content:hover > p {
    color: #fff;
}

.DivMain02 .map ul li:nth-child(1) { top: 151px; left: 245px; }
.DivMain02 .map ul li:nth-child(3) { top: 270px; left: 180px; }
.DivMain02 .map ul li:nth-child(5) { top: 412px; left: 273px; }
.DivMain02 .map ul li:nth-child(7) { top: 185px; left: 550px; }
.DivMain02 .map ul li:nth-child(2) { top: 360px; left: 671px; }
.DivMain02 .map ul li:nth-child(4) { top: 160px; right: 350px; }
.DivMain02 .map ul li:nth-child(6) { top: 260px; right: 400px; }
.DivMain02 .map ul li:nth-child(8) { top: 430px; right: 270px; }

.DivMain02 .map ol { position: relative; display: block; width: 1250px; height: 59px; padding: 0; margin: 0 auto; }
.DivMain02 .map ol li { color: #828c99; font-size: 15px; position: absolute; padding: 0; margin: 0; width: 300px; text-align: left; }
.DivMain02 .map ol li:nth-child(1) { top: -350px; left: 100px; }
.DivMain02 .map ol li:nth-child(2) { top: -295px; left: 305px; }
.DivMain02 .map ol li:nth-child(3) { top: -95px; left: 120px; }
.DivMain02 .map ol li:nth-child(4) { top: -335px; right: -15px; }
.DivMain02 .map ol li:nth-child(5) { top: -205px; right: -45px; }
.DivMain02 .map ol li:nth-child(6) { top: -425px; left: 18px; }
.DivMain02 .map ol li:nth-child(7) { top: -80px; left: 445px; }
.DivMain02 .map ol li:nth-child(8) { top: -350px; left: 305px; }
.DivMain02 .map ol li:nth-child(9) { top: -350px; left: 645px; }
.DivMain02 .map ol li:nth-child(10) { top: -295px; left: 645px; }

.DivMain02 h4 { text-align: center; color: #626b74; font-size: 15px; padding: 0 0 30px 0; }
.DivMain02 h4 a { color: #626b74; text-decoration: underline; font-size: 17px; }
/*************************/
.DivMain03{ background: url(../img/bg3.jpg) no-repeat center top #fdfdfe;color: #626b74; height: 750px;}
.DivMain03-de{ background: url(../img/bg3-de.jpg) no-repeat center top #fdfdfe;}
.DivMain03-es{ background: url(../img/bg3-es.jpg) no-repeat center top #fdfdfe;}
.DivMain03-fr{ background: url(../img/bg3-fr.jpg) no-repeat center top #fdfdfe;}
.DivMain03-it{ background: url(../img/bg3-it.jpg) no-repeat center top #fdfdfe;}
.DivMain03-zh{ background: url(../img/bg3-zh.jpg) no-repeat center top #fdfdfe;}
.DivMain03 .left{ width: 38%; float: left; padding: 20px 0 0 2%; }
.DivMain03 .left .title{background: url(../img/t_line.png) no-repeat left top;font-size: 60px;font-weight: bold;color: #4c4c4c; padding:40px 0 0 30px; height: 47px;}
.DivMain03 .left .title span{color: #ffaf40;}
.DivMain03 .left .t{ font-size:16px;}
.DivMain03 .left .links{padding: 20px 0 10px;}
.DivMain03 .left .links img{margin: 5px 0;}
.DivMain03 .left .links img.m{ margin: 0 25px; }
.DivMain03 .left .comments { position:relative; height:500px;}
.DivMain03 .comments .com_one{opacity:0; position:absolute; left:0; top:0; transition:all 0.5s;}
.DivMain03 .comments .com_one.show{opacity:1; transition:all 0.5s;}
.DivMain03 .comments .com_one p{ font-size:17px;}
.DivMain03 .comments .com_one .star img{padding: 40px 4px 15px;}
.DivMain03 .comments .com_one .author{padding: 15px 0 0;font-size: 15px;}
.DivMain03 .comments .com_one .author img{padding-right: 20px;}
.DivMain03 .left .show_num{ padding: 30px 0 0; }
.DivMain03 .left .show_num span{display: inline-block; background: #cbcbcb;width: 13px;height: 13px;border-radius: 50%; margin: 0 5px;cursor: pointer;}
.DivMain03 .left .show_num span.focus{background: #006cff;}
.DivMain03 .right{ float: right; width: 60%; position: relative; }
.DivMain03 .right .now{color: #fff;float: right;padding: 52px 40px 0 0; width: 240px;font-size: 17px;}
.DivMain03 .right .raised{position:absolute; right: 50px; top:173px;color: #666e80;}
.DivMain03 .right .uhd{position:absolute; right: 110px; top:238px;color: #666e80;}
.DivMain03 .right .praise{position:absolute; right: 35px; top:311px;color: #f09312;font-size: 17px;width: 360px;}
.DivMain03 .right .leaps{position:absolute; right: 25px; top:405px;color: #666e80;font-size: 15px;}
.DivMain03 .right .backup{position:absolute; right: 185px; top:473px;color: #666e80;font-size: 15px;}
.DivMain03 .right .line{position:absolute; right: 115px; top:562px;color: #f09312;font-size: 17px;}
.DivMain03 .right .began{position:absolute; left: 40px; top:667px;color: #666e80;font-size: 15px;}


/*************************/
.DivMain04 {  background: url(../img/div04-bg03.jpg) center repeat-x; }
.DivMain04 .Left {  width: 625px; float: left; background: url(../img/div04-bg01.jpg) right center no-repeat; height: 410px; }
.DivMain04 .Left-de {  background: url(../img/div04-bg01-de.jpg) right center no-repeat;}
.DivMain04 .Left-es {  background: url(../img/div04-bg01-es.jpg) right center no-repeat;}
.DivMain04 .Left-fr {  background: url(../img/div04-bg01-fr.jpg) right center no-repeat;}
.DivMain04 .Left-it {  background: url(../img/div04-bg01-it.jpg) right center no-repeat;}
.DivMain04 .Left-zh {  background: url(../img/div04-bg01-zh.jpg) right center no-repeat;}
.DivMain04 .Left h3, .DivMain04 .Right h3 { font-size: 23px; padding: 70px 0 0; margin: 0; }
.DivMain04 .Left h4 { padding: 50px 0 0; margin: 0; font-size: 19px; }
.DivMain04 .Left h4 em { font-style: normal; font-size: 15px;  }
.DivMain04 .Left .img { padding: 25px 0 0; }
.DivMain04 .Left ul {  padding: 25px 0 0; }
.DivMain04 .Left ul li {  padding: 5px 0 5px 0px; color: #666; }
.DivMain04 .Left ul li a { color: #000; text-decoration: underline; margin: 0 10px 0 0; }
.DivMain04 .Left .put { padding: 10px 0 0 }
.DivMain04 .Left .put a { text-decoration: none; }
.DivMain04 .Left .put .More { border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #0eb6ff;
width: 145px; height: 35px; color: #fff; text-align: center; line-height: 35px; transition: background 0.3s; -o-transition: background 0.3s;
-moz-transition: background 0.3s; -webkit-transition: background 0.3s;  }
.DivMain04 .Left .put .More:hover { background: #30aee5; }

.DivMain04 .Right { width: 350px; padding: 0 0 0 275px; float: right; background: url(../img/div04-bg02.jpg) left center no-repeat; height: 410px; }
.DivMain04 .Right ul { padding:30px 0 0 0px;}
.DivMain04 .Right ul li { display:block; cursor:pointer;  -moz-border-radius: 5px;      /* Gecko browsers */  -webkit-border-radius: 5px;
	/* Webkit browsers */ border-radius:5px;     /* W3C syntax */  padding:12px 0 12px 15px; border-bottom:1px solid #e3e4e8;
	font-weight:bold; width:350px; background:url(../img/div04-icon02-nineteen.png) 325px 23px no-repeat, url(../img/div04-icon03-nineteen.png) 0 21px no-repeat;
	transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; font-size: 15px; }
.DivMain04 .Right ul li i { display:block; font-style:normal; font-weight:400; color:#363a46;}

.DivMain04 .Right ul li a { color:#333; text-decoration:none; display:block;}
.DivMain04 .Right ul li a:hover { color:#FF6600; text-decoration:underline; display:block;}
/*************************/
.DivMain05 {  background: #f5f5f5;  }
.DivMain05 .details { padding: 20px 0 40px; background: url(../img/div05-icon01-nineteen.png) center 20px no-repeat; }
.DivMain05 h4 { padding: 60px 0 0; font-size: 45px; text-align: center; }
.DivMain05 p { color: #525c66; padding: 20px 100px; text-align: center; }
.DivMain05 ul {  }
.DivMain05 ul li {  width: 190px; display: block;  text-align: center; padding: 10px 0; float: left; margin:10px 9px; background-color:#fff;
transition: background, box-shadow 0.3s; -o-transition: background, box-shadow 0.3s; -moz-transition: background, box-shadow 0.3s;
-webkit-transition: background, box-shadow 0.3s; }
.DivMain05 ul li:hover { background: -webkit-linear-gradient(180deg, #fffcf5, #fcf9f2);
	background: -o-linear-gradient(180deg, #fffcf5, #fcf9f2); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(180deg, #fffcf5, #fcf9f2); /* Firefox 3.6 - 15 */
	background: linear-gradient(180deg, #fffcf5, #fcf9f2); box-shadow: 0px 0px 8px #fceecc; }
.DivMain05 ul li em { display: block; font-style: normal; padding: 12px 0 0; }
.DivMain05 ul a { color: #333; text-orientation: none; }
.DivMain05 p { color: #808080; }
.DivMain05 p a { color: #000; text-decoration: underline; }

/*************************/
.DivMain06 { background: #f5f5f5;  }
.DivMain06 .details { padding: 30px 0 30px; border-bottom: 1px solid #ccc; }
.DivMain06 .left { width: 32%; float: left;  }
.DivMain06 .left h4 { font-size: 19px; }
.DivMain06 .left ul {  padding: 10px 0 0; }
.DivMain06 .left ul li {   padding: 12px 0 5px; }
.DivMain06 .left ul li i {  color: #666;  display: block; font-style: normal; font-size: 13px; line-height: 24px; }
.DivMain06 .Mag { margin: 0 2%; }
.DivMain06 .left ul li a { color: #333; text-decoration: none; }
.DivMain06 .left ul li a:hover { color: #3f9efb; text-decoration: underline; }
/*************************/
.HomeFoot { background: #515153; color: #b3b3b3;  }
.HomeFoot .details { padding: 30px 0 30px; border-bottom: 1px solid #636365;  }
.HomeFoot .Logo { width: 25%; float: left; }
.HomeFoot .Logo p { padding: 15px 0 0; }
.HomeFoot .Left { width: 14%; float: left; padding: 25px 0 0 2%; }
.HomeFoot .Left h3 { font-size: 19px;  color: #fff; }
.HomeFoot .Left ul {  padding: 12px 0 0; }
.HomeFoot .Left ul li { padding: 3px 0; font-style: 13px; }
.HomeFoot .Left ul li a { color: #b3b3b3;  }
.HomeFoot .Right { width: 27%; padding: 25px 0 0; float: left; }
.HomeFoot .Right h3 { font-size: 19px; padding: 0 0 10px 0; }
.HomeFoot .Right .input { width: 270px; height: 26px; background: url(../img/foot05-nineteen.png) no-repeat;  margin: 15px 0 0; }
.HomeFoot .Right .input-de {background: url(../img/foot05-nineteen-de.png) no-repeat;}
.HomeFoot .Right .input-es {background: url(../img/foot05-nineteen-es.png) no-repeat;}
.HomeFoot .Right .input-fr {background: url(../img/foot05-nineteen-fr.png) no-repeat;}
.HomeFoot .Right .input-it {background: url(../img/foot05-nineteen-it.png) no-repeat;}
.HomeFoot .Right .input-zh {background: url(../img/foot05-nineteen-zh.png) no-repeat;}
.HomeFoot .Right .Share { padding: 20px 0 0; }
.HomeFoot .Right .Share h4 { font-size: 15px; margin: 0 10px 0 0; }
.HomeFoot .Right .Share img { margin: 0 8px; }

.fixed-content{text-align:center;background:#4a514e;font-size:11px;padding:10px 0;color:#fff;position:fixed;left:0;top:0;width:100%;opacity:0.9;vertical-align: middle;z-index: 101;}
.fixed-content img{vertical-align:sub;}
.fixed-content a{ color:#fff; text-decoration:underline;}
.fixed-content span{display:inline-block;font-size:23px;cursor:pointer;position:absolute;right:40px;top: 0;}

@media (min-width: 768px) and (max-width: 979px) {


}

@media (min-width: 480px) and (max-width: 767px) {


}

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


.SEO-exhibit {text-align: center;background-color: #f5f5f5;padding-top: 20px;}
.SEO-exhibit .details {width: 1240px;}
.SEO-exhibit h3 {font-size: 43px;line-height: 1.4;text-align: center; padding: 30px; }
.SEO-exhibit p { color: #525c66; padding: 0 0 20px 100px; text-align: center; color: #808080;}
.SEO-exhibit-container {display: flex;justify-content: center;align-items: stretch;flex-wrap: wrap;row-gap: 30px;column-gap: 40px;}
.SEO-exhibit-item {background-color: #ffffff;box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;width: 378px;border-radius: 5px;overflow: hidden;}
.SEO-item-data {display: flex;align-items: center;gap: 25px;padding: 5px 10px 0;color: #999;font-size: 15px;line-height: 1.4;}
.SEO-item-title {font-size: 21px;line-height: 1.4;color: #000;margin-bottom: 10px;}
.SEO-item-title a {color: #575757;text-decoration: none;}
.SEO-item-title a:hover {color: #006cff;}
.SEO-item-desc {font-size: 17px;line-height: 1.4;color: #808080;}
.SEO-item-content {padding: 15px 30px;}
.SEO-item-author::before {content: '';display: inline-block;width: 13px;height: 13px;margin-right: 5px;background: url("https://www.winxdvd.com/img/homepage/icon-author.jpg") no-repeat center;}
.SEO-item-update::before {content: '';display: inline-block;width: 13px;height: 13px;margin-right: 5px;background: url("https://www.winxdvd.com/img/homepage/icon-update.jpg") no-repeat center;}
@media  (max-width: 1200px) {.SEO-exhibit .details {width: 100%;padding: 0 10px;box-sizing: border-box;}.SEO-item-cover img {max-width: 100%;width: 100%;}.SEO-exhibit h3 {font-size: calc(1.67rem + .3vw);}}
@media  (max-width: 479px) {.SEO-item-desc {font-size: 13px;}.SEO-item-title  {font-size: 17px;}.SEO-item-content {padding: 10px 15px;}.SEO-item-data {font-size: 13px;}}