@charset "utf-8";
/* CSS Document */
ul {
    padding-left: 0px;
}

body {
    font-size: 14px;
    font-family: STXihei, STHeitiLight, 'Microsoft JhengHei', 'Microsoft YaHei', Arial, sans-serif !important;
}

@font-face {

    font-family: 'font2';

    font-style: normal;
    font-weight: normal;
    src: url(../fonts/museosanscyrl-300-webfont.woff);

}

@font-face {
    font-family: "RobotoSlab-Light";
    src: url("../fonts/robotoslab-light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}

@font-face {

    font-family: 'font_kk1';
    src: url(../fonts/neutra2text_book.woff2);

}

@font-face {

    font-family: 'font_kk2';
    src: url(../fonts/neutra2text_demi.woff2);

}

@font-face {

    font-family: 'font_kk3';
    src: url(../fonts/neutra2text_bold.woff2);

}

/*.zxt1 {
    font-family: 'museosanscyrl-100-webfont' !important;
}
*/
.zxt2 {
    font-family: 'museosanscyrl-300-webfont' !important;
}

.zxt3 {
    font-family: 'font_kk1', Arial, Helvetica, sans-serif !important;
}

.zxt4 {
    font-family: 'font_kk2' !important;
}

.zxt5 {
    font-family: 'font_kk3' !important;
}

@font-face {

    font-family: 'museosanscyrl-100-webfont';

    font-style: normal;
    font-weight: normal;
    src: url(../fonts/museosanscyrl-100-webfont.woff);

}

@font-face {

    font-family: 'museosanscyrl-300-webfont';

    font-style: normal;
    font-weight: normal;
    src: url(../fonts/museosanscyrl-300-webfont.woff);

}

@font-face {

    font-family: 'Benton Extra Light';

    font-style: normal;
    font-weight: normal;
    src: url(../fonts/bentonsansextracomp-extra-light.4c6e6452d019.woff2);

}

.scroll_top {
    position: relative;
    top: 50px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);

}

.swiper-container {
    z-index: 1;
}

/*banner*/

.banner {
    z-index: 2;
    /*position: fixed; */
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.banner_img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size:cover;
    height: 100%;
	width:100%;
	object-fit: cover;
}
.banner_img img{
	width:100%;
}

/*.banner_img2 {
    background: url(../images/banner2.jpg) center center no-repeat;
}

.banner_img1 {
    background: url(../images/banner2.jpg) center center no-repeat !important;
}
*/
.banner_face {
    background: url(../images/banner_face.jpg) center center no-repeat;
}

.banner_lotion1 {
    background: url(../images/lotion1.jpg) center center no-repeat;
}

.banner_lotion2 {
    background: url(../images/lotion2.jpg) center center no-repeat;
}

.banner_lotion3 {
    background: url(../images/lotion3.jpg) center center no-repeat;
}

.banner_lotion4 {
    background: url(../images/lotion4.jpg) center center no-repeat;
}

.banner_img_img {
    position: absolute;
    bottom: 20%;
    width: 660px;
    z-index: 100;
    left: 50%;
    margin-left: -330px;
}

.banner_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    /*background-color: rgba(0, 0, 0, 0.1);*/

    background-color: #000;

    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
}

.banner_img span {
    width: 558px;
    top: 50%;
    position: absolute;
    left: 50%;
    margin-top: -53px;
    margin-left: -280px;

    -webkit-transition: all 2000ms;
    -moz-transition: all 2000ms;
    -ms-transition: all 2000ms;
    -o-transition: all 2000ms;
}

@keyframes mouse {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    100% {
        transform: translateY(15px);
        -webkit-transform: translateY(15px);
    }
}

@-webkit-keyframes mouse {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    100% {
        transform: translateY(15px);
        -webkit-transform: translateY(15px);
    }
}

.banner .scroll_down {
    width: 60px;
    height: 29px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    bottom: 120px;
    cursor: pointer;
    z-index: 2;

    -webkit-animation: mouse 2s linear alternate infinite running;
    -moz-animation: mouse 2s linear alternate infinite running;
    animation: mouse 2s linear alternate infinite running;
    -webkit-transition: all 1000ms;
    -moz-transition: all 1000ms;
    -ms-transition: all 1000ms;
    -o-transition: all 1000ms;
}

.modify .banner {
    opacity: 0.5;
    -webkit-transform: translateY(-100%) scale(0.9);
    transform: translateY(-100%) scale(0.9);
}

.background-video {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #fff;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    margin: 0 5px;
    cursor: pointer;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
}

.swiper-active-switch {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

/*banner*/

/*home1 */
.home1 {
    background: #FFF;
    padding: 50px 0 80px 0;
    /*-webkit-transform: translateY(400px);
    transform: translateY(400px);
    opacity: 0;*/
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    letter-spacing: 2px;
}

.modify .home1 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.home_p {
    padding: 80px 0;
}

.home1_tit {
    font-family: 'font2';
    font-size: 58px;
    display: block;
    color: #666;
    text-align: center;
    margin-top: 0px;
    text-transform: uppercase;

}

.home1_tit .tit {
    font-size: 30px;
}

.home1 .container {
    position: relative;
}

.home1_cont {
    /*  padding:0px 0 150px 0 ;*/
    /*border: 2px solid #000;*/
    position: relative;
}

.ind_pro_box {
    /*  overflow: hidden;*/
    width: 100%;
    position: relative;
}

.ind_pro_box ul li {
    float: left;
    padding: 150px 0;
    margin-right: 20px;
    position: relative;
}

.ind_pro_box ul li .ind_pro_con {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}

.ind_pro_left, .ind_pro_right {
    position: absolute;
    top: 140px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0) url('../images/arr.png') center center no-repeat;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
}

.ind_pro_left {
    left: -250px;
}

.ind_pro_right {
    right: -250px;
    background-image: url("../images/arr1.png");
}

.ind_probox_ts li {
    margin: 0 15px;
    color: #999;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    padding: 7px 0px;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    border-bottom: 2px solid transparent;
}

.ind_pro_box_of {
    overflow: hidden;
}

.ind_probox_ts li.on {
    color: #9a8c6a;
    font-weight: normal;
    font-style: normal;
    border-bottom: 1px solid #9a8c6a;
}

.ind_probox_ts ul {
    display: inline-block;
}

.ind_probox_ts {
    text-align: center;
    margin-bottom: 30px;
    margin-right: 20px;
    margin-top: 40px;
}

.big_img {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000000;
    z-index: 999999;
    display: none;
}

.big_img_btn {
    position: fixed;
    top: 25px;
    right: 40px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    border-radius: 30px;
    border: 2px solid #fff;
    padding: 5px;
    z-index: 8040;
    background: url('../images/close.png') center center no-repeat;
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -ms-transition: all 200ms;
}

.big_img_btn:hover {
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}

.big_img_con {
    position: absolute;
    height: 80%;
    top: 10%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
}

.big_img_con img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

.big_img_left, .big_img_right {
    position: absolute;
    top: 0px;
    cursor: pointer;
    width: 200px;
    height: 100%;
    background: rgba(0, 0, 0, 0.5) url('../images/arr.png') center center no-repeat;
}

.big_img_left {
    left: -300px;
}

.big_img_right {
    right: -300px;
    background-image: url("../images/arr1.png");
}

.ind_pro_con_text {
    text-align: center;
    margin-top: 15px;
}

.ind_pro_con_text p {
    font-size: 15px;
    letter-spacing: 0.015em;
    font-weight: 600;
    margin-bottom: 5px;
}

.ind_pro_con_text span {
    color: #666;
}

.ind_pro_con_img {
    width: 100%;
    text-align: center;
}

/*product*/
.ind_pro_con a {
    display: inline-block;
    width: 100%;
}

.pro_box_img_center {
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 1;
}

.pro_box_img_center img {
    width: 100%;
}

.pro_box_text {
    width: 100%;

    padding-bottom: 20px;
    text-align: center;
    position: relative;
}

.pro_box_text h3 {
    font-size: 16px;
    line-height: 1.6;

    letter-spacing: 0.025em;
    color: #666;
    margin: 0px;
}

/*.pro_box_text p {*/
/*padding-top: 5px;*/
/*font-size: 15px;*/
/*font-weight: 400;*/
/*line-height: 1.73;*/
/*letter-spacing: 1px;*/
/*color: #666;*/
/*margin: 0px;*/
/*}*/

.pro_box_text:after {
    content: '';
    display: block;
    width: 0%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #333;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity 500ms, width 500ms;
    transition: opacity 500ms, width 500ms;
}

.pro_box_img:after {
    content: '';
    display: block;
    width: 0%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 0;
    background: #333;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity 500ms, width 500ms;
    transition: opacity 500ms, width 500ms;
}

.ind_pro_con:hover .pro_box_img:after {
    width: 100%;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.ind_pro_con:hover .pro_box_text:after {
    width: 100%;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.pro_box_img {
    width: 100%;
    position: relative;
}

.pro_box_img_con {
    position: absolute;
    width: 100%;
    left: 0;
    top: 10%;
}

.pro_box_img_con_inner {
    position: relative;
    width: 100%;
    padding-top: 50%;
    overflow: hidden;
}

.pro_box_img_con_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: no-repeat center center;
    background-size: cover;
    background-image: url(../images/pro_bg1.jpg);

}

.pro_box_img_con_bg1 {
    background-image: url(../images/pro_bg2.jpg);

}

.pro_box_img_con_bg2 {
    background-image: url(../images/pro_bg3.jpg);

}

.pro_box_img_con_bg3 {
    background-image: url(../images/pro_bg4.jpg);

}

.pro_box_img_con_bg4 {
    background-image: url(../images/pro_bg5.jpg);

}

.pro_box_img_con_bg5 {
    background-image: url(../images/pro_bg6.jpg);

}

.pro_box_img_con_bg6 {
    background-image: url(../images/pro_bg7.jpg);

}
.pro_box_img_con_bg7{
    background-image: url(../images/pro_bg1.jpg);

}

.pro_box_img_con_bg:before, .pro_box_img_con_bg:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    -webkit-transition: bottom 500ms, top 500ms;
    transition: bottom 500ms, top 500ms;
}

.pro_box_img_con_bg:before {
    top: 0;
    bottom: 50%;
}

.pro_box_img_con_bg:after {
    top: 49%;
    bottom: -1%;
}

.ind_pro_con:hover .pro_box_img_con_bg:before {
    bottom: 100%;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), color-stop(70%, rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 70%, rgba(246, 246, 246, 0) 100%);
}

.ind_pro_con:hover .pro_box_img_con_bg:after {
    top: 100%;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 1)));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);
}

/*product*/
/*home1 */

/*home2 */
.home2 {
    background-color: #f3f3f3;
}

.home2 h2, .home3 h2 {
    margin-top: 0px;
    font-size: 30px;
    margin-bottom: 52px;
    text-align: center;
}

/*3.23*/

.home2_box {
    width: 50%;
    float: left;
    position: relative;
}

.home2_box_img {
    max-width: 420px;
    width: 62.5%;
    margin: 0 auto;
    margin-bottom: 54px;
    position: relative;

}

.home2_box_text:after {
    content: "";
    bottom: 10%;
    left: auto;
    position: absolute;
    right: -1px;
    top: 10%;
    background-color: #e3e3e3;
    width: 1px;
}

.home2_con {
    margin-top: 30px;
}

/*3.23*/
.home2_box_img:before {
    bottom: -16px;
    left: -16px;
    position: absolute;
    right: -16px;
    top: 16px;
    background-color: #fff;
    content: "";
    display: block;
    z-index: 0;
}

.home2_box_img img {
    position: relative;
    z-index: 2;
}

