@font-face {
    font-family: 'webfontregular';
    src: url('../fonts/pfcentrosanspro-regular-webfont.woff2') format('woff2'),
        url('../fonts/pfcentrosanspro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.about4_right img,
.about4_left img {
    width: auto;
}

/**about**/
.abc {
    display: none;
}

.wrapper {
    margin-top: 90px;
}

.about_ban {
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../images/about.jpg) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/about.jpg', sizingMethod='scale');
}

.sale_ban {
    width: 100%;
    height: 100%;
    background: url(../images/sale_banner1.jpg) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/sale.jpg', sizingMethod='scale');
}

.beauty_ban {
    width: 100%;
    height: 100%;
    background: url(../images/beauty.jpg) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/beauty.jpg', sizingMethod='scale');
}

.magazine_ban {
    width: 100%;
    height: 100%;
    background: url(../images/magazine.jpg) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/magazine.jpg', sizingMethod='scale');
}

.dynamic_ban {
    width: 100%;
    height: 100%;
    background: url(../images/dynamic.jpg) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/dynamic.jpg', sizingMethod='scale');
}

.news_ban {
    width: 100%;
    height: 100%;
    background: url(../images/news.jpg) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/news.jpg', sizingMethod='scale');
}

.media_ban {
    width: 100%;
    height: 100%;
    background: url(../images/media.jpg) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/media.jpg', sizingMethod='scale');
}

.prolist_ban {
    width: 100%;
    height: 100%;
    background: url(../images/prolist.jpg) no-repeat center center;
    background-size: cover;

    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/prolist.jpg', sizingMethod='scale');
}

.store_ban {
    width: 100%;
    height: 100%;
    background: url(../images/store.jpg) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/store.jpg', sizingMethod='scale');
}

.job_ban {
    width: 100%;
    height: 100%;
    background: url(../images/job.jpg) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/job.jpg', sizingMethod='scale');
}

.school_ban {
    width: 100%;
    height: 100%;
    background: url(../images/school.jpg) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/school.jpg', sizingMethod='scale');
}

.service_ban {
    width: 100%;
    height: 100%;
    background: url(../images/service.jpg) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/service.jpg', sizingMethod='scale');
}

.magazinedot_ban {
    width: 100%;
    height: 100%;
    background: url(../images/magazinedot.jpg) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/magazinedot.jpg', sizingMethod='scale');
}

.banner_wz {
    position: absolute;
    top: 10%;
    left: 25%;
    width: 50%;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
}

.banner_wz h3 {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 24px;
}

.banner_wz hr {
    margin-top: 45px;
    width: 80px;
}

.banner_wz h2 {
    margin: 30px 0;
    font-size: 46px;
    line-height: 72px;
    text-transform: uppercase;
}

.banner_btn a {
    padding: 20px 55px;
    display: inline-block;
    border: solid 2px #fff;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    position: relative;
    top: 4px;
}

.prodot1_cot p {
    text-indent: 2em;
    color: #666;
    line-height: 24px;
    margin: 0;
}

.prodot1_cot img {
    max-width: 100% !important;
    height: auto !important;
}

.banner_bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: url(../images/ban_zz.png);
    opacity: 0.95;
    filter: alpha(opacity=95);
    -moz-opacity: 0.95;
    -khtml-opacity: 0.95;
    display: none;
}

.banner_cot {
    padding: 30px 0;
}

.banner_bottom_lt {
    float: left;
    width: 65%;
    text-align: center;
}

.banner_bottom_rt {
    float: right;
    width: 35%
}

.banner_bottom_lt h4 {
    margin: 0;
    line-height: 52px;
    font-size: 16px;
    letter-spacing: 3px;
    color: #fff;
    font-family: 'Source-Han-Ligh1309e7518a62ee' !important;
}

.banner_bottom_btn a {
    font-size: 13px;
    text-transform: capitalize;
    font-weight: 600;
    display: inline-block;
    padding: 12px 45px;
    font-family: Arial, Helvetica, sans-serif;
    border-radius: 30px;
    border: solid 1px #fff;
    background: #fff;
}

.banner_bottom_btn {
    padding-left: 18px;
}

.banner_bottom_btn i {
    position: relative;
    top: 2px;
    margin-left: 6px;
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/ban_jt.png) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
}

.about_container {
    width: 1000px;
    margin: 0 auto;
}

.about1_left {
    float: left;
    width: 40%;
}

.about1_right {
    float: right;
    width: 57%;
    padding-left: 40px;
    margin-top: 130px;
}

.about_box1 {
    padding: 90px 0 90px;
}

.about1_wz {
    margin: 60px 0 40px;
}

.about1_right_cot {
    width: 100%;
    height: 100%;
    background: url(../images/about1_1.jpg) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
}


.about1_tit h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}

.about1_tit h4 {
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 12px;
    color: #737373;
}

.about1_tit hr {
    width: 30px;
    margin: 17px 0;
    border-color: #333;
    text-align: left;
}

.about1_wz h5 {
    color: #737373;
    line-height: 26px;
    font-size: 13px;
    margin-bottom: 18px;
    text-indent: 2em;
    margin: 5px 0;
}

.about1_bt a {
    padding: 12px 38px;
    display: inline-block;
    border: solid 1px #cacaca;
    font-size: 12px;
}

.about_box2 {
    padding: 100px 0;
    background: url(../images/about2_bg.jpg) no-repeat center center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
}

.about_box2 .about1_tit {
    text-align: center;
    color: #fff;
    margin-bottom: 35px;
}

.about_box2 .about1_tit hr {
    width: 30px;
    margin: 20px auto;
    border-color: #fff;
}

.about_box2 .about1_tit h4,
.about_box6 .about1_tit h4 {
    color: #FFFFFF;
}

.about2_cot {
    padding: 0 60px;
    color: #fff;
    text-align: center;
}

.about2_cot h4 {
    line-height: 26px;
    font-size: 13px;
}

.about_more a {

    font-size: 20px;
    font-weight: 600;
    color: #fff;

    letter-spacing: 1px;
}

.about_more {
    padding-top: 10px;
}

.about3_top {
    text-align: center;
    padding: 80px 0 100px;
}

.about3_top hr {
    margin: 17px auto;
}

.about3_top_cot {
    width: 70%;
    margin: 0 auto;
}

.about3_wz h4 {
    margin: 0;
    line-height: 26px;
    font-size: 13px;
    color: #737373;
}

.about3_top_list ul {
    display: inline-block;
}

.about3_top_list li {
    float: left;
    padding: 0 12px;
}

.about3_top_list a {
    padding: 9px 24px;
    border: solid 1px #8B604C;
    transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    color: #8B604C;
}

.about3_top_list {
    margin-top: 60px;
}

.about3_wz {
    margin-top: 55px;
}

.about3_top_list li.active a {
    background: #8B604C;
    color: #fff;
    transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
}

.about3_cot li {
    width: 33.33%;
    float: left;
    padding: 60px;
    text-align: center;
    border-right: solid 1px #ededed;
    border-bottom: solid 1px #ededed;
}

.about3_cot {
    padding-top: 10px;
    margin-right: -2px;
    margin-bottom: -4px;
}

.about3_bottom {
    margin: 0 15px 50px;
    overflow: hidden;
}

.about3_list h4 {
    font-size: 13px;
    line-height: 26px;
    height: 48px;
    color: #737373;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.about3_list {
    font-size: 13px;
    line-height: 26px;
    height: 48px;
    color: #737373;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}



.about3_list h2 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 40px;
    font-family: Arial, Helvetica, sans-serif;
}

.about3_list h5 {
    margin-top: 15px;
    font-family: Arial, Helvetica, sans-serif;
}

.about3_list h5 span {
    width: 30px;
    height: 40px;
    display: inline-block;
    background: url(../images/about3.png) no-repeat center center;
    background-size: 80%;
    vertical-align: middle;
}

.about4_wz {

    padding: 0px;
    height: 104px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;

}

.about4_list {
    padding: 50px;
    position: relative;
    background: #e9e7e5;
    margin-right: 20px;

}

.about4_pic {
    position: relative;
    overflow: hidden
}

.about4_list .about4_pic img {
    -webkit-filter: grayscale(1);
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.about4_list:hover .about4_pic img {
    -webkit-filter: grayscale(0)
}


.history_bg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    /*background:url(../images/dots.png) repeat left top; */
    z-index: 99;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.about4_list:hover .history_bg {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.about4_date {

    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: right;
    color: #c9bc9c;

}

.about4_date h3 {
    font-size: 20px;
}

.about4_wz h4 {
    font-size: 13px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
    margin: 0;
    line-height: 20px;
    color: #737373;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

}

.about_box4 {
    background: #657261;
    padding: 160px 0 60px;
    position: relative;
}

.about4_right {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    right: 20px;
    z-index: 2;
}

.about4_left {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 20px;
    z-index: 2;
}

.about4_top {
    padding-bottom: 20px;
}

.about4_bottom {
    padding: 25px 40px;
    width: 100%;
    background: url(../images/logo-1.png) no-repeat left 20px;
    margin-top: 50px;
    display: inline-block;
}

.company_logo {
    width: 70%;
    margin: 0 auto;
}

.about4_year {
    width: 84%;
    margin-left: 15%;
    overflow: hidden;
    padding: 10px 0;
}

.about4_year li {
    float: left;
    width: 4.5%;
    padding-top: 12px;
}

.about4_year li a {
    color: #1f3843;
    font-size: 12px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.about4_year li.active a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #fff;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.about4_year .about4_di {
    position: absolute;
    top: 0;
    left: -2%;
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #1f3843;
}

.about4_year .about4_bh {
    position: absolute;
    top: 0;
    left: -2%;
    display: inline-block;
    width: 10%;
    height: 1px;
    background: #fff;
}

.about4_year ul {
    position: relative;
}

.about_box5 {
    padding: 110px 0;
    position: relative;
}

.anchor {
    height: 0;
    top: -90px;
    position: absolute;
}

.anchor-mobile {
    height: 0;
    top: -60px;
    position: absolute;
}

.about_box5 .about1_tit,
.about_box5_1 .about1_tit,
.about_box5_2 .about1_tit {
    text-align: center;
}

.about_box5 .about1_tit hr,
.about_box5_1 .about1_tit hr,
.about_box5_2 .about1_tit hr {
    margin: 17px auto;
}

.about5_img {
    width: 12%;
    margin-right: 8%;
    float: left;
    position: relative;
}

.about5_right {
    width: 55%;
    float: left;
    position: relative;
}

.about5_wz {
    position: absolute;
    top: 0;
    left: 5%;
    padding-left: 10px;
    width: 97%;
}

.about5_wz h4 {
    position: absolute;
    top: 0;
    left: -5%;
    line-height: 24px;
    text-align: right;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
}

.about5_box .about1_tit {
    padding: 0 20px;
}

.about5_cot {
    padding-top: 60px;
    position: relative
}

.about5_wz h5 {
    font-size: 13px;
    line-height: 26px;
    color: #737373;
}

.about5_wz h5 strong {
    color: #000;
    font-size: 15px;
    font-weight: 600;
}

.about5_intr {
    position: absolute;
    bottom: 10%;
    left: -88px;
    text-align: right;
}

.about5_intr h5 {
    margin: 0;
    text-transform: uppercase;
}

.about5_num h4 {
    font-size: 32px;
    text-align: right;
    letter-spacing: 2px;
    font-family: Georgia, "Times New Roman", Times, serif;
    display: inline-block;
    position: absolute;
    top: 20%;
    left: -22px;
    margin: 0;
    color: #8a5f4c;
    border-bottom: solid 3px #8a5f4c;
    padding-bottom: 3px;
}

.about5_num h4 span {
    color: #fff;
    border-bottom: solid 3px #fff;
    padding-bottom: 2px;
}

.about5_intr h5 span {
    color: #fff;
}

.about5_list2 .about5_num h4,
.about5_list3 .about5_num h4 {
    left: auto;
    right: -25px;
    color: #fff;
    border-bottom: solid 3px #fff;
}

.about5_list2 .about5_num h4 span,
.about5_list3 .about5_num h4 span {
    color: #8a5f4c;
    border-bottom: solid 3px #8a5f4c;
}

.about5_list2 {
    position: relative;
}

.about5_list2 .about5_img {
    margin-left: 6%;
    margin-right: 0;
    float: right;
    width: 20%;
}

.about5_list2 .about5_intr,
.about5_list3 .about5_intr {
    left: 16px;
}

.about5_list2 .about5_right {
    margin-left: 18%;
}

.about5_list3 .about5_right {
    width: 56%;
}

.about5_list4 {
    position: relative;
}

/*.about5_list3 {
    margin: 30px 0;
}*/
.about5_list3 h5 {
    width: 75%;
}

.about5_list2 .about5_wz {
    top: auto;
}

.about5_list4 .about5_wz {
    top: auto;
    bottom: 15px;
    width: 103%;
}

.about_box6 {
    padding: 150px 0;
    background: url(../images/about6_bg.jpg) no-repeat center center fixed;
    background-size: cover;
}

.about_box6 .about6_cot {
    width: 600px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}

.about_box6 .about1_tit {
    text-align: center;
    color: #fff;
    margin-bottom: 35px;
}

.about_box6 .about1_tit hr {
    width: 30px;
    margin: 20px auto;
    border-color: #fff;
}

.about5_list3 .about5_img {
    margin-left: 6%;
    margin-right: 0;
    width: 12%;
}

.about5_list4 .about5_img {
    width: 30%;
    margin-top: 30px;
    margin-right: 10%;
}

.about5_list4_1 .about5_img {
    width: 20%;
    margin-left: 10%;
    margin-top: 0;
}

.about5_cot1 {
    width: 100%;
}

.about5_list1_1 .about5_img {
    width: 16%;
    margin-right: 4%;
}

.about5_list2_1 .about5_img {
    width: 16%;
    margin-left: 4%;
}

.about5_list2_1 {
    top: -40px;
    position: relative;
}

.about5_list3_1 .about5_img {
    margin: 0;
}

.about5_list3_1 {
    margin: 5px 0;
}

.arr_left {
    position: absolute;
    top: 50%;
    width: 40px;
    left: 50px;
    display: inline-block;
    z-index: 2;
}

.arr_right {
    position: absolute;
    top: 50%;
    width: 40px;
    right: 50px;
    display: inline-block;
    z-index: 2;
}

.about5_list2_1 .about5_wz {
    text-align: left;
}

.about5_list5 .about5_img {
    width: 16%;
    margin-left: 14%;
    margin-right: 0;
}

.about5_list5 .about5_wz {
    position: relative;
    top: 60px;
}

.about5_list5 {
    margin-top: 20px
}

.about5_list5 .about5_right {
    width: 50%;
}

.about5_list5 .about5_wz h4 {
    top: -10px;
}



.about6_cot hr {
    border-color: #ad8c79;
}

.about6_cot h2 {
    font-size: 40px;
    font-weight: 600;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: capitalize;
}

.about6_cot hr {
    margin-top: 30px;
    width: 60px;
    margin-bottom: 24px;
}

.about6_cot h5 {
    line-height: 26px;
}

.about6_more a {
    padding: 10px 32px;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    position: relative;
    color: #fff;
    margin-top: 20px;
    border: 1px #fff solid;
}

.about6_more {
    padding-top: 8px;
}

.about6_more span {
    width: 60px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -30px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
}

.about6_more .about5_x_b {
    top: auto;
    bottom: 0;
}

.about6_more a:hover span {
    width: 120px;
    margin-left: -60px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
}

.about_box7 {
    padding: 90px 0;
}

.about7_top .about1_tit {
    text-align: center;
}

.about7_top .about1_tit hr {
    margin: 17px auto;
}

.about7_left,
.about7_right {
    width: 15%;
    float: left;
}

.about7_center {
    width: 70%;
    float: left;
}

.about7_center li {
    width: 32%;
    float: left;
}

.about7_center .about7_last {
    width: 4%;
}

.about7_left hr {
    width: 30px;
    border-top: solid 2px #333;
    margin: 20px 0;
}

.about7_right hr {
    width: 30px;
    border-top: solid 2px #333;
    text-align: right;
    margin: 20px 0;
    float: right;
}

.about7_addr h3 {
    margin: 10px 0;
    font-family: Arial, Helvetica, sans-serif;
}

.about7_top_top {
    padding-top: 30px;
}

.about7_wz {
    padding-top: 30px;
}

.about7_wz h5 {
    margin: 0;
    line-height: 40px;
    color: #737373;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    height: 40px;
}

.about7_wx {
    overflow: hidden;
    cursor: pointer;
}

.about7_ewm {
    position: absolute;
    top: -30px;
    left: 30px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
}

.zhongwen {
    font-family: 'Source-Han-Ligh1309e7518a62ee' !important;
    font-size: 13px;
}

.about7_img {
    text-align: center;
}

.about7_form_top li {
    width: 33.33%;
    float: left;
    padding: 0 60px;
}

.about7_form_top {
    margin: 0 -60px;
    padding: 50px 0 80px;
}

.about7_form_top li input {
    width: 100%;
    border: 0;
    border-bottom: solid 1px #ccc;
    padding: 6px;
    color: #999;
}

.about7_form_top li input:focus {
    border-color: #666;
    color: #666;
}

.about7_form>input {
    width: 100%;
    border: 0;
    border-bottom: solid 1px #ccc;
    padding: 6px;
}

.about7_form .textbox {
    width: 100%;
    border: 0;
    border-bottom: solid 1px #ccc;
    padding: 6px;
}



.about7_form>input:focus {
    border-color: #666;
    color: #666;
}

.about7_sub {
    text-align: center;
    margin-top: 70px;
    position: relative;
}

.about7_sub input {
    border: 0;
    background: transparent;
    width: 70px;
    height: 36px;
    position: relative;
    z-index: 2;
    color: transparent;
}

.about7_form_bottom li {
    float: left;
    width: 50%;
    padding-right: 2%
}

.about7_form_bottom li input {
    width: 100%;
    border: 0;
    border-bottom: solid 1px #ccc;
    padding: 6px;
    color: #999;
}

.about7_form input:focus {
    border-color: #666;
    color: #666;
}

.about7_form_bottom ul {
    margin-right: -2%;
}

.about7_form_bottom li select {
    width: 30%;
    border: 0;
    margin-right: 2%;
    border-bottom: solid 1px #ccc;
    color: #999;
    padding: 5px 6px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/select_serv.png) no-repeat scroll right center transparent;
    padding-right: 14px;
}

.about7_sub_bt {
    width: 220px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -110px;
    letter-spacing: 4px;
    text-align: center;
    min-width: 150px;
    max-width: 250px;
    padding: 12px 24px;
    vertical-align: middle;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    cursor: pointer;
    color: #fff;
    font-size: 13px;
    line-height: 12px;
    border: 1px solid #8B604C;
    background: #8B604C;
    -webkit-transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1);
    transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1);
}

.about7_sub_bt.active {
    background: #fff;
    border-color: #cacaca;
    color: #000;
    -webkit-transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1);
    transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1);
}

.about7_sub_bt:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1);
    transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1);
    font-family: 'Source-Han-Ligh1309e7518a62ee' !important;
}

.about7_sub_bt.active:before {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1);
    transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1);
}

/**about**/



/**news**/
.news_container {
    width: 90%;
    margin: 0 auto;
}

.news_sec.news_sec1 {
    padding: 80px 0;
}

.news_sel {
    text-align: center;
    margin-bottom: 80px;
}

.news_sel_box {
    display: inline-block;
}

.select {
    display: inline-block;
    position: relative;
    width: 320px;
    margin: 0 5px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #1e1e1e;
    font-size: 13px;
}

.newswrap img {
    width: 100%;
    margin-bottom: 40px;
    -moz-transition: opacity .7s;
    -o-transition: opacity .7s;
    -webkit-transition: opacity .7s;
    transition: opacity .7s;
    opacity: 1;
}

.newswrap {
    width: 60%;
}

.news1_lis.left .newswrap,
.news1_lis.left .extra {
    float: right;
}

.news1_lis.right .newswrap,
.news1_lis.right .extra {
    float: left;
}

.news1_lis:after {
    content: "";
    display: table;
    clear: both;
}

