.landing .modal-dialog{width: 1180px;}
.landing .modal-content{border: none; padding: 0; 
    background: url('../image/background/landing.png') center no-repeat; 
    background-size: cover;
}
.landing .modal-body{height: 700px;}
.landing ~ .modal-backdrop{background-color: #000;}
.landing ~ .modal-backdrop.in{opacity: 0.8;}
.landing .inner{position: relative; width: 100%; top: 50%; transform: translate(0, -50%); text-align: center;}
.landing .title{margin-bottom: 10px; font-size: 90px; color: #fff; line-height: 0.8em;}
.landing .title strong{font-weight: 500;}
.landing .desc{margin: 0; font-size: 34px; color: #fff;}
.landing .action{text-align: center; margin-top: 5px;}
.landing .action > div{display: inline-block;}
.landing .action > div + div{margin-left: 15px;}




.intro{position: relative; height: 100vh; overflow: hidden;}
.intro .cover{position: relative; z-index: 10; height: 100vh; background-position: center; background-size: cover;}
.intro .shadow-1{background: url('../image/upload/intro-shadow-1.png'); position: absolute; z-index: 20; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center;}
.intro .shadow-2{background: url('../image/upload/intro-shadow-2.png'); position: absolute; z-index: 20; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center;}
@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.intro .shadow-1 {
    -webkit-transition: all 10s ease-in-out;
    -moz-transition: all 10s ease-in-out;
    -o-transition: all 10s ease-in-out;
    -ms-transition: all 10s ease-in-out;
    transition: all 10s ease-in-out;
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blink;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-direction: normal;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: blink;
    -moz-animation-timing-function: ease-in-out;
}
@-webkit-keyframes blink2 {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes blink2 {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.intro .shadow-2 {
    -webkit-transition: all 5s ease-in-out;
    -moz-transition: all 5s ease-in-out;
    -o-transition: all 5s ease-in-out;
    -ms-transition: all 5s ease-in-out;
    transition: all 5s ease-in-out;
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blink;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-direction: normal;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: blink2;
    -moz-animation-timing-function: ease-in-out;
}
@keyframes animatedBackground {
    from {
        background-position: 0 top;
    }
    to {
        background-position: 1160px top;
    }
}
.intro .bg-cloud{
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url('../image/upload/intro-cloud.jpg');
    background-size: cover;
    background-position: 0px 0px;
    background-repeat: repeat-x;
    animation: animatedBackground 100s linear infinite;
}
.intro .owl-dots{position: absolute; width: 100%; bottom: 25px; text-align: center;}
.intro .owl-dot{display: inline-block; margin: 0 5px; float: none; width: 16px; height: 16px; background-color: #d2af4a;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    /*box-shadow: 0 0 10px rgba(0,0,0,0.15);*/
}
.intro .owl-dot.active{background-color: #a3111e;}
.intro-nav{position: absolute; z-index: 100; top: 50%; right: 0;}
.intro-nav .link{display: block; width: 80px; height: 80px; background-color: #a3111e;
    padding: 12px 10px;
    text-align: center;
    color: #fff;
    font-weight: 100;
    font-size: 22px;
    line-height: 1em;
}
.intro-nav .link .icon{
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: #fff;
    margin: 0 auto 5px;
}
.intro-nav .link .icon:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 13px;
    margin: auto;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 12px solid #a3111e;
}




.wg-about{position: relative; overflow: hidden; min-height: 100vh; background: url('../image/background/wg-about.jpg') top center no-repeat;
    background-size: 100%;
    -webkit-transition: all 10000ms ease-out;
    -moz-transition: all 10000ms ease-out;
    -o-transition: all 10000ms ease-out;
    -ms-transition: all 10000ms ease-out;
    transition: all 10000ms ease-out;

    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    -ms-transition: 1000ms;
}
.wg-about.active{
    background-size: calc(100% + 250px);
}
.wg-about-content .thumb{position: relative; z-index: 10; border: 15px solid #d2af4a;}
.wg-about-content .thumb img + img{opacity: 0; position: absolute; top: 0; left: 0;
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    transition: all 400ms ease-out;

    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    -ms-transition: 100ms;
}
.wg-about-content .thumb:hover img + img{opacity: 1;}
.wg-about-content .inner{padding-left: 60px;}
.wg-about-content .brand{margin-bottom: 20px;}
.wg-about-content .desc{position: relative; z-index: 10; font-weight: 100; font-size: 2.8em; line-height: 1.2em;}
.wg-about-content .link{color: #d2af4a; white-space: nowrap;}
.wg-about-content .link:hover{color: #a3111e;}
.wg-about-list{position: relative; margin-top: 40px; padding: 0 25px;}
.wg-about-list:before{
    content: ''; 
    position: absolute; 
    top: -118px; 
    left: -355px; 
    width: 1240px; 
    height: 520px;
    background: url('../image/background/wg-about-list.png') right bottom no-repeat;
}
.wg-about-list li{width: 25%; position: relative;}
.wg-about-list li:nth-child(even){margin-top: 140px;}
.wg-about-list li:nth-child(2){top: -3px; left: 1px;}
.wg-about-list li:nth-child(3){left: 1px;}
.wg-about-list li:nth-child(4){top: -3px; left: 2px;}
.wg-about-list .link{display: block; position: relative; color: #231f20;}
.wg-about-list .icon{
    position: relative;
    width: 90px; 
    height: 90px; 
    margin: 0 auto;
    padding: 5px;
    /*border-left: 5px solid #a3111e;
    border-top: 5px solid #a3111e;
    border-right: 5px solid #d2af4a;
    border-bottom: 5px solid #d2af4a;*/
}
.wg-about-list .icon .circle{
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border-left: 5px solid #a3111e;
    border-top: 5px solid #a3111e;
    border-right: 5px solid #d2af4a;
    border-bottom: 5px solid #d2af4a;

    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    transition: all 400ms ease-out;

    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    -ms-transition: 100ms;
}
.wg-about-list .icon img{position: relative; z-index: 10;}
.wg-about-list .title{margin: 15px 0 0 0; text-align: center; font-weight: 500; font-size: 3.2em; line-height: 0.9em;
    top: 100%;
    position: absolute;
    left: -20px;
    right: -20px;
}
.wg-about-list .link:hover{color: #a3111e;}
.wg-about-list .link:hover .icon .circle{
    transform: rotate(180deg);
}

.about-popup{}
.about-popup .modal-dialog{border: 10px solid #d2b04a;}
.about-popup .wrapper{padding: 40px;}
.about-popup .brand{margin-bottom: 30px; text-align: center;}
.about-popup .editor-content p{margin-bottom: 30px;}
.about-popup .editor-content p:last-child{margin-bottom: 0;}




.wg-product{position: relative; overflow: hidden;}
.wg-product .whead{position: absolute; z-index: 10; width: 100%; top: 50px;}
.wg-product .whead .title{display: inline-block; padding: 2px 20px;
    background: -moz-linear-gradient(top, rgba(219,190,94,0.9) 0%, rgba(200,160,53,0.9) 100%); 
    background: -webkit-linear-gradient(top, rgba(219,190,94,0.9) 0%,rgba(200,160,53,0.9) 100%); 
    background: linear-gradient(to bottom, rgba(219,190,94,0.9) 0%,rgba(200,160,53,0.9) 100%); 
}
.wg-product-list{}
.wg-product-list .cover{height: 100vh; background-color: #eee;}
.wg-product-list .cover:after{content: ''; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0);}
.wg-product-list .inner{position: absolute; left: 0; right: 0; bottom: 40px; text-align: center;}
.wg-product-list .icon{
    width: 90px; 
    height: 90px; 
    border-radius: 50%;
    margin: 0 auto;
    background-color: rgba(0,0,0,0.3);
    border-left: 5px solid #a3111e;
    border-top: 5px solid #a3111e;
    border-right: 5px solid #d2af4a;
    border-bottom: 5px solid #d2af4a;
}
.wg-product-list .title{margin: 10px 0 10px 0; font-weight: 500; color: #fff; font-size: 4.8em; line-height: 1em;}
.wg-product-list .desc{margin: 0 0 -2em 0; opacity: 0; padding: 0 160px; font-weight: 100; color: #fff; font-size: 3em; line-height: 1em; word-break: keep-all;}
.wg-product-list .cover:after{
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}
.wg-product-list .desc{
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}
.wg-product-list .wrapper{display: block;}
.wg-product-list .wrapper:hover .cover:after{background-color: rgba(0,0,0,0.4);}
.wg-product-list .wrapper:hover .desc{margin-bottom: 0; opacity: 1;}
.wg-product-list .owl-nav{position: absolute; width: 100%; top: 50%;}
.wg-product-list .owl-nav > div{
    width: 45px; 
    height: 45px; 
    position: absolute; 
    font-size: 0;
    opacity: 0.6;
    border-top: 5px solid #fff;
    border-right: 5px solid #fff;

    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}
.wg-product-list .owl-prev{left: 30px; transform: translate(0, -50%) rotate(-135deg);}
.wg-product-list .owl-next{right: 30px; transform: translate(0, -50%) rotate(45deg);}
.wg-product-list .owl-nav > div:hover{opacity: 0.9;}





.wg-customer{position: relative; overflow: hidden; min-height: 100vh; background: url('../image/background/wg-customer.jpg') top center no-repeat;
    background-size: cover;
    -webkit-transition: all 10000ms ease-out;
    -moz-transition: all 10000ms ease-out;
    -o-transition: all 10000ms ease-out;
    -ms-transition: all 10000ms ease-out;
    transition: all 10000ms ease-out;

    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    -ms-transition: 1000ms;
}
/*.wg-customer.active{
    background-size: calc(100% + 250px);
}*/
.wg-customer .whead{margin-bottom: 30px;}
.wg-customer-content{position: relative; height: 720px; background: url('../image/asset/wg-customer.png') center no-repeat; background-size: cover;}
.wg-customer-content .pin{
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    background-color: #231f20;
    border: 2px solid #a3111e;
    border-radius: 50%;

    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;

    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    -ms-transition: 100ms;
}
.wg-customer-content .pin .inner{position: relative; top: 0px; visibility: hidden; opacity: 0;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;

    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    -ms-transition: 100ms;
}
.wg-customer-content .pin-icon{
    position: absolute;
    width: 26px;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 3px;
}
.wg-customer-content .pin-title{
    margin: 0;
    position: absolute;
    line-height: 24px;
    font-size: 2em;
    padding: 0 6px;
    background-color: #fff;
    color: #231f20;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 40px;
}
.wg-customer-content .pin:hover{border-color: transparent; background-color: rgba(0,0,0,0.2);}
.wg-customer-content .pin:hover .inner{top: 8px; visibility: visible; opacity: 1;}
.wg-customer-content .pin-1{
    left: 73.5%;
    top: 30.5%;
}
.wg-customer-content .pin-2{
    left: 75.5%;
    top: 47.8%;
}
.wg-customer-content .pin-3{
    left: 70%;
    top: 52%;
}
.wg-customer-content .pin-4{
    left: 71.5%;
    top: 56.2%;
}
.wg-customer-content .pin-5{
    left: 70.4%;
    top: 60%;
}
.wg-customer-content .pin-6{
    left: 71.1%;
    top: 62.2%;
}
.wg-customer-content .pin-7{
    left: 73.4%;
    top: 64.6%;
}
.wg-customer-content .category{display: block; position: absolute; top: 0; left: 0;}
.wg-customer-content .category .icon{
    position: relative;
    width: 90px; 
    height: 90px; 
    margin: 0 auto;
    padding: 5px;
}
.wg-customer-content .category .icon .circle{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border-left: 5px solid #a3111e;
    border-top: 5px solid #a3111e;
    border-right: 5px solid #d2af4a;
    border-bottom: 5px solid #d2af4a;

    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    transition: all 400ms ease-out;

    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    -ms-transition: 100ms;
}
.wg-customer-content .category .icon img{
    position: relative;
    z-index: 10;
}
.wg-customer-content .category .title{margin: 6px 0 0 0; text-align: center; font-size: 3em; color: #fff;}
.wg-customer-content .category:hover{text-decoration: none;}
.wg-customer-content .category-1{
    left: 17.7%;
    top: 56.5%;
}
.wg-customer-content .category-2{
    left: 62.6%;
    top: 68%;
}
.wg-customer-content .category-3{
    left: 81.7%;
    top: 43.4%;
}
.wg-customer-content .category:hover .icon .circle{
    transform: rotate(180deg);
}

.wg-customer-content .block{width: 440px; height: 290px; padding: 20px 25px 25px 25px;
    position: absolute;
    left: 50%;
    bottom: 100%;
    margin-bottom: 80px;
    transform: translate(-50%, 0);
    border:3px solid #d0b265;
    background-color: rgba(255,255,255,0.93);
    border-radius: 5px;
}
.wg-customer-content .block:before{content: ''; position: absolute; left: 0; right: 0; top: 100%; margin: auto; width: 0; height: 0; 
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #d0b265;
}
.wg-customer-content .block:after{content: ''; position: absolute; left: 0; right: 0; top: 100%; margin: auto; width: 0; height: 0; 
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
}
.wg-customer-content .block .title{margin: 0 0 20px 0; font-weight: 500; font-size: 3.8em; color: #231f20; line-height: 1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.customer-block .wg-customer{min-height: inherit; padding: 60px 0;}
.customer-block .com-list{height: 180px;}
.customer-block .com-list li{position: relative; font-weight: 100; font-size: 2.4em; color: #231f20; line-height: 1em; padding-left: 28px;}
.customer-block .com-list li + li{margin-top: 15px;}
.customer-block .com-list li:before{content: ''; position: absolute; top: 2px; left: 0; width: 20px; height: 20px; background: url('../image/icon/list-check.png');}


.wg-customer-content .pin:after{
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    width: 10px;
    height: 10px;
    border: 1px solid #a3111e;
    border-radius: 50%;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -ms-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-duration: 1.3s;
    -moz-animation-duration: 1.3s;
    -ms-animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-name: radar;
    -moz-animation-name: radar;
    -ms-animation-name: radar;
    /* animation-name: radar; */
}
@-webkit-keyframes radar {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.05);
  }
  10% {
    opacity: 1;
    -webkit-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(3.1);
  }
}
@-moz-keyframes radar {
  0% {
    opacity: 0;
    -moz-transform: scale(1.05);
  }
  10% {
    opacity: 1;
    -moz-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(3.1);
  }
}
@keyframes radar {
  0% {
    opacity: 0;
    transform: scale(1.05);
  }
  10% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(3.1);
  }
}




.wg-news{position: relative; overflow: hidden; min-height: 100vh; background: url('../image/background/wg-news.jpg') top center no-repeat; background-color: #fef5e8;
    background-size: 100%;
    -webkit-transition: all 10000ms ease-out;
    -moz-transition: all 10000ms ease-out;
    -o-transition: all 10000ms ease-out;
    -ms-transition: all 10000ms ease-out;
    transition: all 10000ms ease-out;

    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    -ms-transition: 1000ms;
}
.wg-news.active{
    background-size: calc(100% + 250px);
}
.wg-news-list .item-list{margin: 0 -10px;}
.wg-news-list .item-list > li{width: 25%; padding: 0 10px; position: relative;}
.wg-news-list .item-list > li:nth-child(3),
.wg-news-list .item-list > li:nth-child(4){width: 50%;}
.wg-news-list .link{display: block; margin-bottom: 20px; perspective: 500px; overflow: hidden;}
.wg-news-list .cover{height: 270px; position: relative;}
.wg-news-list .content{
    visibility: hidden;
    opacity: 0;
    position: absolute; 
    top: 0; 
    left: 0;
    padding: 0 40px; 
    width: 100%; 
    height: 100%;
    background-color: rgba(163,17,30,0.8);

    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;

    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    -ms-transition: 100ms;
}
.wg-news-list .title{position: relative; top: 50%; transform: translate(0, -50%); margin: 0; text-align: center; font-weight: 100; color: #fff; font-size: 2.8em;}
.wg-news-list .link:hover .content{
    visibility: visible;
    opacity: 1;
}

.news-block{padding: 60px 0; min-height: calc(100vh - 90px); background: url('../image/background/wg-about.jpg') top center no-repeat;}
.news-list{padding-top: 20px;}
.news-list .wrapper:hover,
.news-list .wrapper:focus{text-decoration: none;}
.news-list .thumb{display: block; overflow: hidden;}
.news-list .thumb img{width: 100%;
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    transition: all 400ms ease-out;

    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    -ms-transition: 100ms;
}
.news-list .wrapper:hover .thumb img{transform: scale(1.04);}
.news-list .inner{
    padding: 20px 25px;
    background: rgb(189,24,45); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(189,24,45,1) 0%, rgba(155,17,32,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(189,24,45,1) 0%,rgba(155,17,32,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(189,24,45,1) 0%,rgba(155,17,32,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd182d', endColorstr='#9b1120',GradientType=0 ); /* IE6-9 */
}
.news-list .title{margin: 0 0 10px 0; color: #dabd5c; font-size: 3.2em; line-height: 1em;}
.news-list .desc{margin: 0; font-weight: 100; color: #fff; font-size: 2.4em; line-height: 1.1em;}
.news-list .link{color: #dabd5c;}

.newsDetail-desc{text-align: center; font-weight: 500; font-size: 4em; line-height: 1.2em;}
.newsDetail-image{text-align: center; margin-top: 40px;}
.newsDetail-content{margin-top: 60px; padding-bottom: 60px; border-bottom: 1px solid #c6c7ca;}

.news-relate{margin-top: 60px; margin-bottom: 30px;}
.news-relate .news-list{padding-top: 10px;}




.about-block{overflow: hidden; position: relative; padding: 60px 0; min-height: calc(100vh - 230px); background: url('../image/background/wg-about.jpg') top center no-repeat;}
.about-header{text-align: center; position: relative; z-index: 100;}
.about-header .title{margin: 0 0 20px 0; font-weight: 500; color: #fff; font-size: 8.2em; line-height: 1em;}
.about-header .desc{margin: 0; font-weight: 100; color: #fff; font-size: 2.8em; line-height: 1.2em;}
.about-header .desc strong{font-weight: 500; font-size: 1.2em;}
.about-body{margin-top: 40px;}
.about-list{padding: 50px 0;}
.about-list .slider-for{position: absolute; z-index: 0; width: 100%; top: 90px; left: 0;}
.about-list .slider-for .cover{height: calc(100vh - 90px);}
.about-list .slider-nav{position: relative; z-index: 10;}
.about-list .slider-nav .link{display: block; height: 80px; background-color: rgba(0,0,0,0.3); border-top: 1px solid rgba(255,255,255,0.6); border-bottom: 1px solid rgba(255,255,255,0.6);}
.about-list .slider-nav .inner{opacity: 0.7;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.about-list .slider-nav .icon{display: inline-block; vertical-align: top;}
.about-list .slider-nav .title{display: inline-block; margin: 0; font-weight: 500; font-size: 3.8em; color: #fff; line-height: 78px;}
.about-list .slick-vertical .slick-slide{border: none;}
.about-list .slick-vertical .slick-slide + .slick-slide .link{border-top: none; border-bottom: 1px solid rgba(255,255,255,0.6);}
.about-list .slider-nav .link:hover{background-color: rgba(0,0,0,0.6);}
.about-list .slider-nav .link:hover .inner{opacity: 1;}

.about-list .slick-prev:before{display: none;}
.about-list .slick-prev,
.about-list .slick-prev:hover{width: 50px; height: 30px; background: url('../image/icon/angle-up.png'); left: 0; right: 0; top: auto; bottom: 100%; margin: 0 auto 15px; transform: translate(0);}
.about-list .slick-next:before{display: none;}
.about-list .slick-next,
.about-list .slick-next:hover{width: 50px; height: 30px; background: url('../image/icon/angle-down.png'); left: 0; right: 0; top: 100%; margin: 15px auto 0; transform: translate(0);}

.about-list .cover{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover;
    animation: bgzoomabout 20000ms
}
@keyframes bgzoomabout {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.06);
    }
    100% {
        transform: scale(1);
    }
}
.about-list .cover{opacity: 0; visibility: hidden;
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    transition: all 400ms ease-out;

    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    -ms-transition: 400ms;
}
.about-list .cover.default,
.about-list .cover.show{opacity: 1; visibility: visible;
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    -o-transition-delay: 0ms;
    -ms-transition: 0ms;
}



.aboutYear-header{text-align: center; margin-bottom: 60px;}
.aboutYear-header .title{margin: 0; font-weight: 500; font-size: 7.8em; line-height: 1em;}
.aboutYear-header .desc{margin: -4px 0 0 0; font-weight: 100; font-size: 3.4em; line-height: 1em;}

.aboutYear-content{background-color: #e9d68b; min-height: 300px;
    -webkit-border-top-left-radius: 80px;
    -webkit-border-bottom-right-radius: 80px;
    -moz-border-radius-topleft: 80px;
    -moz-border-radius-bottomright: 80px;
    border-top-left-radius: 80px;
    border-bottom-right-radius: 80px;
}
.aboutYear-content .inner{padding: 50px 0;}
.aboutYear-content .inner .desc{margin: 0; font-weight: 100; font-size: 3em; line-height: 1.2em;}
.aboutYear-content .inner .desc strong{font-weight: 500;}
.aboutYear-content .vdo .link .icon{
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #a3111e;
    top: 0;
    left: 0; 
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0.8;

    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.aboutYear-content .vdo .link .icon:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 32px;
    margin: auto;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 22px solid #fff;
}
.aboutYear-content .vdo .link:hover .icon{
    opacity: 1;
}

.aboutYear-board{padding: 80px 0;}
.aboutYear-board .thumb{
    overflow: hidden;
    border-right: 10px solid #ebd78c;
    border-bottom: 10px solid #ebd78c;

    -webkit-border-top-right-radius: 80px;
    -webkit-border-bottom-left-radius: 80px;
    -moz-border-radius-topright: 80px;
    -moz-border-radius-bottomleft: 80px;
    border-top-right-radius: 80px;
    border-bottom-left-radius: 80px;
}
.aboutYear-board .inner{padding-top: 80px; padding-left: 100px; padding-right: 100px;}
.aboutYear-board .title{margin: 0 0 30px 0; font-weight: 500; font-size: 7.8em;}
.aboutYear-board .desc{margin: 0 0 60px 0; font-size: 3.8em; line-height: 1.2em;}
.aboutYear-board .desc span{font-size: 2em; position: relative; top: 4px; display: inline-block; vertical-align: top;}
.aboutYear-board .name{font-size: 3em; line-height: 1em;}

.aboutYear-team{padding: 50px 0 70px 0; min-height: 400px; background: url('../image/background/aboutYear-team.jpg') center;}
.aboutYear-team-list .cover{opacity: 0.5; margin: 28px 0;
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    transition: all 400ms ease-out;

    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition: 200ms;
}
.aboutYear-team-list .center .cover{opacity: 1; margin: 0; margin-left: -45px; margin-right: -45px;}
.aboutYear-team-list .owl-nav{position: absolute; width: 100%; top: 50%;}
.aboutYear-team-list .owl-prev{left: -25px; background: url('../image/icon/owl-prev.png');}
.aboutYear-team-list .owl-next{right: -25px; background: url('../image/icon/owl-next.png');}
.aboutYear-team-list .owl-nav > div{position: absolute; transform: translate(0, -50%); font-size: 0; width: 50px; height: 50px; background-color: #dfc163;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.aboutYear-team-list .owl-nav > div:hover{background-color: #d2af4a;}

.aboutMile-list{position: relative; padding-top: 160px; padding-bottom: 100px;}
.aboutMile-list .thumb{width: 590px;
    overflow: hidden;
    border-right: 10px solid #ebd78c;
    border-bottom: 10px solid #ebd78c;

    -webkit-border-top-right-radius: 80px;
    -webkit-border-bottom-left-radius: 80px;
    -moz-border-radius-topright: 80px;
    -moz-border-radius-bottomleft: 80px;
    border-top-right-radius: 80px;
    border-bottom-left-radius: 80px;
}
.aboutMile-list .inner{margin-top: 50px;}
.aboutMile-list .title{margin: 0 0 20px 0; font-weight: 500; font-size: 7em; line-height: 1em;}
.aboutMile-list .desc{margin: 0; font-size: 3.4em; line-height: 1.2em;}
.aboutMile-list li:nth-child(odd) .row > div:first-child{float: right;}
.aboutMile-list li:nth-child(odd) .thumb{float: right;}
.aboutMile-list li:nth-child(odd) .inner{padding-right: 140px;}
.aboutMile-list li:nth-child(odd):after{left: 50%; margin-left: 30px;}
.aboutMile-list li:nth-child(even) .inner{padding-left: 90px;}
.aboutMile-list li:nth-child(even):after{right: 50%; margin-right: 30px;}

.aboutMile-list li{position: relative;}
.aboutMile-list li:before{
    content: '';
    position: absolute;
    top: 65px;
    left: 50%;
    transform: translate(-50%, 0);
    /*width: 20px;
    height: 20px;*/
    background-color: #fff;
    border: 3px solid #d2af4a;
    border-radius: 50%;

    width: 0;
    height: 0;
    opacity: 0;

    -webkit-transition: all 600ms ease-out;
    -moz-transition: all 600ms ease-out;
    -o-transition: all 600ms ease-out;
    -ms-transition: all 600ms ease-out;
    transition: all 600ms ease-out;

    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition: 200ms;
}
.aboutMile-list li.move:before{
    width: 20px;
    height: 20px;
    opacity: 1;
}
.aboutMile-list li:after{
    content: '';
    position: absolute;
    top: 75px;
    width: 120px;
    height: 1px; 
    border-top: 1px dashed #666;
}

.aboutMile-list .line{text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.aboutMile-list .line-brand{position: relative; z-index: 10;}
.aboutMile-list .line:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 6px;
    top: 110px;
    bottom: 0;
    margin: auto;
    background-color: #e8d58b;
}
.aboutMile-list .row > div{overflow: hidden;}
.aboutMile-list li:after{opacity: 0;
    -webkit-transition: all 600ms ease-out;
    -moz-transition: all 600ms ease-out;
    -o-transition: all 600ms ease-out;
    -ms-transition: all 600ms ease-out;
    transition: all 600ms ease-out;

    -webkit-transition-delay: 600ms;
    -moz-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    -ms-transition: 600ms;
}
.aboutMile-list li.move:after{opacity: 1;}
.aboutMile-list li:nth-child(odd) .inner{position: relative; left: 50%; opacity: 0;
    -webkit-transition: all 600ms ease-out;
    -moz-transition: all 600ms ease-out;
    -o-transition: all 600ms ease-out;
    -ms-transition: all 600ms ease-out;
    transition: all 600ms ease-out;

    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition: 200ms;
}
.aboutMile-list li:nth-child(odd) .thumb{position: relative; right: 50%; opacity: 0;
    -webkit-transition: all 600ms ease-out;
    -moz-transition: all 600ms ease-out;
    -o-transition: all 600ms ease-out;
    -ms-transition: all 600ms ease-out;
    transition: all 600ms ease-out;

    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition: 200ms;
}
.aboutMile-list li:nth-child(odd).move .inner{position: relative; left: 0; opacity: 1;}
.aboutMile-list li:nth-child(odd).move .thumb{position: relative; right: 0; opacity: 1;}

.aboutMile-list li:nth-child(even) .inner{position: relative; right: 50%; opacity: 0;
    -webkit-transition: all 600ms ease-out;
    -moz-transition: all 600ms ease-out;
    -o-transition: all 600ms ease-out;
    -ms-transition: all 600ms ease-out;
    transition: all 600ms ease-out;

    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition: 200ms;
}
.aboutMile-list li:nth-child(even) .thumb{position: relative; left: 50%; opacity: 0;
    -webkit-transition: all 600ms ease-out;
    -moz-transition: all 600ms ease-out;
    -o-transition: all 600ms ease-out;
    -ms-transition: all 600ms ease-out;
    transition: all 600ms ease-out;

    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition: 200ms;
}
.aboutMile-list li:nth-child(even).move .inner{position: relative; right: 0; opacity: 1;}
.aboutMile-list li:nth-child(even).move .thumb{position: relative; left: 0; opacity: 1;}

.aboutVision{padding: 80px 0; min-height: 700px; position: relative;}
.aboutVision .cover{position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background: url('../image/background/aboutVision.jpg') center;
    background-size: 100%;
    animation: bgzoom 20000ms
}
@keyframes bgzoom {
    0% {
        background-size: 100%;
    }
    50% {
        background-size: calc(100% + 250px);
    }
    100% {
        background-size: 100%;
    }
}
.aboutVision .container{position: relative; z-index: 10;}
.aboutVision .topic{margin: 0 0 20px 0; font-weight: 500; font-size: 4.2em; color: #fff; line-height: 1em;}
.aboutVision .title{position: relative; font-weight: 500; font-size: 9em; color: #fff; line-height: 0.8em;
    padding: 20px 40px 20px 0;
    background-color: #a3111e;
    display: inline-block;
    -webkit-border-top-right-radius: 40px;
    -moz-border-radius-topright: 40px;
    border-top-right-radius: 40px;
}
.aboutVision .title:before{
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    width: 500px;
    height: 100%;
    background-color: #a3111e;
}
.aboutVision .title small{font-size: 68%; display: block;}
.aboutVision .inner{
    width: 860px;
    margin-top: 30px;
    padding: 30px;
    background-color: #a3111e;
    -webkit-border-top-right-radius: 40px;
    -webkit-border-bottom-left-radius: 40px;
    -moz-border-radius-topright: 40px;
    -moz-border-radius-bottomleft: 40px;
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
}
.aboutVision .desc{margin: 0; font-weight: 100; font-size: 2.8em; color: #fff; line-height: 1.2em;}
.aboutVision .desc strong{font-size: 1.3em; font-weight: 500;}




.product-block{overflow: hidden; padding: 60px 0; min-height: calc(100vh - 90px); background: url('../image/background/wg-about.jpg') top center no-repeat;}
.product-header{text-align: center; margin: 20px 240px 0; padding: 20px 0;
    background: -moz-linear-gradient(left, rgba(248,227,148,0) 0%, rgba(248,227,148,1) 48%, rgba(248,227,148,1) 52%, rgba(248,227,148,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(248,227,148,0) 0%,rgba(248,227,148,1) 48%,rgba(248,227,148,1) 52%,rgba(248,227,148,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(248,227,148,0) 0%,rgba(248,227,148,1) 48%,rgba(248,227,148,1) 52%,rgba(248,227,148,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f8e394', endColorstr='#00f8e394',GradientType=1 ); /* IE6-9 */
}
.product-header .wrapper{display: inline-block; width: 660px;}
.product-header .icon{width: 90px;}
.product-header .inner{padding-left: 30px; text-align: left;}
.product-header .title{margin: 0; font-weight: normal; font-size: 3.8em; line-height: 1em;}
.product-header .title span{position: relative; font-size: 2em; display: inline-block; vertical-align: top; top: 4px;}

.product-list{margin-top: 40px;}
.product-list .item-list{margin: 0 -15px;}
.product-list .item-list > li{width: 20%; padding: 0 15px;}
.product-list .block{position: relative; height: 260px; text-align: center;}
.product-list .block .inner{
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
}
.product-list .block .number{display: inline-block; width: 70px; height: 70px; border: 1px solid #ccc; border-radius: 50%;
    font-size: 5.6em;
    line-height: 68px;
}
.product-list .block .title{margin: 15px 0 0 0; font-weight: 100; font-size: 3.6em;}
.product-list .thumb{position: relative; height: 260px;}
.product-list .thumb .icon{margin: 0 auto; width: 204px; height: 204px; border: 7px solid #b13440; background-color: #fff; border-radius: 50%;
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
}
.product-list .line{position: relative; margin: 10px 0; height: 30px; border-radius: 5px; 
    background-color: #dfc163;
}
.product-list .line:before{content: ''; position: absolute; left: 0; right: 0; margin: auto; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent;
    bottom: 100%;
    border-bottom: 10px solid #dfc163;
}

.product-list li:nth-child(even) .block{top: 310px;}
.product-list li:nth-child(even) .thumb{top: -310px;}
.product-list li:nth-child(even) .line{opacity: 0.6;}
.product-list li:nth-child(even) .line:before{
    bottom: auto;
    top: 100%;
    border-bottom: none;
    border-top: 10px solid #dfc163;
}

.product-list .number,
.product-list .title,
.product-list .inner,
.product-list .icon{
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;

    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    -ms-transition: 100ms;
}
.product-list .wrapper:hover .number{border-color: transparent; background-color: #a3111e; color: #fff;}
.product-list .wrapper:hover .title{color: #a3111e;}
.product-list .wrapper:hover .inner{top: 60%;}
.product-list .wrapper:hover .icon{top: 45%;}

.product-list li:nth-child(even) .wrapper:hover .inner{top: 40%;}
.product-list li:nth-child(even) .wrapper:hover .icon{top: 55%;}



.proDetail-block{overflow: hidden; min-height: calc(100vh - 90px); background: url('../image/background/proDetail.jpg') top center no-repeat;}
.proDetail-block.trading{overflow: hidden; min-height: calc(100vh - 90px); background: url('../image/background/wg-about.jpg') top center no-repeat;}
.proDetail-nav{margin-top: 6px; margin-bottom: 40px; padding: 30px 0; border-bottom: 1px dashed #abacaf; text-align: center;}
.proDetail-nav .nav-list{display: inline-block;}
.proDetail-nav .nav-list > li{position: relative; float: none; display: inline-block; padding: 0 40px;}
.proDetail-nav .nav-list > li + li:before{content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #bdbdbd;}

.proDetail-nav .nav-list a.link{transition: all linear 0.2s;}

.proDetail-nav .nav-list > li:hover .link{color: #d2af4a !important;}
.proDetail-nav .nav-list > li:hover .icon{ filter: brightness(1) !important;}


.proDetail-nav .link{display: block; color: #231f20;}
.proDetail-nav .icon{display: inline-block; vertical-align: top; position: relative; top: -1px; margin-right: 4px;
    filter: brightness(0);
    opacity: 0.8;
    transition: all linear 0.2s;
}
.proDetail-nav .title{display: inline-block; margin: 0; font-weight: normal; font-size: 4.4em;}
.proDetail-nav .active .link{color: #d2af4a;}
.proDetail-nav .active .icon{
    filter: brightness(1);
    opacity: 1;
}

.proDetail-content.category-1{}
.proDetail-content.category-1 .content-1{padding-top: 20px;}
.proDetail-content.category-1 .content-1 .title{margin: 0 0 25px 0; font-weight: 500; font-size: 5.6em; line-height: 1em;}
.proDetail-content.category-1 .content-1 .desc{margin: 0; font-weight: normal; font-size: 4em; line-height: 1.2em;}
.proDetail-content.category-1 .content-1 .desc span{position: relative; font-size: 2em; display: inline-block; vertical-align: top; top: 4px;}
.proDetail-content.category-1 .content-1 .thumb{
    position: absolute;
    z-index: 100;
    overflow: hidden;
    border-right: 10px solid #d9bb5b;
    border-bottom: 10px solid #d9bb5b;

    -webkit-border-top-right-radius: 80px;
    -webkit-border-bottom-left-radius: 80px;
    -moz-border-radius-topright: 80px;
    -moz-border-radius-bottomleft: 80px;
    border-top-right-radius: 80px;
    border-bottom-left-radius: 80px;
}
.proDetail-content.category-1 .content-1 .gallery{position: relative; padding: 60px 0; margin-top: 60px; background-color: #ebd78c;}
.proDetail-content.category-1 .content-1 .gallery:before{content: ''; position: absolute; top: 0; right: 100%; width: calc((100vw - 1530px) / 2); /*width: 100px;*/ height: 100%; background-color: #ebd78c;
    -webkit-border-top-left-radius: 80px;
    -moz-border-radius-topleft: 80px;
    border-top-left-radius: 80px;
}
.proDetail-content.category-1 .content-1 .gallery:after{content: ''; position: absolute; top: 0; left: 100%; width: calc((100vw - 1530px) / 2); /*width: 100px;*/ height: 100%; background-color: #ebd78c;
    -webkit-border-bottom-right-radius: 80px;
    -moz-border-radius-bottomright: 80px;
    border-bottom-right-radius: 80px;
}
.proDetail-content.category-1 .content-1 .gallery-inner{padding-right: 75px;}
.proDetail-content.category-1 .content-1 .gallery-thumb{overflow: hidden;
    -webkit-border-top-right-radius: 25px;
    -webkit-border-bottom-left-radius: 25px;
    -moz-border-radius-topright: 25px;
    -moz-border-radius-bottomleft: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
}
.proDetail-content.category-1 .content-1 .gallery-thumb .link img{
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    transition: all 400ms ease-out;

    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    -ms-transition: 100ms;
}
.proDetail-content.category-1 .content-1 .gallery-thumb .link:hover img{transform: scale(1.04);}
.proDetail-content.category-1 .content-2{padding: 90px 0; min-height: 400px;}
.proDetail-content.category-1 .content-2 .inner{margin-top: 60px;}
.proDetail-content.category-1 .content-2 .title{margin: 0 0 25px 0; font-weight: 500; font-size: 5.6em; line-height: 1em;}
.proDetail-content.category-1 .content-2 .desc{margin: 0; font-weight: normal; font-size: 4em; line-height: 1.2em;}
.proDetail-content.category-1 .content-2 .desc span{position: relative; font-size: 2em; display: inline-block; vertical-align: top; top: 4px;}
.proDetail-content.category-1 .content-2 .thumb{
    overflow: hidden;
    border-right: 10px solid #d9bb5b;
    border-bottom: 10px solid #d9bb5b;

    -webkit-border-top-right-radius: 80px;
    -webkit-border-bottom-left-radius: 80px;
    -moz-border-radius-topright: 80px;
    -moz-border-radius-bottomleft: 80px;
    border-top-right-radius: 80px;
    border-bottom-left-radius: 80px;
}
.proDetail-content.category-1 .content-3{
    padding: 30px 0;
    text-align: center;
    background: -moz-linear-gradient(left, rgba(248,227,148,0) 0%, rgba(248,227,148,1) 48%, rgba(248,227,148,1) 52%, rgba(248,227,148,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(248,227,148,0) 0%,rgba(248,227,148,1) 48%,rgba(248,227,148,1) 52%,rgba(248,227,148,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(248,227,148,0) 0%,rgba(248,227,148,1) 48%,rgba(248,227,148,1) 52%,rgba(248,227,148,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f8e394', endColorstr='#00f8e394',GradientType=1 ); /* IE6-9 */
}
.proDetail-content.category-1 .content-3 .desc{margin: 0; font-weight: normal; font-size: 3.8em; line-height: 1em;}
.proDetail-content.category-1 .content-3 .desc span{position: relative; font-size: 2em; display: inline-block; vertical-align: top; top: 4px;}

.proDetail-content.category-2{}
.proDetail-content.category-2 .content-1{padding-top: 20px; padding-bottom: 80px;}
.proDetail-content.category-2 .content-1 .nav-list{margin: 0 -15px;}
.proDetail-content.category-2 .content-1 .nav-list > li{padding: 0 15px; width: 33.333%;}
.proDetail-content.category-2 .content-1 .link{display: block;
    overflow: hidden;
    border-right: 10px solid #d9bb5b;
    border-bottom: 10px solid #d9bb5b;

    -webkit-border-top-right-radius: 80px;
    -webkit-border-bottom-left-radius: 80px;
    -moz-border-radius-topright: 80px;
    -moz-border-radius-bottomleft: 80px;
    border-top-right-radius: 80px;
    border-bottom-left-radius: 80px;
}
.proDetail-content.category-2 .content-1 .link img{
    opacity: 0.5;
    transition: transform 1.5s;
    transition: all linear 0.3s;
}
.proDetail-content.category-2 .content-1 .link img:hover{
    opacity: 1;
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1); 
}
.proDetail-content.category-2 .content-1 .active .link img{
    opacity: 1;
}
.proDetail-content.category-2 .content-2{
    position: relative;
    background: -moz-linear-gradient(left, rgba(235,215,140,0) 0%, rgba(235,215,140,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(235,215,140,0) 0%,rgba(235,215,140,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(235,215,140,0) 0%,rgba(235,215,140,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ebd78c', endColorstr='#ebd78c',GradientType=1 ); /* IE6-9 */
}
.proDetail-content.category-2 .content-2:before{content: ''; position: absolute; top: 0; left: 100%; width: calc((100vw - 1530px) / 2); height: 100%; background-color: #ebd78c;
    -webkit-border-bottom-right-radius: 80px;
    -moz-border-radius-bottomright: 80px;
    border-bottom-right-radius: 80px;
}
.proDetail-content.category-2 .content-2 .inner{padding: 60px 0;}
.proDetail-content.category-2 .content-2 .title{margin: 0 0 25px 0; font-weight: 500; font-size: 5.6em; line-height: 1em;}
.proDetail-content.category-2 .content-2 .desc{margin: 0; font-weight: normal; font-size: 3.6em; line-height: 1.2em;}
.proDetail-content.category-2 .content-2 .desc span{position: relative; font-size: 2em; display: inline-block; vertical-align: top; top: 4px;}
.proDetail-content.category-2 .content-2 .thumb{padding-bottom: 70px;}
.proDetail-content.category-2 .content-3{
    position: relative;
    min-height: 500px;
    background: -moz-linear-gradient(left, rgba(235,215,140,1) 0%, rgba(235,215,140,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(235,215,140,1) 0%,rgba(235,215,140,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(235,215,140,1) 0%,rgba(235,215,140,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebd78c', endColorstr='#00ebd78c',GradientType=1 ); /* IE6-9 */
}
.proDetail-content.category-2 .content-3:before{content: ''; position: absolute; top: 0; right: 100%; width: calc((100vw - 1530px) / 2); height: 100%; background-color: #ebd78c;
    -webkit-border-top-left-radius: 80px;
    -moz-border-radius-topleft: 80px;
    border-top-left-radius: 80px;
}
.proDetail-content.category-2 .content-3 .inner{padding: 60px 0 60px 50px;}
.proDetail-content.category-2 .content-3 .title{margin: 0 0 25px 0; font-weight: 500; font-size: 5.6em; line-height: 1em;}
.proDetail-content.category-2 .content-3 .desc{margin: 0; font-weight: normal; font-size: 3.6em; line-height: 1.2em;}
.proDetail-content.category-2 .content-3 .desc span{position: relative; font-size: 2em; display: inline-block; vertical-align: top; top: 4px;}
.proDetail-content.category-2 .content-3 .thumb{padding-bottom: 70px;}

.proDetail-content.category-3 .content .inner{margin-top: 50px;}
.proDetail-content.category-3 .content .title{margin: 0 0 25px 0; font-weight: 500; font-size: 5.6em; line-height: 1em;}
.proDetail-content.category-3 .content .desc{margin: 0; font-weight: normal; font-size: 4em; line-height: 1.2em;}
.proDetail-content.category-3 .content .desc span{position: relative; font-size: 2em; display: inline-block; vertical-align: top; top: 4px;}
.proDetail-content.category-3 .content .thumb{
    overflow: hidden;
    border-right: 10px solid #d9bb5b;
    border-bottom: 10px solid #d9bb5b;

    -webkit-border-top-right-radius: 80px;
    -webkit-border-bottom-left-radius: 80px;
    -moz-border-radius-topright: 80px;
    -moz-border-radius-bottomleft: 80px;
    border-top-right-radius: 80px;
    border-bottom-left-radius: 80px;
}

.proDetail-gallery{padding: 80px 0;}
.proDetail-gallery .cover{opacity: 0.5; margin: 28px 0; cursor: pointer; overflow: hidden;
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    transition: all 400ms ease-out;

    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition: 200ms;
}
.proDetail-gallery .cover img{
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    transition: all 400ms ease-out;

    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    -ms-transition: 100ms;
}
.proDetail-gallery .cover:hover img{transform: scale(1.04);}

.proDetail-gallery .center .cover{opacity: 1; margin: 0; margin-left: -45px; margin-right: -45px;}
.proDetail-gallery .owl-nav{position: absolute; width: 100%; top: 50%;}
.proDetail-gallery .owl-prev{left: -25px; background: url('../image/icon/owl-prev.png');}
.proDetail-gallery .owl-next{right: -25px; background: url('../image/icon/owl-next.png');}
.proDetail-gallery .owl-nav > div{position: absolute; transform: translate(0, -50%); font-size: 0; width: 50px; height: 50px; background-color: #dfc163;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.proDetail-gallery .owl-nav > div:hover{background-color: #d2af4a;}




.career-block{overflow: hidden;}
.career-header .cover{height: 500px;}
.career-body{padding: 60px 0; min-height: calc(100vh - 90px); background: url('../image/background/wg-about.jpg') top center no-repeat;}
.career-content{padding: 0 40px; margin-bottom: 60px; font-weight: 100; font-size: 3em; line-height: 1.2em; text-align: center; word-break: keep-all;}
.career-content strong{font-weight: 500; font-size: 1.3em;}
.career-content span{font-weight: normal; font-size: 1.15em;}

.career-list .link{
    display: block; 
    height: 190px; 
    background-color: #faeab8;
    box-shadow: 0 -100px 140px -80px #c5913b inset,
                0 0 20px rgba(0,0,0,0.1);

    color: #231f20;
    padding: 25px 30px;
    margin-bottom: 30px;
}
.career-list .title{margin: 0 0 10px 0; font-weight: 100; font-size: 2.8em; line-height: 1em;}
.career-list .desc{margin: 0; font-weight: 100; font-size: 2.4em; line-height: 1em; color: #a38022;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.career-list .link:hover{
    color: #fff;
    background-color: #bd182d;
    box-shadow: 0 -100px 140px -80px #9a1120 inset,
                0 0 20px rgba(0,0,0,0.1);
}
.career-list .link:hover .desc{color: #dab880;}

.career-detail .block + .block{margin-top: 40px;}
.career-detail .title{font-weight: 500; font-size: 3.2em; line-height: 1em;}
.career-detail .editor-content{font-size: 2.4em;}
.career-detail .editor-content ul{padding-left: 22px;}
.career-detail .editor-content ul li + li{margin-top: 5px;}

.career-form{padding: 50px; min-height: 400px;
    background: rgb(189,24,45);
    background: -moz-linear-gradient(top, rgba(189,24,45,1) 0%, rgba(154,17,32,1) 100%);
    background: -webkit-linear-gradient(top, rgba(189,24,45,1) 0%,rgba(154,17,32,1) 100%);
    background: linear-gradient(to bottom, rgba(189,24,45,1) 0%,rgba(154,17,32,1) 100%);
}
.career-form .form-button li + li{margin-left: 20px;}




.contact-block{padding: 60px 0 80px 0; min-height: calc(100vh - 90px); background: url('../image/background/wg-about.jpg') top center no-repeat;}

.contact-map{margin-top: 20px; margin-bottom: 60px; position: relative; height: 600px; border: 1px solid #ddd;}
.contact-map iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.contact-map .action{position: absolute; bottom: 23px; right: 60px;}
.contact-map .action .link{float: left; width: 56px; height: 56px; border: 1px solid #c7c7c7; background-color: #fff; padding: 3px;}
.contact-map .action .link + .link{margin-left: -1px;}
.contact-map .action .link img{float: left;}
.contact-map .action:hover .link{opacity: 0.4;}
.contact-map .action .link:hover{opacity: 1;}
.contact-form{padding: 50px; min-height: 400px;
    background: rgb(189,24,45);
    background: -moz-linear-gradient(top, rgba(189,24,45,1) 0%, rgba(154,17,32,1) 100%);
    background: -webkit-linear-gradient(top, rgba(189,24,45,1) 0%,rgba(154,17,32,1) 100%);
    background: linear-gradient(to bottom, rgba(189,24,45,1) 0%,rgba(154,17,32,1) 100%);
}

.contact-info{margin-top: -3px;}
.contact-info .item-list > li + li{margin-top: 30px;}
.contact-info .icon{width: 46px; height: 46px; background-color: #d2af4a;}
.contact-info .inner{padding-left: 20px; font-weight: 100; font-size: 2.6em; line-height: 1em; color: #888;}
.contact-info .inner strong{color: #231f20; font-weight: 100;}