.home2_box_text {
    text-align: center;

}

.home2_box_text h2 {
    font-size: 30px;
    margin-bottom: 12px;
    font-family: 'font2';
    color: #666;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.home2_box_text p {
    margin-bottom: 34px;
    padding: 0 10%;
    color: #999;
}

.home2_more {
    background-color: #000;
    border-color: #000;
    color: #fff;
    letter-spacing: .05em;
    text-transform: uppercase;
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
    display: inline-block;
    font-size: 12px;
    line-height: 44px;
    text-align: center;
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
    width: 280px;
}

.home2_more:hover {
    background-color: #000;
    color: #FFF;
}

.home2_box_text2:after {
    content: "";
    bottom: 10%;
    left: auto;
    position: absolute;
    right: -1px;
    top: 10%;
    background-color: #e3e3e3;
    width: 1px;

}

/*home2 */

/*home3*/
.home3 {
    background-color: #e3d6bf;
}

.home3_tl_con {
    line-height: 55px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 60px;
    font-size: 40px;
    letter-spacing: 0px;
    font-family: "RobotoSlab-Light" !important;
    color: #333;
    /*display: -webkit-box;*/
    /*-webkit-box-orient: vertical;*/
    /*-webkit-line-clamp: 2;*/
    /*overflow: hidden;*/
}

.home3_con {
    margin-bottom: 52px;
}

.home3_box {
    width: 25%;
    float: left;
    position: relative;
}

.home3_box_img {
    margin-left: auto;
    margin-right: auto;
    height: 54px;
    width: 54px;
    margin-bottom: 30px;
}

.home3_box_text {
    text-align: center;
}

.home3_box_text:after {
    content: "";
    bottom: 20%;
    left: auto;
    position: absolute;
    right: 0;
    top: 20%;
    width: 1px;
    background-color: #d2c3ab;
}

.home3_box_text h5 {
    font-size: 14px;
    margin-bottom: 0px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #937f6d;
    line-height: 1.5;
    font-weight: bold;
}

.home3_box_text h5 font {
    font-size: 50px;
    font-weight: normal;
    /*font-family: STXihei, STHeitiLight, 'Microsoft JhengHei', 'Microsoft YaHei', Arial, sans-serif !important;*/
    font-family: 'font2';
}

.home3_box_text p span {
    margin-bottom: 0px;
    color: #454545;
    display: inline-flex;
    width: 66%;
    font-size: 14px;
    letter-spacing: 0px;
    margin: 0 auto;
    line-height: 20px;
}

.home3_more {
    text-align: center;
}

.home3_more a {
    background-color: #000;
    color: #FFF;
}

.home3_more a:hover {
    background-color: #333;
}

/*home3*/

/*  footer*/
.footer {
    background-color: #333;
    position: relative;
}

.footer_con {
    width: 1040px;
    margin: 0 auto;
    position: relative;
}

.footer_list {
    float: left;
}

.footer_list h3 {

    text-transform: uppercase;
    color: #e5e5e5;
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 1.5;
    margin-top: 0px;
}

.footer_list li a {
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #999;
    font-size: 14px;
    text-decoration: none;
    line-height: 20px;
    transition: color 100ms ease;
}

.footer_list2 {

    margin-left: 40px;
}

.footer_input {
    height: 50px;
    background-color: #242424;
    color: #e5e5e5;
    position: relative;
}

.footer_input input {
    height: 50px;
    width: 300px;
    background-color: #242424;
    border: 0px;
    padding: 0 20px;
    float: left;
    line-height: 50px;
    display: block;
}

.footer_input_bt {
    float: right;
    width: 80px;
    margin-bottom: 0px;
    height: 50px;
    background-color: #000;
    color: #e5e5e5;
    line-height: 50px;
    text-align: center;
    font-size: 13px;
}

.footer_left {
    width: 796px;
    padding: 40px 20px 40px 0;
    background-color: #333;
    position: relative;
}

.footer_list4 {
    margin-top: 40px;
}

.footer_list4 li {
    width: 50px;
    display: inline-block;
}

.footer_list4 li a {

    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #242424;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    color: #e5e5e5;
    font-size: 14px;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

.footer_list4 li:hover a {
    background-color: #1f1f1f;
}

.footer_right {
    width: 280px;
    height: 350px;
    padding: 40px 0 0 40px;
    position: absolute;
    right: 0;
    background-color: #242424;
    top: 0px;
    z-index: 2;
}

.fr_icon {
    margin-bottom: 18px;
    height: 20px;
    width: 20px;
    overflow: hidden;
    position: relative;

}

.footer_right h3 {
    /*  font-family: "Benton Extra Light",sans-serif;*/
    font-family: 'museosanscyrl-100-webfont' !important;
    text-transform: uppercase;
    color: #e5e5e5;
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 1.5;
    margin-top: 0px;

}

.footer_r_list {
    margin-bottom: 12px;
}

.footer_r_list li {
    color: #666;
    font-size: 14px;
}

.footer_phone {
    font-size: 14px !important;
    color: #999 !important;
    line-height: 24px;
}

.footer_right h4 {
    margin: 0px;
    color: #999;
    margin-bottom: 7px;
    font-size: 14px;
    line-height: 20px;
	width:367px;
}

.footer_mes {
    font-size: 12px;
    bottom: 30px;
    left: 30px;
    position: absolute;
    color: #666;
	height:0px;
}

.footr_bg {
    content: "";
    background-color: #242424;
    left: 70%;
    right: 0;
    bottom: 0;
    position: absolute;
    top: 0;
    z-index: 0;
    width: 30%;
    height: 100%;
}

.footer_box {
    position: absolute;
    width: 80px;
    height: 80px;
    top: 0px;
    left: 0px;
}

/*  footer*/

/*header*/

.header_kk {
    position: fixed;
    width: 100%;
    height: 110px;
    z-index: 99999;
    top: 0;
    left: 0;

    background-color: #FFF;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

.head_top {
    width: 100%;
    border-bottom: 1px solid #dadada;
    height: 55px;
    line-height: 55px;
    /*  font-size:16px;*/
}

.head_top_left {
    float: left;

    color: #666;

}

.head_top_left span, .head_top_right_icon {
    margin-right: 15px;
}

.head_top_left span img, .head_top_right_icon img {
    margin-right: 3px;
}

.head_top_right {
    float: right;

}

.head_top_right_box {
    display: inline-block;
    position: relative;
    margin-right: 10px;
}

.head_top_right_box span {
    position: absolute;
    bottom: 8px;
    right: -2px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #002246;
    font-size: 12px;
    color: #FFF;
    line-height: 15px;
    text-align: center;
}

.head_top_right_box_input {
    display: inline-block;
    width: 120px;
    height: 30px;
    border: 1px solid #999;
    line-height: 30px;
    position: relative;

}

.bumer {
    background: url("../images/search.png") 5px 5px no-repeat;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    border: 0px;
    outline: none;

}

.head_top_right_box_input input {
    border: 0px;
    background-color: transparent;
    width: 100%;
    height: 100%;
    color: #666;
    padding-left: 30px;
    line-height: 30px;
}

.head_list {
    width: 100%;
    text-align: center;
    height: 55px;

}

.head_list ul {
    padding-left: 0px;
    list-style: none;
    margin: 0 auto;
    display: inline-block;

}

.head_list ul li {
    float: left;

    /*  position: relative;*/
}

.head_kk_a:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 4px;
    background-color: #fff;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;

}

.logo_con:after {
    display: none;
}

.head_list ul li:hover .head_kk_a:after {
    background-color: #f6d876;
}

.head_list_r a {
    margin-left: 0px !important;
    margin-right: 25px;
}

.logo {
    width: 212px;
    text-align: center;
    display: inline-block;
}

.logo a {
    display: inline-block;
}

.logo img {
    position: relative;
    width: 212px;
    margin-top: -58px;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

.logo_con {
    padding-left: 0px !important;
    padding-right: 0px !important;
    position: relative;
    text-align: center;
}

.head_kk_a {
    font-family: STXihei, STHeitiLight, 'Microsoft JhengHei', 'Microsoft YaHei', Arial, sans-serif !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: uppercase;
    color: #333;
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 55px;
    margin-left: 25px;
    position: relative;
}

.warpper {
    padding-top: 110px;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;

}

.head_menu {
    width: 100%;
    background-color: #ededed;

}

.head_menu_tit h3 {
    margin-top: 0px;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: left;
}

.head_menu_box {
    display: none;

}

.head_menu_box .container {
    padding: 20px 15px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;

    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}

.head_op {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.head_menu_list ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: block;

}

.head_menu_list ul li {
    line-height: 35px;
    width: 100%;
    text-align: left;
    font-family: "MS P Gothic", Verdana, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.head_menu_rbox {
    position: relative;
}

.head_menu_box_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0);
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    cursor: pointer;

}

.head_menu_rbox:hover .head_menu_box_bg {
    background-color: rgba(0, 0, 0, 0.8);
}

.head_menu_text {
    position: absolute;
    bottom: 15px;
    left: 0px;
    width: 100%;

}

.head_menu_text h4 {
    padding-bottom: 20px;
    min-height: 65px;
    color: #FFF;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    position: relative;

}

.head_menu_text h4:after {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background-color: #f6d876;
    position: absolute;
    right: 0;
    bottom: 13px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
}

.head_menu_right {
    margin-top: -20px;
}

.head_menu_right:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0px;
    background-color: #dadada;
    top: 0px;
}

.head_menu_right .col-sm-3 {
    padding-right: 2px;
}

.head_menu_rbox {
    margin-top: 20px;
}

.meau_line {
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;

}

/*header*/