.news1_lis .extra {
    width: 20%;
    margin-left: 5%;
    float: left;
    text-transform: uppercase;
    font-size: 13px;
}

.news1_lis.left .extra {
    float: right;
    margin-left: 0;
    margin-right: 5%;
    text-align: right;
}

.news1_lis {
    margin-bottom: 120px;
}

.news1_lis:hover .newswrap img {
    opacity: 0.8;
}


.news1_lis:hover .newswrap .titolo {
    color: #895e4c
}

.news1_lis:hover .text-cta {
    color: #895e4c
}


.newswrap .titolo {
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newswrap .desc {
    height: 130px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    padding: 0;
    font-size: 13px;
    line-height: 26px;
    color: #737373;
    text-indent: 2em;
}

.newswrap .categorie {
    margin: 30px 0 0 0;
}

.text-cta {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 500;
    color: #1e1e1e;
}

.text-cta:before {
    content: "";
    width: 25px;
    height: 1px;
    background: #1e1e1e;
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
}



.news_sel_box .select {
    float: left;
    text-transform: capitalize;
}


.news_sel_box:after {
    content: "";
    display: table;
    clear: both;
}

.select_show {
    padding: 15px 15px;
    position: relative;
    border: 1px solid #1e1e1e;
    cursor: pointer;
}

.select_show span {
    text-transform: capitalize
}

.select ul.options {
    position: absolute;
    background: #e9e7e5;
    border: 1px solid #1e1e1e;
    padding: 10px 0;
    border-top: none;
    width: 100%;
    top: 100%;
    z-index: 2;
    display: none;
}

.select.active ul.options {
    display: block;
}

.select_show i.fa {
    float: right;
    font-size: 20px;
}

.select ul.options li a {
    padding: 10px 15px;
    cursor: pointer;
    display: block;
}

.select ul.options li.selected {
    font-weight: 600;
}

.select ul.options li:hover {
    font-weight: 600;
}



.news2_rtxt h4 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 5px;
    margin: 0;
}

.news2_rtxt h3 {
    margin: 0;
    font-size: 15px;
    color: #555;
    margin-bottom: 30px;
    font-family: 'webfontregular';
}

.news2_rtxt {
    padding-left: 40px;
}

.news2_row {
    padding: 60px 0;
}

.news2_video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news2_video {
    width: 100%;
    height: 100%;
}

.background_flash {
    display: none;
    width: 100%;
    height: 100%;
}








.news_harf {
    width: 50%;
    float: left;
    text-align: center;
}

.news_fir:after {
    content: "";
    display: table;
    clear: both;
}

.news3_fir_l {
    margin-right: -1px;
    padding: 0 20%;
    padding-bottom: 35px;
}

.news3_fir_r {
    /* border-left: solid 1px #eee; */
    padding: 0 20%;
    padding-bottom: 35px;
}

.nf_img img {
    width: 100%;
}

h3.nf_t {
    margin: 0 0 20px;
    font-size: 16px;
    color: #000;
    font-weight: bold;
}

h4.nf_b {
    font-size: 13px;
    color: #999;
    margin: 0;
    line-height: 1.42;
}

.nf_img {
    margin-top: 55px;
}

.nf_div {
    margin-top: 70px;
    padding: 0 10%;
}

.nf_div h5 {
    margin: 0;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #333;
}

.nf_div h6 {
    margin: 0 0 15px;
    font-size: 13px;
    color: #888;
    line-height: 26px;
}


.news3_main {
    margin-top: 80px;
}

.news3_bg {
    min-height: 380px;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}


.news3_thr_lis a:after {
    content: "";
    display: table;
    clear: both;
}

.news_thr_img {
    width: 180px;
    float: left;
}

.news_thr_r {
    padding-left: 210px;
}

.news_thr_r:after {
    content: "";
    display: table;
    clear: both;
}

.news_thr_txt {
    width: 60%;
    float: left;
    padding-right: 35px;
}

.news_thr_txt2 {
    width: 40%;
    float: left;
}

.news4_main {
    margin-top: 80px;
}

.news3_thr_lis {
    padding: 15px 0;
    border-top: solid 1px #eee;
}

.news3_thr_top h2 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    color: #000;
}

.news3_thr_top {
    margin-bottom: 30px;
}

.news3_thr_top h2 span {
    font-weight: normal;
    color: #9a8b78;
    font-size: 16px;
}

span.fl_right {
    float: right;
}

.news_thr_txt h2 {
    margin: 0 0 10px;
    font-size: 20px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news_thr_txt h3 {
    margin: 15px 0 30px;
    font-size: 13px;
}

.news_thr_txt h4 {
    font-size: 13px;
    margin: 0;
    color: #999;
    line-height: 24px;
}

.news_thr_txt h3 span.gray {
    color: #999;
    margin-right: 10px;
}

.news_thr_txt2 h5 {
    margin: 0;
    height: 25px;
    font-family: 'webfontregular';
    line-height: 25px;
    font-size: 14px;
    text-transform: capitalize;
    color: #000;
    background: url(../images/time.jpg) no-repeat left top;
    padding-left: 40px;
}

/**news**/



/**prolist**/
.prolist_container {
    width: 1340px;
    margin: 0 auto;
}

.prolist {
    padding: 100px 0 80px;
    background: #fff;
}

.prolist_intro {
    padding: 150px 0;
    background: url(../images/prolist_intro.jpg) no-repeat center center fixed;
    background-size: cover;
}

.prolist_intro_wz {
    width: 600px;
    text-align: center;
    margin: 0 auto;
}

.prolist_intro_wz h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 30px;
}

.prolist_intro_wz h4 {
    font-size: 14px;
    color: #fff;
    line-height: 26px;
}

.prolist_top h1 {
    font-size: 26px;
    margin-top: 0;
    margin-bottom: 40px;
}

.prolist_list {
    /* width: 25%;*/
    float: left;
    padding: 0 9px;
    margin-bottom: 18px;
    overflow: hidden;
    width: 240px;
}

.prolist_row .marqueeleft ul {
    float: left;
}

div#marqueeee li {
    float: left;
}

.prolist_row {
    margin: 0 -9px;
}

.prolist_wz h4 {
    margin: 0;
    font-size: 16px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prolist_wz h5 {
    margin: 0;
    font-size: 12px;
    max-width: 180px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prolist_price h3 {
    font-size: 12px;
    margin: 0;
    line-height: 20px;
}

.prolist_wz {
    padding: 20px;
    background: #e9e7e5;
    position: relative;
}

.prolist_price span {
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin-top: 6px;
}

.prolist_price {
    position: absolute;
    top: 33px;
    right: 20px;
}

.prolist_btn {
    position: absolute;
    bottom: -45px;
    left: 0;
    width: 100%;
    padding: 14px 0;
    text-align: center;
    background: #895e4c;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
}

.prolist_cot:hover {
    bottom: 0;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
}

.prolist_cot {
    position: relative;
    cursor: pointer;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
}

.prolist_cot:hover {
    transform: translateY(-45px);
    -webkit-transform: translateY(-45px);
    -moz-transform: translateY(-45px);
    -ms-transform: translateY(-45px);
    -o-transform: translateY(-45px);
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
}

.prolist_menu_cot.TabHide9 {
    display: none;
}

#TabShow1 {
    display: block;
}

.prolist_menu_list {
    width: 25%;
    float: left;
}

.prolist_menu_right {
    float: left;
    width: 75%;
}

.prolist_menu_right .prolist_menu_list {
    width: 100%;
    float: none;
}

.prolist_menu_right .prolist_menu_list>ul>li {
    width: 22%;
    float: left;
}

.prolist_top {
    position: relative;
    padding: 0 0 60px;
}

.prolist_top>h3 {
    font-size: 16px;
    margin: 0;
    position: relative;
}

.prolist_top_btn {
    position: absolute;
    right: 0;
    top: 0;
}

.prolist_top_btn a {
    text-decoration: underline;
    color: #895e4c;
    font-size: 15px;
}

.prolist_menu {
    padding: 40px 0 20px;
    display: none;
}

.prolist_menu_list h4 {
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 20px;
}

.prolist_menu_list li a {
    line-height: 32px;
}

.prolist_menu_list li a:hover,
.prolist_menu_list li.active a {
    color: #8B604C;
}

.prolist_img1 {
    /*-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;*/
    position: relative;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
}

.prolist_img2 {
    display: none;
}

/*.prolist_cot:hover .prolist_img1 {
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}
.prolist_img2{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}
.prolist_cot:hover .prolist_img2 {
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}*/
.prolist2_list.TabHidet8 {
    display: none;
}

.prolist_wz a {
    margin-top: 10px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    display: none;
}

.prolist_wz a:hover {
    color: #8B604C;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.prolist2_left h2 {
    font-size: 24px;
    color: #8B604C;
    margin-bottom: 30px;
    margin-top: 0;
}

.prolist2_wz h5 {
    line-height: 26px;
    text-indent: 2em;
    margin: 10px 0;
    color: #737373;
    font-size: 13px;
}

.prolist2_top li {
    float: left;
    width: 50%;
    line-height: 26px;
    color: #737373;
    font-size: 13px;
}

/*.prolist2_right{
	width:90%;
	margin-left:10%;
}*/
.prolist2_left {
    width: 86%;
    margin: 0 auto;
}

.prolist2_right {
    width: 86%;
    margin: 0 auto;
}

.prolist2_top li span {
    color: #999;
}

.prolist2_top {
    padding: 0 0 30px;
}

/*.prolist_box2{
	position:fixed;
	top:0;
	left:0;
	background:rgba(255,255,255,0.8);
	width:100%;
	height:100%;
	display:none;
    z-index: 1;
}*/
.prolist2_list {
    padding-bottom: 80px;
}

.prolist2_list h3 {
    margin: 20px 7%;
}

.prolist2_cot {
    width: 900px;
    background: #fafafa;
    margin: 0 auto;
    padding: 40px;
    position: relative;
}

.table_proli {
    display: table;
    width: 100%;
    height: 100%;
}

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

.prolist2_close {
    position: absolute;
    top: 20px;
    right: 20px;
}

.prolist2_gm {
    padding-top: 20px;
    text-align: right;
}

.prolist2_gm a {
    padding: 8px 40px;
    background: #8F634E;
    color: #fff;
    display: inline-block;
}



/**prodot**/
.prodot_box1 {
    padding: 80px 0 60px;
}

.prodot1_left {
    width: 60%;
    float: left;
    padding-right: 8%;
}

.prodot1_right {
    width: 40%;
    float: right;
    position: relative;
}

.prodot1_small li {
    float: left;
    width: 50px;
    height: 50px;
    padding: 3px;
    margin-right: 20px;
    border: solid 1px #ddd;
}

.prodot1_small li.active {
    border-color: #8B604C;
}

.prodot1_right_cot>h3 {
    font-size: 18px;
    margin: 0;
}

.prodot1_right_cot>h4 {
    font-size: 34px;
    margin: 18px auto;
}

.prodot1_right_cot>h5 {
    font-size: 13px;
    line-height: 26px;
    margin-top: 30px;
    color: #737373;
}

.prodot1_right_cot>h7 {
    font-family: Arial, Helvetica, sans-serif;
    text-transform: capitalize;
    font-size: 15px;
    color: #000
}


.prodot1_bg {
    margin: 20px 0;
    background: #e3e3e3;
    padding: 15px 54px;
}

.prodot1_bg h2 {
    margin: 0;
    font-size: 16px;
}

.prodot1_bg h2 span {
    font-size: 24px;
    color: #ce0a0a;
    padding: 0 4px;
}

.prodot1_gg h3 {
    font-size: 13px;
    color: #000;
    width: 40%;
    display: inline-block;
    line-height: 50px;
    margin: 0;
}

.prodot1_gg h3 span {
    padding-left: 15px;
    font-size: 12px;
    color: #000;
}

.prodot1_gg h3 select,
.prodot1_gg h3 select:focus {
    font-size: 12px;
    margin-left: 15px;
    margin-right: 5px;
    outline: none;
    padding: 10px 10px;
    border-color: #ccc;
}

.prodot1_gg_list a {
    width: 60%;
    display: inline-block;
    padding: 10px 40px;
    text-align: center;
    background: #8B604C;
    color: #fff;
}

.prodot1_right_cot h6 {
    text-align: left;
    margin-top: 30px;
}

.prodot1_right_cot h6:hover i {
    color: #8B604C;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
}

.prodot1_right_cot h6 a {
    font-size: 12px;
}

.prodot1_right_cot h6 i {
    color: #999;
    padding-right: 5px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
}

.prodot2_top {
    border-top: solid 1px #ddd;
    padding: 24px 30px;
}

.prodot2_top h3 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
}

.prodot2_gg h5 {
    width: 33.3%;
    float: left;
    margin: 0;
    line-height: 32px;
    font-size: 13px;
    color: #737373;
}

.prodot2_gg h5 strong {
    color: #000;
    font-size: 13px;
    letter-spacing: 1px;
}

.prodot2_gg {
    padding: 15px 0;
}

.prodot2_intro h4 {
    font-size: 13px;
    line-height: 26px;
    margin: 0;
    color: #737373;
}

.prodot2_intro h4 strong {
    color: #000;
    font-size: 13px;
    letter-spacing: 1px;
}

.prodot2_img {
    margin-top: 30px;
}

.prodot_box2 {
    padding-bottom: 80px;
}

.prodot1_wz h3 {
    margin: 0;
    font-size: 24px;
    color: #8B604C;
}

.prodot1_cot {
    margin: 20px 0;
}

.prodot1_cot h4 {
    margin: 0;
    font-size: 18px;
    line-height: 30px;
}

.prodot1_cot h5 {
    font-size: 13px;
    line-height: 26px;
    color: #737373;
}

.prodot2_li li {
    float: left;
    position: relative;
    bottom: -1px;
}

.prodot2_li li a {
    padding: 0 50px;
    line-height: 36px;
    font-size: 15px;
    color: #8B604C;
}

.prodot2_li li.active {
    border-bottom: solid 1px #8B604C;
}

.prodot2_li ul {
    border-bottom: solid 1px #ddd;
}

.prodot2_star {
    display: inline-block;
    width: 98px;
    height: 18px;
    margin-left: 20px;
    background: url(../images/star.png) no-repeat;
    position: relative;
    top: 2px;
}

.prodot2_star5 {
    background-position: 0 0;
}

.prodot2_star4 {
    background-position: -20px 0;
}

.prodot2_star3 {
    background-position: -40px 0;
}

.prodot2_star2 {
    background-position: -60px 0;
}

.prodot2_star1 {
    background-position: -80px 0;
}

.prodot2_star1_1 {
    background-position: -20px 0;
}

.prodot2_star2_1 {
    background-position: -20px 0;
}

.prodot2_star3_1 {
    background-position: 0 0;
}

.prodot2_star4_1 {
    background-position: -20px 0;
}

.prodot2_star1_2 {
    background-position: -20px 0;
}

.prodot2_star2_2 {
    background-position: 0 0;
}

.prodot2_star3_2 {
    background-position: 0 0;
}

.prodot2_star4_2 {
    background-position: -40px 0;
}

.prodot2_star1_3 {
    background-position: -20px 0;
}

.prodot2_star2_3 {
    background-position: 0 0;
}

.prodot2_star3_3 {
    background-position: -20px 0;
}

.prodot2_star4_3 {
    background-position: -40px 0;
}

.prodot2_star1_4 {
    background-position: 0 0;
}

.prodot2_star2_4 {
    background-position: -20px 0;
}

.prodot2_star3_4 {
    background-position: -20px 0;
}

.prodot2_star4_4 {
    background-position: -40px 0;
}

.prodot2_star1_5 {
    background-position: -20px 0;
}

.prodot2_star2_5 {
    background-position: 0 0;
}

.prodot2_star3_5 {
    background-position: 0 0;
}

.prodot2_star4_5 {
    background-position: -20px 0;
}

.prodot2_star1_6 {
    background-position: -20px 0;
}

.prodot2_star2_6 {
    background-position: 0 0;
}

.prodot2_star3_6 {
    background-position: 0 0;
}

.prodot2_star4_6 {
    background-position: 0 0;
}

.prodot2_star1_7 {
    background-position: 0 0;
}

.prodot2_star2_7 {
    background-position: -20px 0;
}

.prodot2_star3_7 {
    background-position: -20px 0;
}

.prodot2_star4_7 {
    background-position: -20px 0;
}

.prodot2_star1_8 {
    background-position: -20px 0;
}

.prodot2_star2_8 {
    background-position: 0 0;
}

.prodot2_star3_8 {
    background-position: 0 0;
}

.prodot2_star4_8 {
    background-position: 0 0;
}

.prodot2_star1_9 {
    background-position: -20px 0;
}

.prodot2_star2_9 {
    background-position: -20px 0;
}

.prodot2_star3_9 {
    background-position: -20px 0;
}

.prodot2_star4_9 {
    background-position: -40px 0;
}

.prodot2_star1_10 {
    background-position: 0 0;
}

.prodot2_star2_10 {
    background-position: -20px 0;
}

.prodot2_star3_10 {
    background-position: -20px 0;
}

.prodot2_star4_10 {
    background-position: -20px 0;
}

.prodot2_star1_11 {
    background-position: -20px 0;
}

.prodot2_star2_11 {
    background-position: 0 0;
}

.prodot2_star3_11 {
    background-position: 0 0;
}

.prodot2_star4_11 {
    background-position: 0 0;
}

.prodot2_star1_12 {
    background-position: -40px 0;
}

.prodot2_star2_12 {
    background-position: -20px 0;
}

.prodot2_star3_12 {
    background-position: 0 0;
}

.prodot2_star4_12 {
    background-position: -20px 0;
}

.prodot2_star1_13 {
    background-position: -20px 0;
}

.prodot2_star2_13 {
    background-position: -20px 0;
}

.prodot2_star3_13 {
    background-position: -20px 0;
}

.prodot2_star4_13 {
    background-position: -20px 0;
}

.prodot2_star1_14 {
    background-position: -20px 0;
}

.prodot2_star2_14 {
    background-position: 0 0;
}

.prodot2_star3_14 {
    background-position: -20px 0;
}

.prodot2_star4_14 {
    background-position: -20px 0;
}

.prodot2_star1_15 {
    background-position: -20px 0;
}

.prodot2_star2_15 {
    background-position: 0 0;
}

.prodot2_star3_15 {
    background-position: 0 0;
}

.prodot2_star4_15 {
    background-position: 0 0;
}

.prodot2_pf_li h5 {
    line-height: 24px;
}

.prodot2_name img {
    width: 18px;
    display: inline-block;
}

.prodot2_name {
    width: 20%;
    float: left;
}

.prodot2_name h5 {
    display: inline-block;
    padding-left: 10px;
}

.prodot2_pj h5 {
    margin: 0;
    line-height: 26px;
}

.prodot2_time {
    width: 20%;
    float: right;
}

.prodot2_pj_cot {
    width: 60%;
    float: left;
}

.prodot2_pf {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px #ddd;
    padding-top: 20px;
}

.prodot2_pj_li {
    padding: 10px 0;
}

.prodot2_pj_li_ts h5 {
    font-size: 14px;
}

.prodot2_pj_li h5 {
    font-size: 13px;
    color: #737373;
}

.prodot2_lis {
    padding: 0 20px;
}

.prodot1_zan img {
    width: 20px;
    position: relative;
    top: -3px;
    margin-right: 8px;
}

.prodot1_zan {
    position: absolute;
    bottom: 0;
    left: 0;
}




/**sale**/
.ban_wz {
    top: 40%;
    color: #fff;
    text-align: center;
    width: 600px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    margin-left: -300px;
}

.ban_wz h3 {
    margin: 0;
    font-size: 20px;
    line-height: 34px;
}

.ban_wz h2 {
    font-size: 30px;
    margin-bottom: 20px;
}

.sale_list {
    width: 25%;
    padding: 0 10px;
    float: left;
    margin-bottom: 40px;
    height: 249.5px;
}

