body {
    min-width: 1200px;
}

.cm-red-f{
    color:#bf0606;
}
.cm-clear,
.cm-wrapper,
.cm-wrapper-new,
.cm-wrapper-sb1{
    zoom: 1;
}

.cm-clear:after,
.cm-wrapper:after,
.cm-wrapper-new:after,
.cm-wrapper-sb1:after{
    content: '\20';
    clear: both;
    display: block;
    width: 100%;
    height: 0;
    visibility: visible;
}

.cm-wrapper {
    width: 1200px;
    margin: auto;
    display: block;
}
.cm-wrapper-980{
    width: 980px;
}
.cm-wrapper-new{
    width: 980px;
    margin: auto;
    display: block;
}
.cm-wrapper-sb1{
    width: 996px;
    margin: auto;
    display: block;
}


/* 头部 */

.cm-header {
    background-color: #f0f0f0;
    height: 110px;
    position: relative;
    color: #3d3d3d;
    z-index: 9999;
}

.cm-header-menu {
    width: 1088px;
    padding-left: 0px;
    margin: auto;
    font-size: 16px;
}
.cm-header.fix .cm-wrapper{
    position: fixed;
    z-index: 998;
    top:0;
    left: 0;
    width: 100%;
    background-color: #f0f0f0;
}

.cm-header-menu .cm-header-menu-item {
    float: left;
    line-height: 110px;
    padding: 0 33px;
    position: relative;
    overflow: hidden;
}