/**/
.index_home1 {
    min-height: 760px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.index_home1_img {
    width: 100%;
    position: absolute;
    top: 45%;
    z-index: -1;
    -webkit-transition: all cubic-bezier(.18, 1, .21, 1) 2s;
    -moz-transition: all cubic-bezier(.18, 1, .21, 1) 2s;
    -ms-transition: all cubic-bezier(.18, 1, .21, 1) 2s;
    -o-transition: all cubic-bezier(.18, 1, .21, 1) 2s;
    transition: all cubic-bezier(.18, 1, .21, 1) 2s;
}

.home_txt {
    color: #ffffff;
    position: absolute;
    top: 70%;
    left: 24%;
    width: 52%;
    text-align: center;
    z-index: 11;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    /*
        opacity:0;
        -moz-opacity:0;
        -khtml-opacity:0;
        -webkit-opacity:0;
        filter:alpha(opacity=0);

    */
    font-family: "MS P Gothic", Verdana, sans-serif;
}

.home_txt h1 {
    margin-top: 0;
    font-size: 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.home_txt p {
    font-size: 18px;
    margin-bottom: 0px;
    letter-spacing: 2px;
}

.home_txt a {
    color: #ffffff;
    padding-left: 60px;
    padding-top: 60px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    transition: all .5s ease-out;
    font-size: 18px;
    letter-spacing: 2px;
}

.home_txt a:after {
    content: "";
    position: absolute;
    top: 50px;
    width: 120px;
    height: 2px;
    background-color: #ffffff;
    left: 50%;
    transition: all .5s ease-out;
    margin-left: -60px;
}

.home_txt a:before {
    content: "";
    position: absolute;
    top: 50px;
    width: 120px;
    height: 2px;
    background-color: #ffffff;
    transition: all .5s ease-out;
    left: -200px;
    margin-left: -60px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
}

.home_txt a:hover {
    padding-left: 0px;
}

.home_txt a:hover:after {
    left: 200%;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
}

.home_txt a:hover:before {
    left: 60px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.home1_ng {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    background: #000000;
    height: 100%;
    opacity: 0.3;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
}

/*2*/

/*home2*/
.index_home2 {
    padding-top: 120px;
    padding-left: 10%;
    padding-right: 10%;
    position: relative;
    padding-bottom: 90px;
    font-family: "Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Meiryo, "MS P Gothic", Verdana, sans-serif;
}

.home2_one {
    width: 33.33%;
    float: left;
}

.home2_one .number1 {
    width: 40px;
    height: 40px;
    border: solid 1px #ccc;
    text-align: center;
    background-color: #fff;
    line-height: 40px;
    margin-bottom: 58px;
    display: block;
    margin-left: -20px;
    color: #555;
}

.number2 {
    position: absolute;
    left: 8%;
    bottom: 12%;
    /*width: 40px;*/
}

.number2 .reader {
    padding: 0 13px;
    line-height: 40px;
    text-align: center;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.btn_txt {
    display: none;
    color: #ffffff;
    position: absolute;
    top: 0;
    right: 18%;
}

.number2:hover .reader {
    padding: 0 70px;
}

.number2:hover .btn_txt {
    display: block;
}

.number2 .reader .plus {
    margin-right: 0
}

.reader {
    height: 40px;
    display: inline-block;
    vertical-align: top;
    border: 1px #cccccc solid;
    line-height: 40px;
    color: #111;
    padding: 0 70px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: relative;
    z-index: 1;
}

.reader .plus {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 7px;
}

.reader .plus .bar {
    position: absolute;
    top: 5px;
    left: 0;
    display: inline-block;
    width: 10px;
    height: 1px;
    background-color: #111;
}

.reader .plus .bar:before {
    content: '';
    position: absolute;
    top: -4px;
    left: 5px;
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 5px;
    background-color: #111;
    -webkit-transition: all 0.24s cubic-bezier(0.3, 0.74, 0.5, 0.93);
    transition: all 0.24s cubic-bezier(0.3, 0.74, 0.5, 0.93);
}

.reader .plus .bar:after {
    top: 0;
    left: 5px;
    content: '';
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 5px;
    background-color: #111;
    -webkit-transition: all 0.24s cubic-bezier(0.3, 0.74, 0.5, 0.93);
    transition: all 0.24s cubic-bezier(0.3, 0.74, 0.5, 0.93);
}

.reader:hover {
    background: #111111;
    color: #ffffff;
}

.reader:hover .plus .bar {
    background: #ffffff
}

.reader:hover .plus .bar:before {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    top: -4px;
    left: 7px;
    background-color: #ffffff;
}

.reader:hover .plus .bar:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    background-color: #ffffff;
    left: 7px;
}

.home2_one p {
    margin-bottom: 20px;
    font-size: 18px;
    width: 90%;
}

.home2_one h2 {
    margin-bottom: 24px;
    margin-top: 0;
    font-size: 36px;
    letter-spacing: 5px;
    line-height: 42px;
}

.digital {
    margin-top: 0;
    margin-bottom: 100px;
    font-size: 40px;
    line-height: 1.5;
    letter-spacing: 0.1em;
    font-family: "RobotoSlab-Light" !important;
}

.digital > p {
    margin-bottom: 0;
    position: relative;
    top: 60px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
}

.home2_line1 {
    position: absolute;
    top: 0;
    height: 100%;
    background: #ededed;
    left: 3%;
    width: 1px;
}

.home2_line2 {
    position: absolute;
    top: 0;
    height: 100%;
    background: #ededed;
    left: 9%;
    width: 1px;
}

.home2_line3 {
    position: absolute;
    top: 0;
    height: 100%;
    background: #ededed;
    left: 36.3%;
    width: 1px;
}

.home2_line4 {
    position: absolute;
    top: 0;
    height: 100%;
    background: #ededed;
    right: 36.3%;
    width: 1px;
}

.home2_line5 {
    position: absolute;
    top: 0;
    height: 100%;
    background: #ededed;
    right: 3%;
    width: 1px;
}

.home2_line6 {
    position: absolute;
    top: 0;
    height: 100%;
    background: #ededed;
    right: 9%;
    width: 1px;
}

.home2_top {
    margin-bottom: 150px;
}

.home2_news_one {
    width: 33.33%;
    float: left;
    margin-bottom: 60px;
    text-align: right;
    cursor: pointer;
}

.home2_news_one1 {
    width: 33.33%;
    float: left;
    margin-bottom: 30px;
    text-align: left;
    cursor: pointer;

}

.news_one_img {
    max-width: 300px;
    display: inline-block;
}

.news_one_img1 {
    display: inline-block;
    width: 96%;
}

.one_img1 {
    position: relative;
    z-index: 2;
}

.one_img1_bg {
    width: 100%;
    height: 0%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: #a99577;
}

.one_img1_show {
    position: relative;
    top: 50px;
    left: 50px;
    overflow: hidden;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
}

.one_img1_show1 {
    position: relative;
    top: 0px;
    left: 0px;
    overflow: hidden;
}

.news_one_zi {
    position: relative;
    top: 60px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
}

.news_one_zi1 {
    position: relative;
    top: 0px;
    padding: 10px;
    background: #FFF;
}

.news_one_zi1 span {
    display:block;
    height:20px;
    }

.news_one_zi1 h3 {
    height:50px !important;
    display: block !important;
    line-height: 25px !important;
    overflow: hidden;
    font-size: 16px !important;
    letter-spacing: 1px !important;
    margin-top:5px!important;

}

.one_img1 img {
    -webkit-transition: all cubic-bezier(.18, 1, .21, 1) 2s;
    -moz-transition: all cubic-bezier(.18, 1, .21, 1) 2s;
    -ms-transition: all cubic-bezier(.18, 1, .21, 1) 2s;
    -o-transition: all cubic-bezier(.18, 1, .21, 1) 2s;
    transition: all cubic-bezier(.18, 1, .21, 1) 2s;
}

.news_one_img:hover .one_img1 img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.news_one_bg {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all cubic-bezier(.18, 1, .21, 1) 0.9s;
    -moz-transition: all cubic-bezier(.18, 1, .21, 1) 0.9s;
    -ms-transition: all cubic-bezier(.18, 1, .21, 1) 0.9s;
    -o-transition: all cubic-bezier(.18, 1, .21, 1) 0.9s;
    transition: all cubic-bezier(.18, 1, .21, 1) 0.9s;
}

.news_one_img:hover .news_one_bg {
    opacity: 0.4;
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    -webkit-opacity: 0.4;
    filter: alpha(opacity=40);
}


.news_inner_center p{text-indent: 2em;}

.tette p {
    color: #ffffff;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    font-size: 18px;
    letter-spacing: 2px;
    margin-top: -13px;
}

.news_one_txt .item1 {
    color: #333;
    z-index: 11;
    display: inline-block;
    position: relative;
    padding-left: 10px;
    padding-right: 8px;
    padding-bottom: 5px;
    float: left;
    margin-right: 8px;
    margin-bottom: 0px;
    line-height: 16px;
    font-size: 12px;
}

.item1 .text {
    position: relative;
    z-index: 11;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 2px;
}

.line01 {
    background: #ddd;
    position: absolute;
    height: 1px;
    top: 4px;
    left: 0;
    width: 100%;
}

.line02 {
    background: #ddd;
    position: absolute;
    height: 1px;
    top: 7px;
    left: 5px;
    width: 100%;
}

.line03 {
    background: #ddd;
    position: absolute;
    height: 1px;
    top: 10px;
    left: 0;
    width: 100%;
}

.line04 {
    background: #ddd;
    position: absolute;
    height: 1px;
    top: 13px;
    left: 5px;
    width: 100%;
}

.news_one_img h3 {
    letter-spacing: 2px;
    text-align: left;
    line-height: 24px;
    overflow: hidden;
    height: 48px;
    width: 100%;
    margin-bottom: 0;
    margin-top: 5px;
    font-size: 1.4rem;

}

.tette {
    position: absolute;
    top: 50%;
    width: 100%;
    color: #ffffff;
    text-align: center;
    margin-bottom: 0;
    margin-top: -10px;
    margin-top: -12px;
    overflow: hidden;
    font-size: 18px;
}

@media (max-width: 1919px) and (min-width: 1600px) {
    .ind_pro_left {
        left: -80px;
    }

    .ind_pro_right {
        right: -80px;
    }

}

@media (max-width: 1599px) and (min-width: 1439px) {
    .ind_pro_left {
        left: 0px;
    }

    .ind_pro_right {
        right: 0px;
    }

    .ind_pro_box_of {
        width: 80%;
        margin: 0 auto;
    }

}

@media (max-width: 1440px) and (min-width: 1024px) {
    .ind_pro_left {
        left: 0px;
    }

    .ind_pro_right {
        right: 0px;
    }

    .ind_pro_box_of {
        width: 80%;
        margin: 0 auto;
    }

    .background-video {
        min-width: 130%;
        min-height: 130%;

    }

    .index_home1 {
        min-height: 500px;
    }

    .home3_box_text p span {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;

    }

    .big_img_left {
        left: -200px;
    }

    .big_img_right {
        right: -200px;
    }
}

@media (max-width: 1439px) and (min-width: 1280px) {
    .index_home1 {
        min-height: 600px;
    }

}

@media (max-width: 1279px) and (min-width: 1170px) {
    .footer_input input {
        width: 200px;
    }

    .footer_left {
        width: 696px;
    }

    .footer_con {
        width: 940px;
    }

    .background-video {
        min-width: 140%;
        min-height: 140%;

    }
}

@media (max-width: 1169px) and (min-width: 1024px) {
    .footer_input input {
        width: 200px;
    }

    .footer_list4 {

    }

    .footer_left {
        width: 600px;
    }

    .footer_con {
        width: 840px;
    }

    .background-video {
        min-width: 160%;
        min-height: 160%;

    }

}

.bannerline {
    height: 60px;
    text-align: center;
    background: #002246;
}

/*品牌宣传*/
.grow_kk_1 {
    width: 31.333%;
    float: left;
    margin: 0px 1%;
    position: relative;
}

.gorw_kk_2 {
    width: 31.333%;
    margin: 0px 1%;
    position: relative;
    float: left;

}

.grow_img {
    position: relative;
}

.xc_video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.1)
}

.video_btn {
    width: 80px;
    height: 80px;
    background: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
}

.video_btn:after {
    position: absolute;
    left: 50%;
    top: 50%;
    content: '';
    margin-left: -6px;
    margin-top: -7px;
    border-color: transparent;
    border-style: solid;
    border-width: 7px 0 7px 12px;
    border-left-color: #666;
}

.xc_video img {
    position: absolute;
    top: 50%;
    left: 50%;
    /*width:0px;*/
    width: 60px;
    margin-top: -30px;
    margin-left: -30px;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    /*filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;*/
}

.grow_con:hover .xc_video img {
    width: 80px;
    margin-top: -40px;
    margin-left: -40px;
    /*filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;*/
}

.grow_img span {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    display: inline-block;
    font-size: 20px;
    padding: 10px 50px;
    z-index: 2;
    background-color: #666;
    color: #fff;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

.grow_line_th {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    border: 0px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.grow_line_th span {
    display: block;
    width: 50%;
    height: 100%;
    border: 0px;
    border-right: 1px solid #eee;
}

.gorw_txt {
    padding: 20px;
    line-height: 25px;
    font-size: 14px;
    color: #888;
    position: relative;
}

.gorw_txt h3 {
    font-size: 18px;
    line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow:hidden;
    color: #333;
}

.gorw_txt p {
    width: 100%;
}

.grow_line {
    margin-top: 80px;
    position: relative;
}

.grow_line span {
    position: absolute;
    top: 0px;
    width: 0;
    height: 1px;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

.line_fr {
    background-color: #cb9d3b;
    left: 0px;
}

.line_se {
    left: 50%;
    background-color: #cccccc;
    right: 0px;
}

.grow_con:hover .grow_line > span {
    width: 50%;
}

.grow_con {
    cursor: pointer;
}

/*品牌宣传*/

/*创意视频*/
.gltd_con {
    width: 100%;
    background-color: #FFF;
    padding: 20px 0;
}

.gltd_con2 {

}

.gl_box {
    width: 50%;
    display: table;
    float: right;
}

.gltd_con2 .gl_box {
    float: left;
}

.gl_con {
    display: table-cell;
    vertical-align: middle;
}

.gl_con h5 {
    font-size: 18px;
}

.gl_con h5 hr {
    display: inline-block;
    border-top: 1px solid #383838;
    margin: 5px 10px;
    width: 80px;
}

.gl_con h2 {
    font-size: 18px;
    margin: 30px 0;
}

.gl_con p {
    line-height: 25px;
    color: #888;
}

.gl_img {
    width: 40%;
    position: relative;
    float: left;
    cursor: pointer;
}

.gltd_con2 .gl_img {
    float: right;
}

.gl_fk {
    position: absolute;
    width: 60px;
    height: 60%;
    top: 20%;
    right: -30px;
    background-color: #666;
    transition: all 0.2s linear;
    text-align: center;
}

.gl_fk img {
    width: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    /*filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;*/
}

/*.gltd_con:hover .gl_fk img{*/
/*transition-delay: 0.2s;*/
/*-moz-transition-delay: 0.2s; !* Firefox 4 *!*/
/*-webkit-transition-delay: 0.2s; !* Safari 和 Chrome *!*/
/*-o-transition-delay: 0.2s; !* Opera *!*/
/*filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;*/
/*}*/
.gl_im_kk img {
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    transition: opacity 1s, transform 1s, -webkit-transform 1s;
}

.gltd_con:hover .gl_im_kk img {
    opacity: 0.9;
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}

.gltd_con:hover .gl_fk {
    width: 80px;
    right: -40px;
}

.gl_fk .video_btn {
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
}

.gl_im_kk {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.gltd_con2 {
    background-color: #f5f5f5;
}

.gary .gltd_con2 {
    background: #ffffff;
}

.gltd_con2 .gl_fk {
    left: -30px;
}

.gltd_con2 :hover .gl_fk {
    left: -40px;
}

/*创意视频*/

/*活动视频*/
.gary {
    background: #f5f5f5;
}

.gary .new_tit h3 {
    background: #f5f5f5;
}

.cate_con {
    position: relative;
    padding-right: 35%;
}

.cate_text {
    position: absolute;
    width: 40%;
    right: 5%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cate_text .tit {
    font-size: 18px;
    background: #f5f5f5;
    padding: 20px;
    margin-bottom: 20px;
}

.cate_text .text {
    background: #666;
    color: #ffffff;
    padding: 15px 20px;
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
}

.cate_con:hover .text i {
    margin-left: 10px;
}

.cate_con .text i {
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}

/*活动视频*/

/*分页*/

.fenye {
    padding: 15px 60px;
    text-align: center;
    margin-bottom: 50px;
    position: relative;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.fenye ul {
    height: auto;
    text-align: center;
}

.fenye ul li {
    text-align: center;
    display: inline-block;
    margin: 0px 5px;
}

.fenye ul li a {
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    border: 1px solid #7c8087;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    transition: color .6s, border-color .6s, background-color .6s;
}

.fenye ul li a:hover {
    border: 1px solid #c6352f;
    color: #c6352f;
    transition: color .6s, border-color .6s, background-color .6s;
}

#fydq a {
    border: 1px solid #c6352f;
    color: #c6352f;
    font-weight: bold;
}

.fyqb {
    position: absolute;
    top: 15px;
    left: 30px;
}

.fyqb a {
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    border: 1px solid #c6352f;
    color: #c6352f;
    line-height: 36px;
    text-align: center;
    font-size: 16px;

    font-weight: bold;
}

.fyqb1 {
    position: absolute;
    top: 15px;
    right: 30px;
}

.fyqb1 a {
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    border: 1px solid #c6352f;
    color: #c6352f;
    line-height: 36px;
    text-align: center;
    font-size: 16px;

    font-weight: bold;
}

/*分页*/

/* right */

.cookie {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 34, 71, 0.98);
    z-index: 33;
    /*color: #cacaca;*/
    color: #EEE;
}

.cookie_con {
    width: 80%;
    max-width: 1330px;
    margin: 0px auto;
    padding: 18px 0;
    position: relative;
    text-align: center;
    font-size: 14px;
}

.cookie_con a {
    /*color: #cacaca;*/
    color: #757575;
    text-decoration: underline;
}

.cookie_btn {
    position: absolute;
    top: 50%;
    right: 20px;
    cursor: pointer;
    margin-top: -8px;
}

.visit {
    /*display: none;*/
    position: fixed;
    right: 0;
    top: 50%;
    border: 1px solid #d2d2d2;
    border-right: 0;
    width: 55px;
    height: 185px;
    color: #000;
    z-index: 999;
    margin-top: -92px;
    text-align: center;
    line-height: 17px;
    letter-spacing: 2px;
    background: #fff;
    cursor: pointer;
    padding-top: 10px;

}

.visit div {
    padding: 0 15px;
    margin-top: 5px;
    font-size: 14px;
}

.visit-c {
    padding: 30px 35px 15px 35px;
    position: fixed;
    right: -900px;
    top: 50%;
    color: #000;
    font-size: 14px;
    text-align: center;
    background: #fff;
    border: 1px solid #d2d2d2;
    border-right: 0;
    margin-top: -177px;
    z-index: 1000;
}

.visit-c h5 {
    font-size: 16px;
    line-height: 40px;
    margin: 0px;
}

.visit-c p {
    line-height: 30px;
    margin: 0px;
}

.visit-c img {
    display: inline-block;
    width: 130px;
    margin: 10px 0;
}

.sidebar-close {
    position: absolute;
    right: 10px;
    top: 8px;
    text-indent: -9999px;
    background: url(../images/sidebar-close.png) no-repeat 0 0;
    display: block;
    width: 22px;
    height: 21px;
    cursor: pointer;
}

/* right */

/******news1*******/
.news_con {
    padding: 70px 5%;
    background: #fff;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: relative;
    border-bottom: 1px solid #efefef;
}

.news_con1 {
    border-top: 1px solid #efefef;
}

.news_box1 {
    /* text-align: center; */

}

.news_con a:hover {
    color: #FFFFff;
}

.news_box1 .people {
    padding: 8px 15px;
    border: 1px solid #666;
    border-radius: 20px;
    background: #fff;
}

.news_box2 h3 {
    margin-top: 0;
    font-weight: 600;
    color: #333;
    font-size: 26px;
}

.news_box2 h3 a {
    font-size: 26px;
    line-height: 30px;
    color: #333;
    font-weight: bold;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.news_box2 p {
    font-size: 14px;
    line-height: 25px;
    color: #666;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.news_box2 p b {
    font-size: 12px;
    line-height: 20px;
    color: #333;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.news_box2 p span {
    font-size: 12px;
    line-height: 20px;
    color: #666;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.news_box3 {
    text-align: right;
}

.news_box3 a {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: 8%;
    background: url(../images/news_more.png) no-repeat;
}

.news_con:hover .news_box2 h3 {
    color: #FFFFff;
}

.news_con_bg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.news_con1:hover {
    background: url(../images/news01.jpg) no-repeat center;

}

.news_con2:hover {
    background: url(../images/news02.jpg) no-repeat center;

}

.news_con3:hover {
    background: url(../images/news01.jpg) no-repeat center;

}

.news_con4:hover {
    background: url(../images/news02.jpg) no-repeat center;

}

.news_con5:hover {
    background: url(../images/news01.jpg) no-repeat center;

}

.news_con6:hover {
    background: url(../images/news02.jpg) no-repeat center;

}

.news_con:hover .news_box3 a {
    background: url(../images/news_more1.png) no-repeat;
}

.news_con:hover .news_box2 h3 a {
    color: #fff;
}

.news_con:hover .news_box2 p {
    color: #fff;
}

.news_con:hover .news_box2 p b {
    color: #fff;
}

.news_con:hover .news_box2 p span {
    color: #fff;
}

.news_con:hover .news_con_bg {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.news_con .news_box2 h3 a:hover {
    color: #ef173b !important;
}

/******news1*******/

/******news_inner*******/
.news_inner_top h2 {
    font-size: 50px;
    line-height: 60px;
    font-weight: bold;
}

.news_inner_top h3 {
    margin: 20px 0;
    font-weight: bold;
}

.news_inner_top p {
    font-size: 14px;
    line-height: 25px;
    color: #666;
}

.news_inner_left {
    width: 30%;
    float: left;
    margin-right: 30px;
}

.news_inner_right p {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 20px;
    color: #666;
}

.news_inner_young h4 {
    font-size: 18px;
    line-height: 25px;
    font-weight: bold;
    margin: 20px 0;
}

.news_inner_young p {
    font-size: 14px;
    line-height: 25px;
    color: #666;

}


.news_inner_event h4 {
    font-size: 18px;
    line-height: 25px;
    font-weight: bold;
    margin: 20px 0;
}

.news_inner_event p {
    font-size: 14px;
    line-height: 25px;
    color: #666;

}

.news_inner_share {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #efefef;
}

.news_inner_box {
    width: 25%;
    float: left;
    padding: 0 10px;
}

.news_inner_related {
    margin: 0 -10px;
}

.news_inner_related h5 {
    font-weight: bold;
    padding-left: 10px;
    color: #666;
    margin-bottom: 20px;
}

.news_inner_related p {
    font-size: 14px;
    line-height: 25px;
    margin-top: 10px;
}

/******news_inner*******/

/*招聘*/

.subsidiary {
    background-color: #f5f5f5;
    padding: 80px 0;
}

.recruiter {
    background: #FFFFff;
    padding: 80px 0;

}

.welcome {
    padding: 0px 0 55px;
    text-align: center;
    font-size: 50px;
    line-height: 60px;
    font-weight: 300;
    letter-spacing: 19px;

    margin: 0px;
    text-transform: uppercase;
}

.lcome_tit {
    text-align: center;

    color: #636363;
    padding-bottom: 40px;
}

.join {
    margin-bottom: 20px;
}

.join_one {
    background-color: #f5f5f5;
    position: relative;
    padding: 30px 60px 22px 20px;
    cursor: pointer;
    color: #333333;
}

/*.joinList { margin-top: 60px; }*/
.join_on {
    font-size: 22px;
    color: #000000;
    line-height: 1.2;
    margin-bottom: 15px;
}

.join_mm {
    color: #636363;
}

.join_tot {
    text-align: center;
    margin-bottom: 70px;
}

.joinList {
    background-color: #f5f5f5;
}

.iber {
    width: 21px;
    height: 21px;
    background-color: #d8d8d8;
    display: block;
    position: absolute;
    right: 20px;
    transition: 400ms;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -ms-transition: 400ms;
    top: 35px;
    z-index: 111;
}

.add_x {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    background-color: #002247;
}

.iber .ic1 {
    display: block;
    background-color: #fff;
    width: 1px;
    height: 9px;
    margin: 6px auto;
}

.iber .ic2 {
    display: block;
    width: 9px;
    height: 1px;
    position: absolute;
    left: 50%;
    top: 49%;
    margin-left: -5px;
    background-color: #fff;
}

.join p {
    color: #a3a3a3;
    margin-bottom: 0px;
    line-height: 24px;
}

.pageCon1 {
    margin-bottom: 15px;
}

.join h5 {
    margin-top: 0px;
    font-size: 16px;
    color: #555555;
    margin-bottom: 0;
    line-height: 26px;
}

.join_one_2 {
    border: 1px solid #dadada;
    margin: 0px auto;
    padding: 30px 20px;
    overflow: hidden;
    background: #ffffff;
    display: none
}

.tration a {
    display: inline-block;
    width: 180px;
    text-align: center;
    background: #002247;
    line-height: 40px;position: relative;
    height: 40px;
    color: #FFFFff;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.tration a:hover {
    background: #054b97;
}

.subsidiary h3 {
    margin-left: 0.5em;
    font-size: 24px;
    letter-spacing: 0.5em;
    text-align: center;
    color: #222;
    margin-top: 0px;
    margin-bottom: 63px;

    width: 100%;
}

.news_sou {
    margin-bottom: 30px;
    background: #ffffff;
    padding: 30px 0;
    position: relative;
    text-align: center;

}

/*.pro_tit_cont {
    margin-top: 110px;
}*/

.news_con a:hover .people {
    color: #666;
}

.provin select {
    width: 100%;
    line-height: 45px;
    height: 45px;
    border: none;
    padding: 0 20px;
    outline: none;
    background: transparent;
}

.provin {
    padding-right: 20px;
    cursor: pointer;
    background: #f5f5f5;
    position: relative;
    line-height: 45px;
    width: 240px;
    display: inline-block;
    margin-right: 10px;
}

/*3.313*/
.refunds_bg_y {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: #000;
    opacity: 0.4;
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    -webkit-opacity: 0.4;
    filter: alpha(opacity=40);
}

.funds_bg {

    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;

}

.WeChat {
    width: 220px;
    position: fixed;
    border: 5px solid #7f7f7f;
    border-radius: 5px;
    top: 50%;
    left: 50%;
    z-index: 1111;
    background: #FFFFff;
    height: 225px;
    margin-left: -110px;
    margin-top: -112px;
}

.funds_bg p span {
    float: right;
    padding: 0px 5px;
    cursor: pointer;
}

.funds_bg p {
    background: #F2F2F2;
    color: #666666;
    margin-bottom: 0;
    line-height: 24px;
    padding: 5px 10px;
    border-bottom: 1px solid #e8e8e8;
}

.Qr_code {
    width: 150px;
    margin: 15px auto;
}

.she_click {
    cursor: pointer;
    font-size: 16px;
}

/*3.14调整*/
.index_home2 .home1_tit {

    margin-bottom: 35px;
}

.home_ad {
    background: #FFFFff;
}

.home_ad .home1_tit {

    margin-bottom: 35px;
}

.head_top_left {
    font-family: STXihei, STHeitiLight, 'Microsoft JhengHei', 'Microsoft YaHei', Arial, sans-serif !important;
}

.addre_one_img {
    width: 100px;
    margin: 0px auto;
}

.addre_one {
    width: 23%;
    margin: 0px 1%;
    float: left;
    background: #FFFFff;
    padding: 20px 0;
    margin-bottom: 30px;
    position: relative;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);

    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.addre_one:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.addre_one_img img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.addre_o .addre_one_img img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.lmo_col .addre_one_img img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.addre_o .addre_line1 {
    height: 100%;
}

.addre_o .addre_line2 {
    height: 100%;
}

.addre_o .addre_line3 {
    width: 100%;
}

.addre_o .addre_line4 {
    width: 100%;
}

.recruiter {
    background: #F5f5f5;

}

.join_one {
    background-color: #ffffff;

}

.addre_one p {
    text-align: center;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 15px;
}

.addre_line1 {
    position: absolute;
    top: 0;
    left: 0px;
    width: 2px;
    height: 0%;
    background: #e0ae37;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.addre_line2 {
    position: absolute;
    top: 0;
    right: 0px;
    width: 2px;
    height: 0%;
    background: #e0ae37;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.addre_line3 {
    position: absolute;
    top: 0;
    left: 0px;
    width: 0%;
    height: 2px;
    background: #e0ae37;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.addre_line4 {
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 0%;
    height: 2px;
    background: #e0ae37;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.addre_one:hover .addre_line1 {
    height: 100%;
}

.addre_one:hover .addre_line2 {
    height: 100%;
}

.addre_one:hover .addre_line3 {
    width: 100%;
}

.addre_one:hover .addre_line4 {
    width: 100%;
}

.allmome {
    margin: 30px 0;
}

.cont1_fen {
    background: #ffffff;
}

.subsidiary {
    background-color: #ffffff;
    padding: 80px 0;
}

.comm_last {
    background: #f5f5f5;
}

.cont_join {
    text-align: right;
    padding-right: 25px;
    padding-left: 25px;
}

.brand_p1 {

    height: 150px;

}

.channel_one:hover {
    background: #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

.channel_one {
    position: relative;
    padding: 50px 30px 40px 30px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-bottom: 1px solid #d4d4d4;
}

.channel_one h3 {
    font-size: 20px;
    margin-top: 0px;
    color: #2a2a2a;

}

.channel_one p {
    font-size: 16px;
    margin-bottom: 0px;
    color: #2a2a2a;

}

.channel_one p span {

    color: #cfbda8;
    display: inline-block;
    margin-left: 17px;

}

.channel {
    background: #FFFFff;
    padding: 70px 0;
}

.annel h4 {
    margin-top: 0px;
    font-size: 24px;
    font-weight: 600;
}

.annel h5 {
    margin: 0px;
    font-size: 16px;
}

.annel {

    position: absolute;
    top: 50%;
    right: 30px;
    color: #cfbda8;
    width: 100px;
    text-align: center;
    margin-top: -27px;
}

.grow_box_a a {

    width: 300px;

}

.gl_con h2 {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 20px;
    color: #333;
}

.gl_con h5 {

    color: #767676;
    margin-top: 0px;
}

.cha_k {
    width: 145px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    border: 1px solid #333;
    color: #333;
    text-align: center;
    margin-top: 15px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;

}

.cha_k:hover {
    color: #fff;
    background: #333;
}

.gltd_lone {
    border-bottom: 1px solid #ddd;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    padding: 20px 0;
}

.gltd_lone:hover {
    border-bottom: 1px solid #191919;
}

.gltd_con {
    width: 100%;
    background-color: #FFF;
    padding: 0px 0;
}

/**/
.teaser_left {
    width: 50%;
    float: left;
    position: relative;
}

.teaser_right {
    width: 50%;
    float: left;
    display: table;
}

.teaser_right1 {
    display: table-cell;
    vertical-align: middle;
    padding: 0px 30px;
}

.teaser_right1 p span {
    color: #002247;
    font-size: 40px;
}

.teaser_right1 h5 {
    margin-top: 0px;
    font-size: 18px;
}

.uter_txt {
    font-size: 22px;
    color: #333335;
}

.uter_col {
    color: #002247;
}

.has_outer_one img {
    width: 50px;
    position: absolute;
    top: 0;
    left: 0px;
}

.has_outer_one {
    width: 20%;
    float: left;
    position: relative;
    padding-left: 60px;
}

.has_outer {
    margin-top: 40px;
    padding: 25px 0px;
    border-top: solid #c1c1c1 1px;
    border-bottom: solid #c1c1c1 1px;
}

.teser_tti {
    position: relative;
    padding-left: 60px;
}

.teser_tti img {
    width: 48px;
    position: absolute;
    top: 0;
    left: 0px;
}

.teser_tti p {
    margin-bottom: 0px;
    line-height: 22px;
    height: 22px;
    color: #858586;
}

.teser_ock h5 {
    line-height: 22px;
    height: 66px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-top: 0px;
}

.teser_ock h4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin: 15px 0;
    height: 24px;
    line-height: 24px;
}

.teser_ock {
    border: 2px solid #ececec;
    padding: 20px;
    margin-top: 30px;
}

.bonus_tab td, th {
    border: none !important;
    padding: 12px !important;
    vertical-align: middle!important;
}

.bonus_tab th {
    font-size: 16px !important;
}

.issue {
    padding: 60px 0;
}

.bonus {
    background: #FFFFff;
    padding: 60px 0;
}

.economics {
    text-align: center;

}

.economics a {
    margin: 0px 5px;
    display: inline-block;
    border: 1px solid #002247;
    padding: 10px 16px;
    cursor: pointer;
    font-size: 16px;
}

.comm_1_text1 {

    background: #f5f5f5;
    display: table;
    padding: 0px 3%;
}

.comm_1_text_2 {
    display: table-cell;
    vertical-align: middle;

}

.brand_p1 {
    width: 31.3333%;

    margin: 0 1%;
 /*   border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;*/
     box-shadow: 0px 5px 14px 1px rgba(0,0,0,0.07);
    -webkit-box-shadow: 0px 5px 14px 1px rgba(0,0,0,0.07);
    -ms-box-shadow: 0px 5px 14px 1px rgba(0,0,0,0.07);
    margin-bottom: 30px;
    top:0px;
    position:relative;
     transition:all 0.2s ease;
  -webkit-transition:all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  cursor: pointer;
}
.brand_p1:hover{
    top:-5px;
}
.cont1_fen {

    padding-top: 50px;
}

.comm_last_con h3 {
    margin-left: 0;
}

.white_shadow {
    background: #ffffff;
    padding: 25px 20px;
    border: 1px solid #d8d8d8;
    margin-bottom: 30px;
}

.white_shadow h5 {
    font-size: 20px;
    letter-spacing: 1px;
    margin-top: 0px;
    color: #333;
    height: 24px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.white_shadow p {
    margin-bottom: 0px;
    line-height: 22px;
    height: 44px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.white_shadow:hover span {
    background: #fff;
    color: #000;
}

.white_shadow i {

    display: block;
    margin-top: 10px;
    color: #333;
}

.white_shadow span {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    background-color: #002247;
    border: 1px solid #002247;
    outline: none;
    padding: 8px 18px;
    margin-top: 20px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;

}

.econom_one {
    display: none;
}

.nomics_col {
    background: #002247;
    color: #FFFFff;
}

.issue .grow_box_a a {
    margin-bottom: 0px;
}

.filter_left {
    width: 30%;
    float: left;
}

.filter_right {
    width: 70%;
    float: left;
    padding-left: 5%;
}

.filter_left ul li:hover {
    border-bottom: 2px solid #002247;
}

.filter_left ul li:hover a {
    color: #002247;
}

.filter_left ul li a {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.filter_left ul li {
    border-bottom: 2px solid #ececec;
    padding: 20px;
    font-size: 16px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.caijing a {
    color: #002247 !important;
}

.caijing {

    border-bottom: 2px solid #002247 !important;
}

.nested_le b {
    font-size: 44px;
    color: #333;
}

.nested_le p {
    text-transform: uppercase;
    margin-bottom: 0px;
    text-align: center;
    color: #333;
}

.nested_le span {
    color: #858586;
    font-size: 12px;
}

.nested_le {
    width: 15%;
    float: left;
    text-align: center;
    color: #333;
}

.nested_ri {
    color: #333;
    width: 85%;
    position: relative;
    float: left;
}

.sted_more {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #858586;
}

.nested_ri h5 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 0;
    color: #333;
}

.nested_ri p {
    line-height: 22px;
    height: 44px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.nest_daye {
    color: #333335;
    font-weight: 600;
}

.nested_ri span {
    color: #858586;
    margin-bottom: 12px;
    display: block;
}

.nested_ri .tiling {
    background-color: #c1c1c1;
    color: #ffffff;
    padding: 0 5px;
    display: inline-block;
    margin: 5px 5px 0 0;
    font-style: normal;
    margin-top: 18px;

}

.filter_area {
    padding: 60px 0;
    background: #FFFFff;
}

.filter_area_one {
    border-top: 2px solid #ececec;
    padding: 20px 0;
}

#video2 {
    padding-bottom: 60px;
}

/*3.23*/
.pro_b_a1 {
    background: url("../images/face2.jpg") no-repeat center;
    background-size: cover;
}

.pro_b_a2 {
    background: url("../images/face2-1.jpg") no-repeat center;
    background-size: cover;
}

.pro_b_a3 {
    background: url("../images/face2-2.jpg") no-repeat center;
    background-size: cover;
}

.pro_b_a4 {
    background: url("../images/face2-3.jpg") no-repeat center;
    background-size: cover;
}

.warpper_pro {
    margin-bottom: 0px;
}

.pro_box_ls_face {
    position: relative;
}

.pro_box_tit_face a {

    display: inline-block;
    text-align: center;
    position: relative;
    padding: 0px 20px;
    cursor: pointer;

}

.pro_face_txt img {
    width: 120px;
}

.pro_box_tit_face p {
    margin-bottom: 0px;
}

.pro_box_tit_face {
    position: absolute;
    bottom: 23%;
    right: 17%;
    z-index: 111;
}
.pro_faceb  .pro_box_tit_face{
    right: 8%
}
/*.urrt_fase {*/
/*margin-top: -10px;*/
/*}*/

.pro_face_txt {

}

.product_copy {
    /*position: absolute;*/
    /*top: 18%;*/
    /*left: 15%;*/
    /*width: 45%;    z-index: 11;*/
}

.copy_one_tit1 {
    color: #929091;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: none;
}

.wash_face span {
    vertical-align: -14px;
    color: #4c4c4c;
    font-size: 28px;
    /* margin-left: 10px; */
    display: block;
    margin-top: 15px;
}

.wash_face img {
    width: 200px;
}

.product_copy_one h5 {
    color: #747474;
    font-size: 16px;
    line-height: 26px;
    margin-top: 20px;
    margin-bottom: 0;
}

.flexible {
    margin-top: 50px;
    display: none;
}

.flexible span {
    font-size: 30px;
    display: inline-block;
    vertical-align: -2px;
    line-height: 24px;
}

.flexible a {
    width: 150px;
    height: 40px;
    line-height: 38px;
    display: inline-block;
    color: #956e7a;
    text-align: center;
    font-size: 16px;
    border: 1px solid #e099a1;
    margin-right: 25px;
}

.product_copy_one {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    position: absolute;
    top: 25%;
    right: 11%;
    width: 38%;
    z-index: 11;
}

.line_face {
    position: absolute;
    top: 0;
    right: 0px;
    width: 2px;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(176, 164, 150, 0) 0%, #e099a1 50%, rgba(176, 164, 150, 0) 100%);
    background: -moz-linear-gradient(top, rgba(176, 164, 150, 0) 0%, #e099a1 50%, rgba(176, 164, 150, 0) 100%);
    background: -o-linear-gradient(top, rgba(176, 164, 150, 0) 0%, #e099a1 50%, rgba(176, 164, 150, 0) 100%);
    background: -ms-linear-gradient(top, rgba(176, 164, 150, 0) 0%, #e099a1 50%, rgba(176, 164, 150, 0) 100%);
    background: linear-gradient(to bottom, rgba(176, 164, 150, 0) 0%, #e099a1 50%, rgba(176, 164, 150, 0) 100%);
}

.pro_b_a_face {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

}

.home2_box_text_1 h2 {
    font-size: 20px ;
    margin-bottom: 12px;
    font-family: 'font2';
    color: #666;
    letter-spacing: .05em;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: 24px;
    height: 24px;
}
.home2_box_text_1 p {
    margin-bottom: 34px;
    padding: 0 10%;
    color: #999;
    line-height: 24px;
    height: 48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.home2 .eng_lish{
    line-height: 55px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 60px;
    font-size: 40px;
    letter-spacing: 0px;
    font-family: "RobotoSlab-Light" !important;
}
.tration input {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     filter: alpha(opacity=0);
     -moz-opacity: 0;
     -khtml-opacity: 0;
     opacity: 0;
     width: 100%;
 }

.allLeft{position: relative;
    left: 160px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;}
.allRight{position: relative;
    right: 160px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;}
.allTop{
        position: relative;
        top: 60px;
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
    }
/*yjj.3.24*/
/*.pro_lotion .pro_b_a1{
    background: url("../images/ban_lotion1.jpg") no-repeat center center;
    background-size: cover;
}
.pro_lotion .pro_b_a2{
    background: url("../images/ban_lotion2.jpg") no-repeat center center;
    background-size: cover;
}
.pro_lotion .pro_b_a3{
    background: url("../images/ban_lotion3.jpg") no-repeat center center;
    background-size: cover;
}
.pro_lotion .pro_b_a4{
    background: url("../images/ban_lotion4.jpg") no-repeat center center;
    background-size: cover;
}
.pro_lotion .pro_b_a5{
    background: url("../images/ban_lotion5.jpg") no-repeat center center;
    background-size: cover;
}
.pro_lotion .pro_b_a6{
    background: url("../images/ban_lotion6.jpg") no-repeat center center;
    background-size: cover;
}
.pro_lotion .pro_b_a7{
    background: url("../images/ban_lotion7.jpg") no-repeat center center;
    background-size: cover;
}*/
/*.pro_lotion .pro_b_a_face{
    background-position: left center;
}*/
.pro_lotion .product_copy_one{
    width: 37%;
    right: 11%;
}
.pro_lotion .flexible a{
    border-color: #4c869e;
    color: #838383;
}
.pro_lotion .pro_box_tit_face{
    right: 0%;
    bottom:12%;
    width: 50%;
}
.pro_lotion .pro_box_tit_face a{
    margin-bottom:20px;
}
.pro_lotion .pro_face_txt img{
    width: 110px;
}
.pro_lotion .line_face{
    width: 2px;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(176, 164, 150, 0) 0%, #4c869e 50%, rgba(176, 164, 150, 0) 100%);
    background: linear-gradient(to bottom, rgba(176, 164, 150, 0) 0%, #4c869e 50%, rgba(176, 164, 150, 0) 100%);
}
.pro_wood .pro_b_a1{
    background: url("../images/ban_wood1.jpg") no-repeat center center;
    background-size: cover;
}
.pro_wood .pro_b_a2{
    background: url("../images/ban_wood2.jpg") no-repeat center center;
    background-size: cover;
}
.pro_wood .pro_b_a3{
    background: url("../images/ban_wood3.jpg") no-repeat center center;
    background-size: cover;
}
.pro_wood  .product_copy_one{
    left: auto;
    right: 8%;
    width: 37%;
    /* top: 15%; */
    /* padding: 10px; */
    /* border:6px solid rgba(255,255,255,0.4); */
}
.pro_wood  .product_copy_one_son{
    /* background: rgba(255,255,255,0.4); */
    /* padding: 3% 3% 5% 6%; */
}
.pro_wood .wash_face span{
    color: #36473d;
}
.pro_wood .flexible a{
    border-color: #447157;
    color: #48594f;
}
.pro_wood .pro_box_tit_face{
    left: auto;
    right: 19%;
    bottom: 25%;
}
.pro_wood .line_face{
    background: -webkit-linear-gradient(top, rgba(176, 164, 150, 0) 0%, #447157 50%, rgba(176, 164, 150, 0) 100%);
    background: -moz-linear-gradient(top, rgba(176, 164, 150, 0) 0%, #447157 50%, rgba(176, 164, 150, 0) 100%);
    background: -o-linear-gradient(top, rgba(176, 164, 150, 0) 0%, #447157 50%, rgba(176, 164, 150, 0) 100%);
    background: -ms-linear-gradient(top, rgba(176, 164, 150, 0) 0%, #447157 50%, rgba(176, 164, 150, 0) 100%);
    background: linear-gradient(to bottom, rgba(176, 164, 150, 0) 0%, #447157 50%, rgba(176, 164, 150, 0) 100%);
}
.pro_faceb .pro_b_a1{
    background: url("../images/ban_faceb1.jpg") no-repeat center center;
    background-size: cover;
}
.pro_faceb .pro_b_a2{
    background: url("../images/ban_faceb2.jpg") no-repeat center center;
    background-size: cover;
}
.pro_faceb .pro_b_a3{
    background: url("../images/ban_faceb3.jpg") no-repeat center center;
    background-size: cover;
}
.pro_faceb .pro_b_a4{
    background: url("../images/ban_faceb4.jpg") no-repeat center center;
    background-size: cover;
}
.pro_faceb .pro_b_a5{
    background: url("../images/ban_faceb5.jpg") no-repeat center center;
    background-size: cover;
}
.pro_faceb .wash_face span{
    color: #b2b2b2;
}
.pro_faceb .flexible a{
    border-color:#a38749;
    color: #747474;
}
.pro_faceb .line_face{
    background: -webkit-linear-gradient(top, rgba(176, 164, 150, 0) 0%, #a38749 50%, rgba(176, 164, 150, 0) 100%);
    background: -moz-linear-gradient(top, rgba(176, 164, 150, 0) 0%, #a38749 50%, rgba(176, 164, 150, 0) 100%);
    background: -o-linear-gradient(top, rgba(176, 164, 150, 0) 0%, #a38749 50%, rgba(176, 164, 150, 0) 100%);
    background: -ms-linear-gradient(top, rgba(176, 164, 150, 0) 0%, #a38749 50%, rgba(176, 164, 150, 0) 100%);
    background: linear-gradient(to bottom, rgba(176, 164, 150, 0) 0%, #a38749 50%, rgba(176, 164, 150, 0) 100%);
}
.comm_last_box ul li input{
    cursor: pointer;
}
.pro_bt_face .pro_bt_text{
    font-size: 16px;
    text-transform: uppercase;
}
.pro_bt_face .pro_bt_left:hover{
    width:160px;
}
.warpper_pro_tit{
    padding-top:160px;
}
.join_war{
    padding-top:155px;
}
.menu_all_tit{
    position: relative;
}
.menu_all_tit span{
    position: absolute;
    top:0px;
    left: 0px;
    font-size: 20px;
    line-height: 45px;
    color: #002247;
}
.home2_box.allRight .home2_box_text:after{
    display: none;
}
/*yjj.3.24*/

/*kitchen products*/
.pro_kitchen .pro_b_a1{
    background-image: url("../images/ban_kitchen1.jpg");
}
.pro_kitchen .pro_b_a2{
    background-image: url("../images/ban_kitchen2.jpg");
}
.pro_kitchen .wash_face span{
    color: #5b472d;
}
.pro_kitchen .flexible a{
    color: #655341;
    border-color: #d3a165;
}
.pro_kitchen .pro_box_tit_face{
    right: 33%;
}
.pro_kitchen .line_face{
    background: -webkit-linear-gradient(top, rgba(176, 164, 150, 0) 0%, #f38807 50%, rgba(176, 164, 150, 0) 100%);
    background: -moz-linear-gradient(top, rgba(176, 164, 150, 0) 0%, #f38807 50%, rgba(176, 164, 150, 0) 100%);
    background: -o-linear-gradient(top, rgba(176, 164, 150, 0) 0%, #f38807 50%, rgba(176, 164, 150, 0) 100%);
    background: -ms-linear-gradient(top, rgba(176, 164, 150, 0) 0%, #f38807 50%, rgba(176, 164, 150, 0) 100%);
    background: linear-gradient(to bottom, rgba(176, 164, 150, 0) 0%, #f38807 50%, rgba(176, 164, 150, 0) 100%);
}
/*kitchen products*/
/*wipes products*/
.pro_wipes .pro_box_tit_face{
    right: 8%;
}
.pro_wipes .pro_b_a1{
    background-image: url("../images/ban_wipes1.jpg");
}
.pro_wipes .pro_b_a2{
    background-image: url("../images/ban_wipes2.jpg");
}
.pro_wipes .pro_b_a3{
    background-image: url("../images/ban_wipes3.jpg");
}
.pro_wipes .pro_b_a4{
    background-image: url("../images/ban_wipes4.jpg");
}
.pro_wipes .pro_b_a5{
    background-image: url("../images/ban_wipes5.jpg");
}
.pro_wipes .wash_face h1{
    margin: 0px;
    display: inline-block;
    color: #2d8632;
    font-size: 65px;
    vertical-align: middle;
}
.pro_wipes .flexible a{
    border-color: #729e43;
    color: #546356;
}
.pro_wipes .line_face{
    background: -webkit-linear-gradient(top, rgba(176, 164, 150, 0) 0%, #64a739 50%, rgba(176, 164, 150, 0) 100%);
    background: -moz-linear-gradient(top, rgba(176, 164, 150, 0) 0%, #64a739 50%, rgba(176, 164, 150, 0) 100%);
    background: -o-linear-gradient(top, rgba(176, 164, 150, 0) 0%, #64a739 50%, rgba(176, 164, 150, 0) 100%);
    background: -ms-linear-gradient(top, rgba(176, 164, 150, 0) 0%, #64a739 50%, rgba(176, 164, 150, 0) 100%);
    background: linear-gradient(to bottom, rgba(176, 164, 150, 0) 0%, #64a739 50%, rgba(176, 164, 150, 0) 100%);
} 
.pro_wipes .pro_box_tit_face p{
    margin-top:10px;
}
.pro_wood .wash_face span{
    color: #2d553e;
}
.pro_wood .product_copy_one h5{
    color: #4c4c4c;
}
/*wipes products*/

/*5.30*/
.video_special1{
    padding: 60px 0;
    background-color: #f5f5f5;
}
.video_special_tit{
    text-align: center;
    margin-bottom: 50px;
}
.video_special_tit h1{
    font-size: 34px;
    margin: 0px;
    margin-bottom: 5px;
}
.video_special_tit h5{
    color: #999;
    font-size: 20px;
    margin: 0px;
}
.video_special1_box1 .video_special1_img{
      padding-bottom: 84%;
}
.video_special1_img{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    /* height: 500px; */
    padding-bottom: 80.8%;
    margin-bottom: 13px;
}
.video_special1_play{
    position: absolute;
    width: 70px;
    top:50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.video_special1_box h5{
    font-size: 16px;
    height: 16px;
    color: #666;
    position: relative;
    padding-left: 20px;
    margin: 0px;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow:hidden;
}
.video_special1_box h5:after{
    content: '';
    position: absolute;
    top: 2px;
    left: 0px;
    border-top:5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #ffd95c;
}
.video_special2{
    background-color: #fff;
    padding: 50px 25px;
}
.video_special2 .container-fluid{
    padding: 0 25px;
}
.video_special2 .row{
    margin: 0 -25px;
    font-size: 0px;
    text-align: center;
}
.video_special2 .col-md-3{
    padding: 0 25px;
    float: none;
    display: inline-block;
    vertical-align: middle;
}
.video_special2_box{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-bottom: 60%;
    /*margin-bottom: 60px;*/
    position: relative;
    /*overflow: hidden;*/

}

.video_special3{
    padding: 50px 0;
}
.video_special3_news{
    border-top:1px solid #ccc;
}
.video_special3_news a{
    display: block;
    color: #333;
    padding: 40px 10%;
}
.video_special3_news_tit{
    display: inline-block;
    width: 25%;
    float: left;
    margin-right: 26px;
    text-align: center;
}
.video_special3_news_tit h1{
    font-size: 25px;
    line-height: 37px;
    padding: 0px 27px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow:hidden;
    margin: 0px;
    margin-bottom: 13px;
}
.video_special3_news_text{
    width: 50%;
    float: left;
}
.video_special3_news_text p{
    font-size: 16px;
    line-height:26px;
}
.video_special3_news_text p{
    margin: 0px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow:hidden;
}
.video_special3_news_more{
    float: right;
    padding-top: 4%;
}
.video_special3_news_more p{
    margin: 0px;
    padding: 0 40px 22px 40px;
    border-bottom:1px solid #ccc;
    font-size: 16px;
}
.video_special3_box{
    width: 33.3%;
    float: left;
}
.video_special3_img{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-bottom: 41%;
}
.video_special3_text{
    padding: 9% 8%;
}
.video_special3_text h5{
    font-size: 19px;
    margin:0px;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1;
    color: #333;
    overflow:hidden;
}
.video_special3_text p{
    font-size: 16px;
    color: #666;
    line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
}
.video_special_inner_video embed{
    width: 100%;
    height: 700px;
}
.gallery_inner_img_son{
    max-width: 1100px;
    margin: 0 auto;
}
.gallery_inner_img_son_big{
    position: relative;
}
.gallery_bt_left,.gallery_bt_right{
    position: absolute;
    top:45%;
    height: 50px;
    width: 60px;
    line-height: 50px;
    text-align: center;
    z-index: 999;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
    background-color: rgba(255,255,255,0.4);
     transition:all 0.2s ease;
  -webkit-transition:all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
.gallery_bt_left{
    left: -10px;
    border-radius: 0 20px 20px 0;
}
.gallery_bt_left:hover{
    left: 0px;
}
.gallery_bt_left.swiper-button-disabled ,.gallery_bt_right.swiper-button-disabled{
    filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;
}
.gallery_bt_right{
    right: -10px;
    border-radius: 20px 0 0 20px;
}
.gallery_bt_right:hover{
    right: 0px;
}
.gallery_swiper_img2 .swiper-slide{
    width: 13%;
    height: 100%;
    opacity: 0.4;
     transition:all 0.2s ease;
  -webkit-transition:all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  cursor: pointer;
}
.gallery_swiper_img2 .swiper-slide:hover{
    opacity: 1;
}
.gallery_inner_img_son_small {
     background-color:#333;
     padding: 2px 0;
}
.gallery_swiper_img2 .swiper-slide.on{
    opacity: 1;
}
.gallery_inn_img1{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: block;
    width: 100%;
    height: 500px;
    overflow:hidden;
}
.gallery_inn_img2{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
   margin: 3px;
   height: 62px;
   overflow: hidden;
}
.gallery_inner_img_son_small{
    position: relative;
}
.gallery_bt_left2,.gallery_bt_right2{
    position: absolute;
    top:30%;
    width: 26px;
    height: 26px;
    z-index: 999;
    cursor: pointer;
    border-radius: 50%;
    font-size: 0px;
    
}
.gallery_bt_left2 img,.gallery_bt_right2 img{
    display: block;
}
.gallery_bt_left2{
    left: 10px;
}
.gallery_bt_right2{
    right: 10px;
}
.video_special2_bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0px;
    left:300px;
    background: rgba(0,0,0,0.5);
    filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;
}
.video_special2_text{
    position: absolute;
    top:60%;
    left: 0%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color:#fff;
    font-size: 14px;
    text-align: center;
    filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;
     transition:all 0.8s ease;
  -webkit-transition:all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
}
.video_special2_text p{
    margin: 0px;
    margin-top:6px;
    text-transform: uppercase;
    font-size: 12px;
}
.video_special2_box_fa:hover .video_special2_text{
    top: 50%;
    filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}
.video_special2_box_fa{
    overflow: hidden;
    margin-bottom: 60px;
    position: relative;
}
.video_special2_box{
    transition:all 0.8s ease;
  -webkit-transition:all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
}
.video_special2_box_fa:hover .video_special2_box{
    -webkit-transform: scale(1.05) rotate(1deg);
    transform: scale(1.05) rotate(1deg);
}
/*5.30*/


/*6.25*/
.pro_sale .pro_b_a_face{
    background-position: left center;
}
.pro_sale .pro_b_a1{
    background-image: url("../images/pro_sale_r1.jpg");
    
}
.pro_sale .pro_b_a2{
    background-image: url("../images/pro_sale_r2.jpg");
}
.pro_sale .pro_b_a3{
    background-image: url("../images/pro_sale_r3.jpg");
}
.pro_sale  .product_copy_one{
    right: auto;
    left: 33%;
}
.pro_sale .pro_box_tit_face{
    right: auto;
    left: 32%;
}
.pro_sale .line_face{
    background: -webkit-linear-gradient(top, rgba(176, 164, 150, 0) 0%, #a38749 50%, rgba(176, 164, 150, 0) 100%);
    background: -moz-linear-gradient(top, rgba(176, 164, 150, 0) 0%, #a38749 50%, rgba(176, 164, 150, 0) 100%);
    background: -o-linear-gradient(top, rgba(176, 164, 150, 0) 0%, #a38749 50%, rgba(176, 164, 150, 0) 100%);
    background: -ms-linear-gradient(top, rgba(176, 164, 150, 0) 0%, #a38749 50%, rgba(176, 164, 150, 0) 100%);
    background: linear-gradient(to bottom, rgba(176, 164, 150, 0) 0%, #a38749 50%, rgba(176, 164, 150, 0) 100%);
}
.pro_sale .wash_face p{
    margin: 0px;
    font-size: 50px;
}
.pro_sale .product_copy_one h5{
    width: 68%;

}
.pro_salep .pro_b_a1{
    background-image: url("../images/pro_sale_p1.jpg");
}
.pro_salep .pro_b_a2{
    background-image: url("../images/pro_sale_p2.jpg");
}
.pro_saleh .pro_b_a1{
    background-image: url("../images/pro_sale_h1.jpg");
}
.pro_saleh .pro_b_a2{
    background-image: url("../images/pro_sale_h2.jpg");
}
.pro_saleh .pro_b_a3{
    background-image: url("../images/pro_sale_h3.jpg");
}
.pro_saleo .pro_b_a1{
    background-image: url("../images/pro_sale_o1.jpg");
}
.pro_saleo .pro_b_a2{
    background-image: url("../images/pro_sale_o2.jpg");
}
.pro_saleo .pro_b_a3{
    background-image: url("../images/pro_sale_o3.jpg");
}
.pro_bt_face .pro_bt_right:hover,.pro_bt_face .pro_bt_left:hover{
    width: 200px;
}
/*6.25*/


/*7.24*/
.pro_god .pro_box_tit_face{
    right:32%; 
}
.pro_god .line_face{
    background: -webkit-linear-gradient(rgba(176, 164, 150, 0) 0%, #a38749 50%, rgba(176, 164, 150, 0) 100%);
    background: -o-linear-gradient(rgba(176, 164, 150, 0) 0%, #a38749 50%, rgba(176, 164, 150, 0) 100%);
    background: linear-gradient(rgba(176, 164, 150, 0) 0%, #a38749 50%, rgba(176, 164, 150, 0) 100%);
}
.pro_god .pro_box_tit_face p{
    color: #af886c;
}
.product_copy_one_new_text_fa{
    margin-top: 30px;
}
.product_copy_one_new_text p{
    padding-right: 15px;
}
.pro_faceb .product_copy_one_new_text{
    color: #b2b2b2;
}
@keyframes mouse{
    0%{ transform:translateX(0); -webkit-transform:translateX(0); filter: alpha(opacity=0); -moz-opacity: 0;opacity: 0;}
    100%{ transform:translateX(15px); -webkit-transform:translateX(15px); filter: alpha(opacity=100); -moz-opacity: 1;opacity: 1;}
    }
@-webkit-keyframes mouse{
    0%{ transform:translateX(0); -webkit-transform:translateX(0); filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0;}
    100%{ transform:translateX(15px); -webkit-transform:translateX(15px); filter: alpha(opacity=100); -moz-opacity: 1;opacity: 1;}
    }
@keyframes mouse2{
    0%{ transform:translateX(0); -webkit-transform:translateX(0);  filter: alpha(opacity=0); -moz-opacity: 0;opacity: 0;}
    100%{ transform:translateX(-15px); -webkit-transform:translateX(-15px);  filter: alpha(opacity=100); -moz-opacity: 1;opacity: 1;}
    }
@-webkit-keyframes mouse2{
    0%{ transform:translateX(0); -webkit-transform:translateX(0); filter: alpha(opacity=0); -moz-opacity: 0;opacity: 0;}
    100%{ transform:translateX(-15px); -webkit-transform:translateX(-15px);  filter: alpha(opacity=100); -moz-opacity: 1;opacity: 1;}
    }
.pro_bt_sroll img{
    -webkit-animation:mouse 2s linear alternate infinite running;
    -moz-animation: mouse 2s linear alternate infinite running;
    animation: mouse 2s linear alternate infinite running;
    -webkit-transition: all 1000ms;
    -moz-transition: all 1000ms;
    -ms-transition: all 1000ms;
    -o-transition: all 1000ms;
}
.pro_bt_left .pro_bt_sroll img{
    -webkit-animation:mouse2 2s linear alternate infinite running;
    -moz-animation: mouse2 2s linear alternate infinite running;
    animation: mouse2 2s linear alternate infinite running;
} 



/******pro_cotton******/
.warpper_cotton{
    margin-top: 110px;
    
    position: relative;
    z-index: 0;
}

.cotton_ser2{
    padding-top:118px;
    padding-bottom: 300px;
}
.cotton_ser2_fa:after{
    content: '';
    position: absolute;
    width: 82%;
    height: 88%;
    z-index: -1;
    right: 0px;
    top: 0px;
    background: -webkit-linear-gradient(right bottom, #f4f4f4, transparent);
    background: -moz-linear-gradient(right bottom, #f4f4f4, transparent);
    background: -o-linear-gradient(right bottom, #f4f4f4, transparent);
    background: -ms-linear-gradient(right bottom, #f4f4f4, transparent);
    background: linear-gradient(to left top, #f4f4f4,transparent);
}
.cotton_ser2_left{
    width: 50%;
    float: left;
    text-align: center;
}
.cotton_ser2_left .img{
    width: 632px;
    /*max-width: 69%;*/
    margin: 0 auto;
}
.cotton_ser2_left .img img{
    width: 100%;
}
.cotton_ser2_right{
    width: 538px;
    float: left;
}
.cotton_ser2_right_tit{
    margin-bottom: 50px;
}
.cotton_ser2_right_tit h6{
    font-size: 14px;
}
.cotton_ser2_right_tit span{
    width: 20px;
    height: 1px;
    display: block;
    background-color: #ccc;
    margin: 15px 0;
}
.cotton_ser2_right_tit h1{
    font-size: 30px;
}
.cotton_ser2_right_con .text{
    color: #666;
    line-height: 24px;
    margin-bottom: 50px;
}
.cotton_ser2_right_con li{
    padding-left: 64px;
    position: relative;
}
.cotton_ser2_right_con li img{
    position:absolute;
    left: 0px;
    top: 13px;
}
.cotton_ser2_right_con li p{
    color: #666;
    line-height:60px;
    height: 60px;
    border-bottom: 1px solid #f6d876;
}
.cotton_ser2_right_con li p span{
    font-size: 18px;
    color: #333;
}
.cotton_ser2_fa{
    position: relative;
}
.cotton_ser2_fa_bt{
    position: absolute;
    bottom: 8%;
    right: 0px;
    width: 35%;
    background-color: #000;
    color: #fff;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.cotton_ser2_fa_bt i{
    font-size: 18px;
    margin-left: 10px;
}
.cotton_ser4_box{
    width: 50%;
    float: left;
    padding:75px 0;
}
.cotton_ser4_box1{
    background-color: #333;
    color: #fff;
}
.cotton_ser4_box2{
    background-color: #e5e5e5;
    color: #666;
}
.cotton_ser4_box .tit h1{
    font-size: 40px;
    text-align: center;
    margin-bottom: 60px;
}
.cotton_ser4_box_con{
    padding-left: 20%;
}
.cotton_ser4_box_con ul{
    display: inline-block;
    margin-right: 10%;
    vertical-align: top;
}
.cotton_ser4_box_con li{
    margin-bottom: 20px;
}
.cotton_ser4_box_con li img{
    display: inline-block;
    vertical-align: bottom;
    margin-right: 5px;
    margin-bottom:3px;
}
.cotton_ser4_box_con li span{
    display:inline-block;
    font-size: 17px;
    height: 17px;
    line-height: 17px;
    vertical-align: bottom;
}
.cotton_ser4_box_con li span font{
    display: inline-block;
    width: 68px;
    text-align:justify; text-justify:distribute-all-lines; text-align-last:justify;
}
.cotton_ser4_box_con li span b{
    font-weight: 300;
    display: inline-block;
    margin: 0 10px;
}
.cotton_ser4_box2 .cotton_ser4_box_con{
    padding-left: 32%;
}
.cotton_ser6{
    padding:70px 0;
}
.cotton_ser6 h3{
    font-size: 30px;
    margin-bottom: 40px;
}
.cotton_ser6 h3 span{
    display: inline-block;
    padding-top:30px;
    border-top: 1px solid #bcbbb9;
}
.cotton_ser3,.cotton_ser5,.cotton_ser7,.cotton_ser9,.cotton_ser11{
    position: relative;
}
.cotton_ser7 .cotton_ser3_tit,.cotton_ser9 .cotton_ser3_tit,.cotton_ser11 .cotton_ser3_tit{
    top: 6%;
}
.cotton_ser3_tit{
    position: absolute;
    width: 100%;
    top: 10%;
    left: 0px;
    text-align: center;
}
.cotton_ser3_tit h4{
    color: #666;
    font-size: 26px;
    margin: 0px;
    margin-bottom: 15px;
}
.cotton_ser3_tit h1{
    font-size: 38px;
    margin: 0px;
    margin-bottom: 10px;
}
.cotton_ser3_tit h6{
    margin: 0px;
    font-size: 14px;
    color: #777;
    margin-bottom: 43px;
}
.cotton_ser3_tit span{
    width: 37%;
    margin: 0 auto;
    display: block;
    height: 1px;
    position: relative;
    background-color: #bcbbb9;
}
.cotton_ser3_tit span:after{
    content:'';
    position: absolute;
    top: 0px;
    left: 50%;
    background-color: #bcbbb9;
    height: 10px;
    width: 200px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
/******pro_cotton******/
@media (max-width: 1440px) and (min-width: 1024px) {

    .product_copy_one {

right: 8%;

width: 45%;

}

    .pro_box_tit_face {

    right: 10%;

    bottom: 10%;

    }   
    .pro_lotion .product_copy_one{
        top:18%;
        width: 45%;
    }
    .pro_lotion .pro_face_txt img{
        width: 92px;
    }
    .pro_lotion .pro_box_tit_face{
        bottom: 1%;
        width:57%;
    }
    .pro_wood  .product_copy_one{
        top:20%;
        width: 41%;
    }
     .pro_wood .pro_box_tit_face{
        bottom: 17%;
    }
    .pro_kitchen .pro_box_tit_face{
        right: 30%;
    }
    .pro_wipes .wash_face h1{
        font-size: 50px;
    }
    .pro_wipes .pro_box_tit_face{
        right: 2%;
    }
    .pro_wipes .product_copy_one{
        width: 43%;
        right: 10%;
    }
    .pro_b_a_face ,.pro_box_ls_face{
        min-height: 700px;
    }
    .pro_god .pro_box_tit_face{
        right: auto;
        left: 49%;
    }
    .cotton_ser2_left .img{
        width: 70%;
    }
    .cotton_ser4_box_con li span{
        font-size: 14px;
    }
    .cotton_ser4_box_con{
        padding-left: 13%;
    }
    .cotton_ser3_tit h6{
        margin-bottom: 28px;
    }
}

@media (max-width: 1439px) and (min-width: 1280px) {

    .pro_face_txt img {
        width: 100px;
    }

}
@media (max-width: 1279px) and (min-width: 1170px) {

    .flexible a {
        width: 110px;
        height: 40px;
        line-height: 38px;

        margin-right: 16px;
    }

    .flexible {
        margin-top: 20px;
    }

    .pro_box_tit_face {
        right: 6%;
    }

    .pro_face_txt img {
        width: 95px;
    }

    .wash_face img {
        width: 158px;
    }

    .wash_face span {

        font-size: 24px;

    }
    .pro_lotion .pro_face_txt img {
        width: 100px;
    }
    .pro_lotion .pro_box_tit_face{
        bottom: 6%;
    }
    .pro_wipes .product_copy_one{
        right: 14%;
    }
    .pro_face .product_copy_one1{
        left: 37%;
    }
    .pro_wood .pro_box_tit_face{
        right: auto;
        left: 50%;
    }
}

@media (max-width: 1169px) and (min-width: 1024px) {
    .flexible a {
        width: 110px;
        height: 40px;
        line-height: 38px;

        margin-right: 16px;
    }
    .pro_face .product_copy_one1{
        left: 41%;
    }
    .pro_face .pro_box_tit_face1{
        left: 39%;
    }
    .flexible {
        margin-top: 20px;
    }

    .pro_box_tit_face {
        right: 8%;
        /*bottom: 5%;*/
    }

    .pro_face_txt img {
        width: 80px;
    }

    .wash_face img {
        width: 158px;
    }

    .wash_face span {

        font-size: 24px;

    }
/*     .pro_lotion .pro_face_txt img {
        width: 52px;
    }*/
    .pro_wood .product_copy_one {
        width:48%;
        right: 3%;
    }
/*    .pro_wood .pro_box_tit_face{
        bottom: 3%;
    }*/
    .pro_kitchen .pro_box_tit_face{
        right: 28%;
        /*bottom: 5%;*/
    }
    .pro_wipes .product_copy_one{
        right: 14%;
    }
    .pro_wipes .pro_box_tit_face{
        /*bottom: 5%;*/
    }
}

.fr .pages{
text-align: center; 
margin-top:30px; 
font-size:16px;
}
.cr .pages{
text-align: center; 
margin-top:0px; 
padding-bottom:10px; 
font-size:16px;
}
.fr .pages .num,.end,.first,.next,.prev,.current{
    font-size: 14px;
    height: 50px;
    line-height: 48px;
    color: #7c8087;
    background-color: transparent;
    text-align: center;
    width: 50px;
    display: inline-block;
    margin-right: 10px;
    border: 1px #7c8087 solid;
    /* border-radius: 50%; */
}
.fr .pages .current{
color:#fff;
background-color:#212121;
border: 1px #212121 solid;
}

.bonus_tab_p{
    margin: 0px;
    line-height: 21px;
    max-height: 42px;
/*    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;*/
    overflow:hidden;
    cursor: pointer;
    transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.bonus_tab_p span{
    display: block;
}


/*                */

.team-contact-info h4 {
    height: 60px;
    line-height: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.team-contact-info {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}

.head_menu_rbox:hover .team-contact-info {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}