.sale_list_zz {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.sale_list_zz .sale_img:hover img {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.sale_bottom {
    margin: 0 -10px;
}

.sale {
    padding: 80px 0 40px;
}

.sale .about1_tit {
    text-align: center;

    margin-bottom: 35px;
}

.sale .about1_tit hr {
    width: 30px;
    margin: 20px auto;

}





.sale_top {
    margin: 20px 0 40px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ddd;
}

.sale_top h3 {
    margin: 0;
    font-size: 16px;
    display: inline-block;
    text-transform: capitalize;
}

.sale_top span {
    float: right;
}

.sale_gwc {
    width: 28px;
    position: absolute;
    right: 10px;
    top: 15px;
}

.sale_wz {
    position: relative;
    margin-top: 10px;
    border-top: solid 1px #333;
    padding-top: 10px;
}

.sale_wz h4 {
    margin: 0;
    font-size: 13px;
    color: #d30b0b;
}

.sale_wz h5 {
    margin: 0;
    font-size: 14px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sale_wz h4 span {
    color: #999;
    padding-right: 10px;
    position: relative;
}

.sale_wz h4 span:after {
    content: "";
    width: 100%;
    height: 1px;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
    background: #999;
}

.sale_img {
    overflow: hidden;
}

.sale_img:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
}

.sale_img img {
    transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
}

/**sale**/




/**club_activity**/
.act_cot {
    padding: 0 50px;
}

.act1_tit1 h4 {
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
}

.act1_cot {
    width: 65%;
    margin: 0 auto;
    text-align: center;
}

.act1_cot img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    margin: auto;
}

.act {
    padding: 80px 0;
}

.act_box {
    padding-top: 80px;
}

.act1_tit1 h3 {
    line-height: 30px;
    color: #191A1C;
    font-size: 30px;
    margin: 10px auto 0;
}

.act1_tit1 h5 {
    padding: 15px 0;
    font-family: serif;
    font-size: 30px;
    display: inline-block;
    margin: 0;
}

.act1_tit1 h6 {
    font-size: 30px;
    margin: 0;
}

.act1_tit1 h2 {
    margin-top: 30px;
    font-size: 35px;
    margin-bottom: 40px;

}

.act1_wz h5 {
    font-size: 13px;
    line-height: 26px;
    text-align: left;
    color: #737373;
    text-indent: 2em;
}

.act3_cot_cot h5 span {
    width: 32px;
    height: 24px;
    line-height: 26px;
    position: absolute;
    top: -6px;
    left: -2px;
}

.act3_cot_cot {
    max-width: 350px;
    margin: 0 auto;
}

.act3_cot_cot h5 {
    font-size: 29px;
    line-height: 48px;
    color: #191A1C;
    position: relative;
    padding-left: 50px;
    letter-spacing: .25px;

}

.act3_cot_cot h5:after {
    content: '”';
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 45px;
    color: #191A1C;
    margin-left: 10px;
}

.table_dis {
    display: table;
    width: 100%;
    height: 100%;
}

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

.act4_left {
    top: 0;
    left: 0;
}

.act4_left.fixed {
    position: fixed;
    top: 90px;
    left: 0;
}

.act4_img {
    width: 86%;
}

.act4_bottom span {
    width: 80px;
    float: left;
    text-transform: uppercase;
    font-size: 12px;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
}

.act4_bottom h5 {
    float: left;
    width: calc(100% - 80px);
    margin: 0;
    padding-left: 20px;
    font-size: 13px;
    color: #737373;
    line-height: 26px;
    text-align: justify;
}

.act4_li h4 {
    font-size: 19px;
    color: #191A1C;
    margin-bottom: 25px;
    margin-top: 0;
    font-weight: 600;
}

.act4_bottom span:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0px;
    width: 10px;
    height: 2px;
    background-color: #474849;
}

.act4_li {
    padding-bottom: 30px;
}

.act4_left_box {
    position: relative;
}

/**club_activity**/


/**login**/
.login_tit h2 {
    font-size: 26px;
    margin: 20px 0;
    letter-spacing: 1px;
}

.login_cot {
    padding: 130px 0;
    width: 815px;
    margin: 0 auto;
}

.login_left {
    width: 400px;
    float: left;
    border: solid 1px #d9d9d9;
    padding: 30px;
    height: 290px;
}

.login_right {
    float: right;
    width: 400px;
    border: solid 1px #d9d9d9;
    padding: 30px;
    height: 290px;
}

.login_left h3,
.login_right h3 {
    margin: 0;
    font-size: 13px;
    color: #636363;
    font-weight: 400;
    margin-bottom: 20px;
    padding: 0 0 10px;
    border-bottom: 1px solid #d9d9d9;
}

.login_left h4 {
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    color: #A0A0A0;
}

.login_btn1 {
    font-size: 12px;
    text-align: right;
}

.login_btn1 a {
    background: #895e4c;
    color: #fff;
    padding: 8px 20px;
    display: inline-block;
}

.login_list label {
    font-weight: normal;
    font-size: 12px;
}

.login_list span {
    width: 90px;
    display: inline-block;
}

.login_list input {
    width: 240px;
    line-height: 30px;
    padding: 0 8px;
    height: 32px;
    border: none;
    background: #ebebeb;
}

.login_bottom {
    padding-left: 90px;
}

.login_list {
    padding: 8px 0;
}

.login_bottom>a {
    color: #737373;
    font-size: 12px;
    text-decoration: underline;
}

.login_sf h6 {
    color: #a0a0a0;
}

.login_sf {
    padding-top: 5px;
    position: relative;
}

.login_sf li {
    float: left;
    width: 20px;
    margin-right: 5px;
}

.login_dl {
    position: absolute;
    top: 0;
    right: 0;
}

.login_dl a {
    background: #895e4c;
    color: #fff;
    padding: 8px 20px;
    display: inline-block;
}


/**register**/
.register {
    padding: 100px 0;
}

.register_cot {
    width: 700px;
    margin: 0 auto;
    border: solid 1px #d9d9d9;
    padding: 30px 30px 20px;
}

.register_top h3 {
    font-size: 24px;
    color: #636363;
    padding-bottom: 3px;
    margin-bottom: 15px;
    margin-top: 0;
}

.register_top h4 {
    font-size: 12px !important;
    color: #A0A0A0;
    line-height: 20px;
}

.register_list label {
    font-weight: normal;
    font-size: 12px;
}

.register_list span {
    width: 90px;
    display: inline-block;
    color: #666;
}

.register_list input {
    width: 200px;
    line-height: 30px;
    height: 32px;
    padding: 0 8px;
    background: #ebebeb;
    border: none;
}

.register_list {
    width: 50%;
    float: left;
    padding: 8px 0;
    position: relative;
}

.register_yz a {
    display: inline-block;
}

.register_list img {
    width: 86px;
    position: relative;
    top: -1px;
    height: 32px;
}

.register_yz input {
    width: 110px;
}

.register_dx a {
    position: absolute;
    right: 25px;
    top: 8px;
    padding: 7px 20px;
    background: #895e4c;
    color: #fff;
    display: inline-block;
}

.register_dx input {
    padding-right: 72px;
}

.register_list select {
    height: 32px;
    line-height: 30px;
    padding: 0 0 0 8px;
    background: #ebebeb;
    border: none;
}

.register_list select:focus {
    outline: none;
}

.register_qd input {
    width: auto;
    line-height: 14px;
    margin: 0;
    position: relative;
    top: 12px;
}

.register_qd span {
    width: 94%;
    display: inline;
    font-size: 12px;
    color: #895e4c;
}

.register_qd span a {
    text-decoration: underline;
}

.register_qd {
    margin-top: 0px;
}

.register_list select {
    width: 200px;
}

.register_year select {
    width: 50px;
}

.register_year select[name="year"] {
    width: 60px;
}

.register_btn {
    position: absolute;
    bottom: 10px;
    right: 0px;
}

.register_bottom_cot {
    position: relative;
}

.register_btn a {
    padding: 8px 20px;
    background: #895e4c;
    color: #fff;
    display: inline-block;
}

/**job**/
.job_box1 {
    padding-top: 80px;
}

.job_box1 .about1_tit {
    text-align: center;
    margin-bottom: 35px;
}

.job_box1 .about1_tit hr {
    width: 30px;
    margin: 20px auto;

}



.job1_list {
    width: 25%;
    float: left;
    border-right: solid 1px #eee;
    padding-bottom: 50px;
}

.job1_bottom {
    border-left: solid 1px #eee;
}

.job1_bottom_wz {
    padding: 15px 20px;
}

.job1_bottom_wz h6 {
    font-size: 13px;
    color: #8B604C;
}

.job1_wz h5 {
    margin: 0 auto;
    line-height: 26px;
    color: #737373;
    text-align: center;
}

.job1_wz {
    width: 90%;
    margin: 0 auto;
}

.job1_tit h3 {
    font-size: 16px;
    margin-top: 10px;
}

.job1_cot {
    padding: 80px 0 0;
}

.job_box01 {
    padding-top: 100px !important;
}

.job1_top_tit {
    padding: 40px;
    background: #c9bc9c;
}

.job1_top_tit h3 {
    float: left;
    margin: 0;
    font-size: 24px;
    color: #fff;
}

.job1_top_tit h5 {
    float: right;
    text-align: right;
    margin: 0;
    line-height: 26px;
    color: #666;
    width: 30%;
    font-size: 16px;
}

.job1_top_bottom {
    padding: 25px;
    background: #8B604C;
}

.job1_top_bottom h4 {
    margin: 0;
    color: #fff;
}

.job1_btn {
    margin-top: 40px;
    text-align: center;
}

.job1_btn a {
    padding: 14px 36px;
    border: solid 1px #8B604C;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
}

.job_box2 {
    padding: 140px 0;
    background: url(../images/job2.jpg) no-repeat center center;
    background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
}

.job2_btn {
    text-align: center;
}

.job2_btn a {
    padding: 10px 120px;
    color: #fff;
    display: inline-block;
    background: #8B604C;

    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
}

.job2_btn h4 {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0;
    margin-top: 10px;
}

.job2_btn h5 {
    font-size: 16px;
    line-height: 24px;
}

.job2_btn i {
    position: absolute;
    top: 50%;
    margin-top: -0.5px;
    right: -20px;
    width: 100px;
    height: 1px;
    background: #fff;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
}

.job2_btn a:hover i {
    width: 50px;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
}

.job2_btn a:hover {
    background: #694433;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
}

.job_box3 {
    padding: 100px 0;
}

.job3_zz {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
}

.job3_list {
    position: relative;
    overflow: hidden;
}

.job3_zz h5 {
    font-size: 20px;
    text-transform: capitalize;
    font-family: Arial, Helvetica, sans-serif;
}

.job3_list img {
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
}

.job3_list:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
}

.job3_list:hover .job3_zz {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
}


/**newsdot**/
.newsdot_t .nd_title {
    color: #77787b;
    font-size: 13px;
    line-height: 22px;
}

.newsdot_t .nd_value {
    color: #131010;
    font-size: 13px;
    line-height: 22px;
}

.newsdot {
    padding: 100px 0;
}

.newsdot_content h5 {
    margin: 0 0 22px;
    font-size: 13px;
    line-height: 1.4;
    color: #333;
}

.newsdot_content h5 a {
    color: #0068B3;
}

.newsdot_arrow-left {
    background: #979797;
    font-size: 18px;
    width: 28px;
    height: auto;
    padding: 6px 0;
    text-align: center;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
}

.newsdot_arrow-right {
    background: #979797;
    font-size: 18px;
    width: 28px;
    height: auto;
    padding: 6px 0;
    text-align: center;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
}

a.newsdot_zoom {
    background: #979797;
    width: 30px;
    height: auto;
    padding: 8px 0;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff;
    border-left: solid 1px #fff;
    font-size: 13px;
}

.newsdot_sw_control {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
}

.newsdot_sw_control a {
    display: inline-block;
    float: left;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.newsdot_sw_control a:hover {
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80);
}

.newsdot_img {
    margin-bottom: 40px;
}

.newsdot_txt {
    padding: 0 15px;
}

.newsdot_txt img {
    max-width: 100%;
    display: block;
    height: auto;
    margin: 0px auto;
}

.newsdot_txt p {
    line-height: 26px;
    color: #737373;
    font-size: 13px;
    font-family: 'Source-Han-Ligh1309e7518a62ee' !important;
    margin-top: 20px;
    text-indent: 2em;
}

.newsdot_left {
    position: relative;
    margin-top: 160px;
    padding: 50px 0 20px;
}

.newsdot_left h5 {
    margin-bottom: 20px;
    margin-top: 0;


}

.b_val {
    color: #000;
    font-family: 'Source-Han-Ligh1309e7518a62ee' !important;
    font-size: 13px;
    font-weight: normal;
}