.cm-header-menu .cm-header-menu-item>a {
    color: #3d3d3d;
    transition: all .3s;
    display: block;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.cm-header-menu .cm-header-menu-item>.border-line {
    position: absolute;
    bottom: 10px;
    left: 30px;
    right: 30px;
    height: 6px;
    background-color: transparent;
    transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.cm-header-menu .cm-header-menu-item .cm-header-childmenu {
    position: absolute;
    left: 0;
    top: 100%;
    background: url(../images/w90.png);
    width: 215px;
    line-height: 33px;
    font-size: 14px;
    color: #565656;
    padding: 10px 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: rotate3d(0, 1, 0, 90deg);
    -ebkit-transform: rotate3d(0, 1, 0, 90deg);
    -o-transform: rotate3d(0, 1, 0, 90deg);
    -ms-transform: rotate3d(0, 1, 0, 90deg);
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
}

.cm-header-menu .cm-header-childmenu .cm-header-childmenu-item>a {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}

.cm-header-menu .cm-header-childmenu .cm-header-childmenu-item>a .drop {
    position: absolute;
    right: 0px;
    width: 20px;
    top: 0;
    height: 33px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGOUIxREQzMDkyM0UxMUU4QTdEMkNDQzI2MUEyNDU5QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGOUIxREQzMTkyM0UxMUU4QTdEMkNDQzI2MUEyNDU5QSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY5QjFERDJFOTIzRTExRThBN0QyQ0NDMjYxQTI0NTlBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY5QjFERDJGOTIzRTExRThBN0QyQ0NDMjYxQTI0NTlBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+cg5YPQAAAK1JREFUeNpi2LBhQ+L///8ZqIWZFRQUmt++fSssKyt7loOD4/+nTx+Z2dk5/jOQCViA2OfChQs+P3/+5PTz9Z3IxMT0l4ECwARjXL9+vWvNmjU/f//+/YcqBoLA3Xv3GFasXMlANQNBAOhCigxkQebIyMgwhIaGUseFSkpKJREREWwc7OwsFLtQU1Mzx9fXZ4agoBBFMQwGK1as+P/+3TtmWML88OEDMyUJGyDAAFoYoXo2x0WGAAAAAElFTkSuQmCC) no-repeat right center;
}

.cm-header-menu .cm-header-childmenu .cm-header-childmenu-item:hover>a {
    text-decoration: underline;
}

.cm-header-menu .cm-header-childmenu .cm-header-descmenu {
    position: absolute;
    top: 0;
    left: 215px;
    overflow: hidden;
    background-color: #fff;
    width: 0;
    height: 0;
    line-height: 33px;
    font-size: 14px;
    padding: 10px 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate3d(30px, 0, 0);
    -ebkit-transform: translate3d(30px, 0, 0);
    -o-transform: translate3d(30px, 0, 0);
    -ms-transform: translate3d(30px, 0, 0);
    transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.cm-header-menu .cm-header-childmenu .cm-header-childmenu-item:hover .cm-header-descmenu {
    width: 215px;
    height: auto;
    min-height: 100%;
    box-sizing: border-box;
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translate3d(0, 0, 0);
    -ebkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.cm-header-menu .cm-header-descmenu .cm-header-descmenu-item {
    padding-left: 20px;
}

.cm-header-menu .cm-header-descmenu .cm-header-descmenu-item:hover>a {
    text-decoration: underline;
}

.cm-header-menu .cm-header-menu-item:hover>a,
.cm-header-menu .cm-header-menu-item.active>a {
    color: #e3a91c;
}

.cm-header-menu .cm-header-menu-item:hover>.border-line,
.cm-header-menu .cm-header-menu-item.active>.border-line {
    background-color: #e3a91c;
    bottom: 0;
}

.cm-header-menu .cm-header-menu-item:hover {
    overflow: visible;
}

.cm-header-menu .cm-header-menu-item:hover .cm-header-childmenu {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: rotate3d(0, 1, 0, 0);
    -ebkit-transform: rotate3d(0, 1, 0, 0);
    -o-transform: rotate3d(0, 1, 0, 0);
    -ms-transform: rotate3d(0, 1, 0, 0);
}

.cm-header-menu .cm-header-menu-item.logo {
    /*padding: 24px 77px 0 77px;*/
    padding: 28.5px 77px;
}

.cm-header-menu .cm-header-menu-item.logo img {
    display: block;
}

.cm-header-language {
    position: absolute;
    top: 0;
    right: 100px;
}

.cm-header-language .cm-header-search {
    width: 35px;
    height: 25px;
    background: url(../images/ss_icon.png) no-repeat;
    background-color: #fff;
    display: block;
    float: left;
    margin-left: 18px;
    cursor: pointer;
    background-position: 10px 5px;
    transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.cm-header-language .cm-header-search:hover {
    background-position: 10px 0px;
}

.cm-header-language .cm-select {
    float: left;
    line-height: 25px;
}

.cm-header-language .cm-select .value {
    padding-left: 30px;
    background: url(../images/yy_icon.png) no-repeat;
    background-position: 10px 4px;
}

/* 底部 */

.cm-footer {
    background-color: #BDBEBF;
    padding-top: 53px;
    padding-bottom: 57px;
}
.cm-footer a{
    color: #333 !important;
}
.cm-footer .website-maps {
    float: left;
    padding-left: 51px;
}

.cm-footer .website-maps dl {
    float: left;
    width: 140px;
    color: #333 !important;
}

.cm-footer .website-maps dl dt {
    font-size: 20px;
    padding-bottom: 20px;
}

.cm-footer .website-maps dl dd {
    font-size: 14px;
    line-height: 27px;
}

.cm-footer .cm-contacts {
    float: left;
    padding-left: 30px;
}

.cm-footer .cm-contacts .cnpl {
    line-height: 42px;
    font-size: 16px;
    color: #333;
    padding-bottom: 15px;
}

.cm-footer .cm-contacts .cnpl img {
    vertical-align: -14px;
    width: 34px;
}

.cm-footer .cm-contacts .service .title {
    padding-top: 15px;
    font-size: 20px;
    color: #333;
    padding-bottom: 16px;
}

.cm-footer .cm-contacts .service .telephone {
    font-size: 34px;
    color: #333;
}

.cm-footer .cm-contacts .service .date {
    padding-top: 5px;
    color: #333;
}

.cm-footer .cm-logo {
    float: left;
    padding: 12px 0 0 30px;
    text-align: center;
}

.cm-footer .cm-logo img {
    width: 121px;
}

.cm-footer .cm-logo .date {
    padding-top: 81px;
    color: #333;
}


/* 版权 */

.cm-copyright {
    background-color: #000;
    padding: 15px 0 16px 0;
}

.cm-copyright p {
    text-align: center;
    color: #646464;
    font-size: 14px;
    line-height: 22px;
}



.cm-gotop.fix{
    position: fixed;
    right: 20px;
    bottom: 95px;
    width: 42px;
    height: 42px;
    background: url(../images/top_btn.png);
    background-position: 0 0px;
    z-index: 99999;
    cursor: pointer;
    transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

/* 返回顶部 */

.cm-gotop {
    position: absolute;
    right: 20px;
    bottom: 230px;
    width: 42px;
    height: 42px;
    background: url(../images/top_btn.png);
    background-position: 0 0px;
    z-index: 99999;
    cursor: pointer;
    transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.cm-gotop:hover {
    background-position: 0 -42px;
}





/* 模拟选择器 */

.cm-select {
    position: relative;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAFCAYAAACaTbYsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1MEZDNjk5ODkyMzMxMUU4QkNFOERDNUE0NjNGOUVENyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1MEZDNjk5OTkyMzMxMUU4QkNFOERDNUE0NjNGOUVENyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUwRkM2OTk2OTIzMzExRThCQ0U4REM1QTQ2M0Y5RUQ3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjUwRkM2OTk3OTIzMzExRThCQ0U4REM1QTQ2M0Y5RUQ3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pHtwmwAAAGhJREFUeNpinDVr1v/z588zIANDQ0OG1NRURgYCgCk8PJyfi4urDyYAYoPEGIgATHx8fJ+CgoLWAtkzQBjEBokRo5kFRFhZWR07ffq0GYzNQCRg/P//P5jx+vVrMRAtKir6iljNAAEGAIDqHbJiYo+CAAAAAElFTkSuQmCC) no-repeat right center;
    background-color: #fff;
    padding-right: 18px;
    overflow: hidden;
    cursor: pointer;
}

.cm-select .value {
    white-space: nowrap;
}

.cm-select .pull-down {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    width: 100%;
}

.cm-select .pull-down .cm-select-option {
    padding: 0 10px;
    cursor: pointer;
}

.cm-select .pull-down .cm-select-options .cm-select-option:hover {
    background-color: #eee;
}

.cm-select.open {
    overflow: visible;
}





/* 模拟复选框 */

.cm-checkbox-group {}

.cm-checkbox {
    line-height: 40px;
    color: #8c8c8c;
    cursor: pointer;
}

.cm-checkbox .icon {
    width: 8px;
    height: 8px;
    padding: 3px;
    border: 2px solid #d0d0d0;
    vertical-align: -3px;
    margin-right: 8px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.cm-checkbox .icon>.status {
    width: 8px;
    height: 8px;
    background-color: transparent;
    display: block;
    margin: auto;
}

.cm-checkbox.checked .icon>.status {
    background-color: #c4c4c4;
}





/* 模拟单选框 */

.cm-radio-group {}

.cm-radio {
    line-height: 32px;
    color: #8c8c8c;
    cursor: pointer;
}

.cm-radio .icon {
    width: 8px;
    height: 8px;
    padding: 3px;
    border: 2px solid #d0d0d0;
    vertical-align: -3px;
    margin-right: 8px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.cm-radio .icon>.status {
    width: 8px;
    height: 8px;
    background-color: transparent;
    display: block;
    margin: auto;
}

.cm-radio.checked .icon>.status {
    background-color: #c4c4c4;
}





/* 页码 */

.cm-pages {
    text-align: center;
}

.cm-pages-item {
    padding: 0 5px;
    min-width: 24px;
    line-height: 34px;
    font-size: 24px;
    color: #a8a8a8;
    font-weight: bold;
    height: 34px;
    display: inline-block;
    *zoom: 1;
    *display: inline-block;
    transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    border: 3px solid #A8A8A8;
}

.cm-pages-item>a {
    display: block;
}

.cm-pages-item:hover {
    background-color: #A8A8A8;
    color: #fff;
}

.cm-pages-item.active {
    background-color: #000000;
    border-color: #000000;
    color: #fff;
}

.cm-pages li{
    padding: 0 5px;
    margin: 0 3px;
    min-width: 24px;
    line-height: 34px;
    font-size: 24px;
    color: #a8a8a8;
    font-weight: bold;
    height: 34px;
    display: inline-block;
    *zoom: 1;
    *display: inline-block;
    transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    border: 3px solid #A8A8A8;
}
.cm-pages li>a {
    display: block;
}

.cm-pages li:hover {
    background-color: #A8A8A8;
    color: #fff;
}

.cm-pages li.active {
    background-color: #000000;
    border-color: #000000;
    color: #fff;
}


/* 广告 单图 */

.cm-adv {
    width: 100%;
    overflow: hidden;
}

.cm-adv>img {
    display: block;
    width: 100%;
}



/* 轮播 */

.cm-banner {
    width: 100%;
    overflow: hidden;
}

.cm-banner-wrapper {
    overflow: hidden;
}

.cm-banner-slider {
    float: left;
}

.cm-banner-slider img {
    display: block;
    width: 100%;
}

.cm-swiper {
    width: 100%;
    position: relative;
}

/* 首页 */
/* 轮播 */
.home-swiper .swiper-slide .img{
    display: block;
    width: 100%;
    padding-bottom: 47%;
    position: relative;
}
.home-swiper .swiper-slide .img >img{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}
.home-swiper-pagination {
    position: absolute;
    left: 0;
    bottom: 50px;
    width: 100%;
    height: 37px;
    /*margin-left: -20px;*/
    text-align: center;
    z-index: 999;
    font-size: 18px;
}

.home-swiper-pagination .swiper-pagination-bullet {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 37px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    background: url(../images/home_swiper_idx.png) no-repeat center center;
    margin: 0 -1px;
    color:#fff;
    transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    opacity: 1;
}

.home-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-image: url(../images/home_swiper_idx_a.png);
    color:#e3a91c;
}
/* 产品分类 */
.home-goods-menu-wrapper{
    height: 180px;
}
.home-goods-menu {
    text-align: center;
    height: 180px;
    position: relative;
    z-index: 998;
    background-color: #fff;
}

.fix .home-goods-menu-item{
    width: 10% !important;
}
.home-goods-menu-item {
    float: left;
    position: relative;
    text-align: center;
    width: 14.25%;
    overflow: hidden;
    cursor: pointer;
}
.home-goods-menu-item>.button{
    padding: 35px 40px 44px 40px;
}
.home-goods-menu-item>.button .goods-class-icon {
    width: 70px;
    height: 70px;
    background-repeat: no-repeat;
    margin: auto;
    background-position: center;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -wekbit-transition: all .5s;
}

.home-goods-menu-item>.button .goods-class-icon.wstc {
    background-image: url(../images/goods_class_00.png)
}

.home-goods-menu-item>.button .goods-class-icon.ysjj {
    background-image: url(../images/goods_class_01.png)
}

.home-goods-menu-item>.button .goods-class-icon.znwy {
    background-image: url(../images/goods_class_02.png)
}

.home-goods-menu-item>.button .goods-class-icon.yg {
    background-image: url(../images/goods_class_03.png)
}

.home-goods-menu-item>.button .goods-class-icon.lyt {
    background-image: url(../images/goods_class_04.png)
}

.home-goods-menu-item>.button .goods-class-icon.wjlt {
    background-image: url(../images/goods_class_05.png)
}

.home-goods-menu-item>.button .goods-class-icon.cfwj {
    background-image: url(../images/goods_class_06.png)
}
.home-goods-menu-item.active>.button .goods-class-icon.wstc,
.home-goods-menu-item:hover>.button .goods-class-icon.wstc {
    background-image: url(../images/goods_class_00_a.png)
}

.home-goods-menu-item.active>.button .goods-class-icon.ysjj,
.home-goods-menu-item:hover>.button .goods-class-icon.ysjj {
    background-image: url(../images/goods_class_01_a.png)
}

.home-goods-menu-item.active>.button .goods-class-icon.znwy,
.home-goods-menu-item:hover>.button .goods-class-icon.znwy {
    background-image: url(../images/goods_class_02_a.png)
}

.home-goods-menu-item.active>.button .goods-class-icon.yg,
.home-goods-menu-item:hover>.button .goods-class-icon.yg {
    background-image: url(../images/goods_class_03_a.png)
}

.home-goods-menu-item.active>.button .goods-class-icon.lyt,
.home-goods-menu-item:hover>.button .goods-class-icon.lyt {
    background-image: url(../images/goods_class_04_a.png)
}

.home-goods-menu-item.active>.button .goods-class-icon.wjlt,
.home-goods-menu-item:hover>.button .goods-class-icon.wjlt {
    background-image: url(../images/goods_class_05_a.png)
}

.home-goods-menu-item.active>.button .goods-class-icon.cfwj,
.home-goods-menu-item:hover>.button .goods-class-icon.cfwj {
    background-image: url(../images/goods_class_06_a.png)
}

.home-goods-menu-item>.button .goods-class-label {
    padding-top: 15px;
    color: #747474;
    text-align: center;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -wekbit-transition: all .5s;
}
.home-goods-menu-item.active>.button .goods-class-label,
.home-goods-menu-item:hover>.button .goods-class-label {
    color:#e3a91b;
}

.home-goods-menu-item>.drow-menu {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    line-height: 44px;
    font-size: 14px;
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateX(50%);
    -o-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -webkit-transform: translateX(50%);
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -wekbit-transition: all .3s;
}

.home-goods-menu-item:hover{
    overflow:visible;
}
.home-goods-menu-item >.drow-menu .home-goods-childmenu-item{
    padding: 0 10px;
    color:#747474;
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -wekbit-transition: all .3s;
}
.home-goods-menu-item:hover >.drow-menu{
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
}
.home-goods-menu-item:hover >.drow-menu .home-goods-childmenu-item+.home-goods-childmenu-item{
    border-top: 1px dashed #ccc;
}
.home-goods-menu-item >.drow-menu .home-goods-childmenu-item:hover,
.home-goods-menu-item >.drow-menu .home-goods-childmenu-item:hover >a{
    color:#e3a91b;
}
.home-goods-menu.fix{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 0 16%;
    background-color: rgba(255,255,255,.9)
}

.home-boloni-item:hover{
    /*background: #fff;*/
    opacity: .7;
}
.home-goods-menu.fix a{
    font-size: 14px;
}

.home-goods-menu.fix .home-goods-menu-item>.button{
    padding: 0;
    overflow: hidden;
    width: 200px;
    margin: auto;
    padding: 0;
}
/*.home-goods-menu.fix .home-goods-menu-item>.button .goods-class-icon{*/
    /*float: left;*/
    /*height: 60px;*/
    /*width: 60px;*/
    /*background-size: 60% 60%;*/
/*}*/
.home-goods-menu.fix .home-goods-menu-item>.button .goods-class-icon{
    float: left;
    height: 55px;
    width: 55px;
    background-size: 55% 55%;
}
.home-goods-menu.fix .home-goods-menu-item>.button .goods-class-label{
    float: left;
    line-height: 35px;
    padding: 13px 0 0 0;
    font-size: 14px;
}
.home-goods-menu.fix .home-goods-menu-item .drow-menu{
    background-color: rgba(255,255,255,.9)
}


/* 明星产品 */

.home-hot-goods {
    background-color: #f0f0f0;
    padding-top: 38px;
}

.cm-coulmun-head {
    padding-top: 20px;
    background: url(../images/hot_head_style.png) no-repeat top left;
    background-size: auto 6px;
}

.cm-coulmun-head>.title {
    font-size: 26px;
    color: #4A4A4A;
    font-weight: bold;
    float: left;
    width: 160px;
}

.cm-coulmun-head>.line {
    border-bottom: 2px solid #C6C6C6;
    margin-left: 160px;
    text-align: right;
    padding-bottom: 4px;
    position: relative;
    top: -4px;
}

.cm-coulmun-head>.line>.more a {
    color: #A1A1A1;
}

.home-hot-goods-list {
    margin-top: 38px;
    padding-bottom: 58px;
}

.home-hot-goods-list .left-goods {
    float: left;
    width: 410px;
    padding-top: 10px;
    height: 410px;
    background-color: #fff;
}

.home-hot-goods-list .left-goods>.goods-img {
        width: 392px;
    height: 355px;
    position: relative;
    overflow: hidden;
    margin: auto;
}
.home-hot-goods-list .left-goods>.goods-img img{
    width: 100%;
    transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    -webkit-transition: all .8s;
}

.home-hot-goods-list .left-goods>.goods-title {
    color: #3C3C3C;
    font-size: 18px;
    padding-left: 14px;
    padding-top: 20px;
    width: 392px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home-hot-goods-list .left-goods>.goods-img .goods-info {
    position: absolute;
    top: 0;
    left: 0;
        width: 100%;
    height: 100%;
    background: url(../images/b60.png);
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}
.home-hot-goods-list .left-goods>.goods-img .goods-info:hover{
    opacity: 1;
    filter: alpha(opacity=100);
}
.home-hot-goods-list .left-goods>.goods-img:hover img{
    transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -webkit-transform:scale(1.1,1.1);
}

.home-hot-goods-list .left-goods>.goods-img .detail {
    font-size: 16px;
    letter-spacing: 3px;
    color: #DDDDDD;
    position: absolute;
    top: 170px;
    left: 50%;
    width: 100px;
    margin-left: -50px;
    text-decoration: underline;
}

.home-hot-goods-list .right-goods {
    width: 586px;
    overflow: hidden;
    float: right;
}

.home-hot-goods-list .right-goods .goods-item {
    float: left;
    width: 283px;
    padding-top: 6px;
    background-color: #FFFFFF;
    margin-left: 8px;
    height: 200px;
    margin-bottom: 8px;
}

.home-hot-goods-list .right-goods .goods-item:nth-child(1) {
    width: 364px;
}

.home-hot-goods-list .right-goods .goods-item:nth-child(2) {
    width: 206px;
}

.home-hot-goods-list .right-goods .goods-item:nth-child(3) {
    width: 206px;
}

.home-hot-goods-list .right-goods .goods-item:nth-child(4) {
    width: 364px;
}

.home-hot-goods-list .right-goods .goods-item>.goods-img {
    width: 100%;
    height: 194px;
    display: block;
    position: relative;
    overflow: hidden;
    margin: auto;
}

.home-hot-goods-list .right-goods .goods-item>.goods-img img {
    display: block;
    width: 100%;
    transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    -webkit-transition: all .8s;
}

.home-hot-goods-list .right-goods .goods-item>.goods-img .goods-info {
    position: absolute;
    background: url(../images/b60.png);
    width: 100%;
    top: 0;
    left: 0;
    height: 62px;
    transform: translateY(-62px);
    -o-transform: translateY(-62px);
    -ms-transform: translateY(-62px);
    -webkit-transform: translateY(-62px);
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
}
.home-hot-goods-list .right-goods .goods-item>.goods-img:hover .goods-info {
    transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
}
.home-hot-goods-list .right-goods .goods-item>.goods-img:hover img{
    transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -webkit-transform:scale(1.1,1.1);
}

.home-hot-goods-list .right-goods .goods-item>.goods-img .goods-title {
    font-size: 16px;
    color: #DDDDDD;
    padding: 7px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home-hot-goods-list .right-goods .goods-item>.goods-img .detail {
    position: absolute;
    right: 20px;
    font-size: 12px;
    text-decoration: underline;
    color: #DDDDDD;
    bottom: 9px;
}


/* 文化体验馆 */

.home-boloni .home-boloni-item {
    float: left;
    width: 50%;
}

.home-boloni .home-boloni-item a {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.home-boloni .home-boloni-item a>.img {
    display: block;
    width: 100%;
}

.home-boloni .home-boloni-item a>.icon {
    position: absolute;
    width: 100%;
    top: 39%;
}

.home-boloni .home-boloni-item a>.icon .tit {
    text-align: center;
    font-size: 32px;
    color: #ffffff;
    padding-bottom: 10px;
}

.home-boloni .home-boloni-item a>.icon img {
    display: block;
    margin: auto;
    width: 48%;
}





/* 资讯 */

.home-news {
    padding-top: 50px;
    background-color: #f0f0f0;
}

.home-news-list {
    width: 100%;
    margin-top: 26px;
    height: 300px;
}

.home-news-list .news-item {
    width: 100%;
    display: block;
    height: 300px;
}

.home-news-list .news-item .news-cover {
    float: left;
    width: 429px;
    height: 297px;
    padding-top: 10px;
    background-color: #fff;
}

.home-news-list .news-item .news-cover img {
    display: block;
    width: 409px;
    height: 277px;
    margin: auto;
}

.home-news-list .news-item .news-detail {
    width: 500px;
    padding-right: 10px;
    float: right;
}
.home-newslist-pagination {
    position: absolute;
    left: 48.4% !important;
    bottom: 0px !important;
    height: 20px;
    text-align: left;
    z-index: 999;

}

.home-newslist-pagination .swiper-pagination-bullet {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 10px;
    height: 10px;
    background-color: #d3d3d3;
    margin: 0 5px;
    transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    border-radius:0% !important;
    opacity:1 !important;
}

.home-newslist-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #e3a91c;
    transform: rotateZ(135deg);
    -ms-transform: rotateZ(135deg);
    -o-transform: rotateZ(135deg);
    -webkit-transform: rotateZ(135deg);
}

.home-news-list .news-head {
    overflow: hidden;
}

.home-news-list .news-head .title {
    float: left;
    width: 430px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    color: #3D3D3D;
    line-height: 50px;
}

.home-news-list .news-head .date {
    float: right;
}

.home-news-list .news-head .date>.monthorday {
    font-size: 26px;
    color: #ABABAB;
    text-align: right;
    line-height: 40px;
}

.home-news-list .news-head .date>.year {
    font-size: 12px;
    color: #ABABAB;
    text-align: right;
}

.home-news-list .news-detail .intro {
    font-size: 14px;
    line-height: 2.1em;
    text-align: justify;
    text-indent: 2em;
    color: #7d7d7d;
    padding-top: 20px;
}
.home-shortcu-maion{
    overflow: hidden;
}




/* 快捷入口 */

.home-shortcut {
    background-color: #f0f0f0;
    padding-top: 90px;
    padding-bottom: 85px;
}

.home-shortcut-list {
    width: 1250px;
}

.home-shortcut-list li {
    float: left;
    width: 312px;
    height: 238px;
    margin-right: 28px;

}
.home-shortcut-list li:hover{
    box-shadow: 0 0 15px #999;
    -o-box-shadow: 0 0 15px #999;
    -ms-box-shadow: 0 0 15px #999;
    -webkit-box-shadow: 0 0 15px #999;
}
.home-shortcut-list li>a {
    display: block;
    width: 312px;
    height: 238px;
    position: relative;
    overflow: hidden;
}

.home-shortcut-list li>a img {
    display: block;
    width: 100%;
}

.home-shortcut-list li .title {
    background: url(../images/b60.png);
    position: absolute;
    top: 0;
    left: 0;
    width: 286px;
    font-size: 16px;
    line-height: 52px;
    padding-left: 26px;
    color: #DDDDDD;
}





/* 搜索结果 */


/* 提示 */

.search-result {
    padding: 65px 0;
}

.search-result .title {
    text-align: center;
    font-size: 30px;
    color: #3D3D3D;
}

.search-result .desc {
    padding-top: 22px;
    text-align: center;
    font-size: 14px;
    color: #AEAEAE;
}

.search-control {
    background-color: #ffffff;
    padding: 52px 0 90px 0;
}

.search-control .title {
    font-size: 26px;
    color: #3D3D3D;
    text-align: center;
    padding-bottom: 40px;
}

.search-control .search-box form {
    width: 570px;
    height: 60px;
    display: block;
    margin: auto;
    overflow: hidden;
    border: 1px solid #979797;
    background-color: #fff;
}

.search-control .search-box form input {
    float: left;
    line-height: 60px;
    height: 60px;
    width: 470px;
    padding: 0 20px;
    font-size: 22px;
}

.search-control .search-box form .submit-btn {
    float: left;
    width: 60px;
    height: 60px;
    background: url(../images/search_submit.png) no-repeat center center;
    cursor: pointer;
}





/* 产品中心 */

.product {
    padding-top: 50px;
    padding-bottom: 60px;
    background-color: #f0f0f0;
}

.product .product-head {
    padding-bottom: 20px;
    border-bottom: 2px dashed #B1B1B1;
}

.product .product-head .title {
    font-size: 20px;
    color: #898989;
    float: left;
    line-height: 42px;
}

.product .product-head .control {
    float: right;
}

.product .product-head .product-search {
    float: left;
}

.product .product-head .product-search form {
    overflow: hidden;
    border: 2px solid #5C5C5C;
    line-height: 32px;
    height: 32px;
}

.product .product-head .product-search .search-submit {
    width: 32px;
    height: 32px;
    background: url(../images/search_submit_min.png) no-repeat center center transparent;
    border: none;
    float: left;
}

.product .product-head .product-search input {
    float: left;
    width: 230px;
    line-height: 32px;
    height: 32px;
    color: #AFAFAF;
    font-size: 14px;
    background-color: transparent;
}

.product .product-head .cm-select {
    float: left;
    margin-left: 34px;
    line-height: 32px;
    height: 32px;
    border: 2px solid #5C5C5C;
    background-color: transparent;
    color: #959595;
}

.product .product-head .cm-select .value {
    width: 80px;
    padding-left: 20px;
    background-color: transparent;
}

.product .product-head .cm-select .pull-down {
    border: 2px solid #5C5C5C;
    left: -2px;
    z-index: 9999;
}

.product .product-main {
    margin-top: 18px;
}

.product .product-classify {
    float: left;
}

.product .product-classify .product-classify-item {
    padding-top: 30px;
    width: 160px;
    padding-bottom: 24px;
    border-bottom: 2px dashed #B1B1B1;
}

.product .product-classify-item .title {
    font-size: 18px;
    color: #656565;
    padding-bottom: 18px;
}

.product .product-lists {
    float: right;
    width: 780px;
    padding-top: 44px;
}

.product .product-list {
    width: 890px;
}

.product .product-list-item {
    width: 252px;
    height: 343px;
    background-color: #fff;
    padding-top: 12px;
    float: left;
    margin-right: 12px;
    margin-bottom: 34px;
    cursor: pointer;
    overflow: hidden;
}

.product .product-list-item .cover {
    position: relative;
    overflow: hidden;
    width: 232px;
    height: 275px;
    margin: auto;
}

.product .product-list-item .cover img {
    display: block;
    width: 232px;
    height: 275px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.product .product-list-item .info {
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/b20.png);
    transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.product .product-list-item .info>a {
    width: 100px;
    line-height: 1.8em;
    height: 1.8em;
    left: 50%;
    margin-left: -50px;
    position: absolute;
    text-align: center;
    top: 130px;
    font-size: 14px;
    letter-spacing:2.5px;
    color: #fff;
    text-decoration: underline;
}

.product .product-list-item:hover .info {
    top: 0;
}

.product .product-list-item:hover .cover img {
    transform: scale3d(1.1, 1.1, 1.1);
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -o-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
}

.product .product-list-item .title {
    /*padding-top: 15px;*/
    /*line-height: 19px;*/
    line-height: 160%;
    font-size: 14px;
    overflow: hidden;
    color: #3D3D3D;
    /*padding-left: 12px;*/
    padding: 11px 10px 0 10px;
}

.product .cm-pages {
    margin-top: 70px;
}





/* 商品详情 */


/* 描述 */


/* 详情显示 */

.product-details-editor {
    background-color: #f0f0f0;
    width: 100%;
    overflow: hidden;
    text-align: center;
    padding-top: 50px;
}

.product-details-editor img {
    max-width: 100%;
}





/* 推荐 */

.product-recommend {
    background-color: #f0f0f0;
    padding-bottom: 92px;
}

.product-recommend-main {
    padding-top: 34px;
    overflow: hidden;
}

.product-recommend-list {
    width: 1250px;
}

.product-recommend-item {
    float: left;
    width: 234px;
    height: 329px;
    padding-top: 9px;
    border: 1px solid #fff;
    background-color: #fff;
    margin-right: 12px;
    transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}

.product-recommend-item>a {
    display: block;
}

.product-recommend-item .cover {
    width: 220px;
    height: 270px;
    overflow: hidden;
    margin: auto;
}

.product-recommend-item .cover img {
    display: block;
    width: 220px;
    height: 270px;
}

.product-recommend-item .title {
    padding: 16px 9px 26px 9px;
    color: #3D3D3D;
    font-size: 12px;
}

.product-recommend-item:hover {
    border-color: #ccc;
    box-shadow: 0 1px 8px #bbb;
    -o-box-shadow: 0 1px 8px #bbb;
    -ms-box-shadow: 0 1px 8px #bbb;
    -webkit-box-shadow: 0 1px 8px #bbb;
}

.product-details-info {
    background-color: #f0f0f0;
    border-top: 1px solid #c6c6c6;
    padding-top: 54px;
}

.product-details-info .preview {
    float: left;
    width: 435px;
    height: 595px;
    overflow: hidden;
    background-color: #fff;
    padding-left: 9px;
    padding-top: 9px;
}

.product-details-info .preview .cover {
    width: 426px;
    height: 433px;
    overflow: hidden;
}

.product-details-info .preview .cover img {
    display: block;
    width: 100%;
    height: 100%;
}

.product-details-info .preview .preview-control {
    width: 528px;
    overflow: hidden;
    margin-top: 18px;
}

.product-details-info .preview .preview-control .prev,
.product-details-info .preview .preview-control .next {
    float: left;
    width: 19px;
    height: 126px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.product-details-info .preview .preview-control .prev:hover,
.product-details-info .preview .preview-control .next:hover {
    background-color: #f1f1f1;
}

.product-details-info .preview .preview-control .prev {
    background-image: url(../images/prev.png)
}

.product-details-info .preview .preview-control .next {
    background-image: url(../images/next.png)
}

.product-details-info .preview-control .preview-list-box {
    float: left;
    width: 388px;
    overflow: hidden;
}

.product-details-info .preview-control .preview-list {
    position: relative;
    overflow: hidden;
}

.product-details-info .preview-control .preview-list li {
    float: left;
    height: 126px;
    width: 126px;
    margin-right: 8px;
    cursor: pointer;
    position: relative;
    transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    top: 0;
}

.product-details-info .preview-control .preview-list li img {
    display: block;
    width: 126px;
}

.product-details-info .preview-control .preview-list li:hover {
    top: -2px;
    box-shadow: 0 0 5px #999;
    -o-box-shadow: 0 0 5px #999;
    -ms-box-shadow: 0 0 5px #999;
    -webkit-box-shadow: 0 0 5px #999;
}

.product-details-info .describe {
    float: left;
    padding-left: 40px;
    width: 493px;
    overflow: hidden;
}

.product-details-info .describe>.title {
    font-size: 20px;
    color: #3D3D3D;
    line-height: 36px;
}

.product-details-info .desc-column>.title {
    font-size: 16px;
    color: #494949;
    border-bottom: 2px dashed #C6C6C6;
    padding-bottom: 10px;
    padding-top: 34px;
}

.product-details-info .desc-column>.content {
    padding-top: 17px;
}

.product-details-info .desc-column .spec {
    /*margin-left: 20px;*/
}

.product-details-info .desc-column .spec.s1 li {
    width: 100%;
}

.product-details-info .desc-column .spec li {
    /*list-style: disc outside none;*/
    float: left;
    width: 50%;
    line-height: 28px;
    font-size: 14px;
    color: #494949;
    padding: 0 5px;
    box-sizing: border-box;
}
.product-details-info .desc-column .spec .dian{
    font-size: 18px;
    position: relative;
    top: 2px;
}
.product-details-info .control {
    overflow: hidden;
    width: 630px;
}

.product-details-info .control .btn {
    float: left;
    width: 110px;
    height: 42px;
    background-color: #000;
    margin-right: 16px;
    background: url(../images/buy_bg.png) no-repeat #000;
    background-position: -150px 0;
    transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}
.product-details-info .control .btn img{
    display: block;
    width: 100%;
}
.product-details-info .control .btn:hover,
.product-details-info .control .btn.active {
    background-position: -20px 0;
}

.product-details-info .desc-hint {
    padding-top: 25px;
}

.product-details-info .desc-hint .goback {
    float: right;
    width: 110px;
    line-height: 35px;
    height: 35px;
    border: 4px solid #000;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    transition: all .3s;
}

.product-details-info .desc-hint .download {
    padding-top: 8px;
    float: left;
    font-size: 15px;
    color: #7A7A7A;
}
.product-details-info .desc-hint .download img{
    height: 15px;
    vertical-align: -2px;
}

.product-details-info .desc-hint .download>a:hover {
    border-bottom: 1px solid #7A7A7A;
}

.product-details-info .desc-hint .goback:hover {
    color: #fff;
    background-color: #000;
}





/* 关于中宇 */

.aboutus-menu {
    width: 100%;
    overflow: hidden;
    background-color: #252525;
    line-height: 60px;
    height: 60px;
}

.aboutus-menu .aboutus-menu-item {
    float: left;
    width: 25%;
    color: #A1A1A1;
    font-size: 18px;
    text-align: center;
    transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.aboutus-menu .aboutus-menu-item>a {
    display: block;
}

.aboutus-menu .aboutus-menu-item:hover,
.aboutus-menu .aboutus-menu-item.active {
    background-color: #E3A91C;
    color: #FFFFFF;
}





/* 关于中宇 */


/* 文化 */
.aboutus-culture{
    background-color: #f0f0f0;
}
.aboutus-culture-video {
    padding-top: 70px;
}

.aboutus-culture-video .culture-video {
    width: 980px;
    height: auto;
    overflow: hidden;
    position: relative;
    background-color: #000;
}

.aboutus-culture-video .quotations {
    text-align: center;
    color: #3D3D3D;
}

.aboutus-culture-video .quotations .title {
    padding-top: 40px;
    font-size: 18px;
}

.aboutus-culture-video .quotations .desc {
    padding-top: 32px;
    width: 865px;
    margin: auto;
    font-size: 14px;
    line-height: 28px;
}

.aboutus-culture-column {
    background-color: #f0f0f0;
    padding-top: 80px;
}

.aboutus-culture-column .cover {
    float: left;
    width: 430px;
    height: 300px;
    position: relative;
}

.aboutus-culture-column .cover img {
    display: block;
    width: 430px;
    height: 300px;
}

.aboutus-culture-column .cover .title {
    position: absolute;
    width: 152px;
    height: 60px;
    background: url(../images/title_style_00.png) no-repeat center center;
    background-size: 100% 100%;
    right: -104px;
    top: -8px;
}

.aboutus-culture-column .cover .title .txt {
    color: #fff;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-size: 22px;
}

.aboutus-culture-column .desc {
    float: right;
    width: 463px;
    padding-top: 70px;
    color: #3D3D3D;
    font-size: 14px;
    line-height: 40px;
    text-align: justify;
}

.aboutus-culture-column.s1 .desc {
    float: left;
}

.aboutus-culture-column.s1 .cover {
    float: right;
}

.aboutus-culture-column.s1 .cover .title {
    left: -104px;
    right: auto;
}

.aboutus-culture-adv {
    padding-top: 72px;
    background-color: #f0f0f0;
}

.aboutus-culture-bottom {
    padding-bottom: 160px;
}

.aboutus-culture-section{
    opacity: 0;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
}

.aboutus-culture-section.active{
    opacity:1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}




/* 荣誉 */

.aboutus-honor-tabs-head {
    padding-top: 81px;
    padding-bottom: 88px;
}

.aboutus-honor-tabs-head .sign {
    float: left;
}

.aboutus-honor-tabs-menu {
    float: right;
}

.aboutus-honor-tabs-menu .item {
    float: left;
    padding-left: 90px;
    line-height: 76px;
}

.aboutus-honor-tabs-menu .item>a {
    color: #7A7A7A;
    font-size: 22px;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.aboutus-honor-tabs-menu .item>a:hover,
.aboutus-honor-tabs-menu .item.active>a {
    color: #E3A91C;
}

.aboutus-honor-tabs-body {
    background-color: #f0f0f0;
    height: 740px;
}

.aboutus-honor-tabs-content {
    width: 1163px;
    height: 542px;
    padding-top: 102px;
    position: relative;
    top: -63px;
    margin: auto;
    background: url(../images/aboutus_honor_bg.png) no-repeat center center;
}

.aboutus-honor-tabs-content .swiper-container {
    width: 1022px;
    height: 446px;
}

.aboutus-honor-tabs-content .honor-pagination {
    position: absolute;
    bottom: 20px;
    left: 0;
}

.aboutus-honor-tabs-content .honor-pagination .swiper-pagination-switch {
    float: left;
    width: 96px;
    background-color: #E3A91C;
    height: 5px;
}

.aboutus-honor-tabs-content .honor-pagination .swiper-pagination-switch.swiper-active-switch+.swiper-pagination-switch,
.aboutus-honor-tabs-content .honor-pagination .swiper-pagination-switch.swiper-active-switch+.swiper-pagination-switch+.swiper-pagination-switch,
.aboutus-honor-tabs-content .honor-pagination .swiper-pagination-switch.swiper-active-switch+.swiper-pagination-switch+.swiper-pagination-switch+.swiper-pagination-switch,
.aboutus-honor-tabs-content .honor-pagination .swiper-pagination-switch.swiper-active-switch+.swiper-pagination-switch+.swiper-pagination-switch+.swiper-pagination-switch+.swiper-pagination-switch,
.aboutus-honor-tabs-content .honor-pagination .swiper-pagination-switch.swiper-active-switch+.swiper-pagination-switch+.swiper-pagination-switch+.swiper-pagination-switch+.swiper-pagination-switch+.swiper-pagination-switch {
    background-color: #F2F2F2;
}

.aboutus-honor-tabs-content .honor-item {
    overflow: hidden;
}

.aboutus-honor-tabs-content .honor-item .honor-info {
    float: left;
    width: 690px;
}

.aboutus-honor-tabs-content .honor-item .honor {
    float: left;
    width: 332px;
}

.aboutus-honor-tabs-content .honor-item .honor img {
    display: block;
    width: 100%;
}

.aboutus-honor-tabs-content .honor-item .honor-info .title {
    color: #DBDBDB;
    font-size: 52px;
    padding-bottom: 36px;
}

.aboutus-honor-tabs-content .honor-item .honor-info .subtitle {
    color: #DBDBDB;
    font-size: 26px;
    line-height: 46px;
}

.about-honor-nav{
    overflow: hidden;
    padding: 47px 0;
    width: 732px;
    margin: auto;
}
.about-honor-nav > .item{
    float: left;
    cursor: pointer;
    width: 25%;
}
.about-honor-nav > .item > .icon{
    width: 74px;
    height: 74px;
    margin: auto;
    background:no-repeat center center;
    background-size: 100% 100%;
    transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}
.about-honor-nav > .item > .label{
    text-align: center;
    font-size: 18px;
    padding-top: 18px;
    color:#575757;
    transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}
.about-honor-nav > .item > .icon.qw-icon{
    background-image: url(../images/honor_00.png);
}
.about-honor-nav > .item > .icon.gc-icon{
    background-image: url(../images/honor_01.png);
}
.about-honor-nav > .item > .icon.xh-icon{
    background-image: url(../images/honor_02.png);
}
.about-honor-nav > .item > .icon.sj-icon{
    background-image: url(../images/honor_03.png);
}
.about-honor-nav > .item.active .label,
.about-honor-nav > .item:hover .label{
    color:#e3a91c;
}
.about-honor-nav > .item.active > .icon.qw-icon,
.about-honor-nav > .item:hover > .icon.qw-icon{
    background-image: url(../images/honor_00_a.png);
}
.about-honor-nav > .item.active > .icon.gc-icon,
.about-honor-nav > .item:hover > .icon.gc-icon{
    background-image: url(../images/honor_01_a.png);
}
.about-honor-nav > .item.active > .icon.xh-icon,
.about-honor-nav > .item:hover > .icon.xh-icon{
    background-image: url(../images/honor_02_a.png);
}
.about-honor-nav > .item.active > .icon.sj-icon,
.about-honor-nav > .item:hover > .icon.sj-icon{
    background-image: url(../images/honor_03_a.png);
}
.about-honor-list-view{
    background-color: #f0f0f0;
    padding: 58px 0 68px 0;
}
.about-honor-list-wrapper{
    width: 987px;
    margin: auto;
    overflow: hidden;
}
.about-honor-list{
    width: 1000px;
    overflow: hidden;
}
.about-honor-list .item{
    float: left;
    width: 226px;
    height: 440px;
    padding: 7px;
    background-color: #fff;
    margin:0 9px 50px 0;
}
.about-honor-list .item > .cover{
    width: 208px;
    height: 270px;
    overflow: hidden;
    background-color: #f0f0f0;
    padding: 9px;
}
.about-honor-list .item > .cover > img{
    width: 208px;
    height: 270px;
    display: block;
}
.about-honor-list .item >.title{
    font-size: 16px;
    color: #3D3D3D;
    overflow: hidden;
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
    padding: 20px 0 15px 0;
}
.about-honor-list .item >.subtitle{
    font-size: 14px;
    color: #767676;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-bottom: 10px;
}



/* 历史 */

.aboutus-history {
    background-color: #252525;
}

.aboutus-history-years {
    padding: 170px 0;
    height: 560px;
    float: left;
    width: 260px;
    position: relative;
}

.aboutus-history-years .aboutus-history-years-prev {
    position: absolute;
    top: 110px;
    width: 27px;
    height: 23px;
    left: 44px;
    cursor: pointer;
    background: url(../images/slide_t.png) no-repeat center center;
    transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}

.aboutus-history-years .aboutus-history-years-next {
    position: absolute;
    width: 27px;
    height: 23px;
    bottom: 110px;
    left: 44px;
    cursor: pointer;
    background: url(../images/slide_b.png) no-repeat center center;
    transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}

.aboutus-history-years .aboutus-history-years-prev.stop,
.aboutus-history-years .aboutus-history-years-next.stop {
    opacity: 0;
    filter: alpha(opacity=0);
}

.aboutus-history-years .swiper-container {
    height: 560px;
}

.history-point-time {
    padding-left: 16px;
    cursor: pointer;
    height: 100%;
}

.history-point-time-main {
    height: 100%;
    border-left: 2px dashed #7a7a79;
    position: relative;
    color: #AEAEAE;
}

.history-point-time.last .history-point-time-main {
    border-color: transparent;
}

.history-point-time-main .icon {
    width: 16px;
    height: 16px;
    border-radius: 100px;
    border: 2px solid #868685;
    background-color: #252525;
    position: absolute;
    top: 0;
    left: -11px;
}

.history-point-time-main .head {
    font-size: 22px;
    padding-left: 26px;
    font-weight: bold;
}

.history-point-time-main .head .year {
    display: inline-block;
    *zoom: 1;
    *display: inline
}

.history-point-time-main .head .act {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAANCAYAAABcrsXuAAAAAXNSR0IArs4c6QAAARZJREFUOBGt0rFLw0AUx/FeU1Ir1VJKh4CLOLgXdMhUIfYfyKR7B7cuLtI/oJuTi7gXujXuTmaw4qLQUWtdKgilbZZiIH4fLkIlw10ffEi48H7vconKaFYQBLtJkrhxHN/7vv+uGZPexoAGRnhFC1vpHRpPCS3gEF1McYdjjaj0FkItVHCCJ3ziCnvpnRpPCd2Agwu84QVn2JQ4xc0BVx85WTCohF4bNbiY4RFtCc6jgnUMWZLzjSzKcGDLm8iQItZRp4ScQ/KucYMPmBcbdXGLL/RRxzaUcToh8rE7mGCIJqowPfrfvRF0hGfI7i+xj8J/OzeZGBH4gB4GmCul5A9bKe0z8zyvZFnWThRF4zAMFyvJfxZ+ABVSwo49ZYwFAAAAAElFTkSuQmCC) no-repeat center center;
    width: 25px;
    height: 22px;
    vertical-align: -2px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
}

.aboutus-history-years .history-point-time.active .head {
    color: #fff;
}

.aboutus-history-years .history-point-time.active .history-point-time-main .icon {
    border-color: #fff;
    background-color: #fff;
}

.aboutus-history-years .history-point-time.active .head .act {
    opacity: 1;
    filter: alpha(opacity=100);
}

.aboutus-history-years .history-point-time:hover .head .act {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateX(10px);
    -o-transform: translateX(10px);
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
}

.history-point-time-main .subtitle {
    padding-left: 26px;
    font-size: 16px;
}

.aboutus-history-bigevents {
    float: right;
    width: 900px;
    height: 900px;
}

.aboutus-history-bigevents .swiper-container {
    height: 900px;
}

.aboutus-history-bigevents .bigevents-item {
    overflow: hidden;
}

.aboutus-history-bigevents .bigevents-item .info {
    float: left;
    width: 380px;
    padding-top: 170px;
}

.aboutus-history-bigevents .bigevents-item .info .date {
    font-size: 22px;
    color: #868685;
    text-align: center;
    font-weight: bold;
    line-height: 44px;
    background: url(../images/aboutus_history_date.png) no-repeat center center;
}

.aboutus-history-bigevents .bigevents-item .info .title {
    font-size: 22px;
    color: #B9864B;
    /*text-align: center;*/
    font-weight: bold;
    padding: 14px 0;

}

.aboutus-history-bigevents .bigevents-item .info .desc {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 34px;
    text-align: justify;
}

.aboutus-history-bigevents .bigevents-item .cover {
    width: 441px;
    height: 659px;
    padding-top: 241px;
    padding-left: 24px;
    float: right;
    position: relative;
}

.aboutus-history-bigevents .bigevents-item .cover .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 465px;
    height: 900px;
    background: url(../images/aboutus_history_bg.png) no-repeat center center;
    z-index: 99;
}

.aboutus-history-bigevents .bigevents-item .cover .pic {
    width: 418px;
    height: 418px;
}

.aboutus-history-bigevents .bigevents-item .cover .pic img {
    display: block;
    width: 418px;
    height: 418px;
}





/* 资讯 */

.aboutus-news {
    padding-top: 82px;
    padding-bottom: 70px;
    background: url(../images/aboutus_news_bg.png) repeat-y center #252525;
}

.aboutus-news .aboutus-news-menu {
    overflow: hidden;
    padding-bottom: 62px;
}

.aboutus-news .aboutus-news-menu .item {
    float: left;
    margin-right: 100px;
    padding-bottom: 20px;
    border-bottom: 4px solid transparent;
    transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
}

.aboutus-news .aboutus-news-menu .item>a {
    font-size: 18px;
    color: #F7F7F7;
    letter-spacing:3px;
}

.aboutus-news .aboutus-news-menu .item.active,
.aboutus-news .aboutus-news-menu .item:hover {
    border-color: #E3A91C;
}

.aboutus-news .aboutus-news-menu .item.active>a,
.aboutus-news .aboutus-news-menu .item:hover>a {
    font-weight: bold;
}

.aboutus-news-list {}

.aboutus-news-list .aboutus-news-item {
    float: left;
    color: #F7F7F7;
    position: relative;
}

.aboutus-news-list .aboutus-news-item .btn {
    display: block;
    margin-top: 80px;
    width: 144px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border: 2px solid #F7F7F7;
    color: #F7F7F7;
    transition: all .5s cubic-bezier(.25,.46,.45,.94) .6s;
    -o-transition: all .5s cubic-bezier(.25,.46,.45,.94) .6s;
    -ms-transition: all .5s cubic-bezier(.25,.46,.45,.94) .6s;
    -webkit-transition: all .5s cubic-bezier(.25,.46,.45,.94) .6s;
}
.aboutus-news-list .aboutus-news-item.hide .btn{
    opacity: 0;
    transform: translate3d(0,100%,0);
    -webkit-transform: translate3d(0,100%,0);
    -o-transform: translate3d(0,100%,0);
    -ms-transform: translate3d(0,100%,0);
}

.aboutus-news-list .aboutus-news-item .btn .btn-main {
    display: block;
    width: 144px;
    height: 44px;
    line-height: 44px;
    position: relative;
    bottom: 0;
    left: 0;
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
}

.aboutus-news-list .aboutus-news-item .btn:hover .btn-main {
    position: relative;
    background-color: #e3a91c;
    bottom: 10px;
    left: -10px;
}
.aboutus-news-list .aboutus-news-item .cover{
    position: relative;
    overflow:hidden;
}
.aboutus-news-list .aboutus-news-item .cover img{
    display: block;
    width: 100%;
    position: relative;
    opacity: 1;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transition: all .5s cubic-bezier(.25,.46,.45,.94);
    -o-transition: all .5s cubic-bezier(.25,.46,.45,.94);
    -ms-transition: all .5s cubic-bezier(.25,.46,.45,.94);
    -webkit-transition: all .5s cubic-bezier(.25,.46,.45,.94);
}
.aboutus-news-list .aboutus-news-item.hide .cover img {
    opacity: 0;
    transform: translate3d(0,100%,0);
    -webkit-transform: translate3d(0,100%,0);
    -o-transform: translate3d(0,100%,0);
    -ms-transform: translate3d(0,100%,0);
}
.aboutus-news-list .aboutus-news-item .cover:after{
    content: '\20';
    width: 100%;
    height: 170%;
    display: block;
    position: absolute;
    bottom: 220%;
    left: 0;
    opacity: 1;
    background-color: #424242;
     transform: skewY(-25deg) translate3d(0,50%,0);
    -webkit-transform: skewY(-25deg) translate3d(0,50%,0);
    -o-transform: skewY(-25deg) translate3d(0,50%,0);
    -ms-transform: skewY(-25deg) translate3d(0,50%,0);
    transition: all .5s cubic-bezier(.25,.46,.45,.94);
    -o-transition: all .5s cubic-bezier(.25,.46,.45,.94);
    -ms-transition: all .5s cubic-bezier(.25,.46,.45,.94);
    -webkit-transition: all .5s cubic-bezier(.25,.46,.45,.94);
}
.aboutus-news-list .aboutus-news-item.hide .cover:after{
    opacity: 0;
    transform: skewY(-25deg) translate3d(0,120%,0);
    -webkit-transform: skewY(-25deg) translate3d(0,120%,0);
    -o-transform: skewY(-25deg) translate3d(0,120%,0);
    -ms-transform: skewY(-25deg) translate3d(0,120%,0);
}

.aboutus-news-list .aboutus-news-item .info {
    position: absolute;
    transition: all .5s cubic-bezier(.25,.46,.45,.94) .3s;
    -o-transition: all .5s cubic-bezier(.25,.46,.45,.94) .3s;
    -ms-transition: all .5s cubic-bezier(.25,.46,.45,.94) .3s;
    -webkit-transition: all .5s cubic-bezier(.25,.46,.45,.94) .3s;
}
.aboutus-news-list .aboutus-news-item.hide .info{
    opacity: 0;
    transform: translate3d(0,100%,0);
    -webkit-transform: translate3d(0,100%,0);
    -o-transform: translate3d(0,100%,0);
    -ms-transform: translate3d(0,100%,0);
}

.aboutus-news-list .aboutus-news-item .head {
    font-size: 14px;
    overflow: hidden;
    padding-bottom: 10px;
}

.aboutus-news-list .aboutus-news-item .head .date,
.aboutus-news-list .aboutus-news-item .head .line,
.aboutus-news-list .aboutus-news-item .head .classify {
    float: left;
}

.aboutus-news-list .aboutus-news-item .info .title {
    margin-top: 18px;
    font-size: 20px;
    line-height: 26px;
    text-align: justify;
}

.aboutus-news-list .aboutus-news-item .head .line {
    padding-top: 5px;
    border-bottom: 4px solid #d5a020;
    width: 20px;
    margin: 0 15px;
}
.aboutus-news-item{

}

.aboutus-news-list .aboutus-news-item.s0 {
    width: 525px;
    height: 550px;
}
.aboutus-news-list .aboutus-news-item.mr{
    margin-left: 150px;
}
.aboutus-news-list .aboutus-news-item.s0 .info {
    width: 500px;
    top: 345px;
    left: 25px;
}

.aboutus-news-list .aboutus-news-item.s0 .cover {
    width: 525px;
    height: 374px;
    overflow: hidden;
}
.aboutus-news-list .aboutus-news-item.s0 .cover img{
    width: 525px;
    height: 374px;
}
.aboutus-news-list .aboutus-news-item.s0 .btn {
    margin-left: 37px;
}

.aboutus-news-list .aboutus-news-item.s1 {
    width: 400px;
    height: 627px;
    padding-top: 58px;
}

.aboutus-news-list .aboutus-news-item.s1 .info {
    top: 249px;
    left: 20px;
    width: 370px;
}

.aboutus-news-list .aboutus-news-item.s1 .btn {
    margin-left: 27px;
}

.aboutus-news-list .aboutus-news-item.s2 {
    padding-top: 56px;
    width: 370px;
    height: 401px;
}

.aboutus-news-list .aboutus-news-item.s2 .info {
    width: 310px;
    top: 228px;
    left: 10px;
}

.aboutus-news-list .aboutus-news-item.s2 .cover {
    width: 310px;
}

.aboutus-news-list .aboutus-news-item.s2 .btn {
    margin-left: 37px;
    margin-top: 90px;
}

.aboutus-news-list .aboutus-news-item.s3 {
    width: 490px;
    height: 485px;
}

.aboutus-news-list .aboutus-news-item.s3 .info {
    width: 310px;
    top: 234px;
    left: 23px;
}

.aboutus-news-list .aboutus-news-item.s3 .cover {
    width: 435px;
}

.aboutus-news-list .aboutus-news-item.s3 .btn {
    margin-left: 23px;
    margin-top: 40px;
}

.aboutus-news-list .aboutus-news-item.s4 {
    width: 340px;
    height: 465px;
    padding-top: 20px;
}

.aboutus-news-list .aboutus-news-item.s4 .info {
    width: 310px;
    top: 170px;
    left: 17px;
}

.aboutus-news-list .aboutus-news-item.s4 .cover {
    width: 340px;
}

.aboutus-news-list .aboutus-news-item.s4 .btn {
    margin-left: 17px;
    margin-top: 40px;
}

.aboutus-news-list .aboutus-news-item.s5 {
    width: 630px;
    height: 693px;
}

.aboutus-news-list .aboutus-news-item.s5 .info {
    width: 360px;
    top: 230px;
    left: 30px;
}

.aboutus-news-list .aboutus-news-item.s5 .cover {
    width: 520px;
}

.aboutus-news-list .aboutus-news-item.s5 .btn {
    margin-left: 30px;
    margin-top: -13px;
    position: relative;
    z-index: 10;
}

.aboutus-news-list .aboutus-news-item.s6 {
    width: 570px;
    height: 633px;
    padding-top: 60px;
}

.aboutus-news-list .aboutus-news-item.s6 .info {
    width: 360px;
    top: 330px;
    left: 30px;
}

.aboutus-news-list .aboutus-news-item.s6 .cover {
    width: 560px;
}

.aboutus-news-list .aboutus-news-item.s6 .btn {
    margin-left: 30px;
    margin-top: 12px;
}

.aboutus-news .loadmore {
    width: 162px;
    line-height: 46px;
    height: 46px;
    text-align: center;
    background-color: #fff;
    color: #000;
    margin: auto;
    font-size: 18px;
    cursor: pointer;
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
}

.aboutus-news .loadmore:hover {
    background-color: #e3a91c;
    color: #FFFFFF;
}





/* 资讯详情 */

.aboutus-news-details {
    padding-top: 84px;
    padding-bottom: 100px;
}

.aboutus-news-details .aboutus-news-menu {
    overflow: hidden;
    padding-bottom: 22px;
    border-bottom: 1px dashed #AEAEAE;
}

.aboutus-news-details .aboutus-news-menu .item {
    float: left;
    margin-right: 100px;
    padding-bottom: 20px;
    border-bottom: 4px solid transparent;
    transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
}

.aboutus-news-details .aboutus-news-menu .item>a {
    font-size: 22px;
    color: #212121;
}

.aboutus-news-details .aboutus-news-menu .item.active,
.aboutus-news-details .aboutus-news-menu .item:hover {
    border-color: #E3A91C;
}

.aboutus-news-details .aboutus-news-menu .item.active>a,
.aboutus-news-details .aboutus-news-menu .item:hover>a {
    font-weight: bold;
}

.aboutus-news-details .news-details {
    padding-top: 54px;
}

.aboutus-news-details .news-details .title {
    text-align: center;
    color: #3D3D3D;
    font-size: 22px;
    padding-bottom: 10px;
}

.aboutus-news-details .news-details .date {
    text-align: center;
    color: #909090;
    font-size: 14px;
    padding-bottom: 48px;
}

.aboutus-news-details .news-details .detail {
    color: #3D3D3D;
    font-size: 14px;
    line-height: 32px;
}

.aboutus-news-details .news-details .detail img {
    max-width: 100%;
}





/* 体验馆 */


/* 套间灵感 */

.experience-menu-box {
    padding: 46px 0;
    background-color: #232323;
}

.experience-menu {
    text-align: center;
}

.experience-menu .experience-menu-item {
    color: #FFFFFF;
    font-size: 18px;
    display: inline-block;
    padding: 0 60px;
    *zoom: 1;
    *display: inline;
    transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}

.experience-menu .experience-menu-item+.experience-menu-item,
.experience-menu .experience-menu-item+.experience-menu-item+.experience-menu-item,
.experience-menu .experience-menu-item+.experience-menu-item+.experience-menu-item+.experience-menu-item,
.experience-menu .experience-menu-item+.experience-menu-item+.experience-menu-item+.experience-menu-item+.experience-menu-item,
.experience-menu .experience-menu-item+.experience-menu-item+.experience-menu-item+.experience-menu-item+.experience-menu-item+.experience-menu-item {
    border-left: 3px solid #FFF;
}

.experience-menu .experience-menu-item.active>a,
.experience-menu .experience-menu-item:hover>a {
    color: #E3A91C;
}

.experience-inspiration {
    background-color: #f0f0f0;
    padding: 55px 0 46px 0;
}

.experience-inspiration-list {
    overflow: hidden;
}

.experience-inspiration-list>.item {
    /*width: 438px;*/
    /*height: 386px;*/
    /*background-color: #fff;*/
    /*float: left;*/
    /*margin-right: 50px;*/
    /*margin-bottom: 46px;*/

    width: 456px;
    height: 450px;
    background-color: #fff;
    float: left;
    margin-right: 55px;
    margin-bottom: 50px;
}
.experience-inspiration-list>.rt{
    margin-right: 0;
}
.experience-inspiration-item {
    /*padding-top: 312px;*/
    padding-top: 383px;
    position: relative;
}

.experience-inspiration-item .title {
    font-size: 16px;
    padding-left: 12px;
    padding-top: 25px;
}

.experience-inspiration-item .body {
    position: absolute;
    left: 14px;
    top: 14px;
    /*width: 438px;*/
    /*height: 312px;*/
    width: 438px;
    height: 369px;
}

.experience-inspiration-item .body .cover {
    /*width: 438px;*/
    /*height: 312px;*/
    width: 455px;
    height: 369px;
    position: relative;
    overflow: hidden;
}

.experience-inspiration-item .body .cover img {
    display: block;
    width: 100%;
    height: 100%;
}

.experience-inspiration-item .cover .mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 1px;
    bottom: 0;
    background: url(../images/b60.png);
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
}

.experience-inspiration-item .cover .desc {
    position: absolute;
    top: 100%;
    left: 0;
    width: 362px;
    padding: 104px 47px;
    font-size: 16px;
    line-height: 32px;
    color: #dddddd;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -webkit-transition: all .5s;
}

.experience-inspiration-item .body .into {
    width: 55px;
    height: 45px;
    position: absolute;
    right: -17px;
    bottom: -45px;
    background: url(../images/experience_inspiration_into_bg.png) no-repeat #212121;
    background-position: -18px 0;
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
}

.experience-inspiration-item .body .into img{
    display: block;
    width: 100%;
}

.experience-inspiration-item:hover .cover .mask {
    opacity: 1;
    filter: alpha(opacity=100);
}

.experience-inspiration-item:hover .cover .desc {
    top: 0;
}

.experience-inspiration-item:hover .body .into {
    background-position: 0 0;
    background-size: cover;
}

.experience-inspiration .loadmore {
    width: 124px;
    line-height: 42px;
    height: 42px;
    text-align: center;
    background-color: #222222;
    color: #fff;
    margin: auto;
    font-size: 16px;
    cursor: pointer;
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
}

.experience-inspiration .loadmore:hover {
    background-color: #e4af2e;
    color: #FFFFFF;
}


/* 体验店 */

.experience-store .experience-store-item {
    width: 100%;
    position: relative;
    background-color: #000;
    padding-top: 55%;
    overflow:hidden;
}

.experience-store .experience-store-item .cm-wrapper{
    position: relative;
}

.experience-store .experience-store-item > img {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    transition: all 5s;
    -o-transition: all 5s;
    -ms-transition: all 5s;
    -webkit-transition: all 5s;
}
.experience-store .experience-store-item:hover > img{
    transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
}

.experience-store .experience-store-item .head {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    z-index: 2;
}

.experience-store .experience-store-item .head h1 {
    font-size: 32px;
    font-weight: bold;
    color: #fff;
}

.experience-store .experience-store-item .head a {
    font-size: 16px;
    color: #494949;
    margin-top: 10px;
    padding-top: 30px;
    display: block;
    width: 120px;
    border-top: 4px solid #e3a91c;
    position: relative;
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    left: 0;
}

.experience-store .experience-store-item .head a:hover {
    color: #e3a91c;
    left: 10px;
}

.experience-store .experience-store-item.s1 .head {
    text-align: right;
}

.experience-store .experience-store-item.s1 .head a {
    margin-left: auto;
}

.experience-store .experience-store-item.s1 .head a:hover {
    left: -10px;
}




/* 案例 */

.experience-case-item {
    position: relative;
    width: 100%;
}

.experience-case-item>img {
    display: block;
    width: 100%;
}

.experience-case-item .title {
    text-align: center;
    height: 62px;
    position: absolute;
    width: 100%;
    /*top: 50%;*/
    top: 94px;
    left: 0;
    margin-top: -51px;
    color: #E1E1E1;
    font-size: 32px;
    letter-spacing: 2px;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -webkit-transition: all .5s;
}
.case-pagination{
    position: absolute;
    right: 10px;
    width: 10px;
    z-index: 10086;
    top: 50%;
    margin-top: -40px;
}
.case-pagination>.swiper-pagination-switch{
    width: 10px;
    height: 10px;
    border-radius: 100px;
    display: block;
    background: #999;
    margin-bottom: 10px;
}
.case-pagination>.swiper-pagination-switch.swiper-active-switch{
    background-color: #E3A91C;
}
.experience-case-item .title>img {
    vertical-align: -6px;
    width: 40px;
}

.experience-case-item .title>span {
    padding-left: 20px;
}

.case-swiper {
    width: 1200px;
    height: 354px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -160px 0 0 -600px;
    /*margin: -176px 0 0 -570px;*/
}


.experience-case-item:hover .title {
    /*top: 94px;*/
    /*text-decoration: underline;*/
}

.case-swiper .case-swiper-prev {
    position: absolute;
    top: 162px;
    width: 28px;
    height: 26px;
    left: 0px;
    cursor: pointer;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAaCAMAAACTisy7AAAAolBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8ELnaCAAAANnRSTlMA7g6CYwIJBS7w9OrBkEvy4tK2rZ9+blNAKSUgHBcT/tbLvKeYh3ZyZ2JaNRoV9tnIijs5DAc1LD/UAAAArUlEQVQoz33PWQ6CQBRE0deNNjSzIqACMs/g7P63pp+aUN7fk1RS9NWac0KtNatRoXmsEshKWUbADjvHO0LTvQOwY6VvNWQWtshyihFZ7ZgPYLEizT04n/gyt/lCT5XEIPXCVxYKNJqVND2zpbKAhO3KbbdaKIyJeO9uQkEg3rmXAeopMLIQa2ts7BfU5qMq0tln+R5qorDrH62ZeYc63Zg5Eiq2jJ2AOrX97+4b10IM932Kl3EAAAAASUVORK5CYII=) no-repeat center center;
    transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}

.case-swiper .case-swiper-next {
    position: absolute;
    width: 28px;
    height: 26px;
    top: 139px;
    right: 0px;
    cursor: pointer;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAaCAMAAACTisy7AAAAmVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////VHQRUAAAAM3RSTlMA7g6CYwMIBfL1FOq9kFRLLCchHBjX0sq2rZ9+bi/+7aeYh3JnPzo1C+Xi38TCind2XEM7BjFtAAAApUlEQVQoz33SRRLDMBBEUYFjSzEzM8RhuP/h4mVSpfbfvs1U9ZD/GDsQlPGya6h6T3OsQSc6D6qfi2JPZeFD9TLZY60zaQdQT5bY0cUSA9b5Lni4qbEyRW5Ky2g7ruKKSkvS90qqmCpqZdPwIwkdTdGUiaurgwGc5KIxZPF5wmZWR2BuYo7AjM2eyD5pWyKbU8ojYMuNDhFciz6Q6YVph/BvtfHXvrjAC+HX4V/CAAAAAElFTkSuQmCC) no-repeat center center;
    transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}

.case-swiper .case-swiper-prev.stop,
.case-swiper .case-swiper-next.stop {
    opacity: 0;
    filter: alpha(opacity=0);
}

.case-swiper .case-pic {
    padding: 0 15px;
    position: relative;
    display: block;
    overflow: hidden;
}

.case-swiper .case-pic>img {
    display: block;
    /*width: 350px;*/
    /*height: 350px;*/
    width: 314px;
    height: 304px;
}

.case-swiper .case-pic .desc {
    position: absolute;
    top: 0px;
    left: 15px;
    /*height: 350px;*/
    /*width: 350px;*/
    width: 314px;
    height: 304px;
    background: url(../images/w60.png);
    display: table;
    opacity: 0;
    filter: alpha(opacity=0);
    /*opacity: 1;*/
    /*filter: alpha(opacity=100);*/

    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
}

.case-swiper .case-pic .desc-cell {
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    font-size: 18px;
    letter-spacing:2px;
    color: #212121;
}

.case-swiper .case-pic .desc-cell p {
    width: 230px;
    margin: auto;
}

.case-swiper .case-pic:hover .desc {
    opacity: 1;
    filter: alpha(opacity=100);
}




/* 案例详情 */

.experience-case-detail-swiper {
    width: 100%;
    position: relative;

}

.experience-case-detail-swiper .control {
    position: absolute;
    width: 980px;
    height: 36px;
    bottom: -36px;
    left: 50%;
    margin-left: -490px;
    z-index: 998;
}

.experience-case-detail-swiper .prev-btn {
    width: 36px;
    height: 36px;
    float: right;
    background: url(../images/left_icon.png) no-repeat center center #000;
    background-size: 36px;
    cursor: pointer;
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
}

.experience-case-detail-swiper .next-btn {
    width: 36px;
    height: 36px;
    float: right;
    background: url(../images/right_icon.png) no-repeat center center #000;
    background-size: 36px;
    cursor: pointer;
    margin-left: 10px;
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
}

.experience-case-detail-swiper .next-btn:hover,
.experience-case-detail-swiper .prev-btn:hover {
    background-color: #e3a91c
}

.experience-case-detail-swiper .qj-btn{
    position: absolute;
    right: 0;
    top: 100px;
    width: 210px;
    height: 64px;
    z-index: 99;
    cursor: pointer;
    overflow:hidden;
}
.experience-case-detail-swiper .qj-btn .qj-btn-main{
    width: 210px;
    height: 64px;
    background: url(../images/qj_btn.png) no-repeat center center;
    opacity: .6;
    transform: translateX(30px);
    -o-transform: translateX(30px);
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
}
.experience-case-detail-swiper .qj-btn:hover .qj-btn-main{
    opacity: 1;
    transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
}

.experience-case-detail-swiper>.title {
    position: absolute;
    bottom: -36px;
    text-align: center;
    left: 0;
    width: 100%;
    z-index: 99;
}

.experience-case-detail-swiper>.title .txt {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    border: 4px solid #000;
    font-size: 19px;
    line-height: 60px;
    padding: 0 20px;
    background-color: #fff;
}

.experience-case-detail-swiper .swiper-slide>a {
    display: block;
}

.experience-case-detail-swiper .swiper-slide img {
    display: block;
    width: 100%;
}

.experience-case-detail-swiper .case-pic {
    width: 100%;
    padding-top: 37%;
}

.experience-case-detail {
    background-color: #f0f0f0;
}

.experience-case-detail .title {
    color: #3D3D3D;
    font-size: 22px;
    padding-bottom: 18px;
    border-bottom: 2px dashed #C6C6C6;
    padding-top: 54px;
}

.experience-case-detail .detail {
    color: #3D3D3D;
    font-size: 15px;
    padding-top: 90px;
    line-height: 2.5em;
}

.experience-case-detail .detail img {
    max-width: 100%;
}

.experience-case-detail-control {
    overflow: hidden;
    text-align: right;
    padding-bottom: 62px;
    padding-top: 40px;
}

.experience-case-detail-control .page {
    width: 100px;
    text-align: left;
    color: #3D3D3D;
    font-size: 14px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.experience-case-detail-control .page:hover {
    color: #e3a91c;
}

.experience-case-detail-control .page+.page {
    text-align: right;
    border-left: 3px solid #3D3D3D;
}

.experience-goods-list-box {
    width: 100%;
    overflow: hidden;
    padding-top: 22px;
}

.experience-goods-list {
    width: 1100px;
    overflow: hidden;
}

.experience-goods-list>.item {
    float: left;
    width: 310px;
    margin-right: 24px;
}

.experience-goods-list>.item .tit {
    font-size: 14px;
    color: #7D7D7D;
    text-decoration: underline;
    transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.experience-goods-list>.item .tit:hover {
    color: #000;
}

.experience-goods-list>.item img {
    width: 310px;
    display: block;
    margin-top: 14px;
}




/* 加入我们 */


/* 环境与福利 */

.join-menu-box {
    position: relative;
}

.join-menu {
    width: 1200px;
    position: absolute;
    top: -37px;
    background-color: #fff;
    line-height: 74px;
}

.join-menu>.item {
    float: left;
    padding-left: 60px;
    font-size: 18px;
    color: #838383;
}

.join-menu>.item a {
    color: #838383;
    transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.join-menu>.item.active a,
.join-menu>.item a:hover {
    color: #323232;
    text-decoration: underline;
}

.join-title {
    border-left: 7px solid #e3a91c;
    font-size: 26px;
    padding-left: 20px;
    color: #646464;
}

.join-environment-idea {
    padding-top: 393px;
    height: 431px;
    background: url(../images/join_bg_00.png) no-repeat center #f0f0f0;
}

.join-environment-idea .main,
.join-wrapper {
    width: 1000px;
    margin: auto;
}

.join-environment-idea .desc {
    padding-top: 37px;
    width: 837px;
    line-height: 47px;
    font-size: 18px;
    color: #3D3D3D;
}

.join-environment-environment {
    background-color: #f0f0f0;
    padding-bottom: 100px;
}

.join-environment-welfare {
    color: #E8E8E8;
    font-size: 16px;
    width: 100%;
    overflow: hidden;
    /*padding-top: 20px;*/
    position: relative;
}

.join-environment-welfare h1 {
    font-size: 30px;
    text-align: center;
}

.join-environment-welfare .box {
    position: relative;

}

.join-environment-welfare .pay {
    padding-left: 57%;
    background: url(../images/join_bg_03.png);
    background-size: 100% 100%;
}
.join-environment-welfare .welfare {
    padding-right: 43%;
    background: url(../images/join_bg_02.png);
    background-size: 100% 100%;
}

.join-environment-welfare .pay h1 {
    padding-bottom: 40px;
}

.join-environment-welfare .welfare h1 {
    padding-bottom: 70px;
}

.join-environment-welfare .welfare {
    padding-right: 43%;
}

.join-environment-welfare dl {
    line-height: 2em;
}

.join-environment-welfare .welfare-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 1;
}

.join-environment-welfare .pay .bg {
    background-color: #e3a91c;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 10px;
    bottom: 10px;
    z-index: 2;
}

.join-environment-welfare .welfare .bg {
    background-color: #e3a91c;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    z-index: 2;
}
.join-environment-welfare .pay .box{
    background: url("../images/welfare_00.png") no-repeat;
    background-size: cover;
}

.join-environment-welfare .pay .main {
    /*background-color: #2b2b2b;*/
    padding: 60px 96px;
    position: relative;
    z-index: 3;
    top: 31px;
    right: -20px;
    font-size: 14px;
    height: 350px;

}

.join-environment-welfare .welfare .box{
    background: url("../images/welfare_01.png") no-repeat;
    background-size: cover;
}

.join-environment-welfare .welfare .main {
    /*background-color: #2b2b2b;*/
    padding: 60px 123px;
    position: relative;
    z-index: 3;
    top: 20px;
    right: -10px;
    font-size: 14px;
}

.welfare .rbg{
    position: absolute;
    top: 0px;
    right: 0;
    width: 100%;
    height: 100%;

}
.pay .lbg{
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
}
.pay .lbg img,.welfare .rbg img{
    width: 100%;
    height: 100%;
}


.join-environment-plan {
    padding-top: 89px;
    background-color: #f0f0f0;
    padding-bottom: 70px;
}

.join-environment-plan .plan-img {
    width: 1077px;
    margin: 64px auto 0 auto;
}

.join-environment-environment .swiper-container {
    margin-top: 60px;
}

.join-environment-environment .swiper-container .swiper-slide .cover {
    width: 100%;
    padding-bottom: 51%;
    position: relative;
    overflow: hidden;
}

.join-environment-environment .swiper-container .swiper-slide img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.join-environment-swiper {
    position: relative;
}

.join-environment-swiper .prev-btn {
    cursor: pointer;
    width: 55px;
    height: 40px;
    position: absolute;
    /*background: url(../images/left_icon_b.png) no-repeat center center;*/
    background: url(../images/left.png) no-repeat center center;
    background-size: cover;
    left: 46px;
    top: 50%;
    margin-top: -22px;
    z-index: 99;
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
}

.join-environment-swiper .next-btn {
    cursor: pointer;
    width: 55px;
    height: 40px;
    position: absolute;
    /*background: url(../images/right_icon_b.png) no-repeat center center;*/
    background: url(../images/right.png) no-repeat center center;
    background-size: cover;
    right: 46px;
    top: 50%;
    margin-top: -22px;
    z-index: 99;
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
}

.join-environment-swiper .prev-btn:hover{
    background: url(../images/gleft.png) no-repeat center center;
    background-size: cover;
}
.join-environment-swiper .next-btn:hover {
    /*background-color: #fff;*/
    /*opacity: .8;*/
    /*border-radius: 5px;*/
    background: url(../images/gright.png) no-repeat center center;
    background-size: cover;
}



/* 社会招聘 */

.join-sociology,
.join-school {
    background-color: #f0f0f0;
    padding-top: 37px;
}

.join-sociology .join-title,
.join-school .join-title {
    margin-top: 50px;
}

.join-table {
    width: 100%;
    display: block;
    margin: 38px auto 0 auto;
    max-height: 655px;
    overflow-y: auto;
}

.join-table>table {
    width: 100%;
    background-color: #fff;
}

.join-table>table thead {
    background: url(../images/join_table_bg.png) repeat-x;
}

.join-table>table thead th {
    line-height: 55px;
    font-size: 20px;
    color: #3D3D3D;
}

.join-table>table tbody tr {
    border-bottom: 1px solid #e1e1e1;
}

.join-table>table tbody tr td {
    padding: 19px 0;
    text-align: center;
    color: #696969;
    font-size: 14px;
}

.join-online-box {
    margin: 40px auto 0 auto;
    overflow: hidden;
}

.join-online-menu {
    overflow: hidden;
    text-align: center;
}

.join-online-menu .item {
    display: inline-block;
    *zoom:1;
    *display: inline;
    width: 216px;
    line-height: 60px;
    margin: 0 10px;
    text-align: center;
    font-size: 20px;
    color: #FFFFFF;
    background: url(../images/join_bg_01.png) no-repeat left top #484848;
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
}

.join-online-menu .item>a {
    display: block;
}

.join-online-menu .item:hover {
    background-color: #e3a91c;
}

.join-map {
    margin: auto;
    padding-top: 38px;
    padding-bottom: 90px;
}

.join-map .address {
    float: left;
    width: 435px;
    height: 518px;
}
.join-map .address img{
    display: block;
    width: 100%;
}

.join-map .info {
    float: left;
    padding-left: 26px;
}

.join-map .info-list {
    background-color: #fff;
    padding: 28px 30px 18px 30px;
    width: 458px;
}

.join-map .info-list>li {
    padding-bottom: 20px;
    font-size: 14px;
    color: #484848;
}

.join-map .info-list>li img {
    vertical-align: -4px;
}

.join-map .title {
    padding: 26px 0 26px 0;
    color: #7C7C7C;
    font-size: 20px;
}

.join-map .follow .wx {
    float: left;
    width: 249px;
    background-color: #fff;
    padding-top: 36px;
    height: 191px;
}

.join-map .follow .wb {
    float: left;
    width: 249px;
    background-color: #fff;
    margin-right: 21px;
    padding-top: 36px;
    height: 191px;
}

.join-map .follow .wx img,
.join-map .follow .wb img {
    display: block;
    width: 60px;
    margin: 0 auto 20px auto;
}

.join-map .follow .wx .tit,
.join-map .follow .wb .tit {
    font-size: 18px;
    color: #555555;
    text-align: center;
}

.join-map .follow .wx .desc,
.join-map .follow .wb .desc {
    font-size: 14px;
    color: #999999;
    text-align: center;
    width: 170px;
    margin: auto;
    text-decoration: underline;
    margin-top: 11px;
}

.join-map .follow .wx .desc {
    margin-top: 11px;
}



/* 校园招聘 */

.join-school-speech-box {
    width: 1120px;
    margin: auto;
}

.join-school-speech {
    width: 1200px;
    padding-top: 18px;
}

.join-school-speech>li {
    float: left;
    background-color: #fff;
    padding: 40px 24px;
    text-align: center;
    margin-right: 23px;
    margin-top: 20px;
    box-shadow: 0 1px 5px #ddd;
    -o-box-shadow: 0 1px 5px #ddd;
    -ms-box-shadow: 0 1px 5px #ddd;
    -webkit-box-shadow: 0 1px 5px #ddd;
    position: relative;
    top: 0;
    transition: top .3s;
    -o-transition: top .3s;
    -ms-transition: top .3s;
    -webkit-transition: top .3s;

    width: 22%;
}

.join-school-speech>li:hover {
    top: -3px;
}

.join-school-speech>li .tit {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #3D3D3D;
    font-size: 18px;
    padding-bottom: 15px;
    font-weight: 500;
}

.join-school-speech>li .date {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #3D3D3D;
    font-size: 14px;
}

.join-school-speech>li .subtit {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #9F9F9F;
    font-size: 14px;
    padding-top: 10px;
}


/* 招商加盟 */

.join-canvass {
    background-color: #f0f0f0;
}

.join-in-apply {
    padding: 32px 0 60px 0;
    background-color: #252525;
}

.join-in-form {
    width: 620px;
    margin: auto;
}

.join-in-form>.title {
    border: 6px solid #D0D0D0;
    color: #D0D0D0;
    font-size: 26px;
    margin: auto;
    line-height: 57px;
    width: 180px;
    text-align: center;
    margin-bottom: 28px;
}

.join-in-form .form-cell {
    position: relative;
    width: 490px;
    height: 54px;
    background-color: #434343;
    border-radius: 6px;
    display: block;
    margin: 0 auto 25px auto;
    position: relative;
}

.join-in-form .form-cell .add-icon {
    position: absolute;
    top: 18px;
    right: 22px;
}

.join-in-form .form-cell .captcha {
    position: absolute;
    right: -120px;
    top: 0;
    width: 100px;
    height: 54px;
    cursor: pointer;
}

.join-in-form .form-cell .label {
    height: 54px;
    padding-left: 20px;
    line-height: 54px;
    font-size: 18px;
    color: #D0D0D0;
    float: left;
    width: 100px;
}

.join-in-form .form-cell .value {
    width: 310px;
    float: left;
}

.join-in-form .form-cell .value input {
    line-height: 60px;
    width: 100%;
    display: block;
    background-color: transparent;
    font-size: 22px;
    color: #D0D0D0;
}

.join-in-form .form-submit {
    width: 160px;
    height: 60px;
    background-color: #EFEFEF;
    font-size: 22px;
    display: block;
    margin: 28px auto;
    color: #252525;
    border-radius: 6px;
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
}

.join-in-form .hint {
    text-align: center;
    color: #9C9C9C;
    font-size: 14px;
}

.join-apply-tel {
    padding: 63px 0 80px 0;
}

.join-apply-tel>img {
    display: block;
    margin: auto;
    width: 100px;
}

.join-apply-tel .tel {
    text-align: center;
    color: #3D3D3D;
    font-size: 40px;
    line-height: 75px;
}

.join-prospect {
    padding-top: 261px;
    height: 438px;
    background: url(../images/join_in_bg_00.png) no-repeat center;
    position: relative;
}

.join-prospect .cover {
    position: absolute;
    width: 421px;
    height: 282px;
    bottom: 113px;
    top: -40px;
    right: 0;
}
.join-prospect .cover img{
    width: 100%;
    height: 100%;
}
.join-prospect .desc {
    width: 525px;
    margin-right: auto;
    padding-right: 70px;
    padding-left: 32px
}

.join-prospect .desc h1 {
    color: #333333;
    font-size: 30px;
    padding-bottom: 30px;
}

.join-prospect .desc p {
    font-size: 14px;
    color: #3D3D3D;
    line-height: 34px;
}

.join-canvass-swiper .head {
    /*font-size: 52px;*/
    font-size: 32px;
    color: #484848;
    line-height: 66px;
    text-align: center;
    height: 48px;
    padding: 18px 0;
    background: #fff;
}
.join-canvass-swiper .head p{
    position: relative;
    top: -9px;
}
.join-canvass-swiper .swiper-slide {
    position: relative;
}

.join-canvass-swiper .swiper-slide .swiper-pic {
    width: 100%;
    padding-bottom: 49%;
    display: block;
    position: relative;
}

.join-canvass-swiper .swiper-slide .swiper-pic .desc-mask {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: url(../images/b60.png);
    padding: 25px 0;
}

.join-canvass-swiper .swiper-slide .swiper-pic .desc-mask .tit {
    float: left;
    font-size: 36px;
    color: #fff;
    width: 220px;
    text-align: center;
}

.join-canvass-swiper .swiper-slide .swiper-pic .desc-mask p {
    float: left;
    width: 980px;
    font-size: 16px;
    color: #C9C9C9;
}

.join-canvass-swiper .foot {
    padding: 27px 0;
    background-color: #fff;
}

.join-canvass-swiper .join-canvass-pagination {
    height: 10px;
    text-align: center;
}

.join-canvass-swiper .join-canvass-pagination .swiper-pagination-switch {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 13px;
    height: 14px;
    background-color: #707070;
    margin: 0 10px;
    transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    position: relative;
    top: -2px;
}

.join-canvass-swiper .join-canvass-pagination .swiper-pagination-switch.swiper-active-switch {
    background-color: #e3a91c;
    transform: rotateZ(135deg);
    -ms-transform: rotateZ(135deg);
    -o-transform: rotateZ(135deg);
    -webkit-transform: rotateZ(135deg);
}

.join-in-area {
    width: 953px;
    margin: 96px auto 100px auto;
    overflow: hidden;
}

.join-in-area .left-mode {
    float: left;
    width: 371px;
    height: 400px;
    background: url(../images/join_area_img.png) no-repeat left top;
    position: relative;
    background-size: cover;
}

.join-in-area .left-mode .title {
    position: absolute;
    top: 81px;
    left: 44px;
    color: #FFFFFF;
    font-size: 32px;
    background: url(../images/orange_line.png) no-repeat left bottom;
    background-size: 100% auto;
    padding-bottom: 17px;
}

.join-in-area .join-in-area-list {
    width: 580px;
    border-top: 1px solid #7D7D7D;
    border-right: 1px solid #7D7D7D;
    float: left;
}

.join-in-area .join-in-area-list li {
    border-bottom: 1px solid #7D7D7D;
    line-height: 56px;
    font-size: 15px;
    color: #3D3D3D;
    padding-left: 35px;
}

.join-in-policy h1 {
    text-align: center;
    font-size: 30px;
    color: #484848;
    padding-bottom: 60px;
}

.join-in-policy .main {
    width: 1050px;
    overflow: hidden;
    margin: auto;
}

.join-in-policy .join-in-policy-list {
    width: 1050px;
    overflow: hidden;
}

.join-in-policy .join-in-policy-list>li {
    float: left;
    margin-bottom: 30px;
    width: 350px;
}

.join-in-policy .join-in-policy-list>li .cover {
    width: 140px;
    float: left;
}

.join-in-policy .join-in-policy-list>li p {
    float: left;
    width: 200px;
    font-size: 14px;
    line-height: 29px;
    color: #484848;
    padding: 5px;
}

.join-in-policy .join-in-policy-list>li.s1 p {
    width: 170px;
    padding-right: 18px;
}

.join-in-policy .join-in-policy-list>li.s2 p {
    padding-top: 18px;
}

.join-in-policy .join-in-policy-list>li.s3 p {
    padding-top: 30px;
}

.join-in-process {
    width: 1048px;
    border-top: 2px solid #D1D1D1;
    margin: 86px auto 0 auto;
    padding-top: 65px;
}

.join-in-process>h1 {
    text-align: center;
    color: #484848;
    font-size: 30px;
    padding-bottom: 60px;
}

.join-in-process-list {
    overflow: hidden;
    width: 1100px;
}

.join-in-process-list>li {
    float: left;
    margin-bottom: 10px;
    width: 262px;
}

.join-in-process-list>li .cover {
    margin-left: 101px;
    margin-bottom: 30px;
    background: url(../images/join_right_icon.png) no-repeat right center
}

.join-in-process-list>li img {
    display: block;
    width: 60px;
}

.join-in-process-list>li .hint {
    line-height: 1.5em;
    font-size: 12px;
    color: #666666;
    overflow: hidden;
}

.join-in-process-list>li .hint .no {
    float: left;
    width: 14px;
    padding-left: 70px;
}

.join-in-process-list>li .hint .desc {
    float: left;
    width: 108px;
    height: 78px;
    text-align: center;
}

.join-in-process-list>li.s0 .cover {
    background-image: none;
}

.join-in-claim {
    height: 539px;
}

.join-in-claim-main {
    width: 1046px;
    border-bottom: 2px solid #D1D1D1;
    background: url(../images/join_in_claim.png) no-repeat;
    background-position: -100px center;
    background-size: auto 100%;
    margin: auto;
    height: 100%;
}


/* 服务中心 */


/* 联系我们 */

.service-menu {
    width: 100%;
}

.service-menu>.item {
    float: left;
    width: 20%;
    text-align: center;
    position: relative;
    padding: 10px 0 20px 0;
}

.service-menu>.item,
.service-menu>.item>a {
    color: #C5C5C5;
    font-size: 16px;
}

.service-menu>.item img {
    display: block;
    margin: 0 auto 5px auto;
    position: relative;
    top: 0;
    transition: top .3s;
    -o-transition: top .3s;
    -ms-transition: top .3s;
    -webkit-transition: top .3s;
}

.service-menu>.item .arrow {
    position: absolute;
    bottom: 0px;
    height: 20px;
    left: 50%;
    width: 48px;
    margin-left: -24px;
    background: no-repeat center center;
    transition: bottom .3s;
    -o-transition: bottom .3s;
    -ms-transition: bottom .3s;
    -webkit-transition: bottom .3s;
}

.service-menu>.item.s1 {
    background-color: #131313;
}

.service-menu>.item.s1 .arrow {
    background-image: url(../images/service_icon_arrow_00.png);
}

.service-menu>.item.s2 {
    background-color: #2f2f2f;
}

.service-menu>.item.s2 .arrow {
    background-image: url(../images/service_icon_arrow_01.png);
}

.service-menu>.item.s3 {
    background-color: #444444;
}

.service-menu>.item.s3 .arrow {
    background-image: url(../images/service_icon_arrow_02.png);
}

.service-menu>.item.s4 {
    background-color: #5e5e5e;
}

.service-menu>.item.s4 .arrow {
    background-image: url(../images/service_icon_arrow_03.png);
}

.service-menu>.item.s5 {
    background-color: #808080;
}

.service-menu>.item.s5 .arrow {
    background-image: url(../images/service_icon_arrow_04.png);
}

.service-menu>.item.active .arrow,
.service-menu>.item:hover .arrow {
    bottom: -20px;
    z-index: 99;
}

.service-menu>.item:hover img {
    top: 2px;
}

.service-contactus {
    background-color: #f0f0f0;
    padding: 20px 0 150px 0;
}

.service-contactus .title {
    width: 130px;
    text-align: center;
    font-size: 30px;
    line-height: 63px;
    border-bottom: 3px solid #3A3A3A;
    padding-top: 60px;
    margin: 0 auto 50px auto;
}

.service-contactus-list {
    overflow: hidden;
    width: 920px;
    margin: auto;
}

.service-contactus-list>.item {
    float: left;
    width: 455px;
    border-left: 3px dashed #C6C6C6;
    padding: 32px 0 20px 0;
    height: 230px;
}

.service-contactus-list>.item+.item {
    border-right: 3px dashed #C6C6C6;
}

.service-contactus-list>.item a {
    /*display: block;*/
}

.service-contactus-list>.item img {
    display: block;
    width: 70px;
    margin: auto;
}

.service-contactus-list>.item .tit {
    color: #555555;
    font-size: 26px;
    padding: 23px 0 8px 0;
    text-align: center;
}

.service-contactus-list>.item .subtit {
    color: #555555;
    font-size: 20px;
    padding: 27px 0 8px 0;
    text-align: center;
}

.service-contactus-list>.item .desc {
    font-size: 24px;
    line-height: 33px;
    color: #999999;
    text-align: center;
    text-decoration: underline;
}

.service-contactus-list>.item .tel {
    text-align: center;
    font-size: 38px;
    color: #999999;
}

.service-contactus-list>.item .date {
    text-align: center;
    font-size: 22px;
    color: #999999;
}


/* 帮助中心 产品保养 */

.service-help {
    background-color: #f0f0f0;
    padding: 120px 0 120px 0;
}
.service-help.s1{
    padding-bottom: 88px;
}

.service-help-sidebar {
    float: left;
    width: 240px;
    height: 730px;
    border-right: 2px dashed #c6c6c6;
}

.service-help-sidebar .item {
    color: #777777;
    font-size: 16px;
    line-height: 48px;
    margin-bottom: 22px;
    background: url(../images/service_help_icon.png) no-repeat;
    background-position: -20px 34px;
    padding-left: 34px;
    transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}

.service-help-sidebar .item a {
    color: #777777;
    width: 140px;
    display: block;
    border-bottom: 2px dashed #c6c6c6;
    white-space: nowrap;
    transition: color .3s;
    -o-transition: color .3s;
    -ms-transition: color .3s;
    -webkit-transition: color .3s;
}

.service-help-sidebar .item.active>a,
.service-help-sidebar .item:hover>a {
    color: #e3a91c;
}

.service-help-sidebar .item.active,
.service-help-sidebar .item:hover {
    background-position: 0px 18px;
}

.service-help-editor,
.service-help-main{
    float: right;
    width: 872px;
    color: #3D3D3D;
    font-size: 14px;
    line-height: 1.8em;
}
.service-help-editor{
    width: 685px;
    font-size: 14px;
    line-height: 2.6em;
}
.service-help-editor img{
    max-width: 100%;
}
.service-help-form .form-cell{
    display: block;
    margin-bottom: 31px;
}
.service-help-form .form-cell .label{
    float: left;
    width: 120px;
    text-align: right;
    font-size: 16px;
    line-height: 36px;
}
.service-help-form .form-cell .value{
    font-size: 20px;
    float: left;
    width: 600px;
}
.service-help-form .form-cell .value input{
    font-size: 16px;
    line-height: 34px;
    width: 350px;
    border:1px solid #979797;
    padding: 0 15px;
}
.service-help-form .form-cell .value textarea{
    width: 530px;
    padding: 15px;
    border:1px solid #979797;
}
.service-help-form .form-cell .icon{
    margin-left: 12px;
    vertical-align: -5px;
}
.service-help-form .form-submit{
    width: 150px;
    line-height: 58px;
    color:#FFFFFF;
    font-size: 20px;
    height: 58px;
    background-color: #000;
    display: block;
    margin-left: 120px;
    cursor: pointer;
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
}
.service-help-form .form-submit:hover{
    background-color: #e3a91c;
}

/* 防伪查询 */
.service-antifake{
    padding-top: 101px;
    background: url(../images/service_anti_fake.png) no-repeat center center #f0f0f0;
}
.service-antifake-main{
}
.service-antifake-main .info{
    float: left;
    width: 400px;
}
.service-antifake-main .info >h1{
    color:#424242;
    font-size: 30px;
}
.service-antifake-main .info .desc{
    font-size: 20px;
    color:#646464;
    padding-top: 40px;
    line-height: 40px;
}
.service-antifake-main >img{
    float: right;
    width: 480px;
}
.service-antifake-fun-box{
    padding-top: 120px;
    width: 1000px;
    overflow:hidden;
}
.service-antifake-fun{
    width: 1260px;
    overflow:hidden;
    padding-bottom: 136px;
}
.service-antifake-fun .item{
    float: left;
    padding: 14px;
    background-color: #fff;
    margin-right: 25px;
    box-shadow: 0 1px 5px #ddd;
    -o-box-shadow: 0 1px 5px #ddd;
    -ms-box-shadow: 0 1px 5px #ddd;
    -webkit-box-shadow: 0 1px 5px #ddd;
}
.service-antifake-fun .item .icon{
    width: 67px;
    /*padding: 13px 0;*/
    padding: 13px 14px 13px 0;
    float: left;
    border-right: 2px dashed #838383;
}
.service-antifake-fun .item .icon img{
    display: block;
    margin: auto;
}
.service-antifake-fun .item .info{
    width: 212px;
    float: left;
}
.service-antifake-fun .item .tit{
    padding-top: 20px;
    text-align: center;
    font-size: 24px;
    color: #3D3D3D
}
.service-antifake-fun .item .desc{
    color:#B1B1B1; 
    font-size: 18px;
    padding-top: 7px;
    text-align: center;
}
.service-antifake-fun .item .desc > a{
    text-decoration: underline;
    font-size: 18px;
    transition: color .3s;
    -o-transition: color .3s;
    -webkit-transition: color .3s;
    -ms-transition: color .3s;
}
.service-antifake-fun .item .desc > a:hover{
    color:#000;
}
.service-antifake-fun .item .tel{
    padding-top: 10px;
    color:#B1B1B1;
    font-size: 18px;
    text-align: center;
}
/* 店铺查询 */
.service-laction{
    padding: 44px 0 95px 0;
    background-color: #f0f0f0;
    position: relative;
}
.service-laction .title{
    font-size: 22px;
    color:#333333;
    text-align: center;
}
.service-laction .desc{
    font-size: 16px;
    color:#838383;
    text-align: center;
    padding-top: 22px;
}
.service-laction-screen{
    background-color: #fff;
    padding: 38px 0;
    margin-top: 44px;
    position: relative;
    z-index:10;
}
.service-laction .city-choosen{
    float: left;
}
.service-laction .city-choosen .cm-select{
    float: left;
    line-height: 38px;
    height: 38px;
    width: 100px;
    border:3px solid #8b8b8b;
    margin-right: 23px;
}
.service-laction .city-choosen .cm-select .value{
    padding-left: 10px;
    width: 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color:#8b8b8b;
}
.service-laction .city-choosen .cm-select .pull-down{
    border:3px solid #8b8b8b;
    left: -3px;
    font-size: 16px;
    color:#8b8b8b;
}
.service-laction .city-choosen .confirm{
    width: 77px;
    line-height: 44px;
    color:#fff;
    background-color: #e3a91c;
    float: left;
    text-align:center;
    font-size: 16px;
    border-radius: 6px;

    cursor: pointer;
}
.service-laction .search-box{
    float: right;
    width: 335px;
    line-height: 38px;
    height: 38px;
    border:3px solid #8b8b8b;
}
.service-laction .search-box .search-input{
    padding: 0 10px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    float: left;
    width: 251px;
}
.service-laction .search-box .search-submit{
    width: 64px;
    line-height: 38px;
    height: 38px;
    float: left;
    background: url(../images/search_b.png) no-repeat center center #8b8b8b;
    cursor: pointer;
}
.service-map{
    background-color: #ffffff;
    padding: 0 25px;
    float: left;
    /*padding-bottom: 100px;*/
    height: 580px;
    overflow-y: scroll;
    width: 363px;
}
.service-map .item{
    padding-bottom: 28px;
    border-bottom: 2px dashed #b9b9b9;
    padding-top: 40px;
    width: 346px;
}
.service-map .item .title{
    color:#333333;
    font-size: 18px;
     padding-left: 26px;
     padding-top: 3px;
     text-align: left;
     padding-bottom: 14px;
     background:url(../images/addr_icon.png) no-repeat;
     background-size:auto 20px;
     background-position: 0 0;
}
.service-map .item .addr{
    color:#9a9a9a;
    font-size: 14px;
    padding-bottom: 26px;
    padding-left: 26px;
}
.service-maps{
    padding-top: 61px;
    position: relative;
}
.service-map .item .control{
    overflow: hidden;
    font-size: 14px;
}
.service-map .item .control .line-btn{
    float: left;
    width: 138px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    background-color: #000000;
    color:#fff;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.service-map .item .control .send-btn{
    float: right;
    width: 138px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    background-color: #e3a91c;
    color:#fff;
    width: 192px;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.service-map .item .control .line-btn:hover{
    background-color: #52514e;
}
.service-map .item .control .send-btn:hover{
    background-color: #bd8d18;
}
.service-map-details{
   float: right;
   width: 567px;
   height: 580px;
   overflow: hidden;
}
.service-send-map{
}
.service-send-map .qrcodebox{
    width: 396px;
    height: 396px;
    padding: 1px;
    margin: auto;
}
.layui-layer-page.service-send-map .layui-layer-content{
    overflow: visible;
}
.service-send-map .qrcodebox > img{
    width: 204px;
    display: block;
    margin: 70px auto 0 auto;
}
.service-send-map .qrcodebox > p{
    width: 204px;
    display: block;
    margin: 40px auto 0;
    font-size: 22px;
    color:#3f3f3f;
}
.service-send-map .qrcodebox .cancel{
    cursor: pointer;
    position: absolute;
    right: 0;
    top: -50px;
    width: 50px;
    height: 50px;
    background: url(../images/cancel.png) no-repeat center center;
}