.b_val span {
    color: #999;
    display: block;
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.g_val {
    color: #000;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 30px;
    display: block;
}

.g_val:hover span {
    text-decoration: underline;
    color: #0068B3
}

.g_val span {
    color: #999;
    display: block;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.b_val span {
    color: #999;
    display: block;
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.g_val {
    color: #000;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 30px;
    display: block;
}

.g_val:hover span {
    text-decoration: underline;
    color: #895e4c
}

.g_val span {
    color: #999;
    display: block;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.newsdot_left_new {
    position: fixed;
    left: 50%;
    top: 20px;
    margin-left: -580px;
}

.newsdot_left:before {
    content: "";
    display: block;
    width: 80px;
    height: 8px;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
}

.newsdot_left:after {
    content: "";
    display: block;
    width: 70%;
    height: 1px;
    background: #ccc;
    position: absolute;
    bottom: 0;
    left: 0;
}


/**jobdot**/
.title_con {
    margin-bottom: 50px;
}

.title_con h3 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 0px;
    margin-top: 0px;
    color: rgb(45, 45, 45);
    font-family: 'Source-Han-Ligh1309e7518a62ee' !important;
    text-align: center;

}

.title_con h2 {
    text-align: center;
    font-size: 16px;
    margin-bottom: 8px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

.bt {
    float: left;
    padding: 0 6px;
    line-height: 22px;
}

.sc {
    float: left;
    outline: none;
}

.jobdot {
    padding: 100px 0;
}



.jobdot .about1_tit {
    text-align: center;
    margin-bottom: 35px;
}

.jobdot .about1_tit hr {
    width: 30px;
    margin: 20px auto;

}



.zpxxnrtop_job {
    width: auto;
    line-height: 30px;
    border-bottom: 1px #ddd dashed;
    text-align: left;
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

.zpxxnrtop_job span {
    color: #dab866;
    font-size: 12px;
}

.zpxxnrbody {
    width: auto;
    border-bottom: 1px #ddd dashed;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 12px;
    padding-right: 10px;
}

.zpxxnrbodynr {
    width: 50%;
    float: left;
    padding-right: 20px;
}

.zpxxnrbodynrs {
    width: auto;
    height: auto;
}

.zpxxnrbodynrsz {
    width: 75px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    display: inline-block;
    color: #666;
}

.zpxxnrbodynrsy {
    display: inline-block;
    line-height: 25px;
    font-size: 13px;
}

.zxzpnr {
    line-height: 25px;
    font-size: 13px;
    color: #666;
}

.zxzpnr p {
    font-size: 13px;
    line-height: 26px;
    color: #737373;
    margin: 0;
}

.jianli {
    width: 180px;
    height: auto;
    position: relative;
}

.shangchuan {
    width: 80px;
    height: 23px;
    line-height: 23px;
    margin-top: 10px;
    right: 0px;
    position: absolute;
    border: 1px #dab866 solid;
    color: #dab866;
    text-align: center;
    font-size: 12px;
}

.shangchuan a {
    color: #0068B3;
}

.shangchuan a:hover {
    color: #fff;
    background: #0068B3;
    display: block;
}

.tjl {
    width: 100px;
    height: 50px;
    position: absolute;
    left: 0px;
}

.upload {
    margin-top: 50px;
}

.upload a {
    display: block;
    width: 130px;
    height: 35px;
    line-height: 35px;
    margin: 0 auto;
    border: 1px solid #8B604C;
    color: #fff;
    text-align: center;
    background: #8B604C;
    transition: color .6s, border-color .6s, background-color .6s, border .6s;
}

.upload a:hover {
    background: #fff;
    color: #000;
    transition: color .6s, border-color .6s, background-color .6s, border .6s;
}

.conbg {
    padding: 60px 0;
}


/**store**/
.store {
    position: relative;
}

.store_left {
    overflow-y: scroll;
    padding-right: 35px;
}

.store_left::selection {
    background: #222;
    color: white;
    text-shadow: none;
}

.store_left::-webkit-scrollbar-track-piece {
    width: 1px;
    background-color: #333
}

.store_left::-webkit-scrollbar {
    width: 4px;
    height: 6px
}

.store_left::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #fff;
}

.store_left::-webkit-scrollbar-thumb:hover {
    background: #fff
}

.store_cot {
    width: 400px;
    background: #131414;
    padding: 40px 20px 40px 70px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

.stroe_top input {
    width: 100%;
    line-height: 26px;
    background: transparent;
    padding: 0 30px;
    font-size: 13px;
    color: #999;
    height: 28px;
}

.stroe_top input[type="submit"] {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: none;
    background: url(../images/store_sear.png) no-repeat center center;
    margin: 5px;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
}

.stroe_top img {
    width: 20px;
    position: absolute;
    top: 4px;
    left: 4px;
}

.stroe_top {
    position: relative;
    width: 60%;
    float: left;
    margin-top: 10px;
}

.store_tit h3 {
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
    padding-bottom: 20px;
}

.store_tit {
    margin-top: 40px;
}

.store_list h6 {
    margin: 0;
    font-size: 12px;
    color: #999;
    line-height: 26px;
}

.store_list h6 strong {
    color: #eee;
    font-size: 13px;
    font-weight: normal;
}

.store_list h3 {
    margin: 0;
    font-size: 12px;
    line-height: 26px;
    color: #999;
}

.store_list h3 strong {
    color: #eee;
    font-size: 13px;
    font-weight: normal;
}

.store_list h4 {
    font-size: 12px;
    line-height: 26px;
    color: #999;
    margin: 0;

}

.store_sele_li select {
    width: 100%;
}

.store_list h4 strong {
    color: #eee;
    font-size: 13px;
    font-weight: normal;
}



.store_list h5 {
    font-size: 12px;
    line-height: 26px;
    color: #999;
    margin: 0;
}

.store_list h5 strong {
    color: #eee;
    font-size: 13px;
    font-weight: normal;
}







.store_list {
    border-top: solid 1px #fff;
    color: #fff;
    padding: 20px 0;
}

.store_sele {
    padding: 20px 0;
}

.store_sele h4 {
    font-size: 15px;
    color: #fff;
}

.store_sele select {
    background: transparent;
    color: #999;
    line-height: 26px;
    font-size: 13px;
    height: 28px;
    padding: 0 20px 0 5px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/store_sele.png) no-repeat scroll right center transparent;
    padding-right: 20px;
    outline: 0;
    outline: none;
    border: solid 1px #ccc;
}

.store_sele select.ie8 {
    background: none;
    padding-right: 0;
}

.store_sele select option {
    color: #333;
}

.store_submit input {
    background: transparent;
    color: #fff;
    padding: 0px 18px;
    line-height: 26px;
    font-size: 13px;
    height: 28px;
}

.store_submit {
    padding-top: 10px;
    float: right;
}

.store_sele_li {
    padding-bottom: 10px;
    width: 50%;
    float: left;
}


/**  my  **/
.my_top {
    position: fixed;
    width: 100%;
    height: 40px;
    top: 90px;
    z-index: 1;
    background: #8b604c;
}

.my {
    padding-top: 80px;
}

.my_top ul li {
    display: inline-block;
    float: left;
    margin: 0 10px;
    position: relative;
}

.my_top ul:after {
    content: "";
    display: table;
    clear: both;
}

.my_top ul li a {
    display: block;
    line-height: 40px;
    padding: 0 25px;
    color: #fff;
    position: relative;
}

.my_top ul li.active a {
    height: 45px;
    background: #9e6d57;
}

.my_header {
    padding: 30px;
    border: solid 1px #e6e6e6;
}

.myheaderl_img {
    display: inline-block;
    float: left;
    width: 120px;
    border-radius: 50%;
    overflow: hidden;
    border: solid 5px #fff;
    box-shadow: 2px 2px 4px #ddd;
}

.myheader_l:after {
    content: "";
    display: table;
    clear: both;
}

.myheader_l {
    border-right: solid 1px #e6e6e6;
}

.myheaderl_txt {
    padding-left: 140px;
}

.myheaderl_img img {
    width: 100%;
}

.myheaderl_txt h2 {
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 1.42;
}

span.mht_1 {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
}

.myheaderl_txt span {
    vertical-align: middle;
}

span.mth_2 img {
    width: 36px;
}




span.mht_3 {
    font-size: 18px;
    color: #666;
}

span.mth_2 {
    margin: 0;
}

.myheaderl_txt h3 {
    margin: 13px 0 0;
    font-size: 16px;
    line-height: 1.42;
    color: #666;
}

span.mht_cube {
    display: inline-block;
    width: 120px;
    position: relative;
    background: #dddddd;
    font-size: 14px;
    color: #fff;
}

span.mht_cube span {
    display: block;
    position: relative;
    text-align: center;
    width: 50%;
    background: #f09412;
}

span.mht_5 img {
    width: 20px;
    margin: 0 2px;
}

span.mht_5 {
    margin: 0 0 0 10px;
    vertical-align: text-bottom;
}

span.mht_ico img {
    width: 16px;
}

span.mht_ico {
    vertical-align: bottom;
    margin-left: 5px;
}

a.mth_btn {
    color: #418bcf;
    margin-left: 10px;
}

.myheader_r h2 {
    margin: 0 0 15px;
    line-height: 1.42;
    font-size: 18px;
    font-weight: bold;
}

.myheader_r {
    border-bottom: solid 1px #e6e6e6;
    padding-bottom: 10px;
}

.myheader_r h3 {
    margin: 0 0 5px;
    font-size: 16px;
    color: #666;
}

.my_main {
    padding-bottom: 80px;
    margin-top: 50px;
}

.my_main_top h2 {
    margin: 0 0 20px;
    border-bottom: solid 2px #e9e9e9;
}

.my_main_top h2 span {
    display: inline-block;
    font-size: 18px;
    padding: 8px 15px;
    margin-bottom: -2px;
    border-bottom: solid 2px #895e4c;
    color: #895e4c;
    font-weight: bold;
}

.my_sel {
    margin-bottom: 35px;
    font-size: 14px;
}

.my_sel input {
    border: solid 1px #ccc;
    padding: 2px 5px;
    line-height: 1.42;
    font-size: 14px;
}

input.my_sel1 {
    width: 240px;
    margin-right: 20px;
}

.my_sel span {
    margin-right: 5px;
    color: #000;
}

input.my_sel2 {
    width: 170px;
}

input.my_sel_btn {
    margin-left: 20px;
    background: #f5f5f5;
    color: #000;
    padding: 2px 15px;
}

.my_main_lis {
    border: solid 1px #e6e6e6;
    margin-top: 25px;
    padding-bottom: 30px;
}

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

.my_main_lis h2 {
    margin: 0 0 30px;
    background: #f1f1f1;
    color: #666;
    padding: 12px 15px;
    font-size: 14px;
}

.my_main_lis h2 input {
    margin: 0;
    margin-right: 5px;
    vertical-align: middle;
}

.my_main_lis h2 b {
    margin-right: 15px;
    font-size: 15px;
    vertical-align: middle;
    color: #000;
}

span.eng {
    font-family: Arial, Helvetica, sans-serif;
}

.my_m_table1 img {
    width: 80px;
}

.my_m_table1 {}

.my_m_table2 {
    font-size: 14px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.my_main_lis table td {
    max-width: 140px;
}

.my_m_table3 {
    font-size: 16px;
    color: #f00678;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.my_m_table4 {
    font-size: 16px;
    color: #333;
}

.my_m_table5 a {
    font-size: 16px;
    color: #895e4c;
}

.my_main_top h2 span {
    float: left;
    border-bottom: solid 2px transparent;
    color: #aaa;
    cursor: pointer;
}

.my_main_top h2:after {
    content: "";
    display: table;
    clear: both;
}

.my_main_top h2 span.active {
    border-bottom: solid 2px #895e4c;
    color: #895e4c;
}


/** my end **/






.nf_img_box.TabHide3 {
    display: none;
}

.nf_img #TabShow1 {
    display: block;
}

.nf_div {
    cursor: pointer;
}

.news3_fir_box {
    height: 540px;
    overflow: hidden;
    margin-right: -10px;
    padding-right: 10px;
}

.news3_fir_box::selection {
    background: #222;
    color: white;
    text-shadow: none;
}

.news3_fir_box::-webkit-scrollbar-track-piece {
    width: 10px;
    background-color: #ccc
}

.news3_fir_box::-webkit-scrollbar {
    width: 5px;
    height: 6px
}

.news3_fir_box::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #8B604C;
}





/**service**/
.service2-list {
    position: relative;
    padding: 10px 0;
    padding-left: 40px;
}

.service2-img {
    display: inline-block;
    width: 26px;
    position: absolute;
    top: 8px;
    left: 0;
}

.service2-list h4 {
    font-size: 18px;
    margin: 0;
    line-height: 24px;
}

.service2-list h5 {
    font-size: 13px;
    line-height: 26px;
    color: #737373;
}

.service2-image {
    width: 50%;
    float: left;
}

.service2-image1 {
    margin-top: 60px;
}

.service2-right {
    padding-left: 20px;
}

.service2-left {
    padding-right: 20px;
    overflow: hidden;
}

.service_box2 {
    padding: 80px 0;
}

.service2-left::selection {
    background: #222;
    color: white;
    text-shadow: none;
}

.service2-left::-webkit-scrollbar-track-piece {
    width: 10px;
    background-color: #ccc
}

.service2-left::-webkit-scrollbar {
    width: 5px;
    height: 6px
}

.service2-left::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #8B604C;
}

.service2-cot {
    padding-top: 60px;
}


.service_box5 {
    background: url(../images/service1_bg.jpg) no-repeat center center fixed;
    background-size: cover;
    height: 400px;
}

.service_box6 {
    background: url(../images/service2_bg.jpg) no-repeat center center fixed;
    background-size: cover;
    height: 400px;
}

.service_tit .about1_tit {
    text-align: center;
}

.service_tit .about1_tit hr {
    margin: 17px auto;
}

.service1_center_cot {
    width: 88%;
    margin: 0 auto;
    overflow: hidden;
}

.service1_center_cot ul {
    margin-right: -1px;
}

.service1_center_cot li {
    float: left;
    padding: 0 20px;
    width: 25%;
}

.service1_center_cot li {
    float: left;
    padding: 0 20px;
    width: 25%;
    border-right: solid 1px #CCC;
    text-align: center;
}

.service_box1 {
    padding: 80px 0;
}

.service1_center {
    padding-top: 80px;
    padding-bottom: 80px;
}

.service1_img {
    width: 40%;
    margin: 0 auto;
}

.service1_center_list h5 {
    padding-top: 10px;
    line-height: 26px;
    font-size: 13px;
    color: #737373;
    width: 70%;
    margin: 0 auto;
}

.service3_bottom li {
    width: 130px;
    float: left;
    padding: 0 10px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
}

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

.service3_bottom ul {
    margin: 0 -10px;
}

.service-wz {
    padding-left: 20px;
}

.service-wz h4 {
    margin: 0;
    color: #000;
    font-size: 20px;
    line-height: 30px;
}

.service3_wz h5 {
    margin: 0;
    font-size: 13px;
    color: #737373;
    line-height: 26px;
    text-indent: 2em;
}

.service3_wz {
    line-height: 24px;
    margin: 30px 0;
}

.service3_more img {
    width: 20px;
    margin-right: 10px;
}

.service3_more a {
    text-transform: uppercase;
    font-size: 12px;
    color: #8B604C;
    display: inline-block;
}

.service3_img {
    padding-right: 30px;
}

.service_table {
    width: 100%;
    height: 100%;
    display: table;
}

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

.service3_li.TabHide8 {
    display: none;
}

.service3_top #TabShow1 {
    display: block;
}

.service3_bottom {
    position: relative;
    margin: 0 auto;
    max-width: 910px;
}

.service3_page_bg {
    position: absolute;
    bottom: 80px;
    right: 45px;
    width: 170px;
    text-align: center;
    background: #fff;
}

.service3_page_height {
    position: relative;
    text-align: right;
}

.service3_page_bg h5 {
    padding: 30px 0 12px;
    margin: 0;
    font-size: 16px;
    letter-spacing: 2px;
}

.service3_page_bg h5 span {
    padding: 0 8px;
}

span.service3_page_qian {
    font-weight: 600;
    font-size: 18px;
    color: #895e4c;
    font-family: Arial, Helvetica, sans-serif;

}

.service_box3 {
    padding: 110px 0 150px;
}

.service3_bottom_img {
    position: relative;
    padding-bottom: 12px;
    width: 84px;
    margin: 0 auto;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
}

/*.service3_bottom_img_bg{
	 position:absolute;
	 color:#fff; 
	 font-size:12px; 
	 text-align:center; 
	 line-height:30px;
	 width:100%; 
	 left:0px; 
	 bottom:0px; 
	 height:30px; 
	background:rgba(138,96,76,0.8);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC8a604c,endColorstr=#CC8a604c);
	white-space:nowrap;
	overflow:hidden; 
	text-overflow:ellipsis;   
 }*/
.service3_bottom li {
    background: #efefef;
    border-right: solid 2px #fff;
}

.service3_bottom li.active {
    border-color: #8B604C;
}

.service3_top {
    padding-top: 60px;
}

.service3_bottom_img img {
    position: relative;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}

img.service3_hid {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.service3_bottom_img_bg {
    padding: 0 5px;
    color: #8B604C;
    height: 34px;
    overflow: hidden;
    font-size: 12px;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.service3_bottom li.active .service3_bottom_img_bg {
    color: #fff;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.service3_bottom li.active {
    background: #8B604C;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.service3_bottom li.active .service3_hid {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
}




.service_box4 {
    background: url(../images/service4_bg.jpg) no-repeat center center;
    position: relative;
    color: #fff;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
}

.service4_bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 88%;
    background: url(../images/service4_bg_bg.jpg) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
}

.service_box4 .about1_tit h4 {
    color: #fff;
}

.service_box4 .about1_tit hr {
    border-color: #fff;
}

.service4_left {
    padding-right: 60px;
}

.service4_wz {
    padding: 20px 0;
}

.service4_wz h5 {
    margin: 0;
    line-height: 26px;
    color: #ddd;
    font-size: 13px;
    text-indent: 2em;
}

.service4_cot {
    position: relative;
    padding: 80px 0;
}

.service4_right {
    padding-left: 60px;
}

.service4_li input {
    width: 100%;
    line-height: 50px;
    height: 50px;
    background: transparent;
    border: 0;
    border-bottom: solid 2px #686868;
    font-size: 13px;
    color: #ddd;
    padding: 0px 10px;
}

.service4_li input::-webkit-input-placeholder {
    color: #ddd;
}

.service4_li input:-moz-placeholder {
    color: #ddd;
}

.service4_li input::-moz-placeholder {
    color: #ddd;
}

.service4_li input:-ms-input-placeholder {
    color: #ddd;
}

.service4_li textarea::-webkit-input-placeholder {
    color: #ddd;
}

.service4_li textarea:-moz-placeholder {
    color: #ddd;
}

.service4_li textarea::-moz-placeholder {
    color: #ddd;
}

.service4_li textarea:-ms-input-placeholder {
    color: #ddd;
}

.service4_li textarea {
    width: 100%;
    border: 0;
    background: transparent;
    border-bottom: solid 2px #686868;
    line-height: 50px;
    height: 100px;
    padding: 0 10px;
}

.service4_li {
    padding-bottom: 10px;
}

.service4_btn input {
    padding: 12px 46px;
    text-transform: capitalize;
    width: 220px;
    letter-spacing: 4px;
    text-align: center;
    min-width: 150px;
    max-width: 250px;
    padding: 12px 24px;
    border: none;
    background: #fff;
    color: #8B604C;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    font-size: 12px;
}

.service4_back {
    position: absolute;
    top: 300px;
    right: -80px;
    width: 300px;
    height: 80px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform-origin: top right;
    background: #8B604C;
    cursor: pointer;
}

.service4_back h4 {
    text-align: center;
    margin: 0;
    line-height: 80px;
    font-size: 14px;
}

.service4_back h4 i {
    margin-right: 20px;
}

.service4_btn {
    padding-top: 40px;
    text-align: right;
}


.service2_left {
    width: 60%;
    float: left;
    background: url(../images/service2.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}

.service2_right {
    width: 40%;
    float: right;
    background: #222;
    color: #fff;
    padding: 100px 80px 100px 100px;

}

.service2-tit {
    position: absolute;
    top: 20%;
    left: 20%;
}

.service2-tit .about1_tit h3 {
    color: #fff;
}

.service2-tit .about1_tit h4 {
    color: #fff;
}

.service2-tit .about1_tit hr {
    border-color: #fff;
}

.service2_tb {
    display: inline-block;
    position: absolute;
    width: 30px;
    position: absolute;
    top: -3px;
    left: 0;
}

.service2_wz {
    position: relative;
    padding-left: 48px;
}

.service2_wz h4 {
    font-size: 18px;
    margin: 0;
    line-height: 24px;
}

.service2_wz h5 {
    font-size: 13px;
    line-height: 26px;
    color: #737373;
}

.service2_cot li {
    padding: 10px 0;
}

.service2_cot {
    overflow: hidden;
    height: 430px;
    padding-right: 15px;
}

.service2_right:hover .service2_cot {
    overflow-y: scroll;
}

.service2_cot::selection {
    background: #222;
    color: white;
    text-shadow: none;
}

.service2_cot::-webkit-scrollbar-track-piece {
    width: 10px;
    background-color: #ccc
}

.service2_cot::-webkit-scrollbar {
    width: 5px;
    height: 6px
}

.service2_cot::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #8B604C;
}


/**servicedot**/
.servicedot_box_wz p {
    line-height: 26px;
    color: rgb(102, 102, 102);
    font-size: 13px;
    margin: 0;
}

.servicedot_box {
    padding-bottom: 40px;
}

.servicedot_box h1 {
    font-size: 26px;
    text-align: center;
    margin: 0;
}










.serverdot {
    width: 90%;
    margin: 0 auto;
    padding: 60px 0;
    padding-left: 260px;
}

.serverdot_l {
    position: fixed;
    top: 150px;
    left: 5%;
}

h2.serverdot_tit {
    margin: 0 0 25px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

.serverdot_l li a {
    font-size: 15px;
    line-height: 1.42;
}

.serverdot_l li {
    margin: 0 0 8px;
}

.serverdot_l li a span {
    display: inline-block;
    width: 18px;
    height: 1px;
    background: #999;
    vertical-align: middle;
    margin-right: 25px;
}

.serverdot_l li.active a span {
    background: #895e4c;
    transform: rotate(-45deg);
}

.serverdot_l li.active a {
    color: #895e4c;
}

.serverdot_txt h3 {
    margin: 15px 0;
    font-size: 15px;
    font-weight: bold;
    line-height: 26px;
    color: #000;
}

.serverdot_txt h5 {
    margin: 3px 0;
    line-height: 26px;
    font-size: 13px;
    color: #737373;
}

/*span.ser_lspan {
    display: inline-block;
    width: 35px;
}*/
.serverdot_img {
    padding-top: 30px;
    padding-left: 10%
}

.serverdot_img_one img {
    width: 40%;
    margin-right: 10%;
    float: left
}

.serverdot_sec {
    margin-bottom: 150px;
}

.img_hd .bottom_a {
    position: absolute;
    display: block;
    top: 50%;
    margin-top: -11px;
    cursor: pointer;
    z-index: 10;
    background: url(../images/serv3.png) no-repeat;
    width: 22px;
    height: 22px;
    right: 0;
    display: none;
}

.img_hd .next_serv {
    background-position: -30px -24px;
    right: 10px;
}

.img_hd .prev_serv {
    background-position: 0 -24px;
    left: 10px;
}

.change_a {
    width: 16px;
    height: 28px;
    position: absolute;
    top: 0;
    z-index: 1;
    cursor: pointer;
    display: block;
    overflow: hidden;
}

.service3_play .prev_serv {
    left: 0;
}

.service3_play .next_serv {
    right: 0;
}

.service3_play {
    position: relative;
    margin-bottom: 80px;
    margin-top: 40px;
}

.service3_top_jt {
    position: relative;
    width: 80px;
    display: inline-block;
    top: -122px;
    display: none;
}

.next_serv span {
    background: url(../images/serv3_1.png) no-repeat -16px 0;
    right: 0;
    width: 16px;
    height: 28px;
}

.prev_serv span {
    background: url(../images/serv3_1.png) no-repeat 0 0;
    left: 0;
    width: 16px;
    height: 28px;
}

.change_a.prev_serv {
    left: 0;
}

.change_a.next_serv {
    right: 0;
}


/**product**/
.product1_cot li {
    float: left;
}

.product1_cot li a {
    display: inline-block;
    padding: 0 14px;
    font-size: 13px;
    line-height: 30px;
}

.product1_cot {
    float: left;
    width: 80%;
}

.product1_tit {
    float: left;
    width: 20%;
}

.product1_tit h3 {
    font-size: 20px;
    margin: 0;
    line-height: 30px;
}

.product1_tit h3 span {
    font-size: 14px;
    padding-left: 10px;
    text-transform: capitalize;
}

.product1_wz {
    padding-top: 25px;
}

.product_box {
    padding-top: 80px;
}

.product_tit h3 {
    font-size: 20px;
    margin: 0;
    line-height: 30px;
}

.product_tit span {
    font-size: 14px;
    padding-left: 10px;
    text-transform: capitalize;
    font-family: Arial, Helvetica, sans-serif;
}


.product1_wz:after {
    content: "";
    display: table;
    clear: both;
}

.product_tit {
    margin-bottom: 15px;
}

.pro_old {
    padding-bottom: 60px;
}

.proold_more {
    position: relative;
    height: 40px;
    margin-top: 45px;
}

.proold_more a {
    display: inline-block;
}

.prod_sec {
    margin-bottom: 25px;
}

.pro_fix_l {
    overflow: hidden;
    display: block;
    position: fixed;
    margin-right: 580px;
    right: 50%;
    top: 30%;
    z-index: 99;
}

.pro_fix_l li {
    width: 50px;
    position: relative;
    text-align: center;
    border-bottom: solid 1px #ccc;
    overflow: hidden;
}

span.p_sp1,
span.p_sp2 {
    display: inline-block;
    padding: 8px;
    line-height: 18px;
}

span.p_sp2 img {
    width: 100%;
}

span.p_sp1 {
    position: absolute;
    top: 0;
    left: 0;
    background: #8B604C;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    font-size: 12px;
    z-index: 1;
}

li.current span.p_sp1,
.pro_fix_l li:hover span.p_sp1 {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}

.pro_fix_l ul {
    border: solid 1px #ccc;
    border-bottom: none;
}

li.p_last_li h6 {
    margin: 0 0 5px;
    line-height: 1;
    font-size: 12px;
    color: #8B604C;
}

li.p_last_li span.p_sp2 {
    padding: 4px 10px;
}

.product_image {
    width: 100%;
}

.join4_pagi {
    position: absolute;
    display: inline-block;
    line-height: 1;
    bottom: 28px;
    right: 4%;
    margin-right: 40px;
    color: #333;
    font-size: 18px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

span.join4_pagi1 {
    display: inline-block;
    text-align: right;
    /*position: relative;
			font-size: 16px;
			top: -9px;
			right: -10px;*/
}

span.join4_pagi3 {
    display: inline-block;
    text-align: left;
    /*font-size: 20px;
			position: relative;
			top: 12px;
			left: -11px;*/
}

span.join4_pagi2 {}

span.ewm_span img {
    width: 72px;
}

span.ewm_span {
    display: inline-block;
    text-align: center;
}

.weimeima_box {
    margin-left: 0;
    white-space: nowrap;
}

span.ewm_span h6 {
    margin: 0;
    padding: 5px 0;
    font-size: 12px;
    color: #666;
}

.serverdot_l .proold_more {
    left: 0;
    position: relative;
    margin-top: 50px;
}

.serverdot_l .about7_sub_bt {
    left: 0;
    margin: 0;
}

.serverdot_ico {
    width: 200px;
    margin-bottom: 40px;
}




.magaz_box:after {
    content: "";
    display: table;
    clear: both;
}

.magaz_row {
    width: 50%;
    float: left;
    padding: 6px;
    letter-spacing: -5px;
}

.magaz_harf {
    width: 100%;
    /* float: left; */
    padding: 0 6px;
    letter-spacing: 0px;
}

.magaz_row_fl .magaz_harf:nth-child(2) {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.magaz_row_fl .magaz_harf:nth-child(3) {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.magaz_row_fr .magaz_harf:nth-child(1) {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.magaz_row_fr .magaz_harf:nth-child(2) {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}



.magazine_warpper {
    background: #fff;
}


.magazine_top {
    padding-top: 80px;
}

.magazine_top .about1_tit {
    text-align: center;
    margin-bottom: 35px;
}

.magazine_top .about1_tit hr {
    width: 30px;
    margin: 20px auto;

}





.maz_lis {
    background: #fff;
}

.magaz_row {
    margin: 0 -6px;
}

.magazine_main {
    padding: 40px 0;
    padding-bottom: 120px
}

.magazine_topbox {
    width: 100%;
    max-width: 870px;
    margin: 0 auto;
    padding: 80px 0 0;
    position: relative;
    text-align: center;
}

.magazine_topbox h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 22px;
    width: 90%;
    margin: 0 auto;
}

.lineBlack {
    height: 3px;
    width: 100%;
    margin: 15px auto 0;
    max-width: 70px;
    background-color: #1c1716;
}

.magazine_topbox .intro {
    width: 90%;
    margin: 0 auto;
    padding-top: 30px;
}

.magazine_topbox .intro h3 {
    margin: 0;
    font-size: 14px;
    line-height: 22px;
    color: #5d585e;
}

.mag_main_sel ul li {
    display: inline-block;
    float: left;
    position: relative;
}

.mag_main_sel ul:after {
    content: "";
    display: table;
    clear: both;
}

span.mag_msel_tit {
    color: #fff;
    line-height: 60px;
    padding: 0 15px;
    font-size: 12px;
    float: left;
}

.mag_main_sel {
    background-color: #555555;
}

.magaz_box {
    margin-top: 12px;
    margin-bottom: 20px;
}

.mag_main_sel ul {
    padding-left: 10px;
}

.mag_main_sel ul li a {
    line-height: 60px;
    color: #fff;
    padding: 0 25px;
    font-size: 13px;
}

.mag_main_sel ul li a:after {
    border-bottom: 2px solid #fff;
    bottom: 16px;
    content: "";
    display: block;
    font-size: 0;
    left: 0;
    margin: 0 50%;
    position: absolute;
    width: 0%;
    -moz-transition-timing-function: easeOutExpo;
    -o-transition-timing-function: easeOutExpo;
    -webkit-transition-timing-function: easeOutExpo;
    transition-timing-function: easeOutExpo;
    -moz-transition-property: width, margin;
    -o-transition-property: width, margin;
    -webkit-transition-property: width, margin;
    transition-property: width, margin;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.mag_main_sel ul li.active a:after {
    width: 40%;
    margin: 0 30%;
}

.mag_main_sel ul li a:hover:after {
    width: 50%;
    margin: 0 25%;
}


.magz_txt {
    height: 164px;
    text-align: center;
    padding: 0 10px;
    position: relative;
    overflow: hidden;
}

.magz_txt_vlign h3 {
    font-size: 14px;
    margin: 0 0 12px;
    color: #555555;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.magz_txt_vlign h4 {
    margin: 0;
    color: #1c1716;
    font-size: 20px;
    font-weight: bold;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.maz_lis:hover .magz_txt_vlign h3 {
    color: #fff;
}

.maz_lis:hover .magz_txt_vlign h4 {
    color: #fff;
}

span.magz_txt_more {
    position: absolute;
    bottom: 5px;
    right: 10px;
    font-size: 18px;
    color: #1c1716;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.maz_lis:hover span.magz_txt_more {
    color: #fff;
}

.maz_lis.maz_lis_margin {
    margin-top: -161px;
}

.magz_txt_vlign {
    position: relative;
}

.magz_txt>.maga_bg {
    position: absolute;
    background-color: #555555;
    z-index: 0;
    height: 100%;
    width: 100%;
    left: 0;
    top: 100%;
    -moz-transition-property: top;
    -o-transition-property: top;
    -webkit-transition-property: top;
    transition-property: top;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-timing-function: easeOutExpo;
    -o-transition-timing-function: easeOutExpo;
    -webkit-transition-timing-function: easeOutExpo;
    transition-timing-function: easeOutExpo;
}

.maz_lis:hover .magz_txt>.maga_bg {
    top: 0;
}

.magaz_row.magaz_row_margin {
    margin-top: 12px;
}

.magaz_morebtn {
    margin-top: 55px;
    text-align: center;
}

.magaz_morebtn a {
    color: #1c1716;
    border: 1px #1c1716 solid;
    display: inline-block;
    padding: 12px 20px;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.magaz_morebtn a:hover {
    background-color: #1c1716;
    color: #fff;
}


.huace {
    height: 850px;
}

































.magaz2_box:after {
    content: "";
    display: table;
    clear: both;
}

.magaz2_harf {
    width: 50%;
    float: left;
}

.magazine_main2 {
    background: #fff;
    padding: 80px 0 220px;
}

.magaz_sec2 {
    background: #222222;
}

.magaz2_harf.magaz2_harf_r {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: -15px;
}

.magaz2_question {
    padding: 45px 0 45px 18%;
}

.magaz2_harf.magaz2_harf_l {
    position: relative;
    padding-left: 140px;
}

.magaz2_tit {
    position: absolute;
    top: 240px;
    left: 0;
    padding-top: 40px;
    padding-left: 5px;
    border-left: solid 1px #6F6F6F;
    transform-origin: left top;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}

.magaz2_tit h3 {
    color: #B2B2B2;
    font-size: 12px;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.magaz2_tit h4 {
    margin: 0;
    font-size: 26px;
    letter-spacing: 1px;
    line-height: 1.42;
    color: #E4E4E4;
    text-transform: uppercase;
}

.magaz2_tit h4 span.num {
    display: inline-block;
    font-size: 12px;
    color: #B2B2B2;
    margin-right: 10px;
    vertical-align: 6px;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.magaz2_harf.magaz2_harf_l:after {
    content: "";
    display: table;
    clear: both;
}

.magaz2_form {
    width: 100%;
    max-width: 580px;
    float: right;
    border: solid 5px #ececec;
    margin-top: 66px;
    margin-right: -50px;
    margin-bottom: -140px;
    padding: 50px;
}

.magaz2_form input {
    display: block;
    width: 90%;
    max-width: 380px;
    margin-top: 25px;
    padding: 8px 0;
    font-size: 15px;
    background: transparent;
    border: none;
    border-bottom: solid 1px #6F6F6F;
}

.magaz2_form h2 {
    margin: 0 0 45px;
    font-size: 30px;
    color: #eee;
}

.magaz2_form_btn {
    margin-top: 100px;
}

.magaz2_form_btn input {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: absolute;
    border: none;
}

.magaz2_btnbox {
    display: inline-block;
    position: relative;
    border: solid 1px #ccc;
}

.magaz2_btnbox span {
    display: block;
    line-height: 1;
    padding: 10px 25px;
    font-size: 13px;
    text-transform: uppercase;
    color: #3187b8;
    font-weight: bold;
    letter-spacing: 1px;
}

.magaz2_btnbox span i.fa {
    color: #999;
    margin-right: 5px;
}

.mag_que_lis {
    margin: 40px 0;
}

.mag_que_lis h4 {
    margin: 0 0 5px;
    padding: 10px 0;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
}

.mag_que_lis h4:before {
    content: "";
    display: block;
    width: 15px;
    height: 2px;
    background: #eee;
    position: absolute;
    top: 0;
    left: 0;
}

.mag_que_lis input {
    border: none;
    background: transparent;
    color: #eee;
    width: 100%;
    padding: 5px 0;
    font-size: 14px;
    max-width: 380px;
    border-bottom: solid 1px #7DBEE2;
}

.mag_que_lis input::-moz-placeholder {
    color: #ddd;
}

.mag_que_lis input:-ms-input-placeholder {
    color: #ddd;
}

.mag_que_lis input::-webkit-input-placeholder {
    color: #ddd;
}





.beauty_tit {
    text-align: center;
    margin-bottom: 60px;
}


.beauty1_main {
    margin-top: 70px;
}

.beauty_sec.beauty_sec1 {
    padding: 80px 0;
}


.beauty_sec1 .about1_tit {
    text-align: center;
    margin-bottom: 35px;
}

.beauty_sec1 .about1_tit hr {
    width: 30px;
    margin: 20px auto;

}

.beauty_tit h2 {
    margin: 0 0 10px;
    color: #4f382a;
    line-height: 1;

}

.beauty_tit h2:first-letter {
    font-size: 34px;
}

.beauty_tit h3 {
    margin: 0;
    font-size: 14px;
    color: #4f382a;
    position: relative;
}

.beauty_tit h3:before,
.beauty_tit h3:after {
    content: "";
    display: inline-block;
    margin: 0 15px;
    width: 40px;
    height: 1px;
    background: #4f382a;
    position: relative;
    vertical-align: middle;
}

ul.beauty1_sel {
    margin: 0;
    border-top: 1px solid #5a5a5a;
    border-bottom: 1px solid #5a5a5a;
    width: 100%;
}

ul.beauty1_sel li {
    display: inline-block;
    padding-right: 50px;
    text-align: center;
    width: auto;
    position: relative;
    max-width: 100%;
    vertical-align: middle;
    letter-spacing: 1px;
    font-size: 13px;
}

.beauty_sel_hide {
    position: absolute;
    display: none;
    top: 100%;
    text-align: left;
    border: 1px solid #5a5a5a;
    border-bottom: 1px solid #999;
    width: 250px;
    padding: 20px;
    z-index: 1;
    background-color: #fff;
}

li.active .beauty_sel_hide {
    display: block;
}

ul.beauty1_sel li.filterLine {
    color: #acacac;
    text-transform: uppercase;
}

ul.beauty1_sel li a {
    line-height: 16px;
    padding: 13px 0;
    text-transform: uppercase;
    text-decoration: none;
    color: #111;
    display: block;
    letter-spacing: 1px;
    text-align: center;
    vertical-align: middle;
}

ul.beauty1_sel li a:after {
    content: "";
    position: absolute;
    right: 35px;
    top: 50%;
    margin-top: -3px;
    border-width: 5px 5px 0 5px;
    border-style: solid;
    border-color: #5a5a5a transparent;
}

.beauty_hide_lis {
    color: #111;
    line-height: 24px;
    font-size: 12px;
    vertical-align: top;
    display: block;
    margin-right: 2%;
    margin-bottom: 10px;
    cursor: pointer;
}


ul.beauty1_sel li.active:before {
    content: ' ';
    height: 0;
    width: 0;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    bottom: -1px;
    left: 30%;
    z-index: 2;
}

ul.beauty1_sel li.active:after {
    content: ' ';
    height: 0;
    width: 0;
    border: 10px solid transparent;
    border-bottom-color: #5a5a5a;
    position: absolute;
    bottom: 0;
    left: 30%;
    z-index: 1;
}

.beauty_hide_lis .bl_cube {
    border: 1px solid #5a5a5a;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
    width: 24px;
    height: 24px;
}

.beauty_hide_lis.active .bl_cube {
    background: url(../images/check.png) center center no-repeat;
    background-size: cover;
}

.beauty_hide_lis .bl_txt {
    line-height: 24px;
}

.active-filters-wrapper {
    width: 100%;
    display: none;
    background-color: #c3c3c5;
}

.active-filters-wrapper.active {
    display: block;
}

.active-filters button {
    color: #fff;
    border: none;
    outline: none;
    background-color: transparent;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 40px;
    width: auto;
    min-width: 100px;
    white-space: nowrap;
    margin: 0 15px;
    /*font-family: "MontblancType","Arial";*/
    font-size: 14px;
    text-transform: none;
    display: inline-block;
}

.active-filters button i.fa {
    margin-right: 5px;
}

.active-filters button.reset-filters {
    color: #5a5a5a;
}

.active_submit {
    position: absolute;
    bottom: 0;
    right: 0;
}

.active-filters {
    position: relative;
}

.active_submit button.btn-submit {
    background: transparent;
    border: transparent;
    font-size: 14px;
    line-height: 42px;
    padding: 0 5px;
    color: #5a5a5a;
    min-width: auto;
}

.active_submit {
    margin: 0 15px;
}

.active_submit i {
    color: #5a5a5a;
}

.beauty_sort_sel {
    display: inline-block;
    float: right;
    width: 260px;
    border: #c3c3c3 solid 1px;
    background: #fff;
    position: relative;
}

.beauty_sort:after {
    content: "";
    display: table;
    clear: both;
}

.beauty_sort {
    margin-top: 15px;
}

.beauty_sort_sel .srot_val {
    position: relative;
    padding: 10px;
    cursor: pointer;
    color: #111;
}

.beauty_sort_sel ul li {
    line-height: 40px;
    letter-spacing: 1px;
    font-size: 13px;
    padding-left: 10px;
    cursor: pointer;
}

.beauty_sort_sel ul {
    display: none;
    position: absolute;
    background: #fefefe;
    z-index: 1;
    border: #c3c3c3 solid 1px;
    border-top: none;
    left: -1px;
    right: -1px;
}

.beauty_sort_sel.active ul {
    display: block;
}

.srot_val:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -3px;
    border-width: 5px 5px 0 5px;
    border-style: solid;
    border-color: #5a5a5a transparent;
}

.beauty_sort_sel ul li:hover {
    font-weight: bold;
}

.beauty1_box .beauty-list {
    display: flex;
    flex-wrap: wrap;
}

.beauty1_box ul li {
    width: 25%;
    float: left;
}

.beauty1_img {
    position: relative;
    width: 90%;
    margin: 0 auto 15px;
    height: 228px;
}

.beauty1_img img {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    height: 100%;
    object-fit: cover;
}

/*
.beauty1_img {
    position: relative;
    width: 90%;
    margin: 0 auto 15px;
}

.beauty1_img img.beauty1_imgab {
    position: absolute;
    top: 0;
    left: 0;
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
*/

.beauty1_img img.beauty1_imgab {
    position: absolute;
    top: 0;
    left: 0;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}


.beauty1_lis h3 {
    font-size: 13px;
    color: #737373;
    white-space: normal;
    margin: 0;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 1.25;
    max-height: 35px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 16px;
}

.beauty1_lis {
    text-align: center;
}

.beauty1_lis h4 {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}

.beauty1_lis {
    padding: 15px;
    border: 1px solid transparent;
}

.beauty1_lis:hover {
    border: 1px solid #c0c0c0;
}

.beauty1_more {
    margin-top: 15px;
    background-color: #8B604C;
    color: #eee;
    padding: 10px 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.beauty1_lis:hover .beauty1_more {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.beauty1_lis:hover .beauty1_img img.beauty1_imgab {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.beauty1_lis:hover .beauty1_img img {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    height: 100%;
    object-fit: cover;
}

/*
.beauty1_lis:hover .beauty1_img img.beauty1_imgab{
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;opacity:1;
}*/
.beauty1_box ul:after {
    content: "";
    display: table;
    clear: both;
}

.beauty1_box {
    margin-top: 15px;
    min-height: 691px;
}

@media (max-width: 1199px) {
    .beauty1_box {
        margin-top: 15px;
        min-height: 601px;
    }
}

.Bullet {
    background-color: rgba(153, 112, 94, 0.5);
    position: absolute;
    right: 16%;
    top: 29%;
    padding: 50px;
    color: #fff;
}



#beauty4_btn {
    text-align: center;
    padding: 0px;
    width: auto;
    margin: 0 auto;
    z-index: 1;

}

.beauty4_btn {
    text-align: center;
    padding: 280px 0;
    width: auto;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.beauty4_btn a {
    display: inline-block;
    padding: 10px 35px;
    border: solid 1px #fff;
    color: #fff;
    font-size: 15px;
}

.beauty_sec.beauty_sec4 {
    background-size: cover;
    background-position: center center;
    position: relative;
}

.store_bg {
    height: 600px;
}

.store_ewm {
    width: 50%;
    float: right;
    text-align: center;
}

.store_ban_wz {

    color: #fff;
    margin-top: -50px;
    text-shadow: 1px 1px 4px #333;
}

.store_ban_wz h4 {
    font-size: 13px;
}

.store_ewm img {
    width: 90px;
    margin: 0 auto;
    position: relative;
    top: -50px;
}

/*.store_bg:before {
    content: "";
    display: block;
    width: 100%;
    HEIGHT: 100%;
    POSITION: absolute;
    background: rgba(139, 96, 76, 0.25);
}*/
.magaz2_form textarea {
    background: transparent;
    width: 90%;
    border: 0;
    border-bottom: solid 1px #6F6F6F;
    max-width: 380px;
    margin-top: 25px;
    padding: 8px 0;
}














.beauty2_swiper ul:after {
    content: "";
    display: table;
    clear: both;
}

.beauty2_swiper ul li {
    width: 25%;
    float: left;
}

.beauty2_top {
    background: #000;
    padding-top: 80px;
}


.beauty_sec2 .about1_tit {
    text-align: center;
    color: #fff;
    margin-bottom: 35px;
}

.beauty_sec2 .about1_tit hr {
    width: 30px;
    margin: 20px auto;
    border-color: #fff;
}


.beauty2_tit h3 {
    margin: 0;
    font-size: 28px;
    color: #fff;
    padding: 12px 0;
    text-transform: uppercase;
}

.beauty2_lis {
    position: relative;
}

.beauty2_txt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%;
    color: #fff;
    text-align: center;
}

.beauty2_t_cir {
    display: inline-block;
    position: relative;
    width: 160px;
    height: 160px;
    line-height: 160px;
    border-radius: 50%;
    background: rgba(137, 94, 76, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2895e4c, endColorstr=#B2895e4c);
}

.beauty2_t_cir span {
    font-size: 18px;
    color: #fff;
}

.beauty2_hidebox {
    background: rgba(137, 94, 76, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2895e4c, endColorstr=#B2895e4c);
    width: 100%;
    padding: 20px 8%;

}

.beauty2_hideboxes {
    display: none;
    margin-top: 20px;
}

.beauty2_hidebox h4 {
    margin: 15px 0 25px;
    font-size: 13px;
    line-height: 1.42;
}

span.beauty2_more {
    display: inline-block;
    padding: 10px 30px;
    border: solid 1px #BEBEBE;
}




.beauty_sec.beauty_sec3 {
    padding: 80px 0;
}



.beauty_sec3 .about1_tit {
    text-align: center;
    margin-bottom: 35px;
}

.beauty_sec3 .about1_tit hr {
    width: 30px;
    margin: 20px auto;

}




.beauty3_r1 {
    margin-top: 80px;
}

.beauty3_sec1 {
    position: relative;
}

.beauty3_l1 {
    background: #8B604C;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 35%;
    padding: 80px 5%;
    color: #fff;
}

.beauty3_l1_t {
    border-left: solid 1px #fff;
    padding-left: 15px;
    padding-top: 15px;
    position: relative;
}

.beauty3_l1_t h3 {
    margin: 0 0 10px;
    font-size: 20px;
    text-transform: uppercase;
}

.beauty3_l1_t h4 {
    margin: 0;
    font-size: 13px;
    line-height: 1.4;
}

.beauty3_l1_t:before {
    content: "";
    display: block;
    width: 1px;
    height: 4px;
    background: #fff;
    position: absolute;
    top: -10px;
    left: -1px;
}

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

.beauty3_l1 h5 span {
    margin-right: 20px;
}

.beauty3_l1 h5 span i {
    font-size: 18px;
    margin-right: 2px;
}


.beauty3_lis {
    margin-top: 80px;
}

.beauty3_l2 {
    padding-top: 260px;
    padding-right: 20px;
}

.beauty3_r2 {
    padding-left: 20px;
}

.beauty3_lis_txt {
    padding-top: 40px;
    color: #8a5f4c;
}

.beauty3_lis_txt .beauty3_l1_t {
    border-color: #d2d5db;
}

.beauty3_lis_txt .beauty3_l1_t:before {
    background: #d2d5db;
}

.beauty3_lis_txt h5 {
    margin: 30px 0 0;
    color: #737373;
    line-height: 26px;
    font-size: 13px;
}

.beauty3_lis_txt h5 i.fa {
    font-size: 18px;
    margin-right: 2px;
    color: #6b768a;
}

.beauty3_lis_txt h5 span {
    margin-right: 20px;
}







.school1_box a:after {
    content: "";
    display: table;
    clear: both;
}

.school1_img {
    width: 50%;
    float: left;
}

.school1_txt {
    width: 50%;
    float: left;
    padding: 45px 5% 0;
}

.school1_box {
    margin: 30px 0 0;
}

.school_sec1 {
    padding: 50px 0 80px;
    position: relative;
}

.school1_box.school1_box2 {
    background: #e9e7e5;
    margin-right: 10%;
}

.school1_box.school1_box2 a {
    color: #8B604C;
}

.school1_box.school1_box1 {
    margin-left: 10%;
    background: #fff;
}

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

.school1_txt h2 {
    margin: 0 0 15px;
    padding-bottom: 21px;
    font-size: 18px;
    position: relative;
}

.school1_txt h2:after {
    content: "";
    display: block;
    width: 15px;
    height: 2px;
    background: #808080;
    position: absolute;
    bottom: 0;
    left: 0;
}

.school1_txt h3 {
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 26px;
    color: #737373;
    height: 80px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-indent: 2em;

}

.school1_box1 .school1_txt h2 {
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.school1_txt h4 {
    margin: 0 0 10px;
    font-size: 12px;

}

.school1_txt span {
    width: 120px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    font-size: 12px;
    border: 1px #c9bb9e solid;
    display: block;
    color: #c9bb9e;
    margin-top: 30px;
}

.school1_txt span:hover {
    border: 1px #c9bb9e solid;
    background: #c9bb9e;
    color: #fff;
}



.school1_box.school1_box2 .school1_txt h3 {
    color: #737373;
}

.school1_box.school1_box2 .school1_txt h4 {
    color: #737373;
}













.school_sec2 {
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    padding: 50px 0;
}

.school2_box h2 {
    margin: 0 0 50px;
    font-size: 26px;
    text-align: center;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;

}

.school_btn {
    display: inline-block;
    width: 100px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.school2_form_box:after {
    content: "";
    display: table;
    clear: both;
}

.school2_form_box ul {
    float: left;
    width: 100%;
}

.school2_form_box {
    width: 90%;
    margin: 0 auto;
    padding-right: 100px;
    position: relative;
    background: rgba(139, 96, 76, 0.62);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B200a7e2, endColorstr=#B200a7e2);
    border-radius: 4px;
    overflow: hidden;
}

.school2_form_box ul li {
    width: 33.333%;
    float: left;
    padding: 10px 10px;
}

.school_btn input {
    width: 100%;
    height: 100%;
    border: none;
    background: #8B604C;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}

.school2_form_box ul li input {
    width: 100%;
    background: #fff;
    border: none;
    padding: 10px 5px;
    border-radius: 5px;
}






.scroll3_box ul:after {
    content: "";
    display: table;
    clear: both;
}

.scroll3_box ul li {
    width: 25%;
    float: left;
    padding: 0 10px 25px;
}

.scroll3_box ul {
    margin: 0 -10px;
}

.school_sec3 {
    padding: 80px 0;
}

.school3_tit {
    margin-bottom: 15px;
    font-size: 20px;
    color: #000;
    font-weight: bold;
}

.school3_tit .st1 {
    font-weight: normal;
    margin: 0 5px 0 10px;
    font-size: 15px;
    color: #aaa;
}

.school3_tit .st2 {
    font-size: 13px;
    color: #8B604C;
    font-weight: normal;
}

.school3_txt h3 {
    margin: 0;
    padding: 10px 0 0;
    line-height: 30px;
    font-size: 15px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.school3_txt hr {
    margin: 15px 0;
    border-top: 3px solid #eee;
}

span.school3_btn {
    display: inline-block;
    padding: 0px 15px;
    background: #8B604C;
    line-height: 26px;
    font-size: 13px;
    color: #fff;
    border-radius: 50px;
}

span.school3_btn:after {
    content: "";
    display: inline-block;
    position: relative;
    right: 0;
    margin-left: 10px;
    top: 50%;
    margin-top: -3px;
    border-width: 5px 0 5px 5px;
    border-style: solid;
    border-color: transparent #fff;
}

.school3_img {
    position: relative;
}

li a:hover span.school3_btn {
    background: #667362;
}

.school3_img_hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(102, 115, 98, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC667362, endColorstr=#CC667362);

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

.school3_img_hover img {
    width: 32px;
}

li a:hover .school3_img_hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}







/*meixue*/
section.prod-slide {
    background: #000;
}

a.gallery-nav {
    position: absolute;
    z-index: 2;
    bottom: 40px;
    display: inline-block;
    background-color: #895e4c;
    text-transform: uppercase;
    padding: 12px 80px 12px 80px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    left: 50%;
    margin-left: -110px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.item {
    position: relative
}

.item:hover a.gallery-nav {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.item:hover a.gallery-nav {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

a.gallery-nav img {
    display: inline;
    margin-right: 15px;
    position: relative;
    margin-top: -10px
}

.ind3_ico {
    position: absolute;
    bottom: 5px;
    right: 30px;
    height: 45px;
    width: auto !important;
    background: none !important;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.item:hover .ind3_ico {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.ind3_ico a {
    display: inline-block;
    background-color: rgba(152, 152, 152, .9);
    height: 45px;
    width: 45px;
    margin-left: 10px;
    text-align: center;
}

.ind3_ico a img {
    margin: 13px auto 0;
    width: auto;
}


.beautydot {
    padding: 120px 0;
}

.beaytydot_box {
    width: 85%;
    margin: 0 auto;
}

.beautydot_lis {
    text-align: center;
    margin-bottom: 50px
}

.beautydot_lis_pic {
    overflow: hidden;
}

.beautydot_lis_pic img {
    transition: All 0.7s ease-in-out;
    -webkit-transition: All 0.7s ease-in-out;
    -moz-transition: All 0.7s ease-in-out;
    -o-transition: All 0.7s ease-in-out;
}

.beautydot_lis_pic:hover img {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}

.beaytydot_box .row {
    margin-top: 35px;
}

.beautydot_lis h2 {
    font-size: 15px;
    color: #000;
    line-height: 1.42;
    margin: 25px 0 10px;
}

.beautydot_lis h3 {
    margin: 0;
    font-size: 14px;
    line-height: 26px;
    color: #737373;

    display: none;
}

.beautydot_tit {
    margin-bottom: 120px;
    text-align: center;
}

.beautydot_tit h2 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    color: #000;
}
















/**  join  **/

.join_sec.join_sec1 {
    padding: 80px 0;
}

.join1_sec_l span {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 20px;
    left: 20px;
    background: #667362;
}

.join1_sec_l {
    position: relative;
    width: 90%;
}

.join1_sec_l img {
    position: relative;
}

.join1_sec_r {
    padding: 0 0 0 25px;
}

.join1_sec_r .about1_tit {}

.join1_r_txt h3 {
    margin: 55px auto;
    font-size: 16px;
    color: #999;
    line-height: 25px;
}

.join1_r_txt {
    margin-top: 35px;
}

.join1_r_txt ul {
    margin-top: 30px;
}

.join1_r_txt ul li {
    margin: 0 0 35px;
    font-size: 15px;
    line-height: 26px;
    color: #333;
}

.join1_r_txt li img {
    width: 33px;
    margin-right: 10px;
}












.join_sec.join_sec2 {
    padding: 80px 0;
}

.join2_lis {
    position: relative;
}

.join2_txt {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.join2_box {
    position: relative;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 20px;
}





.join2_txt {
    background: rgba(137, 94, 76, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC895e4c, endColorstr=#CC895e4c);
    color: #fff;
    text-align: left;
    padding: 0 10%;
    opacity: 0;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.join2_txt h2 {
    margin: 0 0 15px;
    font-size: 22px;
    letter-spacing: 1px;
}

.join2_txt h3 {
    margin: 0;
    font-size: 13px;
    color: #eee;
    line-height: 26px;
}

.join2_lis:hover .join2_txt {
    opacity: 1;
}

.join_sec.join_sec2 .about1_tit,
.join_sec.join_sec3 .about1_tit,
.join_sec.join_sec4 .about1_tit {
    text-align: center;
    margin-bottom: 30px;
}

.join_sec.join_sec2 .about1_tit hr,
.join_sec.join_sec3 .about1_tit hr,
.join_sec.join_sec4 .about1_tit hr {
    margin-left: auto;
    margin-right: auto;
}

.pagination_join2 .swiper-pagination-switch {
    width: 8px;
    height: 8px;
    background: transparent;
    border: solid 1px #666;
    border-radius: 50%;
}

.pagination_join2 {
    bottom: -10px;
    position: relative;
}

.pagination_join2 .swiper-active-switch {
    background: #666;
}








.join3_main ul:after {
    content: "";
    display: table;
    clear: both;
}

.join3_main ul li {
    width: 20%;
    float: left;
}

.join3_lis {
    text-align: center;
}

.join_sec.join_sec3 {
    padding: 80px 0;
}

.join3_lis_txt {
    padding: 25px 10px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.join3_lis_txt h3 {
    margin: 0 0 15px;
    font-size: 15px;
    color: #000;
    letter-spacing: 1px;
    position: relative;
    padding-top: 15px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.join3_lis_txt h3:before {
    content: "";
    display: block;
    width: 20px;
    height: 1px;
    background: #895e4c;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -10px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.join3_lis_txt h4 {
    margin: 0;
    font-size: 13px;
    color: #737373;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.join3_lis_img {
    position: relative;
}

.join3_lis_img:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: rgba(137, 94, 76, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F895e4c, endColorstr=#7F895e4c);
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.join3_lis:hover .join3_lis_img:after {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.join3_lis:hover .join3_lis_txt {
    background: #895e4c;
}

.join3_lis:hover .join3_lis_txt h3 {
    color: #fff;
}

.join3_lis:hover .join3_lis_txt h4 {
    color: #fff;
}

.join3_lis:hover .join3_lis_txt h3:before {
    background: #c9bb9e;
}




.join4_bottom:after {
    content: "";
    display: table;
    clear: both;
}

.join4_b_l {
    width: 50%;
    float: left;
}

.join4_bottom {
    width: 90%;
    margin: -340px auto 0;
    background: #e9e7e5;
    position: relative;
}

.join4_top {
    padding: 80px 0 360px;
    background: #667362;
}

.join_sec.join_sec4 .about1_tit {
    color: #fff;
}

.join_sec.join_sec4 .about1_tit h4 {
    color: #eee;
}

.join_sec.join_sec4 .about1_tit hr {
    border-color: #fff
}

.join_sec.join_sec4 {
    padding-bottom: 100px;
}

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

.join4_b_txt {
    padding: 20% 10% 0;
}

img.join4_b_ico {
    width: 60px;
    position: absolute;
    top: 0;
    right: 15%;
}

.join4_b_txt.join4_b_txt_ab {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.join4_b_txt h3 {
    margin: 0 0 15px;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.42;
}

.join4_b_txt h4 {
    margin: 0 0 10px;
    line-height: 26px;
    font-size: 13px;
    color: #737373;
}

.join4_b_txt h4 strong {
    color: #000
}








.join4_b_txt h3 {
    position: relative;
    top: 30px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;

    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
}

.join4_b_txt h4 {
    position: relative;
    top: 30px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.join4_b_txt.active h3 {
    top: 0;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
}

.join4_b_txt.active h4 {
    top: 0;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
}

a.join4_b_btn {
    position: absolute;
    display: inline-block;
    line-height: 1;
    bottom: 25px;
    right: 4%;
    font-size: 18px;
    color: #666;
    width: 50px;
    text-align: center;
}

a.join4_b_btn span {
    display: inline-block;
    width: 20px;
    height: 3px;
    background: #666;
    vertical-align: middle;
    position: relative;
    top: -3px;
    right: -7px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;

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

a.join4_b_btn:hover span {
    width: 30px;
}


.join_sec.join_sec5 {
    padding: 120px 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.join5_box {
    color: #fff;
    display: inline-block;
    padding: 35px 0 0 3%;
    border: solid 1px #F2F2F2;
    border-right: none;
}

.join5_box .about1_tit h4 {
    color: #fff;
}

.join5_box .about1_tit hr {
    border-color: #fff;
}

.join5_txt {
    margin-top: 25px;
    padding-bottom: 35px;
    padding-right: 45px;
    border-right: solid 1px #F2F2F2;
}

.join5_txt h5 {
    margin: 10px 0 0;
    font-size: 13px;
    line-height: 26px;
}









.join4_img {
    width: 100%;
}

.join6_box ul:after {
    content: "";
    display: table;
    clear: both;
}

.join6_box ul li {
    width: 33.33%;
    float: left;
    padding: 0 45px;
    text-align: center;
    position: relative;
}

.join6_box ul {
    margin: 0 -45px 40px;
}

.join_sec.join_sec6 {
    padding: 80px 0;
}

.join6_bottom:after {
    content: "";
    display: table;
    clear: both;
}

.join6_b_lis {
    width: 50%;
    float: left;
    text-align: center;
    font-size: 16px;

}


.join6_b_lis img {
    margin-top: -5px
}


.join6_bottom {
    margin-top: 80px;
}

.join6_lis {
    padding: 0;
}

.join6_lis h3 {
    line-height: 26px;
    font-size: 13px;
    margin: 20px 0 0;
    color: #737373;
}

.join6_lis i.fa {
    font-size: 28px;
    position: absolute;
    right: -3px;
    top: 15px;
    color: #666;
}



.join6_b_lis img {
    width: 20px;
    margin-right: 10px;
}

.join6_box .about1_tit {
    text-align: center;
    margin-bottom: 60px
}

.join6_box .about1_tit hr {
    margin-left: auto;
    margin-right: auto
}

/*join end*/


.newsdot_left {
    width: 262.5px;
}

.newsdot_left_new {
    margin-left: -570px;
}

.school1_box.school1_box2 .school1_img {
    float: right;
}

.fa-stack b {
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    width: 40px;
    text-align: center;
    display: none;
}

.jobschool_wz {
    margin: 40px 0;
}


















































.prodot2_yhpj textarea {
    width: 100%;
    height: 120px;
    padding: 6px 10px;
    color: #999;
}

.prodot2_yhpj {
    width: 70%;
    margin-top: 20px;
}

.prodot2_yhpj input {
    margin-top: 20px;
    padding: 8px 40px;
    background: #8B604C;
    border-color: #8B604C;
    color: #fff;
}





/**6-13**/
.about5_cot1 .beautydot_lis,
.about5_3_cot .beautydot_lis {
    margin-bottom: 15px;
}

.about5_cot1 .beautydot_lis h2,
.about5_3_cot .beautydot_lis h2 {
    margin: 10px 0 0;
    height: 40px;
    overflow: hidden;
}

.about5_3_cot .beautydot_lis h2 {
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ab5_title .about1_tit {
    display: none;
}

.ab5_title .about1_tit.active {
    display: block;
}

.about5_box .about5_3_cot .about1_tit {
    padding: 0;
    margin-top: 40px
}

.jobschool_logo img {
    max-width: 160px;
}

.swiper_join2.ie8 {
    height: 540px;
}






/*branddot*/
.branddot {
    padding: 100px 0px 500px;
    width: 100%;
    overflow: hidden;
    background: url(../images/branddot.jpg) no-repeat center bottom;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/branddot.jpg', sizingMethod='scale')
}

.branddot p {
    color: #333;
    line-height: 26px;
    letter-spacing: 1px;
    font-size: 13px;
    margin-bottom: 18px;
}

.branddot_one {}

/*branddot*/



/**8-10**/
.branddot_one_main {
    padding: 80px 0;
}

.branddot_one_main h4 {
    color: #333;
    line-height: 26px;
    letter-spacing: 1px;
    font-size: 14px;
    margin: 0;
}

.branddot_one_main h5 {
    color: #333;
    line-height: 22px;
    letter-spacing: 1px;
    font-size: 13px;
    margin: 0;
}

.foot_r_tL h6 img {
    height: 18px;
    vertical-align: middle;
    margin-right: 5px;
}

.foot_r_tL h6 span {
    vertical-align: middle;
    color: #999;
    font-size: 13px;
}

.foot_r_t:after {
    content: "";
    display: table;
    clear: both;
}

.foot_r_tL {
    display: inline-block;
    float: left;
}

.foot_r_tL h5 {
    margin-top: 15px;
}

.foot_r_tR {
    float: right;
    padding-top: 10px;
    position: absolute;
    top: 0;
    right: 0;
}

.foot_r_tR h5 a {
    margin: 0;
}

.foot_r_tL h6 {
    margin-bottom: 10px;
}

.foot_r_tR h5 {
    margin: 10px 0;
}

/**8-10**/







@media(max-width:1600px) {
    .swiper_join2.ie8 {
        height: 500px;
    }
}

@media(max-width:1500px) {
    .swiper_join2.ie8 {
        height: 480px;
    }
}






.serverdot_sec {
    margin-bottom: 100px;
}

@media(max-width:1400px) {
    .prolist_container {
        width: 1170px;
    }

    .about4_bottom {
        background: url(../images/logo-1.png) no-repeat -2% 20px;
    }

    .container_cs {
        width: 1000px !important
    }

    .swiper_join2.ie8 {
        height: 450px;
    }

    .about4_wz h4 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        font-size: 12px;
        line-height: 18px;
    }

    .serverdot_l {
        top: 130px;
    }

    .serverdot_ico {
        margin-bottom: 25px;
    }

    .serverdot_l .proold_more {
        margin-top: 30px;
    }

    .serverdot_sec {
        margin-bottom: 60px;
    }



}


@media(max-width:1200px) {
    .swiper_join2.ie8 {
        height: 350px;
    }

    .footer_container {
        width: 88%;
    }

    .zpxxnrbodynr {
        width: 50%;
    }

    .about_container {
        width: 970px;
    }

    .prolist_container {
        width: 970px;
    }

    .beaytydot_box {
        width: 90% !important;
        margin: 0 auto
    }

    .about3_cot li {
        width: 50%;
    }

    .about4_bottom {
        background: url(../images/logo-1.png) no-repeat -10% 20px;
    }

    /**g**/
    .mainbox {
        width: 20%;
    }

    .prodot1_right {
        height: auto !important;
        padding-bottom: 20px;
    }

    .newsdot_left {
        width: 212.5px;
    }

    .newsdot_left_new {
        margin-left: -470px;
    }

    .magz_txt_vlign h4 {
        font-size: 16px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .magz_txt {
        height: 133px;
    }

    .maz_lis.maz_lis_margin {
        margin-top: -133px;
    }

    .act1_cot {
        width: 80%;
    }

    .footer_menu_list .first_menu {
        line-height: 1;
    }

    /**g**/
    .prodot2_yhpj {
        width: 80%;
    }
}

@media(max-width:992px) {
    .swiper_join2.ie8 {
        height: 300px;
    }

    .about_container,
    prolist_container {
        width: 750px;
    }

    .jobschool_wz {
        margin: 0;
    }

    .footer_container {
        width: 94%;
    }

    .about5_list1 .about5_right {
        width: 70%;
    }

    /**g**/
    .newsdot_left_new {
        position: relative;
        margin: 0;
        top: 0;
        left: 0;
    }

    .newsdot_left {
        width: auto;
        margin-top: 0;
    }

    .menu_list>li {
        padding: 0 2px;
    }

    .menu_list>li a {
        font-size: 12px;
    }

    .header_logo {
        width: 100px;
    }

    .header_cont {
        width: 160px;
    }

    .nav_container {
        margin-top: 25px;
    }

    .magz_txt {
        height: 102px;
        padding: 0;
    }

    .maz_lis.maz_lis_margin {
        margin-top: -102px;
    }

    .magz_txt_vlign h4 {
        font-size: 15px;
    }

    span.magz_txt_more {
        font-size: 14px;
    }

    /**g**/
    .about5_list2,
    .about5_list4 {
        margin: 20px 0 0;
    }

    .about5_wz h5 {
        font-size: 12px;
    }

    .prodot2_yhpj {
        width: 100%;
    }

    about1_left {
        padding-right: 0;
    }
}



a.m-lang {
    display: none;
}

@media(max-width:768px) {
    .Bullet {
        background-color: transparent;
    }

    .Bullet h1,
    .Bullet p {
        display: none;
    }

    html {
        cursor: pointer
    }

    .my_top {
        top: 60px;
    }

    .my_header {
        padding: 15px;
    }

    .myheaderl_img {
        width: 100px;
    }

    .myheaderl_txt {
        top: 15px;
        padding-left: 120px;
    }

    .myheader_l {
        border: none;
        margin-bottom: 20px;
    }

    .myheaderl_txt h2 {
        font-size: 16px;
    }

    span.mth_2 img {
        width: 22px;
    }

    span.mht_3 {
        font-size: 16px;
        display: inline-block;
    }

    .myheaderl_txt h3 {
        font-size: 14px;
    }

    .myheader_r {
        padding: 0;
        border: none;
        border-top: solid 1px #e6e6e6;
        padding-top: 15px;
    }

    input.my_sel1 {
        width: 100%;
    }

    .my_sel input {
        margin-bottom: 10px;
    }

    input.my_sel2 {
        width: auto;
    }

    .my_main_lis h2 b:after {
        content: "";
        display: table;
        clear: both;
    }

    .my_main_lis h2 {
        line-height: 1.42;
        padding: 8px 15px;
        margin-bottom: 15px;
    }

    .my_table:after {
        content: "";
        display: table;
        clear: both;
    }

    .my_table_l {
        width: 65px;
        text-align: center;
        float: left;
    }

    .my_table {
        padding: 0 5px;
    }

    .my_table_r {
        padding-left: 80px;
    }

    .my_table_r h3 {
        font-size: 16px;
        color: #000;
        margin: 0 0 15px;
    }

    .my_table_l h5 {
        margin: 5px 0 0;
        font-size: 13px;
        color: #333;
    }

    .my_table_r h4 {
        font-size: 14px;
        color: #f00678;
        font-weight: bold;
        margin: 0 0 10px;
    }

    .my_main_lis {
        padding-bottom: 15px;
    }

    .my_table_r h5 {
        margin: 0;
        font-size: 14px;
        color: #666;
    }

    .my_table_r h5 a {
        float: right;
        margin-right: 5px;
        border: solid 1px #8B604C;
        color: #8B604C;
        display: inline-block;
        padding: 5px 15px;
        font-size: 13px;
        margin-top: -5px;
    }

    .job_box1 {
        padding-top: 40px;
    }

    .job1_wz h5 {
        width: 100%;
    }

    .job1_cot {
        padding: 40px 0 50px;
    }

    .job1_bottom_wz {
        padding: 5px;
    }

    .job1_list {
        width: 50%;
        padding-bottom: 20px;
    }

    .job1_bottom_wz h6 {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .job_box01 .job1_wz h5 {
        width: 100% !important;
    }

    .job01_lis {
        width: 90% !important;
    }

    .job01_ul {
        margin-top: 30px !important;
    }

    .job_box01 {
        padding-bottom: 50px !important;
    }

    .job2_btn a {
        padding: 10px 50px;
    }

    .job2_btn i {
        width: 60px;
    }

    .prolist_container {
        width: 100%;
    }

    .job_box3 {
        padding: 50px 0;
    }

    .job_box2 {
        padding: 80px 0;
    }

    .school1_img {
        width: 100%;
    }

    .school1_txt {
        width: 100%;
        padding: 20px 5%;
    }

    .school_sec1 {
        padding: 30px 0 40px;
    }

    .school1_txt h2 {
        font-size: 16px;
    }

    .school1_txt span {
        margin-top: 20px;
    }

    .school2_form_box ul li {
        width: 100%;
    }

    .school_btn {
        height: 40px;
        top: 50%;
        right: 5px;
        margin-top: -20px;
        border-radius: 5px;
        overflow: hidden;
    }

    .scroll3_box ul li {
        width: 50%;
    }

    .school_sec3 {
        padding: 40px 0;
    }


    .about4_year li {
        width: 10%;
        padding-top: 12px;
        height: 22px;
    }



    /**g**/


    .jobschool_logo {
        width: 200px;
        margin: 0 auto;
    }

    .about_container,
    prolist_container {
        width: 100%;
    }

    .menuBox {
        position: fixed;
        width: 62%;
        top: 0;
        left: -62%;
        height: 100%;
        z-index: 999999999;
        background: #8B604C;
        color: #fff;
        transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
    }

    .menuBox.active {
        left: 0;
    }

    .menuAll {
        position: relative;
        height: 100%;
        top: 0;
        padding-top: 43px;
    }

    .menuTitle {
        padding: 5px 10px;
        font-size: 16px;
        line-height: 32px;
        border-bottom: solid 1px #B08C7B;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
    }

    .menuTitle i.fa {
        font-size: 20px;
        line-height: 32px;
        float: left;
        margin-right: 15px;
    }

    .menuBody {
        height: 100%;
        overflow: auto;
    }

    .menuBody ul {
        padding: 0;
        margin: 0;
    }

    .menuBody li.ua {
        padding: 0;
        border-bottom: solid 1px #B08C7B;
    }

    .a-lang a {
        background: #e9bba6;
        color: #333;
        padding: 1px 20px;
        display: inline-block;
        border-radius: 5px;
        margin-left: 10px;
        margin-bottom: 10px;
        margin-top: 20px;
    }


    .menuBody li a {
        color: #fff;
        line-height: 36px;
        padding: 0 15px;
        font-size: 12px;
    }

    .menuBody li a .fa {
        float: right;
        line-height: 36px;
        font-size: 18px;
    }

    .menuBody ul.ul2_0 {
        background: rgba(255, 255, 255, 0.2);
        display: none;
    }

    .menuBody ul.ul2_0 li {
        border-top: solid 1px #B08C7B;
        padding-left: 20px;
    }

    .menuBody li a.ua_a {
        line-height: 38px;
    }

    .menuBody li a:after {
        content: "";
        display: table;
        clear: both;
    }

    .p_logo {
        height: 40px;
        display: inline-block;
        float: left;
    }

    .p_logo img {
        height: 100%;
        width: auto;
    }

    .header_phone {
        background: #fff;
        box-shadow: 0 0 10px #E5DBD6;
        padding: 10px 15px;
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 99999999;
    }


    a.m-lang {
        float: right;
        display: inline-block;
        color: #8B604C;
        vertical-align: middle;
        line-height: 40px;
        padding: 0px 20px;
        margin-right: 10px;
        font-size: 16px;
    }

    a.p_menubtn span {
        display: block;
        width: 30px;
        height: 2px;
        background: #8B604C;
        margin: 7px 0 5px;
    }

    .header_p_box {
        position: relative;
    }

    a.p_menubtn {
        display: inline-block;
        float: right;
        padding: 4px 0 0;
        vertical-align: middle;
    }

    .header_p_box:after {
        content: "";
        display: table;
        clear: both;
    }

    .header {
        display: none;
    }

    .wrapper {
        margin-top: 60px;
    }

    .banner {
        margin-top: 60px;
    }

    .resellers h2 {
        font-size: 18px;
    }

    .jieshao>p {
        width: 80%;
        font-size: 14px;
    }

    .product_box {
        padding-top: 30px;
    }

    .index2_list {
        width: 50%;
        padding: 10px;
    }

    .index2_wz {
        padding-top: 10px;
    }

    .beauty4_btn {
        padding: 120px 0;
    }

    ul.beauty1_sel li {
        padding-right: 30px;
    }

    ul.beauty1_sel li a:after {
        right: 15px;
    }

    ul.beauty1_sel li a {
        padding: 10px 0;
    }

    .active-filters button {
        line-height: 30px;
        margin: 0 10px;
        min-width: 80px;
    }

    .active_submit input {
        line-height: 32px;
    }

    .beauty1_box ul li {
        width: 33.33%;
        margin-bottom: 5px;
    }

    .beauty1_lis {
        padding: 0;
    }

    .beauty1_lis h3 {
        height: 34px;
        margin: 0;
    }

    .beauty1_more {
        display: none;
    }

    .prolist_intro_wz {
        width: 100%;
    }

    .prolist_intro_wz h4 {
        line-height: 22px;
        margin: 5px 0;
    }

    .prolist_intro {
        padding: 40px 0;
    }

    .prolist {
        padding: 40px 0 40px;
    }

    .prolist_top {
        padding: 0 0 30px;
    }

    .prolist_top h2 {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .prolist_top>h3 {
        font-size: 14px;
    }

    .prolist_top_btn a {
        font-size: 14px;
    }

    .prolist_menu {
        padding: 20px 0 10px;
    }

    .prolist_menu_list h4 {
        line-height: 28px;
        margin-bottom: 5px;
    }

    .prolist_menu_list {
        width: 50%;
    }

    .prolist_menu_right {
        width: 50%;
    }

    .prolist_menu_right .prolist_menu_list>ul>li {
        width: 100%;
    }

    .prolist_menu_right .prolist_menu_list>ul>li ul li {
        display: inline-block;
        margin-right: 15px;
        font-size: 13px;
    }

    .prolist_menu_list li a {
        font-size: 13px;
    }

    .prolist_list {
        width: 160px;
        padding: 0 5px;
    }

    .prolist_wz {
        padding: 10px 5px;
        text-align: center;
    }

    .prolist2_left h2 {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .prolist2_left {
        width: 100%;
    }

    .prolist2_top {
        padding: 0 0 15px;
    }

    .footertop .col-lg-9.col-md-9.col-sm-9 {
        display: none;
    }

    .footer {
        padding: 15px 0 5px;
    }

    .footer_container {
        width: 100%;
        padding: 0 15px;
    }

    .footer_right {
        margin-left: 0;
    }

    .copy {
        line-height: 22px;
        font-size: 12px;
    }

    .footertop {
        padding-bottom: 20px;
    }

    .weimeima_box {
        margin-top: 15px;
    }

    span.ewm_span {
        width: 28%;
        float: left;
    }

    .weimeima_box:after {
        content: "";
        display: table;
        clear: both;
    }

    span.ewm_span img {
        width: 100%;
    }

    .sale_list {
        width: 50%;
        padding: 0 5px;
        margin-bottom: 30px;
    }

    .sale {
        padding: 40px 0 20px;
    }

    .sale_top {
        margin: 10px 0 20px;
    }

    .service_box2 {
        padding: 40px 0;
    }

    .service2-cot {
        padding-top: 15px;
    }

    .ban_wz {
        top: 35%;
    }

    .ban_wz h2 {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .ban_wz h3 {
        font-size: 14px;
    }

    .service2-list h4 {
        font-size: 15px;
    }

    .service2-list h5 {
        font-size: 12px;
    }

    .service2-list {
        padding: 5px 0 5px 35px;
    }

    .service2-img {
        width: 24px;
        top: 6px;
    }

    .service2-right {
        margin-top: 25px;
    }

    .service1_center_cot li {
        width: 50%;
        padding: 0 15px;
        padding-bottom: 20px;
        border: 0;
    }

    .service1_center_list h5 {
        width: 100%;
        height: 60px;
        font-size: 12px;
        line-height: 22px;
    }

    .service_box1 {
        padding: 40px 0;
    }

    .about7_form_top li input,
    .about7_form_bottom li input {
        font-size: 12px;
    }

    .service1_center {
        padding: 30px 0 0;
    }

    .about7_form_top li {
        width: 100%;
        padding: 0;
        margin-top: 10px;
    }

    .about7_form_top {
        margin: 0;
        padding: 15px 0 5px;
    }

    .about7_form_bottom ul {
        margin-right: 0;
    }

    .about7_form_bottom li {
        width: 100%;
        padding: 0;
    }

    .about7_form_bottom li select {
        width: 100%;
        margin: 0;
        margin-top: 10px;
        padding: 5px 3px;
        font-size: 12px;
    }

    .about7_sub {
        margin-top: 40px;
    }

    .service3_img {
        padding: 0;
    }

    .service-wz {
        padding: 15px 0;
    }

    .service3_wz {
        margin: 5px 0;
    }

    .service3_right {
        height: auto !important;
    }

    .service3_play {
        margin: 30px 0 15px;
    }

    .service3_bottom li {
        width: 80px;
        padding: 0 5px;
    }

    .service3_bottom_img {
        width: 100%;
    }

    .service3_bottom_img_bg {
        padding: 0;
    }

    div#service_box3 {
        padding: 40px 0;
    }

    .service4_right {
        padding: 0;
    }

    .service4_cot {
        padding: 40px 0;
    }

    .service4_left {
        padding: 0;
    }

    .service4_wz {
        padding: 0 0 15px;
    }

    .store_cot {
        width: 100%;
        position: relative;
        padding: 25px 15px;
    }

    .store_sele {
        padding: 15px 0;
    }

    .store_tit {
        margin-top: 15px;
    }

    .login_cot {
        width: 100%;
        padding: 40px 0;
    }

    .login {
        padding: 0 15px;
    }

    .login_tit h2 {
        font-size: 20px;
        margin: 0 0 15px;
    }

    .login_left {
        width: 100%;
        height: auto;
        padding: 20px;
    }

    .login_right {
        width: 100%;
        margin-top: 15px;
        padding: 20px;
        height: auto;
    }

    .login_bottom {
        padding-left: 0;
    }

    .login_list input {
        width: 100%;
        margin-top: 5px;
    }

    .login_list label {
        width: 100%;
    }

    .register_cot {
        width: 100%;
        padding: 10px;
    }

    .register {
        padding: 60px 15px;
    }

    .register_list {
        width: 100%;
    }

    .register_list input {
        margin-top: 5px;
    }

    .register_list span {
        width: 100%;
        display: block;
    }

    .register_yz input {
        width: 110px;
    }

    .register_list label {
        width: 100%;
    }

    .register_dx a {
        position: relative;
        top: 0;
        right: -5px;
    }

    .register_btn {
        position: relative;
        bottom: 0;
        margin: 10px 0 0;
    }

    .about1_right {
        width: 100%;
        float: none;
        padding: 0 15px;
        height: 240px !important;
        margin-top: 10px;
    }

    .about1_left {
        float: none;
        width: 100%;
        padding: 30px 15px;
    }

    .about_box1 {
        margin-bottom: 15px;
    }

    .about_box2 {
        padding: 40px 0;
        background: url(../images/about2_bg.jpg) no-repeat center center;
    }

    .about_box2 .about1_tit {
        margin-bottom: 15px;
    }

    .about2_cot {
        padding: 0 15px;
    }

    .about3_top {
        padding: 40px 0;
    }

    .about3_top_cot {
        width: 100%;
        padding: 0 15px;
    }

    .about3_wz {
        margin-top: 30px;
    }

    .about3_top_list {
        margin-top: 30px;
    }

    .about3_top_list li {
        padding: 0 5px;
        margin-top: 10px;
    }

    .about3_top_list a {
        font-size: 13px;
        padding: 8px 15px;
    }

    .about3_cot li {
        padding: 15px 5px;
    }

    .about3_list h2 {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .about3_list h4 {
        font-size: 13px;
        line-height: 22px;
        -webkit-line-clamp: 3;
        height: 66px;
    }

    .about_box6 {
        padding: 60px 0;
        background: url(../images/about6_bg.jpg) no-repeat center center;
    }

    .about_box6 .about6_cot {
        width: 100%;
        padding: 0 15px;
    }

    .about_box7 {
        padding: 40px 0;
    }

    .about7_addr h3 {
        display: none;
    }

    .about7_center {
        width: 100%;
    }

    .about7_left,
    .about7_right {
        display: none;
    }

    .about7_top_top {
        padding: 20px 0 0;
    }

    .about7_center li {
        width: 100%;
    }

    .about7_wz {
        padding: 0;
    }

    .about7_center .about7_last {
        width: 100%;
    }

    .about7_wz h5 {
        display: inline-block;
        margin-right: 25px;
        float: left;
    }

    .about7_wz:after {
        content: "";
        display: table;
        clear: both;
    }


    /**index**/
    .float_box {
        display: none !important;
    }

    .footer_col1 {
        border: 0 !important;
    }

    .footer_right h4 {
        line-height: 24px;
    }

    .dianpu {
        padding-top: 15px;
    }

    .mainbox {
        display: none !important;
    }

    .pagination_ban,
    .pagination_ind4 {
        position: absolute;
        bottom: 10px;
    }

    .pagination_ban .swiper-pagination-switch {
        background: #fff;
    }

    .pagination_ban .swiper-active-switch {
        background: #8B604C;
    }

    .resellers.title {
        margin-top: 50px;
    }

    .jieshao {
        padding: 15px 0 50px;
    }

    .ind4_bg {
        width: 100%;
        height: 100%;
    }

    .ind4_bg1 {
        background: url(../img/a1.jpg) no-repeat center center;
        background-size: cover;
    }

    .ind4_bg2 {
        background: url(../img/a2.jpg) no-repeat center center;
        background-size: cover;
    }

    .ind4_bg3 {
        background: url(../img/a3.jpg) no-repeat center center;
        background-size: cover;
    }

    .ind4_bg4 {
        background: url(../img/a6.jpg) no-repeat center center;
        background-size: cover;
    }

    .ind4_bg5 {
        background: url(../img/a4.jpg) no-repeat center center;
        background-size: cover;
    }

    .ind4_bg6 {
        background: url(../img/a7.jpg) no-repeat center center;
        background-size: cover;
    }

    .ind4_wz li {
        width: 18%;
        float: left;
        margin-right: 2%;
    }

    .ind4_wz {
        padding: 0 15px;
        position: absolute;
        bottom: 40px;
    }

    .ind4_wz h3 {
        color: #fff;
        margin-bottom: 20px;
        padding-bottom: 10px;
        border-bottom: solid 1px #fff;
        text-align: left;
        text-shadow: 1px 1px 4px #000;
    }

    .ind4_wz ul {
        margin: 0;
    }

    .be-bg-parallax {
        display: none;
    }

    .resellers_picture1 {
        width: 100% !important;
    }

    .col-sm-6.mb {
        margin: 15px -15px 0;
    }

    .col-sm-6.mb .col-xs-6 {
        margin-bottom: 15px;
    }

    .re_img_zi {
        font-size: 12px;
        top: 100%;
        padding: 0 5px;
        text-align: center;
    }

    .button--text-thick {
        margin: 40px auto !important;
        float: none !important;
    }

    .dianji_bea {
        padding-bottom: 10px !important;
    }

    .vc_empty_space {
        display: none;
    }

    .ind_ico {
        margin: 0 auto 30px;
        padding-top: 30px;
    }

    .chapter-service__media img {
        display: none;
    }

    .chapter-service__summary {
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0, 0)
    }

    .digit_wrap {
        margin-top: -49px;
    }

    .dataStatistics .digit_set {
        height: 100%;
    }

    .dataStatistics {
        margin-bottom: 0;
        height: 70px;
    }

    .info {
        width: 100%;
    }

    .info #s_province {
        width: 50% !important;
        margin-left: 0 !important;
    }

    .buttom_ind1 {
        margin-top: 80px !important;
    }

    .row {
        margin: 0 -15px;
    }

    /**product**/
    .prod_sec {
        margin-bottom: 0;
    }

    .pro_old {
        padding-bottom: 40px;
    }

    .product_tit h3 {
        font-size: 18px;
    }



    /**prolist**/
    .about_ban {
        height: 200px !important;
    }

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

    .prolist_intro_wz h4 {
        font-size: 12px;
    }

    .prolist_wz h4 {
        font-size: 14px;
    }


    /**beauty**/
    .beauty_sec4 {
        height: 200px;
        background: url(../images/beauty4_bg_1.jpg) no-repeat center center;
    }

    .beauty4_btn {
        padding: 80px 0;
    }

    .beauty_sec.beauty_sec1 {
        padding: 40px 0;
    }

    .beauty1_main {
        margin-top: 40px;
    }

    .about1_tit h3 {
        font-size: 18px;
    }

    .beauty1_box ul li {
        width: 50%;
    }

    /**prodot**/
    .prodot1_left {
        width: 100%;
        padding: 0;
    }

    .prodot1_right {
        width: 100%;
        height: auto !important;
        margin-top: 30px;
    }

    .prodot1_wz h3 {
        font-size: 18px;
    }

    .prodot1_cot h4 {
        font-size: 15px;
    }

    .prodot1_cot h5 {
        font-size: 12px;
        line-height: 22px;
    }

    .prodot2_gg h5 {
        width: 100%;
        font-size: 12px;
    }

    .prodot_box1 {
        padding: 40px 0 20px;
    }

    .prodot2_lis {
        padding: 0;
    }

    .prodot1_zan {
        bottom: -10px;
    }

    .prodot2_intro h4 {
        font-size: 12px;
    }

    .prodot_box2 {
        padding-bottom: 50px;
    }

    .prolist2_wz h5 {
        line-height: 22px;
        font-size: 12px;
    }

    .prolist2_top li {
        line-height: 22px;
        font-size: 12px;
    }

    .prolist2_list {
        padding-bottom: 40px;
    }

    .resellers.title h2 {
        top: 0;
        opacity: 1;
    }

    .sale {
        padding: 40px 0 20px;
    }


    /**service**/
    .service_box5 {
        background: url(../images/service1_bg_1.jpg) no-repeat center center;
        background-size: cover;
        height: 200px;
    }

    .service_box6 {
        background: url(../images/service2_bg_1.jpg) no-repeat center center;
        background-size: cover;
        height: 200px;
    }

    .service-wz h4 {
        font-size: 16px;
    }

    .service3_wz h5 {
        font-size: 12px;
        line-height: 22px;
    }

    .service3_bottom li {
        width: 70px;
    }

    .service4_wz h5 {
        line-height: 22px;
        font-size: 12px;
    }

    .service4_li input {
        width: 100%;
        line-height: 40px;
        font-size: 12px;
    }


    /****/
    .serverdot_l {
        display: none;
    }

    .serverdot {
        width: 100%;
        padding: 40px 15px 0;
    }

    h2.serverdot_tit {
        font-size: 18px;
    }

    .serverdot_txt h3 {
        font-size: 13px;
    }

    .serverdot_txt h5 {
        line-height: 22px;
        font-size: 12px;
        margin: 0;
    }

    .serverdot_sec {
        margin-bottom: 40px;
    }


    /**servicedot**/
    .newsdot {
        padding: 40px 0;
    }

    .servicedot_box h3 {
        font-size: 18px;
    }



    /**store**/
    .store_bg {
        background-size: 150% !important;
    }



    /**about**/
    .about4_year {
        width: 100%;
        margin: 0;
    }

    .about4_bottom {
        padding: 15px 10px;
        background: none;
    }

    .about4_list {
        margin: 0 15px;
    }

    .about_box4 {
        padding: 100px 0 125px;
    }

    .about_box5 {
        padding: 40px 0;
    }

    .about5_cot {
        padding-top: 0px;
        padding: 0 15px;
    }

    .about5_1_img {
        width: 40%;
        margin: 0 auto 15px;
    }

    .about5_1_wz h5 {
        font-size: 12px;
        line-height: 22px;
        padding-top: 20px;
        color: #737373;
    }

    .about5_1_img1 {
        width: 56%;
    }

    .about5_1_left {
        position: absolute;
        top: 50%;
        margin-top: -40px;
        left: 0px;
        z-index: 1;
    }

    .about5_1_right {
        position: absolute;
        top: 50%;
        margin-top: -40px;
        right: 0px;
        z-index: 1;
    }

    .about_pdf {
        width: 100%;
        height: 100%;
        background: url(../images/about_pdf.jpg) no-repeat center center !important;
        background-size: cover;
        padding: 60px 0 !important;
    }


    /**join**/
    .join_sec.join_sec1 {
        padding: 50px 0 0;
    }

    .join1_sec_r {
        padding: 60px 0 0 0;
    }

    .join1_sec_l {
        width: 94%;
    }

    .join1_r_txt h3 {
        margin: 35px auto;
        font-size: 14px;
    }

    .join1_r_txt ul li {
        margin: 0 0 25px;
        font-size: 13px;
    }

    .join_sec.join_sec2 {
        padding: 40px 0;
    }

    .join_sec.join_sec3 {
        padding: 0 0 20px;
    }

    .join3_lis {
        margin: 0 15px;
    }

    .join4_top {
        padding: 40px 0 680px;
    }

    .join4_b_l,
    .join4_b_r {
        width: 100%;
    }

    .join4_b_txt {
        padding: 20px 20px 70px;
    }

    .join4_bottom {
        margin: -680px 15px 0;
        width: 92%;
    }

    .join_sec.join_sec4 {
        padding-bottom: 35px;
    }

    .join_sec.join_sec5 {
        padding: 40px 0;
    }

    .join6_lis i.fa {
        right: 60px;
        display: none;
    }

    .join6_b_lis {
        width: 100%;
        color: #737373;
        line-height: 26px;
        font-size: 13px;
    }

    .join_sec.join_sec6 {
        padding: 40px 0;
    }


    /**media**/
    .news_sec.news_sec1 {
        padding: 20px 0 0;
    }

    .news2_row {
        padding: 20px 0;
    }

    .news2_rtxt {
        padding-left: 0;
        height: auto !important;
        padding-top: 20px;
    }

    .news2_rtxt h3 {
        margin-bottom: 20px;
    }

    .news2_rtxt h4 {
        font-size: 18px;
    }



    /**news**/
    .select_show {
        padding: 12px 15px;
    }

    .news_sel_box .select {
        margin: 10px 15px;
    }

    .newswrap {
        width: 100%;
    }

    .news_sel {
        margin-bottom: 40px;
        margin-top: 20px;
    }

    .news_container {
        width: 100%;
        padding: 0 15px;
    }

    .newswrap img {
        margin-bottom: 30px;
    }

    .newswrap .titolo {
        font-size: 16px;
    }

    .news1_lis.left .extra {
        margin-right: 0;
        width: 100%;
    }

    .news1_lis {
        margin-bottom: 60px;
    }

    .news1_lis.right .extra {
        float: right;
        width: 100%;
        text-align: right;
    }

    .newswrap .desc {
        height: auto;
    }



    /**meiti**/
    .news_harf {
        width: 100%;
    }

    .news3_fir_l {
        border: 0;
        padding: 0 5%;
    }

    .nf_div {
        margin-top: 40px;
        padding: 0 0;
    }

    .news3_fir_box {
        height: 420px;
    }

    .news3_fir_r {
        border: 0;
        padding: 0 10%;
    }

    .news3_main {
        display: none;
    }

    .news_thr_img {
        width: 100%;
    }

    .news_thr_r {
        width: 100%;
        padding: 0;
    }

    .news_thr_txt {
        width: 100%;
        padding-right: 0;
        margin-top: 20px;
    }

    .news_thr_txt h2 {
        font-size: 16px;
    }

    .news_thr_txt h3 {
        margin: 15px 0 20px;
    }

    .news_thr_txt2 {
        width: 100%;
        margin-top: 20px;
    }

    .newsdot_left {
        margin-top: 0;
        padding: 40px 0 20px;
    }

    .newsdot_left h5 {
        margin-bottom: 0px;
    }

    .g_val {
        margin-bottom: 20px;
    }

    .newsdot_txt {
        padding: 0;
    }

    .newsdot_txt p {
        font-size: 12px;
        line-height: 22px;
    }


    /**club**/
    .ind3_qh {
        padding: 20px;
    }

    .ind3_wz {
        position: relative;
        bottom: 0;
        right: 0;
        width: 100%;
        padding: 20px 13px;
    }

    .club_box {
        padding-top: 40px;
    }

    .club_box5 {
        background: url(../images/cpzs0.jpg) top center no-repeat;
    }

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

    .ind1_l {
        width: 100%;
    }

    .ind1_r {
        width: 100%;
        height: auto !important;
    }

    .ind1_txt {
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
        padding: 20px;
    }

    .text-excerpt p {
        font-size: 12px;
        line-height: 22px;
    }

    .club_box.ind2 {
        padding-top: 40px;
    }

    .ind2_tit h3 {
        margin: 0;
    }

    .ind2_box.ind2_left {
        padding-top: 70px;
        padding-bottom: 40px;
    }

    .ind2_tit {
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        text-align: center;
    }

    .ind2_txt {
        width: 88%;
        padding: 20px;
        margin: 0 auto -50px;
    }

    .ind3_bigTit h2 {
        font-size: 30px;
        font-weight: normal;
    }

    .ind3_bigTit {
        margin-left: 0;
        text-align: center;
        margin-bottom: 40px;
    }

    a.ind3_btn_r {
        margin-right: -10px;
    }

    a.ind3_btn_l {
        margin-left: -10px;
    }

    .ind_team .slick-list.draggable {
        padding: 60px 0 40px !important;
    }

    .ind_team {
        min-height: 510px;
    }

    .ind_box3_main {
        position: relative;
        height: 220px;
    }

    .index_cp_list_wz h2 a {
        font-size: 20px;
    }

    .index_cp_list_wz h3 {
        font-size: 16px;
    }

    .index_cp_list_wz {
        padding: 0 15px;
    }

    .club6_top {
        padding-top: 40px;
    }

    .club_box6 .ind3_bigTit {
        margin-bottom: 0;
    }

    .ind2_box {
        padding-bottom: 40px;
    }

    .club6_bottom {
        padding-top: 0;
    }

    .content-loop .title {
        font-size: 15px;
    }

    .club_box6 {
        padding: 40px 0 0;
    }


    /**club_show**/
    .act {
        padding: 40px 0;
    }

    .act_box {
        padding-top: 40px;
    }

    .act_cot {
        padding: 0;
    }

    .act1_tit1 h3 {
        line-height: 30px;
        color: #191A1C;
        font-size: 18px;
    }

    .act1_tit1 h5 {
        font-size: 26px;
    }

    .act1_tit1 h2 {
        margin-top: 20px;
        font-size: 18px;
        margin-bottom: 40px;
    }

    .act1_tit1 {
        width: 60%;
        margin: auto;
    }

    .act1_cot {
        width: 100%;
    }

    .act1_tit1 h6 {
        font-size: 24px;
    }

    .act1_wz h5 {
        margin: 0;
    }

    .act4_left {
        position: relative;
    }

    .act4_img {
        width: 100%;
    }

    .act4_wz {
        margin-top: 30px;
    }

    .act4_li h4 {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .act4_bottom h5 {
        font-size: 12px;
        color: #737373;
        padding-left: 10px;
    }


    /**club_activity**/
    .act3_left {
        height: auto !important;
        margin-bottom: 30px;
    }

    .act3_cot_cot h5 {
        font-size: 16px;
        line-height: 30px;
        padding-left: 40px;
    }

    .act3_cot_cot h5 span {
        width: 22px;
    }

    .act3_cot_cot h5:after {
        font-size: 35px;
    }

    .act6 img {
        margin-top: 40px;
    }

    .act6 {
        padding: 0;
    }




    /**magazine**/
    .magazine_top {
        padding-top: 40px;
    }

    .magazine_main {
        padding: 0;
    }

    .magaz_harf {
        width: 100%;
    }

    .maz_lis {
        padding-bottom: 40px;
    }

    .magazine-viewport {
        height: 100% !important;
    }

    .huace {
        height: 400px;
    }

    .resellers p {
        font-size: 12px;
        line-height: 22px;
        /*display:none;*/
    }

    .serverdot_img {
        padding-left: 0;
    }

    .re_img_box:hover .re_img_zi1 {
        top: 90% !important;
        margin-top: 0 !important;
    }

    .re_img_box_bg {
        display: none;
    }

    span.ser_lspan {
        display: inline-block;
        width: 18px;
    }

    .join2_txt {
        opacity: 1;
        z-index: 1;
    }

    .about7_ewm {
        position: absolute;
        top: 30px;
        left: -30px;
    }

    .about7_img {
        display: none;
    }

    .maz_lis.maz_lis_margin {
        margin-top: 0;
    }

    .about4_year li a {
        transform: scale(0.8);
    }

    .beauty_sel_hide {
        width: 160px;
    }

    .team-carousel__carousel .slick-center .team-carousel__carousel__body {
        margin-left: -50px;
        margin-right: -50px;
        margin-top: -100px;
    }

    .job1_top_tit h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .school1_box.school1_box1 {
        margin-left: 0;
    }

    .school1_box.school1_box2 {
        margin-right: 0;
    }

    .jobdot {
        padding: 40px 0;
    }

    .ind7_cont {
        width: 100%;
        padding: 0;
        min-width: auto;
    }

    .beauty1_box ul {
        margin: 0 -7px;
    }

    .mag_main_sel ul li a:hover:after {
        width: 0;
        margin: 0 25%;
    }

    .honor {
        position: relative !important;
        height: 515px !important;
    }

    .honor_left {
        float: none !important;
        width: 100% !important;
    }

    .honor_right {
        top: 120% !important;
        width: 100% !important;
        padding: 6% !important;
    }

    .about4_wz {
        height: 110px !important;
        -webkit-line-clamp: 5 !important;
    }



    .jm_bottom {
        margin-top: 0px !important;
    }

    .jm_cot {
        width: 100% !important;
    }

    .jm_bottom li {
        width: 33.3% !important;
    }

    .about5_1_wz {
        padding: 0 25px !important;
    }

    .join6_lis {
        width: 100%;
        float: none;
        margin-bottom: 20px;
        display: table;
    }

    .txt_box {
        line-height: 20px;
        text-align: left;
        margin: 0px 0 0 8px;
        width: 83%;
        vertical-align: middle;
        display: table-cell;
    }

    .join6_lis img {
        float: left;
        width: 40px
    }

    .prolistCla ul li {
        float: left !important;
        margin-right: 15px !important;
        margin-bottom: 9px !important;
        font-size: 13px !important;
        line-height: 22px !important;
        min-width: 60px !important;
    }


    .mtsj_box {}

    .mtsj_box li {
        margin-bottom: 35px;
    }

    .mtsj_box li img {
        float: left;
        width: 30%;
    }

    .mtsj_box li span {
        float: right;
        width: 65%;
    }

    .mtsj_box li span h2 {
        margin: 0;
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        color: #333;
    }

    .mtsj_box li span p {
        font-size: 12px;
        color: #888;
        line-height: 20px;
    }

    .about7_form_bottom li input {
        width: 100%;
        border: 0;
        border-bottom: solid 1px #ccc;
        padding: 12px 6px;
        color: #999;
    }

    .wpb_wrapper h5 {
        width: 80%;
        margin: 0 auto;
    }


    .active-filters {
        padding-right: 100px;
    }


}



@media(max-width:320px) {

    .digit_wrap {
        margin-top: -48px;
    }

    .about3_top_list a {
        padding: 8px 10px;
        font-size: 12px;
    }

    .select {
        width: 290px;
    }

    input.sc {
        width: 250px;
    }

    .re_img_zi h5 {
        font-size: 16px !important;
    }

    .ind_ico {
        margin: 0 auto 20px;
    }

    .dataStatistics .digit_set {
        height: 88%;
        width: 44px;
    }

    .dataStatistics .digit>div.digit_top,
    .dataStatistics .digit>div.shadow_top {
        width: 42px;
    }

    .dataStatistics .digit>div.digit_bottom,
    .dataStatistics .digit>div.shadow_bottom {
        width: 42px;
    }

    .dataStatistics .digit>div.digit_bottom .digit_wrap,
    .dataStatistics .digit>div.shadow_bottom .digit_wrap {
        display: block;
        margin-top: -196%;
    }

    .digit_wrap {
        margin-top: -54px;
    }

    .chapter-service__summary h2 {
        margin-bottom: 20px;
    }

    .wpb_wrapper h5 {
        font-size: 12px !important;
        width: 80%;
        margin: 0 auto;
    }

    .dataStatistics {
        width: 250px;

    }

    .service3_bottom li {
        width: 74px;
    }

    .prodot2_li li a {
        padding: 0 40px;
    }

    .about4_wz h4 {
        -webkit-line-clamp: 5;
    }

    .product_tit span {
        font-size: 12px;
    }

    .product_tit h3 {
        font-size: 16px;
    }


    .resellers h2 {
        font-size: 18px;
        letter-spacing: 2px;
    }

    .join1_r_txt li img {
        width: 25px;
        margin-right: 5px;
    }

    .menuBox {
        width: 56%;
    }


}


.pagebox {
    text-align: center;
    position: relative;
}

.pagebox ul {
    line-height: 22px;
}

.pagebox ul li {
    display: inline-block;
    vertical-align: middle;
}

.pagebox ul li a {
    margin: 0px;
    font-size: 14px;
    color: #8B604C;
    position: relative;
    display: block;
}

.pagebox ul .page a {
    background-color: white;
    color: #8B604C;
    padding: 0px 1em;
    height: 22px;
    margin-left: 5px;
    border: 1px solid #8B604C;
    border-radius: 5px;
}

.pagebox .previous {
    display: inline-block;
    padding: 0px 1em;
    height: 22px;
    margin-right: 10px;
    border: 1px solid #8B604C;
    border-radius: 5px;
    font-size: 14px;
    color: #8B604C;
    background: #fff;
}

.pagebox .next {
    display: inline-block;
    padding: 0px 1em;
    height: 22px;
    margin-left: 10px;
    border: 1px solid #8B604C;
    border-radius: 5px;
    color: #8B604C;
    font-size: 14px;
    background: #fff;
}

.pagebox .previous:hover {
    background: #8B604C;
    color: #fff;
}

.pagebox .next:hover {
    background: #8B604C;
    color: #fff;
}

/* .pagebox .previous a { opacity: 0; }
.pagebox .next a { opacity: 0; } */
.pagebox .previous.hidden {
    display: none;
}

.pagebox .next.hidden {
    display: none;
}

.pagebox .previous:hover a {
    color: #fff;
}

.pagebox .next:hover a {
    color: #fff;
}

.pagebox ul li.first {
    display: none;
}

.pagebox ul li.last {
    display: none;
}

.pagebox ul li.page:hover a,
.pagebox ul li.selected a {
    background: #8B604C;
    color: #fff;
}


.report_ban {
    height: 690px;
}

.report {
    overflow: hidden;
}

.report ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.report ul li {
    width: 33.33%;
    padding: 20px;
    border: 1px solid #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 30px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.report ul li .item p {
    text-align: center;
    font-size: 15px;
    margin-top: 15px;
}

.report ul li .item .img {
    width: 100%;
    overflow: hidden;
}

.report ul li .item .img img {
    width: 100%;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    display: block;
    height: 242px;
    object-fit: cover;
}

.report ul li .item .link {
    background: #8c614d;
    width: 80%;
    padding: 10px 0px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    font-size: 15px;
    margin-top: 30px;
    display: block;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.report ul li .item .link:after {
    content: '';
    background: url('../images/rep_xz.png') no-repeat center center;
    width: 16px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 5px;
}

.report ul li .item .link:hover {
    background: #cb7e5b;
}

.report ul li:hover {
    border: 1px solid #e1e1e1;
}

.report ul li:hover .img img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
}


.a_prodot2_img img {
    max-width: 100% !important;
    height: auto !important;
}

@media (max-width: 1200px) {

    .report ul li .item .img img {
        height: 186px;
    }

    .report_ban {
        height: 540px;
    }

}

@media (max-width: 992px) {

    .report ul li .item .img img {
        height: 136px;
    }

    .report ul li .item p {
        font-size: 14px;
    }

    .report_ban {
        height: 450px;
    }

}

@media (max-width: 768px) {

    .report ul li {
        width: 100%;
        border: 1px solid #e1e1e1;
    }

    .report ul li .item .img img {
        height: auto;
    }

    .report_ban {
        height: 220px;
    }

    .beauty1_img {
        height: 130px;
    }


}