@charset "utf-8";
/*全局初始化样式*/
body{ padding:0; margin:0 auto; font-size: 14px; line-height: 1.42857143; font-family:arial,Microsoft YaHei,'微软雅黑','宋体'; color: #fff; min-width: 320px; width: 100%; zoom:1; overflow-x:hidden;

    /*禁用Webkit内核浏览器的文字大小调整功能*/
    -webkit-text-size-adjust:none;

    /*取出点击出现半透明的灰色背景*/
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight:rgba(0,0,0,0);

    /*控制文本可选性*/
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;

    /*设置字体的抗锯齿或者说光滑度*/
    -webkit-font-smoothing: antialiased;
}

*{ box-sizing:border-box;}

/*默认去除ul、li的默认样式*/
.p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0;}
.ul,.ul li,.dl,.dl dd,.dl dt{ list-style:none; margin: 0; padding: 0;}
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#fff;}
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{ outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
/*不允许多行输入文本框有滚动条*/
textarea{ resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
/*初始化表单元素样式*/
textarea,input,select { background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:top;}

/*初始化a的样式和字体样式*/
a{ color:#fff; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ color: #fff;}

/*清除浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both;
    font-size: 0px;}
.clearfix { zoom: 1;}



/*字体初始化*/
@font-face{
    font-family: 'dinbold';
    src: url('../fonts/din-bold.eot');
    src: url('../fonts/din-bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/din-bold.woff2') format('woff2'),
    url('../fonts/din-bold.woff') format('woff'),
    url('../fonts/din-bold.ttf') format('truetype'),
    url('../fonts/din-bold.svg#dinbold') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*栅格化系统*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}
.col-xs-pull-12 {
    right: 100%;
}
.col-xs-pull-11 {
    right: 91.66666667%;
}
.col-xs-pull-10 {
    right: 83.33333333%;
}
.col-xs-pull-9 {
    right: 75%;
}
.col-xs-pull-8 {
    right: 66.66666667%;
}
.col-xs-pull-7 {
    right: 58.33333333%;
}
.col-xs-pull-6 {
    right: 50%;
}
.col-xs-pull-5 {
    right: 41.66666667%;
}
.col-xs-pull-4 {
    right: 33.33333333%;
}
.col-xs-pull-3 {
    right: 25%;
}
.col-xs-pull-2 {
    right: 16.66666667%;
}
.col-xs-pull-1 {
    right: 8.33333333%;
}
.col-xs-pull-0 {
    right: auto;
}
.col-xs-push-12 {
    left: 100%;
}
.col-xs-push-11 {
    left: 91.66666667%;
}
.col-xs-push-10 {
    left: 83.33333333%;
}
.col-xs-push-9 {
    left: 75%;
}
.col-xs-push-8 {
    left: 66.66666667%;
}
.col-xs-push-7 {
    left: 58.33333333%;
}
.col-xs-push-6 {
    left: 50%;
}
.col-xs-push-5 {
    left: 41.66666667%;
}
.col-xs-push-4 {
    left: 33.33333333%;
}
.col-xs-push-3 {
    left: 25%;
}
.col-xs-push-2 {
    left: 16.66666667%;
}
.col-xs-push-1 {
    left: 8.33333333%;
}
.col-xs-push-0 {
    left: auto;
}
.col-xs-offset-12 {
    margin-left: 100%;
}
.col-xs-offset-11 {
    margin-left: 91.66666667%;
}
.col-xs-offset-10 {
    margin-left: 83.33333333%;
}
.col-xs-offset-9 {
    margin-left: 75%;
}
.col-xs-offset-8 {
    margin-left: 66.66666667%;
}
.col-xs-offset-7 {
    margin-left: 58.33333333%;
}
.col-xs-offset-6 {
    margin-left: 50%;
}
.col-xs-offset-5 {
    margin-left: 41.66666667%;
}
.col-xs-offset-4 {
    margin-left: 33.33333333%;
}
.col-xs-offset-3 {
    margin-left: 25%;
}
.col-xs-offset-2 {
    margin-left: 16.66666667%;
}
.col-xs-offset-1 {
    margin-left: 8.33333333%;
}
.col-xs-offset-0 {
    margin-left: 0;
}
@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0;
    }
}
@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-pull-11 {
        right: 91.66666667%;
    }
    .col-md-pull-10 {
        right: 83.33333333%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-8 {
        right: 66.66666667%;
    }
    .col-md-pull-7 {
        right: 58.33333333%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-5 {
        right: 41.66666667%;
    }
    .col-md-pull-4 {
        right: 33.33333333%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-2 {
        right: 16.66666667%;
    }
    .col-md-pull-1 {
        right: 8.33333333%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-push-11 {
        left: 91.66666667%;
    }
    .col-md-push-10 {
        left: 83.33333333%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-8 {
        left: 66.66666667%;
    }
    .col-md-push-7 {
        left: 58.33333333%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-5 {
        left: 41.66666667%;
    }
    .col-md-push-4 {
        left: 33.33333333%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-2 {
        left: 16.66666667%;
    }
    .col-md-push-1 {
        left: 8.33333333%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
        margin-left: 0;
    }
}
@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-pull-11 {
        right: 91.66666667%;
    }
    .col-lg-pull-10 {
        right: 83.33333333%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-8 {
        right: 66.66666667%;
    }
    .col-lg-pull-7 {
        right: 58.33333333%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-5 {
        right: 41.66666667%;
    }
    .col-lg-pull-4 {
        right: 33.33333333%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-2 {
        right: 16.66666667%;
    }
    .col-lg-pull-1 {
        right: 8.33333333%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-push-11 {
        left: 91.66666667%;
    }
    .col-lg-push-10 {
        left: 83.33333333%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-8 {
        left: 66.66666667%;
    }
    .col-lg-push-7 {
        left: 58.33333333%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-5 {
        left: 41.66666667%;
    }
    .col-lg-push-4 {
        left: 33.33333333%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-2 {
        left: 16.66666667%;
    }
    .col-lg-push-1 {
        left: 8.33333333%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-lg-offset-0 {
        margin-left: 0;
    }
}

.w90{ width:90%; margin:0 auto;}
.w1680{ width: 90%; margin: 0 auto;}
.w1400{ width: 96%; margin: 0 auto;}
.w1200{ width: 96%; margin: 0 auto;}
@media(min-width:1200px){
    .w1200{ width: 1200px;}
}
@media(min-width:1440px){
    .w1400{ width: 1400px;}
}
@media(min-width:1600px){
    .w1680{ width: 1400px;}
}
@media(min-width:1920px){
    .w1680{ width: 1680px;}
}
/*全局样式*/




/*页面框架结构*/
.contain{ background-image:url(../img/bg-contain.jpg); background-position:center top; background-repeat:no-repeat; background-size:100% 100%;}
.loctxt{ padding:5% 0; background:url(../img/line-current.png) repeat-x left bottom;}
.loctxt b{ color:#ddcb90; font-size:18px;}
.loctxt a.avip{ display:block; width:90px; margin-top:10px; padding:4px; text-align:center; background-image:url(../img/bg-vip.jpg); background-position:center; background-repeat:repeat-y; background-size:100% auto; border-radius:10px;}
.loctxt a.avip span{ display:block; width:100%; line-height:20px; border:1px solid rgba(255,255,255,0.25); border-radius:10px; padding:0 2%;}
.loctxt a.avip em{ font-style:normal; display:block; transition:all 0.3s;}
.loctxt a.avip:hover em{ transform:translateX(-5px);}

.txtbox,
.singlepage{ /*单片 设置文字两端对齐*/ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden;}
/*定义字体渐变*/
.wordgrad{ color:#F70329;
    background: -webkit-linear-gradient(to right, #F70329, #AB2C71, #AB2CA1);
    background: -moz-linear-gradient(to right, #F70329, #AB2C71, #AB2CA1);
    background: linear-gradient(to right, #F70329, #AB2C71, #AB2CA1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/*定义灰色内容*/
.gray6{
    filter: grayscale(60%);
    -webkit-filter: grayscale(60%);
    -moz-filter: grayscale(60%);
    -ms-filter: grayscale(60%);
    -o-filter: grayscale(60%);

    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0.6);
    -webkit-filter: grayscale(0.6);
}
.gray{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);

    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1);
}

@media(min-width:768px){
    .loctxt{ font-size:16px; padding:3% 0; line-height:43px;}
    .loctxt b{ font-size:20px;}

    .loctxt a.avip{ width:123px; float:right; margin:0;}
    .loctxt a.avip span{ line-height:33px;}
}
@media(min-width:1000px){
    .loctxt{ padding:23px 0; height:89px; line-height:43px;}
    .loctxt b{ font-size:30px;}
}

/*分页*/
.pages{ text-align:center; font-size:0;}
.pages a{ border:1px solid rgba(255,255,255,0.2); color:rgba(255,255,255,0.3); padding:0 3%; line-height:30px; display:inline-block; font-size:12px; vertical-align:middle;}
.pages .a_prev,
.pages .a_next{ font-family:'宋体';}
.pages .num{ font-style:normal; padding:0 5px;}
.pages .a_first{ margin-right:5px;}
.pages .a_end{ margin-left:5px;}
.pages a:hover,
.pages .num .a_cur{ background-color:#f9223e; color:#fff;}

@media(min-width:768px){
    .pages a{ line-height:35px; padding:0 18px;}
    .pages .num{ padding:0 10px;}
    .pages .a_first{ margin-right:10px;}
    .pages .a_end{ margin-left:10px;}
}
/*分页*/


/*头部*/
.banner{ position:relative; width:100%;}
.banner .img-ban{ width:100%;}
.banner .w1200{ position:absolute; bottom:0; left:50%; margin-left:-48%;}
.banner .columnname{ display:inline-block; background-image:url(../img/bg-columnname.jpg); background-repeat:repeat-y; background-position:left top; background-size:100% auto; position:relative; width:34%; max-width:300px;}
.banner .columnname .txt{ color:#fff; padding:2% 10%;}
.banner .columnname .txt em{ font-size:18px; font-style:normal; font-family:"dinbold"; color: rgba(255, 255, 255, 0.2); text-transform:uppercase; line-height:16px;}
.banner .columnname .txt span{ display:block;}
.banner .columnname .bg{ display:none;}

.banner .hometi{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:90%;}
.banner .hometi .sti b{ color:#ddcb90; font-size:18px;}

.homeban .banbox{ position:relative; z-index:100;}
.homeban .banbox .item .play_btn{position:absolute;width:100%;height:100%; background-image:url(../img/Floor002460-play.png); background-position:center; background-repeat:no-repeat;z-index: 10;cursor: pointer;}
.homeban .banbox .item{ width:100%; position:relative; overflow:hidden;}
.homeban .banbox .item img{ width:100%;}
.homeban .banbox .item .canvas{ width:100%; height:100%; object-fit: cover; position:absolute; left:0; top:0; z-index:2;}
.homeban .banbox .item video{ vertical-align:top; object-fit: cover; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}

.homeban .banbox{ overflow:hidden;}
.homeban .banbox .owlcontrols{ width:100%; position:absolute; bottom:15px; font-size:0; text-align:center; z-index:10;}
.homeban .banbox .owlcontrols .w1680{ position:relative;}

.homeban .banbox .owlcontrols a{ width:21px; height:13px; display:inline-block; cursor:pointer; vertical-align:middle; background-position:center; background-repeat:no-repeat;}
.homeban .banbox .owlcontrols a.prev{ background-image:url(../img/btn-homeban-prev1.png); margin-right:10px;}
.homeban .banbox .owlcontrols a.next{ background-image:url(../img/btn-homeban-next1.png); margin-left:10px;}
.homeban .banbox .owlcontrols a.prev:hover{ background-image:url(../img/btn-homeban-prev2.png);}
.homeban .banbox .owlcontrols a.next:hover{ background-image:url(../img/btn-homeban-next2.png);}

.homeban .banbox .owlcontrols span{ padding:0 3px; display:inline-block; vertical-align:middle;}
.homeban .banbox .owlcontrols em{ display:block; border-radius:11px; padding:5px; border:1px solid transparent; vertical-align:middle; border-radius:50%; font-style:normal; cursor:pointer;}
.homeban .banbox .owlcontrols em:before{ content:''; display:block; width:6px; height:6px; background-color:rgba(102,102,102,0.5); border-radius:50%;}

.homeban .banbox .owlcontrols .btn-vplayer{ width:15px; height:18px; position:absolute; right:0; top:0; background-position:center; background-repeat:no-repeat; background-size:contain; cursor:pointer;}
.homeban .banbox .owlcontrols .vplay{ background-image:url(../img/ico-mban-play.png);}
.homeban .banbox .owlcontrols .vmuted{ background-image:url(../img/ico-mban-pause.png);}

.homeban .banbox .owlcontrols span.active em,
.homeban .banbox .owlcontrols span:hover em{ border:1px solid #F9223E;}
.homeban .banbox .owlcontrols span.active em:before,
.homeban .banbox .owlcontrols span:hover em:before{ background-color:#F9223E;}

@media(max-width:768px){
    /*.homeban .banbox .item .play_btn {display:none;}*/
}

.navopen,
.navopen body{ overflow:hidden}

.header{ width:100%; position:absolute; z-index:110; transform:translate(0);}
.header .topbox{ padding:4% 0;}
.header .logo{ width:40%; max-width:200px; display:inline-block; float:left;}
.header .nav-btn{ float:right; cursor:pointer; position:relative; z-index:110;}
.header .nav-btn span{ vertical-align:middle; display:none; text-transform:uppercase;}
.header .nav-btn em{ display:inline-block; width:26px; height:19px; vertical-align:middle; position:relative;}
.header .nav-btn em i{ width:100%; height:2px; display:block; position:absolute; left:0; background-color:#fff; transition:all 0.3s;}
.header .nav-btn em .i1{ top:0;}
.header .nav-btn em .i2{ width:70%; top:50%; margin-top:-1px;}
.header .nav-btn em .i3{ bottom:0;}

.miannavbox{ width:100%; height:100%; padding:60px 16px 30px 50px; background-image:url(../img/bg-nav-mobile.png); background-repeat:repeat-x; background-position:left top; background-size:auto 100%; position:fixed; left:0; top:0; z-index:100; transition:all 0.3s; transform:translateX(100%);}
.miannavbox .mainnav li{ width:100%; background-image:url(../img/line-homemusic.png); background-position:left bottom; background-repeat:no-repeat; background-size:100% auto;}
.miannavbox .mainnav li .abox{ padding:5px 0; font-size:0;}
.miannavbox .mainnav li .abox a{ display:inline-block;}
.miannavbox .mainnav li .abox span{ font-size:14px; vertical-align:middle;}
.miannavbox .mainnav li .abox em{ font-style:normal; font-size:18px; color:#AD69B3; color:rgba(255,255,255,0.2); vertical-align:middle; text-transform:uppercase; font-family:"dinbold",Microsoft YaHei,'微软雅黑',arial; padding-left:5px;}
.navopen .miannavbox{ transform:translateX(0);}
.navopen .header .nav-btn em .i2{ display:none;}
.navopen .header .nav-btn em .i1{ transform:rotate(45deg); top:50%;}
.navopen .header .nav-btn em .i3{ transform:rotate(-45deg); top:50%;}

.miannavbox .msnavbox,
.miannavbox .msnavbox dd{ padding:0; margin:0;}
.miannavbox .msnavbox{ display:none;}
.miannavbox .mainnav li .abox span{ position:relative;}
.miannavbox .mainnav li.onnav span,
.miannavbox .mainnav li a:hover span{ font-weight:bold;}
.miannavbox .mainnav li .abox span:before{ content:''; width:140%; height:2px; background-color:#fff; position:absolute; left:-40%; bottom:0; display:none;}

.miannavbox .mainnav li.onnav .msnavbox{ display:block;}
.miannavbox .mainnav li.onnav .abox span:before,
.miannavbox .mainnav li .abox a:hover span:before{ display:block;}
.miannavbox .mainnav li .msnavbox{ padding:0 0 20px 60px;}
.miannavbox .mainnav li .msnavbox dd{ float:left; padding:2px 10px 5px 0; font-size:12px;}
.miannavbox .mainnav li .msnavbox dd a{ position:relative;}
.miannavbox .mainnav li .msnavbox dd a:after{ content:''; width:100%; height:1px; background-color:#fff; position:absolute; left:0; bottom:-2px; display:none;}
.miannavbox .mainnav li .msnavbox dd.onsnav a:after,
.miannavbox .mainnav li .msnavbox dd a:hover:after{ display:block;}

.miannavbox .navtxt{ padding-top:10%;}
.miannavbox .navtxt span{ display:block;}
.miannavbox .navtxt .en{ text-transform:uppercase;}
.miannavbox .navtxt .cn{ padding:2% 0;}
.miannavbox .navtxt i{ width:40%; max-width:300px; height:2px; background-color:#fff; display:block;}


@media(min-width:640px){
    .banner .columnname .txt{ padding-top:5%; padding-bottom:5%;}
    .banner .columnname .txt em{ font-size:30px; line-height:24px;}
    .banner .columnname .txt span{ font-size:18px;}

    .banner .hometi .sti b{ font-size:24px;}

    /*.banner .hometi{ font-size:18px;}
    .banner .hometi span{ font-size:24px;}*/


    .header .nav-btn{ padding:13px 0 14px;}
    .header .nav-btn span{ display:inline-block; padding-right:10px;}

    .homeban .banbox .owlcontrols em{}
    .homeban .banbox .owlcontrols em:before{ width:10px; height:10px;}

    .homeban .banbox .owlcontrols .btn-vplayer{ width:23px; height:26px;}
}
@media(min-width:768px){
    .banner .hometi .sti b{ font-size:30px;}

    .header .topbox{ padding:30px 0;}

    .miannavbox{ padding-top:100px; padding-left:123px;}
    .miannavbox .mainnav li .abox{ padding:5px 0;}
    .miannavbox .mainnav li .abox span{ font-size:20px;}
    .miannavbox .mainnav li .abox em{ font-size:30px;}
    .miannavbox .mainnav li .msnavbox dd{ font-size:16px;}

    .miannavbox .mainnav li .abox span:before{ height:4px; bottom:-4px;}

    .miannavbox .navtxt .en{ font-size:40px;}
    .miannavbox .navtxt .cn{ font-size:30px;}
    .miannavbox .navtxt i{ height:4px;}
}
@media(min-width:1000px){
    .banner .columnname{ width:300px;}
    .banner .columnname .txt{ padding:31px 27px 27px 58px;}
    .banner .columnname .txt em{ font-size:48px; line-height:40px;}
    .banner .columnname .txt span{ font-size:24px;}


    .homeban .banbox .owlcontrols{ bottom:46px;}
}
@media(min-width:1200px){
    .banner .w1200{ margin-left:-600px;}
    .banner .columnname .txt{ padding-bottom:48px; position:relative; z-index:2;}
    .banner .columnname .bg{ width:340px; height:100px; display:block;	position:absolute; left:-10px; bottom:27px; z-index:1;}
    .banner .columnname .bg i{ background-color:#fff; position:absolute;}
    .banner .columnname .bg .i1,
    .banner .columnname .bg .i3,
    .banner .columnname .bg .i4,
    .banner .columnname .bg .i6{ height:3px;}

    .banner .columnname .bg .i2,
    .banner .columnname .bg .i5{ width:3px;}

    .banner .columnname .bg .i1,
    .banner .columnname .bg .i4{ width:30px; top:0;}

    .banner .columnname .bg .i2,
    .banner .columnname .bg .i5{ height:100px;}

    .banner .columnname .bg .i1,
    .banner .columnname .bg .i2,
    .banner .columnname .bg .i3{ left:0;}

    .banner .columnname .bg .i4,
    .banner .columnname .bg .i5,
    .banner .columnname .bg .i6{ right:0;}

    .banner .columnname .bg .i3,
    .banner .columnname .bg .i6{ bottom:0;}

    .banner .columnname .bg .i3{ width:10px;}
    .banner .columnname .bg .i6{ width:271px;}


    .homeban .banbox .owlcontrols{ text-align:right;}
    .homeban .banbox .owlcontrols .w1680{ padding-right:214px;}

    .header .logo{ position:relative; z-index:110;}
    .miannavbox{ background-image:url(../img/bg-nav.png); background-size:100% auto; background-repeat:repeat-y; padding-left:4%; padding-right:0;}
    .miannavbox .navtxt{ float:left; width:35%; max-width:500px;}
    .miannavbox .mainnav{ float:right; width:55%; max-width:1062px; padding-left:}

    .miannavbox .mainnav li{ background:none;}
    .miannavbox .mainnav li .abox a{ padding-right:20px;}
    .miannavbox .mainnav li .abox i{ display:inline-block; width:40%; height:1px; background:url(../img/line-homemusic.png) repeat-x left top; vertical-align:middle;}

    .miannavbox .mainnav li.onnav .abox i{ background:#fff;}
}
@media(min-width:1440px){
    .miannavbox .mainnav li .abox span{ font-size:24px; padding-right:5px;}
    .miannavbox .mainnav li .abox em{ font-size:34px;}
}
@media(min-width:1920px){
    .miannavbox .mainnav li .abox{ padding:15px 0;}
    .miannavbox .mainnav li .abox span{ font-size:30px;}
    .miannavbox .mainnav li .abox em{ font-size:48px;}

    .miannavbox .navtxt{ padding-top:15%;}
}
@media (max-width:480px){
    .banner .hometi{ font-size:16px; top:auto; bottom:10%; transform:translate(-50%,0)}
    .banner .hometi span{ font-size:18px;}
    .banner .hometi .sti{ font-size:12px;}
}
/*头部*/


/*底部*/
.footer{ width:100%; background-image:url(../img/bg-bottom.jpg); background-repeat:repeat-y; background-size:100% auto; padding:5% 0; font-size:12px; text-align:center; color:#999;}
.footer a{ color:#999;}
.footer a:hover{ color:#fff;}

.footer .btnnav{ display:none;}
.footer .slogo{ text-align:center; width:50%; max-width:200px; margin:0 auto;}
.footer .address{ padding:5% 0;}
.footer .share .bdsharebuttonbox a{ float:none; background-position:left top; width:33px; height:33px; padding:0; display:inline-block;}
.footer .share .bdsharebuttonbox a.bds_fbook{ background-image:url(../img/ico-share-Facebook.png);}
.footer .share .bdsharebuttonbox a.bds_twi{ background-image:url(../img/ico-share-Twitter.png);}
.footer .share .bdsharebuttonbox a.bds_sqq{ background-image:url(../img/ico-share-QQ.png);}
.footer .share .bdsharebuttonbox a.bds_tsina{ background-image:url(../img/ico-share-Sina.png);}
.footer .share .bdsharebuttonbox a.bds_weixin{ background-image:url(../img/ico-share-WeChat.png);}
.bd_weixin_popup{ box-sizing:content-box;}

.footer .btbox3{ color:#584658;}
.footer .btbox3 a{ color:#584658;}
.footer .btbox3 a:hover{ color:#fff;}
.footer .auxnav a:before{ content:""; width:1px; height:10px; background-color:#584658; vertical-align:middle; display:inline-block; margin:0 5px;}
.footer .auxnav a:first-child:before{ display:none;}
.footer .copyright{ text-transform:uppercase;}

.goTop{ width:30px; height:30px; display: block; background-image:url(../img/btn-goTop.png); background-position:center; background-repeat:no-repeat; background-size:cover; position: fixed; _position: absolute; right:20px; bottom:70px; filter:alpha(opacity=80); opacity: 0.8; z-index:90; cursor:pointer; display:none;}
.goTop:hover{ filter:alpha(opacity=100); opacity: 1;}

@media(min-width:1000px){
    .footer{ padding:20px 0 62px; font-size:14px; text-align:left;}

    .footer .btnnav{ display:block; background-image:url(../img/line-bt2.jpg); background-position:left bottom; background-repeat:no-repeat; padding:16px 0; text-align:center;}
    .footer .btnnav ul{ font-size:0;}
    .footer .btnnav li{ display:inline-block; font-size:14px;}
    .footer .btnnav li:before{ content:'|'; color:#999; padding:0 20px;}
    .footer .btnnav li:first-child:before{ display:none;}
    .footer .btnnav li a:before{ content:''; background-color:#999; width:8px; height:2px; display:inline-block; vertical-align:middle; margin-right:5px;}
    .footer .btnnav li a:hover:before{ background-color:#fff;}

    .footer .btbox2{ padding:38px 0; background-image:url(../img/line-bt2.jpg); background-position:left bottom; background-repeat:no-repeat;}
    .footer .slogo{ float:left; padding-right:34px; position:relative;}
    .footer .slogo:after{ content:""; width:1px; height:41px; display:inline-block; background:url(../img/line-bt3.jpg) no-repeat left top; position:absolute; right:0; top:0;}
    .footer .address{ float:left; padding:0 0 0 34px;}
    .footer .address li{ float:left; margin-left:54px; padding-left:23px; background-position:left top; background-repeat:no-repeat;}
    .footer .address li:first-child{ margin-left:0;}
    .footer .address li.addr{ background-image:url(../img/ico-bt-add.png);}
    .footer .address li.tel{ background-image:url(../img/ico-bt-phone.png);}

    .footer .btbox3{ padding-top:22px;}
    .footer .share{ float:right;}
    .footer .auxnav a:before{ height:14px; margin:0 12px;}
}
@media(min-width:1200px){
    .footer .btnnav li:before{ padding:0 43px;}

    .footer .share .ti,
    .footer .share .bdsharebuttonbox{ display:inline-block; vertical-align:middle;}
    .footer .share .ti{ padding-right:12px;}

    .goTop{ width:40px; height:40px; left:50%; margin-left:45%;}
}
@media(min-width:1920px){
    .goTop{ margin-left:695px;}
}
/*底部*/


/*页面二级/左侧/右侧菜单*/
.menunav{ text-align:center; padding:5% 0;}
.menunav li{ display:inline-block; padding:0 3%; font-size:16px;}
.menunav li a{ display:block; position:relative;}
.menunav li a:after{ content:''; width:120%; height:8px; display:block; background-image:url(../img/line-protectionOnline.jpg); background-position:left top; background-repeat:repeat-y; background-size:100% auto; margin-top:-10px; margin-left:-10%; display:none;}
.menunav li a:hover,
.menunav li.active a{ font-size:16px;}
.menunav li a:hover:after,
.menunav li.active a:after{ display:block;}

@media(min-width:768px){
    .menunav li{ font-size:18px; padding:0 10px;}
    .menunav li a:after{ width:150%; margin-left:-25%;}
}
@media(min-width:1000px){
    .menunav{ padding:60px 0 88px;}
    .menunav li a{ width:156px; padding:0;}
    .menunav li a:after{ width:156px; margin-left:0;}

    .menunav li a:hover,
    .menunav li.active a{ font-size:24px;}
}
/*页面二级/左侧/右侧菜单*/


/*首页*/
.homebd{ width:100%; background-image:url(../img/bg-home1-s.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}

.homebox{ padding:10% 0;}
.homebox .contbox{ padding-top:5%;}
.hometi{ font-size:18px; text-align:center;}
.hometi em{ font-style:normal; color:#fff; display:block;}
.hometi em:after{ content:''; display:block; width:120px; height:8px; margin:0 auto; background-image:url(../img/bg-homeTi.jpg); background-repeat:repeat-y; background-position:center; background-size:100% auto; margin-top:-12px;}
.hometi span{ font-size:24px; display:block; text-transform:uppercase;}


.homebox .morebox{}
.homebox .morebox a{ display:block; width:120px; height:35px; line-height:35px; text-align:center; margin:0 auto;}
.homebox .morebox span{display:inline-block;}
.homebox .morebox span:after{ content:""; display:inline-block; width:21px; height:13px; background-position:left center; background-repeat:no-repeat; margin-left:12px;}

.homebox .morebox1 a{ color:#fff; background-image:url(../img/bg-homeParty-btn.jpg); background-position:left top; background-repeat:repeat-y;}
.homebox .morebox1 span:after{ background-image:url(../img/btn-homeMoreWhite.png);}

.homebox .morebox2 a{ position:relative;}
.homebox .morebox2 a:before,
.homebox .morebox2 a:after{ content:''; width:100%; height:1px; display:block; background:url(../img/bg-homeParty-btn.jpg) no-repeat left top; position:absolute; left:0;}
.homebox .morebox2 a:before{ top:0;}
.homebox .morebox2 a:after{ bottom:0;}
.homebox .morebox2 span:after{ background-image:url(../img/btn-homeMoreRed.png);}

.homebox .morebox a:hover span{ transition:all 0.3s; transform:translateX(5px)}


.homebox .btn{ width:30px; height:30px; display:block; cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:cover;}
.homebox .prev{ background-image:url(../img/btn-home-prev.png);}
.homebox .next{ background-image:url(../img/btn-home-next.png);}


.homeabout .img{ width:80%; max-width:821px; margin:0 auto;}
.homeabout .txtbox{ text-align:center;padding:0 2%;line-height: 2;}
.homeabout .txtbox b{ font-weight:normal; color:#ddcb90; font-size:18px;}

@media(min-width:1000px){
    .homebox{ padding:75px 0;}
    .hometi{ font-size:28px;}
    .hometi em:after{ width:200px;}
    .hometi span{ font-size:40px;}

    .homebox .morebox a{ width:180px; height:50px; line-height:50px;}

    .homebox .btn{ width:40px; height:40px;}

    .homeabout{ padding-top:100px;}
    .homeabout .img{ float:left; width:60%; position:relative; z-index:2;}
    .homeabout .txtbox{ float:right; width:40%; padding:0;line-height: auto;position:relative; z-index:1; overflow:visible; text-align:left;}
    .homeabout .txtbox .itxt{ margin-left:-18%; margin-top:-10%; padding:5% 5% 5% 100px; line-height:30px; background-image:url(../img/bg-homeAbout1.png); background-position:left center; background-repeat:no-repeat; background-size:cover; display: flex; justify-content:center; align-items:center;}
}
@media(min-width:1366px){
    .homebd{ background-size:auto; background-image:url(../img/bg-home.jpg);}
    .homeabout .txtbox .itxt{ padding-top:10%; padding-bottom:10%; padding-right:10%;}

    .homebox .contbox{ padding-top:100px;}
}
@media(min-width:1400px){
    .homeabout{ padding-top:226px;}
    .homeabout .img{ width:821px; margin-left:-100px;}
    .homeabout .txtbox{ width:479px;}
    .homeabout .txtbox .itxt{ background-image:url(../img/bg-homeAbout.png); width:600px; height:403px; line-height:40px; padding:54px 30px 62px 148px; margin-left:-90px; margin-top:-90px;}

}
@media(min-width:1920px){
    .homebd{ background-size:cover;}
}

/*苏荷派对*/
.homeparty{}
.homeparty .contbox{ overflow:hidden;}
.homeparty .imgslide{}
.homeparty .imgslide .item{ padding:0 13px;}
.homeparty .imgslide .item a{ display:block;}
.homeparty .imgslide .item .img{ overflow:hidden;}
.homeparty .imgslide .item img{ width:100%; transition:all 0.3s;}
.homeparty .imgslide .item .tibox{ padding:5%; opacity:0; filter:alpha(opacity=0);}
.homeparty .imgslide .item time{ float:left; width:22%; text-align:center;}
.homeparty .imgslide .item time em{ font-style:normal; font-size:40px; display:block; line-height:30px; letter-spacing:3px;}
.homeparty .imgslide .item .info{ float:left; width:78%; padding-left:10px; overflow:hidden;}
.homeparty .imgslide .item .info .ti{ font-size:16px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.homeparty .imgslide .item .info .p{ font-size:12px; color:#999; line-height:12px;}
.homeparty .imgslide .item .img:hover img{ transform:scale(1.2,1.2);}

.homeparty .imgslide .active .tibox{ opacity:1; filter:alpha(opacity=100);}

.homeparty .imgslide .item:hover .iwrap{ background:url(../img/btn-homeMoreWhite.png) no-repeat right center; padding-right:20px;}
.homeparty .imgslide .item:hover .tibox{ background-image:url(../img/bg-homepartyTxt.jpg); background-position:left top; background-repeat:repeat-y; background-size:100% auto;}
.homeparty .imgslide .item:hover .tibox .iwrap:before{ background:#fff;}
.homeparty .imgslide .item:hover time{ background:none; color:#fff; -webkit-text-fill-color: #fff;}

.homeparty .btnbox{ padding:2% 5%;}
.homeparty .btnbox .prev{ float:left;}
.homeparty .btnbox .next{ float:right;}

@media(min-width:768px){
    .homeparty .morebox{ text-align:center;}
    .homeparty .morebox:before,
    .homeparty .morebox:after{ content:""; width:35%; height:4px; display:inline-block; background-position:left top; background-repeat:repeat-y; background-size:100% auto; vertical-align:middle;}
    .homeparty .morebox:before{ background-image:url(../img/bg-homeParty-Lline.jpg);}
    .homeparty .morebox:after{ background-image:url(../img/bg-homeParty-Rline.jpg);}
    .homeparty .morebox a{ vertical-align:middle; display:inline-block; margin:0 5%;}
}
@media(min-width:1000px){
    .homeparty .imgslide .item .img{ opacity:0.5; filter:alpha(opacity=50);}
    .homeparty .imgslide .item:hover .img{ opacity:1; filter:alpha(opacity=100);}

    .homeparty .imgslide .item time{ width:30%;}
    .homeparty .imgslide .item time em{ font-size:68px; line-height:55px; letter-spacing:0;}
    .homeparty .imgslide .item time span{ font-size:16px;}

    .homeparty .imgslide .item .info{ width:70%;}
    .homeparty .imgslide .item .info .ti{ font-size:18px;}
    .homeparty .imgslide .item .info .p{ font-size:14px; line-height:24px;}

    .homeparty .btnbox{ padding:66px 3.5% 16px;}
}
@media(min-width:1920px){
    .homeparty .imgslide .item .tibox{ padding:24px 26px 24px 40px;}
    .homeparty .imgslide .item .tibox .iwrap{ position:relative; padding-left:20px;}
    .homeparty .imgslide .item .tibox .iwrap:before{ content:''; display:block; width:3px; height:70px; position:absolute; left:0; top:-44px; background:url(../img/bg-homeParty-line.jpg) no-repeat left top;}
    .homeparty .imgslide .oitem .tibox .iwrap:before{ top:44px;}

    .homeparty .imgslide .item .info{ padding-left:20px;}
}


/*苏荷热点*/
.homenews{}

.homenews .imgslide{}
.homenews .imgslide .itemlist{ width:100%; padding-left:10%;}
.homenews .imgslide .itemlist li,
.homenews .imgslide .itemlist li img{ width:100%;}

.homenews .imgslide .txtbox{ font-size:0; margin-top:-2%; text-align:center;}
.homenews .imgslide .txtbox .btn{ display:inline-block; vertical-align:middle;}
.homenews .imgslide .txtbox .prev{ margin-right:10px;}
.homenews .imgslide .txtbox .next{ margin-left:10px;}
.homenews .imgslide .txtbox .txtlist{ display:inline-block; background-image:url(../img/bg-homepartyTxt.jpg); background-position:left top; background-repeat:repeat-y; background-size:100% auto; width:calc(100% - 80px); vertical-align:middle; font-size:12px; padding:3%; text-align:left;}
.homenews .imgslide .txtlist .item time{ float:left; width:25%; text-align:center;}
.homenews .imgslide .txtlist .item time em{ font-style:normal; font-size:40px; display:block; line-height:30px; letter-spacing:3px;}
.homenews .imgslide .txtlist .item .info{ float:left; width:75%; padding-left:10px; overflow:hidden;}
.homenews .imgslide .txtlist .item .info .ti{ font-size:14px; color:#fff; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.homenews .imgslide .txtlist .item .info .p{ font-size:12px; color:rgba(255,255,255,0.5); line-height:14px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}


.homenews .list{ width:100%; padding-top:5%;}
.homenews .list li{ padding:4% 0; background:url(../img/line-homenews.png) repeat-x left bottom;}
.homenews .list li a{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block;}
.homenews .list li a:before{ content:''; width:10px; height:2px; display:inline-block; margin-right:5px; background:url(../img/abg-homeNews.png) no-repeat left top; vertical-align:middle;}
.homenews .list li .p{ padding-left:15px; color:#999; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.homenews .list li a:hover{ color:#F5213D;}

.homenews .morebox{ padding-top:5%;}

@media(min-width:768px){
    .homenews .imgslide .txtbox .txtlist{ max-width:50%;}
}
@media(min-width:1000px){
    .homenews .morebox{ padding-top:70px;}

    .homenews .list li a{ font-size:18px;}
    .homenews .list li a:before{ width:20px; margin-right:10px;}
    .homenews .list li .p{ padding-left:30px;}

    .homenews .morebox{ text-align:right;}
    .homenews .morebox a{ display:inline-block;}


    .homenews .imgslide{ width:740px; margin:0 auto;}
    .homenews .imgslide .txtlist .item time em{ font-size:68px; line-height:55px; letter-spacing:0;}
    .homenews .imgslide .txtlist .item time span{ font-size:16px;}

    .homenews .imgslide .txtlist .item .info .ti{ font-size:18px;}
    .homenews .imgslide .txtlist .item .info .p{ font-size:14px; line-height:24px;}
}
@media(min-width:1200px){
    .homenews .list{ width:514px; float:right; padding-top:0;}
    .homenews .list li{ padding:40px 0 23px;}
    .homenews .list li:first-child{ padding-top:10px;}


    .homenews .imgslide{ width:600px; float:left;}
    .homenews .imgslide .txtbox{ margin-top:-20px;}
    .homenews .imgslide .txtbox .txtlist{ padding:30px; width:500px; max-width:500px;}
    .homenews .imgslide .txtlist .item time{ width:80px;}
    .homenews .imgslide .txtlist .item .info{ width:360px; padding-left:40px;}
    .homenews .imgslide .itemlist{ padding-left:5%;}
    .homenews .imgslide .itemlist li,
    .homenews .imgslide .itemlist li img{ width:600px; height:400px;}
}
@media(min-width:1366px){
    .homenews .imgslide .itemlist{ padding-left:0;}
}



/*苏荷音乐*/
.homemusic{}
.homemusic .musicbox{ width:100%;}
.homemusic .musicplayer .audio{ display:none;}

.homemusic .musicplayer,
.homemusic .player,
.homemusic .player .controls,
.homemusic .musicplayer .list li{ background-image:url(../img/line-homemusic.png); background-repeat:repeat-x; background-size:100% auto;}

.homemusic .musicplayer{ background-position:left top;}
.homemusic .musicplayer .list{}
.homemusic .musicplayer .list li{ background-position:left bottom; position:relative; padding:2%; cursor:pointer;}
.homemusic .musicplayer .list li i{ width:7px; height:14px; display:inline-block; vertical-align:middle; background-image:url(../img/ico-musi.png); background-position:center center; background-repeat:no-repeat; background-size:cover;}
.homemusic .musicplayer .list li .name{ display:inline-block; vertical-align:middle;}
.homemusic .musicplayer .list li .singer{ padding-left:10px;}
.homemusic .musicplayer .list li .btn{ width:24px; height:24px; display:block; float:right; background-position:center; background-repeat:no-repeat; background-size:cover; margin-top:3%; opacity:0.2;}
.homemusic .musicplayer .list li .play{ background-image:url(../img/btn-mplayer-splay-2.png);}
.homemusic .musicplayer .list li .pause{ background-image:url(../img/btn-mplayers-spause-2.png);}
.homemusic .musicplayer .list li.active:after,
.homemusic .musicplayer .list li:hover:after{ content:''; display:block; width:100%; height:100%; border:1px solid #fff; position:absolute; left:0; top:0; box-sizing:border-box;}
.homemusic .musicplayer .list li:hover .btn,
.homemusic .musicplayer .list li.active .btn{ opacity:1;}

.homemusic .musicplayer .player{ background-position:left bottom; font-size:0;}
.homemusic .player .poster{ width:24%; max-width:150px; background-image:url(../img/bg-homemusic.jpg); background-position:center; background-repeat:repeat-y; background-size:100% auto; display:inline-block; padding:1%; vertical-align:middle;}
.homemusic .player .poster .img{ padding:8px; background-image:url(../img/bg-homemusicPlayer.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.homemusic .player .poster .img img{ border-radius:50%;}
.homemusic .player .musicinfo{ width:76%; display:inline-block; vertical-align:middle; text-align:center; font-size:14px;}
.homemusic .player .musicinfo em{ font-style:normal; font-size:18px;}
.homemusic .player .musicinfo span{ color:#999; display:block;}

.homemusic .player .controls{ font-size:0; text-align:center; padding:8% 0; background-position:left top;}
.homemusic .player .controls .btn-pn,
.homemusic .player .controls .btn-status,
.homemusic .player .controls .progress{ display:inline-block; vertical-align:middle; cursor:pointer;}

.homemusic .player .controls .btn-pn,
.homemusic .player .controls .btn-status{ background-position:center; background-repeat:no-repeat; background-size:cover;}

.homemusic .player .controls .btn-pn{ width:20px; height:25px;}
.homemusic .player .controls .prev{ background-image:url(../img/btn-mplayer-prev.png);}
.homemusic .player .controls .next{ background-image:url(../img/btn-mplayer-next.png);}

.homemusic .player .controls .btn-status{ width:40px; height:40px; margin:0 4%;}
.homemusic .player .controls .play{ background-image:url(../img/btn-mplayer-play.png);}
.homemusic .player .controls .pause{ background-image:url(../img/btn-mplayer-pause.png);}

.homemusic .player .controls .progress,
.homemusic .player .controls .progress span{ height:10px; border-radius:5px; transition:all 1s;}
.homemusic .player .controls .progress{ width:40%; margin-left:10%; background-color:rgba(153,153,153,0.1); position:relative;}
.homemusic .player .controls .progress span{ display:block; width:0%; background-color:rgba(153,153,153,0.5);}
.homemusic .play .poster .img{
    -moz-animation: musicplay 2s linear infinite;
    -webkit-animation: musicplay 2s linear infinite;
    animation: musicplay 2s linear infinite;
}

.homemusic .musicbox .morebox{ padding-top:5%;}


.homemusic .boxr{ padding-top:10%; max-width:740px; margin:0 auto;}
.homemusic .videobox{ background-image:url(../img/bg-homevideo.jpg); background-position:center; background-repeat:repeat-y; background-size:100% auto;}
.homemusic .videobox .videoplayer{ position:relative; overflow:hidden; background:#000;}
.homemusic .videobox .videoplayer i{ width:50px; height:50px; display:block; background:url(../img/btn-videoplay.png) no-repeat left top; position:absolute; left:50%; top:50%; margin-left:-25px; margin-top:-25px; z-index:3; cursor:pointer;}
.homemusic .videobox .videoplayer .img{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background-size:cover; background-position:center; background-repeat:no-repeat; object-fit: cover;}
.homemusic .videobox .videoplayer video{ width:100%; height:100%; vertical-align:top; object-fit:cover;}
.homemusic .videobox .txtbox{ text-align:center; padding-bottom:5%;}
.homemusic .videobox .txtbox .ti{ padding:5% 0; font-size:16px; letter-spacing:3px;}

.homemusic .videobox .morebox a:before,
.homemusic .videobox .morebox a:after{ background:#fff;}
.homemusic .videobox .morebox a span{ color:#fff; -webkit-text-fill-color:#fff;}
.homemusic .videobox .morebox a span:after{ background-image:url(../img/btn-homeMoreWhite.png);}

.homemusic .musicslide{ padding-top:5%; position:relative;}
.homemusic .musicslide .txtlist{ padding-bottom:5%;}
.homemusic .musicslide .txtlist li{ display:none;}
.homemusic .musicslide .txtlist li.active{ display:block;}
.homemusic .musicslide .txtlist .ti{ font-size:16px; background-image:url(../img/line-mvideoTi.jpg); background-position:left bottom; background-repeat:no-repeat; background-size:100% auto; line-height:30px;}
.homemusic .musicslide .txtlist .ti span{ padding-right:10px;}
.homemusic .musicslide .txtlist .txt{ color:#999; padding:2% 0 5%;}

.homemusic .musicslide .bigimglist{ display:none;}
.homemusic .musicslide .bigimglist li{ display:none;}
.homemusic .musicslide .bigimglist li a{ display:block; overflow:hidden;}
.homemusic .musicslide .bigimglist li img{ transition:all 0.3s;}

.homemusic .musicslide .bigimglist li:hover img{ transform:scale(1.1);}
.homemusic .musicslide .bigimglist li.active{ display:block;}

.homemusic .musicslide .imglist{}
.homemusic .musicslide .imglist li{ float:left;}
.homemusic .musicslide .imglist li a{ display:block;}

.homemusic .musicslide .btnbox{ text-align:center; padding-top:5%; font-size:0;}
.homemusic .musicslide .btnbox span{ display:inline-block;}
.homemusic .musicslide .btnbox .prev{ margin-right:20px;}

@media(min-width:768px){
    .homemusic .musicplayer .list li{ padding:20px 15px 20px 65px;}
    .homemusic .musicplayer .list li i{ width:12px; height:22px; margin-right:10%;}
    .homemusic .musicplayer .list li .name,
    .homemusic .musicplayer .list li .singer{ padding-left:5%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
    .homemusic .musicplayer .list li .name{ width:35%;}
    .homemusic .musicplayer .list li .singer{ width:45%; display:inline-block; vertical-align:middle;}
    .homemusic .musicplayer .list li .btn{ margin:0;}

    .homemusic .player .poster{ width:150px; height:150px; padding:10px;}
    .homemusic .player .poster .img{ width:128px; height:128px; padding:19px;}


    .homemusic .videobox{ padding:20px;}
    .homemusic .videobox .videoplayer,
    .homemusic .videobox .videoplayer video{ width:400px; height:300px;}
    .homemusic .videobox .videoplayer{ float:left; margin-top:-40px;}

    .homemusic .videobox .txtbox{ width:230px; float:right; padding-bottom:0;}
    .homemusic .videobox .txtbox .ti{ padding:30px 0 65px; font-size:18px; line-height:30px;}


    .homemusic .musicslide .boxl{ float:left; width:360px; position:relative; z-index:2;}
    .homemusic .musicslide .txtlist{ padding-left:22px; padding-top:35px; padding-bottom:50px;}
    .homemusic .musicslide .txtlist .ti{ line-height:35px; width:110%;}
    .homemusic .musicslide .txtlist .txt{ padding:15px 0 25px; line-height:24px; overflow:hidden;}

    .homemusic .musicslide .bigimglist{ display:block; float:right; width:320px; padding-top:0;}
    .homemusic .musicslide .bigimglist li,
    .homemusic .musicslide .bigimglist li img{ width:320px; height:320px;}


    .homemusic .musicslide .btnbox{ padding-top:0; position:absolute; left:280px; bottom:0;}
}
@media(min-width:1000px){
    .homemusic .boxr{ width:740px;}
    .homemusic .player .musicinfo{ width:30%;}
    .homemusic .player .controls{ width:50%; display:inline-block; vertical-align:middle; padding:0; background:none;}
    .homemusic .player .controls .btn-status{ width:60px; height:60px;}

    .homemusic .videobox .txtbox{ width:260px;}

    .homemusic .musicslide{ padding-top:20px;}
    .homemusic .musicslide .boxl{ width:402px;}
    .homemusic .musicslide .txtlist{ padding-bottom:50px;}
    .homemusic .musicslide .txtlist .txt{ height:102px;}
    .homemusic .musicslide .btnbox{ left:300px;}
}
@media(min-width:1200px){
    .homemusic .musicbox{ float:left; width:380px;}
    .homemusic .boxr{ float:right; padding:0;}
}
@media(min-width:1200px) and (max-width:1600px){
    .homemusic .player .poster{ width:24%; height:auto;}
    .homemusic .player .poster .img{ width:auto; height:auto; padding:8px;}
    .homemusic .player .musicinfo{ width:76%;}
    .homemusic .player .controls{ width:100%; padding:20px 0; background:url(../img/line-homemusic.png) no-repeat center top;}
    .homemusic .player .controls .btn-status{ width:40px; height:40px;}

    .homemusic .musicplayer .list li{ padding-left:12px; padding-right:12px;}
    .homemusic .musicplayer .list li i{ margin-right:0;}
}
@media(min-width:1366px){
    .homemusic .musicbox{ width:440px;}
}
@media(min-width:1440px){
    .homemusic .musicbox{ width:500px;}
}
@media(min-width:1600px){
    .homemusic .musicbox{ width:600px;}
}
@media(min-width:1920px){
    .homemusic .musicbox{ width:840px;}
}
@media(max-width:768px){
    .homemusic .musicslide .txtlist .txt{ text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
}

/*音乐播放 动画*/
@keyframes musicplay{
    0%{ transform:rotate(0deg);}
    100%{ transform:rotate(360deg);}
}




/*首页 - 苏荷加盟*/
.homejoin{}
.homejoin .hometi .sti{ font-size:12px;}

.homejoin .txtbox{ font-size:0; text-align:center; padding-top:8%;}
.homejoin .txtbox .item{ display:inline-block; width:50%; font-size:14px; vertical-align:top; padding-bottom:25px;}
.homejoin .txtbox .item em{ font-style:normal; display:block;}
.homejoin .txtbox .item b{ font-size:24px; font-weight:normal;}
.homejoin .txtbox .item span{ display:block;}

.homejoin .joinform ul{ background-image:url(../img/bg-homeJoin.png); background-position:left top; background-repeat:repeat-y; background-size:100% auto; padding:5%;}
.homejoin .joinform li{ padding:3px 0; line-height:35px;}
.homejoin .joinform li .ti{ width:100px; float:left;}
.homejoin .joinform li .ti2{ letter-spacing:1.5px;}
.homejoin .joinform li .ti4{ letter-spacing:0.5px;}
.homejoin .joinform li .ti span{ vertical-align:middle;}
.homejoin .joinform li .inputbox{ width:63%; width:calc(100% - 100px); float:left;}
.homejoin .joinform li .inputbox .text{ width:100%; height:32px; padding:5px; border:1px solid #fff;}
.homejoin .joinform li .inputbox .text2{ width:57px;}
.homejoin .joinform li .inputbox .text3{ width:120px;}
.homejoin .joinform li .txt{ display:block;}
.homejoin .joinform li .radiobox label{ margin-right:5px;}
.homejoin .joinform li .radiobox input{ margin-right:5px;}
.homejoin .joinform li.btnbox{ padding-top:28px;}
.homejoin .joinform li .btn{ width:116px; height:40px; line-height:40px; color:#fff; background-image:url(../img/bg-homeJoin-btn.jpg.jpg); background-position:left top; background-repeat:repeat-y; background-size:100% auto; font-size:16px; letter-spacing:2px;}
.homejoin .joinform .tips{ font-size:12px; padding-top:15px;}


.homejoin .imgslidebox{ display:none;}


@media(min-width:768px){
    .homejoin .hometi .sti{ font-size:18px; padding-top:40px;}

    .homejoin .txtbox{ padding:30px 0;}
    .homejoin .txtbox .item{ width:25%; padding-bottom:0;}
    .homejoin .txtbox .item b{ font-size:30px;}


    .homejoin .contbox{ padding-top:0;}
    .homejoin .joinform ul{ padding:45px 133px 25px 115px;}
    .homejoin .joinform li{ padding:7px 0;}
    .homejoin .joinform li .txt{ display:inline-block; padding-right:5px;}
}
@media(min-width:1000px){
    .homejoin .txtbox{ padding:84px 0 44px;}
    .homejoin .txtbox .item b{ font-size:36px;}
}
@media(min-width:1200px){
    .homejoin .txtbox .item b{ font-size:48px;}

    .homejoin .joinform{ float:left; width:720px;}
    .homejoin .joinform .tips{ padding-left:112px;}


    .homejoin .imgslidebox{ float:right; display:block; width:460px; padding-top:104px;}
    .homejoin .imgslidebox .hub-slider-controls{ display:none;}
    .homejoin .imgslidebox .hub-slider-slides{ position:relative; width:504px; height:326px; margin-left:-90px;}
    .homejoin .imgslidebox .hub-slider-slides li{ position:absolute;}
    .homejoin .imgslidebox .hub-slider-slides li img{ width:504px; height:326px;}
    /*.homejoin .imgslidebox .hub-slider-slides li.li2{ right:-30px;}
    .homejoin .imgslidebox .hub-slider-slides li.li3{ right:-60px;}*/
}
@media(min-width:1366px){
    .homejoin .joinform{ width:763px;}
    .homejoin .imgslidebox{ width:410px;}
}




/*品牌简介*/
.about{ padding:2%;}
.about .tibox{}
.about .tibox span{ display:block; font-size:20px; font-weight:bold;}
.about .tibox p{}
.about .tibox em{ font-style:normal; font-size:20px; display:inline-block; padding-top:2%;}
.about .tibox em:after{ content:''; width:18px; height:18px; display:inline-block; vertical-align:middle; background-image:url(../img/ico-aboutTi1.png); background-position:center; background-repeat:no-repeat; background-size:cover; margin-left:5px;}

.about .txtlist{ padding-top:5%;}
.about .txtlist li{ margin-top:2%; padding:2% 5%; background-image:url(../img/bg-aboutTxt1.png); background-position:center; background-repeat:repeat-y; background-size:100% auto;}
.about .txtlist li em{ font-style:normal; font-size:24px; font-weight:bold; display:block;}
.about .txtlist li span{ display:block;}
.about .txtlist li .txtbox{ padding-top:5%;}

.about .imglist{ padding:5% 0 15%;}
.about .imglist li{ padding:2% 0;}
.about .imglist li .txt{ background-image:url(../img/bg-aboutTxt2.png); background-position:left top; background-repeat:repeat-y; background-size:100% auto; padding:2%;}
.about .imglist li .txt span{ font-size:18px;}
.about .imglist li .txt em{ font-style:normal; font-size:24px;}
.about .imglist li .txt b{ font-size:16px; display:block; text-transform:capitalize;}
.about .imglist li i{ display:none;}

.about .addressbox{ padding:5% 0;}
.about .addressbox .address{ padding-top:5%;}
.about .addressbox .address .txt{ background-image:url(../img/bg-aboutTxt3.png); background-position:left top; background-repeat:repeat-y; background-size:100% auto; padding:5%;}
.about .addressbox .address .codebox{ text-align:center; font-size:0; padding-top:5%; margin-left:-2%; margin-right:-2%;}
.about .addressbox .address .code{ display:inline-block; width:50%; padding:0 2%; font-size:14px;}
.about .addressbox .address .code img{ width:100%; max-width:162px;}
.about .addressbox .address .code span{ padding-top:2%; display:inline-block; vertical-align:bottom;}

@media(min-width:768px){
    .about .tibox em,
    .about .tibox span{ font-size:20px;}
    .about .tibox em{ padding-top:16px;}
    .about .tibox em:after{ width:26px; height:26px;}

    .about .txtlist li{ width:69%; max-width:830px; margin:0;}
    .about .txtlist li.lil{ float:left;}
    .about .txtlist li.lir{ float:right;}

    .about .imglist{ padding-top:0;}
    .about .imglist li{ padding:0;}
    .about .imglist li .img{ width:69%; max-width:828px; position:relative;}
    .about .imglist li.lil .img{ float:left;}
    .about .imglist li.lil i{ float:right;}
    .about .imglist li.lir .img{ float:right;}
    .about .imglist li.lir i{ float:left;}
    .about .imglist li i{ display:block; font-size:60px; font-family:'dinbold'; color: rgba(255, 255, 255, 0.23); font-style:normal;}
    .about .imglist li .txt{ width:28%; position:absolute; bottom:0; padding:3% 2%;}
    .about .imglist li.lil .txt{ right:-20%;}
    .about .imglist li.lir .txt{ left:-20%;}
    .about .imglist li .txt span{ display:block;}
    .about .imglist li .txt em{ display:block;}

    .about .addressbox{ position:relative;}
    .about .addressbox .address{ float:left; width:63%; padding-top:0;}
    .about .addressbox .address .txt{ padding:10% 40% 10% 8%;}
    .about .addressbox .address .codebox{ margin:0; width:80%; margin-top:-10%; position:relative;}
    .about .addressbox .address .codebox .code{ padding:0 4%;}
    .about .addressbox .address .codebox .code img{ width:70%;}
    .about .addressbox .map{ float:right; width:61.25%; position:absolute; right:-2%; top:-10%; z-index:2;}
}
@media(min-width:1000px){
    .about{ padding:26px 0 147px;}
    .about .tibox p{ font-size:16px;}
    .about .tibox em,
    .about .tibox span{ font-size:30px;}

    .about .txtlist{ padding-top:55px;}
    .about .txtlist li{ font-size:16px; padding:47px 58px 51px 36px;}
    .about .txtlist li em{ font-size:30px;}
    .about .txtlist li .txtbox{ padding-top:40px;}

    .about .imglist{ padding-bottom:85px;}
    .about .imglist li .txt{ width:250px;}
    .about .imglist li.lil .txt{ right:-24%;}
    .about .imglist li.lir .txt{ left:-24%;}
    .about .imglist li .txt b{ font-size:30px;}
    .about .imglist li .txt span{ font-size:35px;}
    .about .imglist li .txt em{ font-size:40px;}
    .about .imglist li i{ font-size:90px; line-height:80px;}

    .about .addressbox .map{ right:0; top:-20%;}
    .about .addressbox .address .code span{ padding:0 0 0 2%;}
}
@media(min-width:1200px){
    .about .imglist li i{ font-size:150px; line-height:150px;}

    .about .imglist li.lil .txt{ right:-20%;}
    .about .imglist li.lir .txt{ left:-20%;}

    .about .addressbox .address .txt{ padding:93px 313px 117px 45px; line-height:30px;}
}




/*品牌发展*/
.history{ padding:5% 0;}
.history .owl-carousel .owl-nav ,
.history .owl-carousel .owl-dots{ display:none;}

.history li{ padding:10% 0;}
.history li .itembox{ position:relative;}

.history li .tibox{ background-image:url(../img/bg-historyTxt.png); background-position:left top; background-repeat:repeat-y; background-size:100% auto; padding:1% 3%; position:absolute; top:-5%; z-index:10;}
.history li .tibox .itxt{ position:relative;}
.history li .tibox span{ display:block; font-size:18px; position:absolute; top:-35%;}
.history li .tibox em{ font-style:normal; font-size:30px; font-family:"dinbold"; display:inline-block; transition:all 0.3s;}
.history li.lil .tibox:hover em{ transform:translateX(-5px);}
.history li.lir .tibox:hover em{ transform:translateX(5px);}
.history li .tibox em:before,
.history li .tibox em:after{ width:15px; height:15px; display:inline-block; background-image:url(../img/ico-aboutTi2.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.history li.lil .tibox{ padding-left:15%; right:5%;}
.history li.lil .tibox span{ right:0;}
.history li.lil .tibox em:before{ content:''; margin-right:10px;}
.history li.lir .tibox{ padding-right:15%; left:5%;}
.history li.lir .tibox span{ left:0;}
.history li.lir .tibox em:after{ content:''; margin-left:10px;}
.history .slideBox{ overflow:hidden;}
.history .slideBox .item img{ width:100%; transition:all 0.3s;}
.history .slideBox .item:hover img{ transform:scale(1.1,1.1);}

.history .txtlist{ padding:2% 0;}
.history .txtlist .item{ overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical; max-height:100px; display:none;}
.history .txtlist .active{ display:block; display: -webkit-box;}

.history .controls{}
.history .controls .dots{ font-size:0;}
.history .controls .dots span{ font-size:14px; padding-left:5px; color:rgba(255,255,255,0.3); cursor:pointer;}
.history .controls .dots span:first-child{ padding-left:0;}
.history .controls .dots span i{ font-style:normal; font-family:'dinbold';}
.history .controls .dots .active,
.history .controls .dots span:hover{ color:#fff;}

.history .controls .btnbox{ padding-top:2%; font-size:0;}
.history .controls .btnbox .btn{ width:24px; height:24px; display:inline-block; background-position:center; background-repeat:no-repeat; background-size:cover; vertical-align:middle; cursor:pointer;}
.history .controls .btnbox .prev{ background-image:url(../img/btn-home-prev.png); margin-right:10px;}
.history .controls .btnbox .next{ background-image:url(../img/btn-home-next.png);}

.history li .iocbox{ display:none;}

@media(min-width:768px){
    .history li .tibox{ padding-top:2%; padding-bottom:2%;}
    .history li .tibox em{ font-size:40px;}
    .history li .tibox span{ font-size:30px; top:-60%;}

    .history .controls .btnbox{}
    .history .controls .btnbox .btn{ width:30px; height:30px;}
}
@media(min-width:1000px){
    .history li{ padding:3% 0;}
    .history li .itembox{ width:86.25%;}
    .history li .slideBox{ width:65%;}
    .history li .txtlist,
    .history li .controls{ width:29%;}
    .history li .tibox{ top:8%;}
    .history li .tibox span{ top:-65%;}
    .history li .txtlist{ padding-top:16%;}
    .history li .controls{ position:absolute; bottom:0;}
    .history li .controls .dots{ float:left; padding-top:20px;}
    .history li .controls .dots span{ padding-left:10px;}
    .history li .controls .btnbox{ float:right; padding-top:0;}
    .history li .controls .btnbox .btn{ width:40px; height:40px;}

    .history li.lil .itembox{ float:left;}
    .history li.lil .slideBox{ float:left;}
    .history li.lil .controls,
    .history li.lil .txtlist{ float:right;}
    .history li.lil .controls{ right:0;}
    .history li.lil .tibox{ padding-left:30%; right:0;}

    .history li.lir .itembox{ float:right;}
    .history li.lir .slideBox{ float:right;}
    .history li.lir .controls,
    .history li.lir .txtlist{ float:left;}
    .history li.lir .controls{ left:0;}
    .history li.lir .tibox{ padding-right:30%; left:0;}
}
@media(min-width:1200px){
    .history{ padding-bottom:129px;}

    .history li{ padding:74px 0;}
    .history li .itembox{ width:1035px;}
    .history li .txtlist,
    .history li .controls{ width:302px;}
    .history li .txtlist{ padding-top:0; margin-top:230px;}
    .history li .tibox{ width:476px; height:154px; padding:34px 40px; top:55px;}
    .history li .tibox em{ font-size:114px; line-height:80px;}
    .history li .tibox em:before,
    .history li .tibox em:after{ line-height:15px;}
    .history li .tibox span{ font-size:48px; top:-70px;}
    .history li .slideBox,
    .history li .slideBox .item,
    .history li .slideBox .item	img{ width:675px; height:379px;}

    .history li.lil .tibox{ padding-left:160px;}
    .history li.lir .tibox{ padding-right:160px;}

    .history li .iocbox{ display:block;}
    .history li:first-child .iocbox{ display:none;}
    .history li .iocbox{ width:64px; height:149px; position:absolute; top:-149px; background-position:left top; background-repeat:no-repeat; background-size:cover;}
    .history li .iocbox i{ display:block; width:33px; height:32px; background-image:url(../img/ico-history.png); background-repeat:no-repeat; position:absolute; top:50%; margin-top:-16px;}
    .history li.lil .iocbox{ background-image:url(../img/line-historyl.png); background-position:left top; left:464px;}
    .history li.lil .iocbox i{ left:-16px;}
    .history li.lir .iocbox{ background-image:url(../img/line-historyr.png); background-position:right top; right:464px;}
    .history li.lir .iocbox i{ right:-16px;}
}




/*苏荷荣誉*/
.honor{ padding:2% 0 5%;}
.honor .tibox{}
.honor .tibox span{ display:block; font-size:20px; font-weight:bold;}
.honor .tibox p{}
.honor .tibox em{ font-style:normal; font-size:20px; display:inline-block; padding-top:2%;}
.honor .tibox em:after{ content:''; width:18px; height:18px; display:inline-block; vertical-align:middle; background-image:url(../img/ico-aboutTi1.png); background-position:center; background-repeat:no-repeat; background-size:cover; margin-left:5px;}

.honor .showbox{ padding:5% 0;}
.honor .showbox .img{ padding-bottom:5%; margin-left:-2%;}
.honor .showbox .istopbox{ position:relative; background-image:url(../img/bg-honor2.png); background-pointer:center; background-repeat:repeat-y; background-size:100% auto; padding:5%;}
.honor .showbox .istopbox .list{ overflow:hidden; width:100%;}
.honor .showbox .istopbox .item{ padding:0 2%;}
.honor .showbox .istopbox .item a{ display:block;}
.honor .showbox .istopbox .item img{ width:100%;}
.honor .showbox .istopbox .item span{ display:block; text-align:center; line-height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.honor .showbox .istopbox .owl-dots{ text-align:center;}
.honor .showbox .istopbox .owl-dots .owl-dot{ display:inline-block; padding:0 5px !important;;}
.honor .showbox .istopbox .owl-dots .owl-dot span{ display:block; width:8px; height:8px; border-radius:4px; background-color:rgba(255,255,255,0.2);}
.honor .showbox .istopbox .owl-dots .active span{ background-color:#fff;}

.honor .imgslide{ overflow:hidden; padding:5% 10%; position:relative; background:url(../img/line-current.png) no-repeat left bottom;}
.honor .imgslide .item{ padding:0 2%;}
.honor .imgslide .item a{ display:block;}
.honor .imgslide .item .img{ background-image:url(../img/bg-honorimg.jpg.jpg); background-position:center; background-repeat:repeat-y; background-size:100% auto; padding:4%;}
.honor .imgslide .item figure{ background-color:#fff; padding:2%; overflow:hidden;}
.honor .imgslide .item img{ width:100%; transition:all 0.3s;}
.honor .imgslide .item span{ display:block; text-align:center; line-height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.honor .imgslide .item .img:hover img{ transform:scale(1.2,1.2);}

.honor .imgslide .btn{ position:absolute; width:30px; height:30px; display:block; top:50%; margin-top:-15px; background-position:center; background-repeat:no-repeat; background-size:cover; cursor:pointer;}
.honor .imgslide .prev{ left:0; background-image:url(../img/btn-home-prev.png);}
.honor .imgslide .next{ right:0; background-image:url(../img/btn-home-next.png);}

.honor .listbox{ padding:6% 0 8%;}
.honor .listbox ul{ margin-left:-2%; margin-right:-2%;}
.honor .listbox li{ float:left; width:50%; padding:4% 2% 0;}
.honor .listbox li a{ display:block;}
.honor .listbox li .img{ background-image:url(../img/bg-honorimg.jpg.jpg); background-position:center; background-repeat:repeat-y; background-size:100% auto; padding:6%;}
.honor .listbox li figure{ background-color:#fff; padding:2%; overflow:hidden;}
.honor .listbox li img{ width:100%; transition:all 0.3s;}
.honor .listbox li span{ display:block; text-align:center; line-height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.honor .listbox li:hover img{ transform:scale(1.2,1.2);}

@media(min-width:768px){
    .honor .tibox em,
    .honor .tibox span{ font-size:20px;}
    .honor .tibox em{ padding-top:16px;}
    .honor .tibox em:after{ width:26px; height:26px;}

    .honor .showbox .istopbox .item span{ line-height:50px; font-size:20px;}

    .honor .imgslide{ padding-left:50px; padding-right:50px;}
    .honor .imgslide .item{ padding:0 13px;}
    .honor .imgslide .item span,
    .honor .listbox li span{ line-height:40px;}
    .honor .imgslide .btn{ width:40px; height:40px; margin-top:-20px;}

    .honor .listbox{ padding:3% 0 5%;}
    .honor .listbox li{ width:25%; padding-top:2%;}
}
@media(min-width:1000px){
    .honor{ padding:26px 0 147px;}

    .honor .tibox p{ font-size:16px;}
    .honor .tibox em,
    .honor .tibox span{ font-size:30px;}

    .honor .showbox .img{ width:36.75%; max-width:922px; float:left; position:relative; margin-left:0;}
    .honor .showbox .img img{ margin-left:-88%; margin-top:-22%; max-width:922px; width:215%; position:absolute;}
    .honor .showbox .istopbox{ width:63.25%; max-width:759px; float:right; padding:61px 128px 41px 223px; background-image:url(../img/bg-honor.png);}

    .honor .imgslide{ padding-top:62px; padding-bottom:92px;}
    .honor .imgslide .item span,
    .honor .listbox li span{ font-size:18px; line-height:50px;}
}
@media(min-width:1200px){
    .honor .imgslide .item span,
    .honor .listbox li span{ font-size:20px;}
    .honor .imgslide .item img{ width:301px; height:218px;}

    .honor .showbox .img{ width:278px;}
    .honor .showbox .img img{ width:922px; margin-left:-362px; margin-top:-88px;}

    .honor .showbox .istopbox{ width:759px; height:505px;}
    .honor .showbox .istopbox .item{ padding:0;}
    .honor .showbox .istopbox .item img{ width:408px; height:311px;}
    .honor .showbox .istopbox .item span{ line-height:73px;}

    .honor .listbox{ padding:63px 0 88px;}
    .honor .listbox li{ padding-top:35px;}
    .honor .listbox li img{ width:211px; height:309px;}
}




/*在线维权*/
.proteconline{}
.proteconline .tibox{ text-align:right;}
.proteconline .tibox span{ display:block; font-size:20px; font-weight:bold;}
.proteconline .tibox p{}
.proteconline .tibox em{ font-style:normal; font-size:20px; display:inline-block; padding-top:2%;}
.proteconline .tibox em:after{ content:''; width:18px; height:18px; display:inline-block; vertical-align:middle; background-image:url(../img/ico-aboutTi1.png); background-position:center; background-repeat:no-repeat; background-size:cover; margin-left:5px;}

.proteconline .contbox{ padding:2% 0 10%;}
.proteconline .contbox .txtbox{ background-image:url(../img/bg-protectionOnline1.jpg); background-position:center; background-repeat:repeat-y; background-size:100% auto; padding:5%;}
.proteconline .contbox .txtbox em{ font-style:normal; font-weight:bold; font-size:20px;}
.proteconline .contbox .txtbox .p{ padding-top:5%;}

.proteconline .boxl{ background:url(../img/bg-protectionOnlineForm.jpg); background-position:left bottom; background-repeat:no-repeat; background-size:cover;}
.proteconline .form{ padding:8% 5%;}
.proteconline .form li{ padding:7px 0; line-height:24px;}
.proteconline .form li .ti{ width:30%; max-width:95px; float:left;}
.proteconline .form li .ti span{ display:inline-block; vertical-align:middle;}
.proteconline .form li .inputbox{ width:70%; width:calc(100% - 95px); float:right; border:1px solid #fff; height:24px;}
.proteconline .form li .ti1{ width:54%; max-width:150px;}
.proteconline .form li .inputbox1{ width:46%; width:calc(100% - 150px);}
.proteconline .form li .inputbox .text{ width:100%; height:100%; vertical-align:top; padding:0 5%;}
.proteconline .form li .textareabox{ height:100px;}
.proteconline .form li .textareabox .text{ padding:5%;}
.proteconline .form li .btnbox{ width:70%; width:calc(100% - 95px); float:right; text-align:center; font-size:0;}
.proteconline .form li .btn{ line-height:30px; padding:0 10%; cursor:pointer; background-position:center; background-repeat:repeat-y; background-size:100% auto;}
.proteconline .form li .submit{ margin-right:10px; background-image:url(../img/btn-protectionOnline1.jpg);}
.proteconline .form li .reset{ background-image:url(../img/btn-protectionOnline2.jpg);}
.proteconline .img,
.proteconline .img img{ width:100%;}

@media(min-width:640px){
    .proteconline .form li{ line-height:35px;}
    .proteconline .form li .inputbox{ height:35px;}
    .proteconline .form li .textareabox{ height:120px;}
    .proteconline .form li .submit{ margin-right:20px;}
}
@media(min-width:768px){
    .proteconline .tibox em,
    .proteconline .tibox span{ font-size:20px;}
    .proteconline .tibox em{ padding-top:16px;}
    .proteconline .tibox em:after{ width:26px; height:26px;}
}
@media(min-width:1000px){
    .proteconline{ padding:26px 0 107px;}
    .proteconline .contbox{ padding:30px 0 0 0;}

    .proteconline .tibox p{ font-size:16px;}
    .proteconline .tibox em,
    .proteconline .tibox span{ font-size:30px;}

    .proteconline .boxr{ float:right; width:34.3333%; max-width:412px;}
    .proteconline .boxl{ float:left; width:65.6667%; max-width:788px; margin-top:220px; padding:27% 0 102px 112px;}

    .proteconline .contbox .txtbox{ padding:121px 72px 150px 45px; position:relative; overflow:visible;}
    .proteconline .contbox .txtbox:after{ content:""; width:73px; height:74px; background-image:url(../img/ico-protectionOnline.png); background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; left:-37px; bottom:-37px;}
    .proteconline .form{ padding:91px 112px 0 0;}
    .proteconline .boxl .img{ margin-top:-75%;}

    .proteconline .form li .btnbox{ padding-top:53px;}
    .proteconline .form li .btn{ width:117px; height:41px; line-height:41px; font-size:18px; padding:0;}
}
@media(min-width:1200px){
    .proteconline .boxl{ padding-top:0;}
    .proteconline .boxl .img{ width:675px; height:274px; margin:0;}
    .proteconline .boxl .img img{ width:675px; height:412px; margin-top:-147px;}

    .proteconline .boxr .img img{ width:411px; height:502px;}
}




/*门店分布*/
.stores{ padding:8% 0 10%;}
.stores .storelist{ padding-bottom:5%;}
.storelist ul{ margin-left:-2%; margin-right:-2%;}
.storelist li{ float:left; width:50%; padding:4% 2% 0; color:#999; font-size:12px; text-align:center;}
.storelist li .name{ font-size:16px; color:#fff;}
.storelist li .name a{ display:inline-block; cursor:pointer; vertical-align:middle; position:relative;}
.storelist li .name a:hover:after{ content:''; width:100%; height:2px; display:block; background:url(../img/line-store.jpg) no-repeat left top; position:absolute; left:0; bottom:0;}
.storelist li .codebox{ padding-top:2%; font-size:0;}
.storelist li .codebox .code{ width:34px; height:33px; display:inline-block; background-position:center; background-repeat:no-repeat; background-size:cover; cursor:pointer; position:relative;}
.storelist li .codebox .sina{ background-image:url(../img/ico-store-sina1.png); margin-right:7px;}
.storelist li .codebox .wechat{ background-image:url(../img/ico-store-wechat1.png);}
.storelist li .codebox .code .img{ width:120px; height:130px; padding:10px 10px 20px; background:url(../img/bg-store-code.png) no-repeat left top; position:absolute; left:50%; margin-left:-60px; bottom:35px; display:none;}
.storelist li .codebox .code .img img{ width:100px; max-width:100px; height:100px;}


.storesearch{ margin-top:2%; padding-top:5%; background:url(../img/line-current.png) no-repeat left top;}
.storesearch .select,
.storesearch .searchbox{ width:48%; height:36px; background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.1); border-radius:18px; line-height:36px; color:#999;}

.storesearch .select{ float:left; padding:0 17px; position:relative; z-index:10; cursor:pointer;}
.storesearch .select .placeholder{ display:block; position:relative; padding-right:15px;}
.storesearch .select .placeholder:before{ content:''; width:11px; height:11px; display:block; position:absolute; right:0; top:50%; margin-top:-5px; background:url(../img/jt-store.png) no-repeat center center;}
.storesearch .select ul{ position:absolute; left:0; width:100%; background:#fff; border-radius:5px; display:none;}
.storesearch .select li{ padding:0 17px; line-height:30px; cursor:pointer;}
.storesearch .select li a{ color:#999; display:block;}
.storesearch .select li:first-child{ border-top-left-radius:5px; border-top-right-radius:5px;}
.storesearch .select li:last-child{ border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.storesearch .select li:hover{ background-image:url(../img/bg-honorimg.jpg.jpg); background-position:left top; background-repeat:repeat-y; background-size:100% auto;}
.storesearch .select li:hover a{ color:#fff;}
.storesearch .is-open ul{ display:block;}

.storesearch .searchbox{ float:right;}
.storesearch .searchbox .key{ width:93.25%; line-height:22px; height:34px; padding:7px 5px 7px 17px; width:calc(100% - 34px); float:left;}
.storesearch .searchbox .btn{ width:34px; height:34px; float:right; display:block; background:url(../img/ico-store-zoom.png) no-repeat center center; cursor:pointer;}


.storeinfo{ background:rgba(255,255,255,0.1); padding:5%; position:relative; z-index:2;}
.storeinfo .img,
.storeinfo .map{ width:100%; overflow:hidden;}
.storeinfo .img img{ width:100%; transition:all 0.3s;}
.storeinfo .txtbox{ margin-top:5%; color:#999; position:relative;}
.storeinfo .txtbox .name{ color:#fff; font-size:16px;}
.storeinfo .txtbox .txt{ padding:3% 0 5%;}
.storeinfo .txtbox .time,
.storeinfo .txtbox .tel{ padding-top:2%;}
.storeinfo .map{ height:400px;}
.storeinfo .map img{ max-width:none;}
.storeinfo .txtbox .close{ width:30px; height:30px; display:block; position:absolute; right:0; top:0; background-image:url(../img/back1.png); back1-position:center; background-size:cover; cursor:pointer;}
.storeinfo .img:hover img{ transform:scale(1.1,1.1);}


.storeinfo .morebox{ text-align:left;}
.storeinfo .morebox a{ display:block; width:150px; height:35px; line-height:35px; text-align:center; position:relative; cursor:pointer;}
.storeinfo .morebox span{display:inline-block;}
.storeinfo .morebox span:after{ content:""; display:inline-block; width:21px; height:13px; background-position:left center; background-repeat:no-repeat; margin-left:12px;}

.storeinfo .morebox a:before,
.storeinfo .morebox a:after{ content:''; width:100%; height:1px; display:block; background:url(../img/bg-homeParty-btn.jpg) no-repeat left top; position:absolute; left:0;}
.storeinfo .morebox a:before{ top:0;}
.storeinfo .morebox a:after{ bottom:0;}
.storeinfo .morebox a:hover span{ transition:all 0.3s; transform:translateX(5px)}

.storeinfo .morebox1 span:after{ background-image:url(../img/btn-homeMoreRed.png);}
.storeinfo .morebox2 a{ color:#fff; background-image:url(../img/bg-homeParty-btn.jpg); background-position:left top; background-repeat:repeat-y;}
.storeinfo .morebox2 span:after{ background-image:url(../img/btn-homeMoreWhite.png);}

.mapinfo{ display:none;}

@media(min-width:768px){
    .storeinfo .txtbox .close{ width:40px; height:40px;}

    .stores .storelist li{ width:33.33333333%; line-height:30px; font-size:14px;}

    .storesearch{ width:50%; float:right; margin:0; background:none; padding:3px 0 4px; font-size:14px;}
}
@media(min-width:1000px){
    .stores .storelist ul{ margin:0;}
    .stores .storelist li{ text-align:left; padding-left:3%; padding-right:3%;}

    .storesearch{ padding:0; width:374px;}

    .storeinfo{ padding:25px 30px;}
    .storeinfo .img,
    .storeinfo .map{ width:50%; max-width:600px; float:left;}

    .storeinfo .txtbox{ width:42%; max-width:445px; float:right; padding-top:42px; margin-top:0;}
    .storeinfo .txtbox .name{ font-size:18px;}
    .storeinfo .txtbox .txt{ padding:40px 0;}
    .storeinfo .morebox a{ height:50px; line-height:50px;}
}
@media(min-width:1200px){
    .stores{ padding:100px 0;}

    .stores .storelist ul{ margin-left:-2%; margin-right:-2%;}
    .stores .storelist li{ padding-top:60px; padding-bottom:60px;}


    .storeinfo .txtbox .txt{ padding-bottom:53px;;}
    .storeinfo .txtbox .time,
    .storeinfo .txtbox .tel{ padding-top:40px;}
}
@media(min-width:1366px){
    .stores .storelist ul{ margin-left:-50px; margin-right:-50px;}
    .stores .storelist li{ padding-left:50px; padding-right:50px;}
}




/*门店分布*/
.storemap{ padding:8% 0 10%;}
.storemap .mpabox,
.storemap .mpabox .bg{ width:100%;}
.storemap .mpabox .logobox{ display:none;}
.storemap .mpabox{ position:relative;}
.storemap .mpabox .map-s{ width:10%; position:absolute; right:0; bottom:-10%;}
.storemap .mpabox .item .infowrap{ display:none;}

.storemap .list{ padding-top:5%;}
.storemap .list .item{ padding-top:5%;}
.storemap .list .item .ti{ font-weight:bold; color:#ddcb90; font-size:16px; border-bottom:1px solid rgba(255,255,255,0.24); padding-bottom:1%;}
.storemap .list .item li{ padding:1% 0;}
.storemap .list .item li .name{ font-weight:bold; padding-bottom:2%;}

@media(min-width:768px){
    .storemap .list .item ul{ margin-left:-2%; margin-right:-2%}
    .storemap .list .item li{ width:33.33333%; float:left; padding:1% 2%;}
}
@media(min-width:1200px){
    .storemap{ padding:78px 0 166px;}
    .storemap .mpabox .logobox{ display:block;}
    .storemap .list{ display:none;}

    .storemap .mpabox,
    .storemap .mpabox .bg{ width:1121px; height:935px;}
    .storemap .mpabox .logobox{ width:356px; border:1px solid rgba(247, 69, 197, 0.16); padding:38px 67px 38px; position:absolute; left:-24px; bottom:-24px;
        background-image: linear-gradient(90deg,
        rgba(249, 34, 62, 0.1) 8%,
        rgba(171, 44, 113, 0.1) 68%,
        rgba(171, 44, 161, 0.1) 100%),
        linear-gradient(
                #001026,
                #001026);
    }
    .storemap .mpabox .logobox:before{ content:''; width:33px; height:33px; display:inline-block; background:url(../img/ico-storeMap.png) no-repeat left top; vertical-align:middle; margin-right:18px;}
    .storemap .mpabox .logobox img{ width:162px; height:37px;}
    .storemap .mpabox .map-s{ width:145px; height:194px; right:-44px; bottom:-131px;}



    /*各省份*/
    .storemap .mpabox{ margin:0 auto;}
    .storemap .mpabox .item{ position:absolute; cursor:pointer; background-position:center; background-repeat:no-repeat;}
    .storemap .mpabox .item .infowrap{ width:156px; height:181px; background:url(../img/ico-storeMap-ad-photobg.png) no-repeat left top; position:absolute;}
    .storemap .mpabox .item .infobox{ position:relative; width:100%; height:100%;}
    .storemap .mpabox .item .map-photo,
    .storemap .mpabox .item .map-photo img{ width:91px; height:91px; border-radius:50%;}
    .storemap .mpabox .item .map-photo{ position:absolute; left:50%; margin-left:-46px; top:14px;}
    .storemap .mpabox .item .infobox .txtbox{ width:381px; height:204px; padding:40px 40px 40px 50px; background:url(../img/bg-txt-storeMap2.png) no-repeat left top; position:absolute; left:130px; top:-35px; overflow:hidden;}
    .storemap .mpabox .item .infobox .txtbox .txt{ position:relative; width:100%; height:100%; overflow:hidden;}
    .storemap .mpabox .item .infobox .txtbox li{ line-height:24px; padding-top:20px;}
    .storemap .mpabox .item .infobox .txtbox li:first-child{ padding-top:0;}
    .storemap .mpabox .item .infobox .txtbox .name{ font-size:30px; line-height:48px;}

    .storemap .mpabox .item2 .infobox .txtbox,
    .storemap .mpabox .item5 .infobox .txtbox,
    .storemap .mpabox .item7 .infobox .txtbox,
    .storemap .mpabox .item12 .infobox .txtbox,
    .storemap .mpabox .item13 .infobox .txtbox,
    .storemap .mpabox .item14 .infobox .txtbox,
    .storemap .mpabox .item15 .infobox .txtbox,
    .storemap .mpabox .item16 .infobox .txtbox,
    .storemap .mpabox .item17 .infobox .txtbox,
    .storemap .mpabox .item21 .infobox .txtbox{ left:auto; right:130px; padding:40px 50px 40px 40px; background:url(../img/bg-txt-storeMap3.png) no-repeat left top;}

    .storemap .mpabox .item.active{ z-index:50;}
    .storemap .mpabox .item.active .infowrap{ display:block;}


    /*北京*/
    .storemap .mpabox .item1{ width:38px; height:43px; right:282px; top:334px; z-index:15;}
    .storemap .mpabox .item1:hover,
    .storemap .mpabox .item1.active{ background-image:url(../img/map/map-beijing.png);}

    /*上海*/
    .storemap .mpabox .item2{ width:23px; height:30px; right:168px; top:567px; z-index:25;}
    .storemap .mpabox .item2:hover,
    .storemap .mpabox .item2.active{ background-image:url(../img/map/map-shanghai.png);}
    .storemap .mpabox .item2 .infowrap{ left:-62px; bottom:-16px;}

    /*天津*/
    .storemap .mpabox .item3{ width:26px; height:44px; right:267PX; top:355px; z-index:16;}
    .storemap .mpabox .item3:hover,
    .storemap .mpabox .item3.active{ background-image:url(../img/map/map-tianjin.png);}

    /*重庆*/
    .storemap .mpabox .item4{ width:106px; height:106px; right:420px; top:572px; z-index:27;}
    .storemap .mpabox .item4:hover,
    .storemap .mpabox .item4.active{ background-image:url(../img/map/map-chongqing.png);}
    .storemap .mpabox .item4 .infowrap{ left:-30px; bottom:5px;}

    /*浙江省*/
    .storemap .mpabox .item5{ width:89px; height:105px; right:159px; top:587px; z-index:21;}
    .storemap .mpabox .item5:hover,
    .storemap .mpabox .item5.active{ background-image:url(../img/map/map-zhejiang.png);}
    .storemap .mpabox .item5 .infowrap{ left:-30px; bottom:5px;}

    /*广东省*/
    .storemap .mpabox .item6{ width:177px; height:138px; left:688px; bottom:52px; z-index:30;}
    .storemap .mpabox .item6:hover,
    .storemap .mpabox .item6.active{ background-image:url(../img/map/map-guangdong.png);}
    .storemap .mpabox .item6 .infowrap{ left:8px; bottom:72px;}

    /*江苏省*/
    .storemap .mpabox .item7{ width:124px; height:111px; right:170px; top:486px; z-index:19;}
    .storemap .mpabox .item7:hover,
    .storemap .mpabox .item7.active{ background-image:url(../img/map/map-jiangsu.png);}
    .storemap .mpabox .item7 .infowrap{ left:-2px; bottom:13px;}

    /*河北省*/
    .storemap .mpabox .item8{ width:121px; height:175px; right:234px; top:292px; z-index:14;}
    .storemap .mpabox .item8:hover,
    .storemap .mpabox .item8.active{ background-image:url(../img/map/map-hebei.png);}
    .storemap .mpabox .item8 .infowrap{ left:-55px; bottom:30px;}

    /*山西省*/
    .storemap .mpabox .item9{ width:86px; height:164px; right:336px; top:345px; z-index:14;}
    .storemap .mpabox .item9:hover,
    .storemap .mpabox .item9.active{ background-image:url(../img/map/map-shangxi.png);}
    .storemap .mpabox .item9 .infowrap{ left:-38px; bottom:30px;}

    /*四川省*/
    .storemap .mpabox .item10{ width:238px; height:223px; left:429px; top:502px; z-index:8;}
    .storemap .mpabox .item10:hover,
    .storemap .mpabox .item10.active{ background:url(../img/map/map-sichuan.png);}
    .storemap .mpabox .item10 .infowrap{ left:60px; bottom:96px;}

    /*河南省*/
    .storemap .mpabox .item11{ width:131px; height:130px; right:286px; top:460px; z-index:22;}
    .storemap .mpabox .item11:hover,
    .storemap .mpabox .item11.active{ background-image:url(../img/map/map-henan.png);}
    .storemap .mpabox .item11 .infowrap{ left:-11px; bottom:34px;}

    /*辽宁省*/
    .storemap .mpabox .item12{ width:132px; height:132px; right:125px; top:256px; z-index:17;}
    .storemap .mpabox .item12:hover,
    .storemap .mpabox .item12.active{ background-image:url(../img/map/map-liaoning.png);}
    .storemap .mpabox .item12 .infowrap{ left:-11px; bottom:34px;}

    /*吉林省*/
    .storemap .mpabox .item13{ width:182px; height:137px; right:36px; top:183px; z-index:6;}
    .storemap .mpabox .item13:hover,
    .storemap .mpabox .item13.active{ background-image:url(../img/map/map-jiin.png);}
    .storemap .mpabox .item13 .infowrap{ left:-11px; bottom:34px;}

    /*黑龙江省*/
    .storemap .mpabox .item14{ width:244px; height:239px; right:0; top:0; z-index:5;}
    .storemap .mpabox .item14:hover,
    .storemap .mpabox .item14.active{ background-image:url(../img/map/map-heilongjiang.png);}
    .storemap .mpabox .item14 .infowrap{ left:56px; bottom:34px;}

    /*山东省*/
    .storemap .mpabox .item15{ width:155px; height:101px; right:171px; top:406px; z-index:19;}
    .storemap .mpabox .item15:hover,
    .storemap .mpabox .item15.active{ background-image:url(../img/map/map-shangdong.png);}
    .storemap .mpabox .item15 .infowrap{ left:-28px; bottom:34px;}

    /*安徽省*/
    .storemap .mpabox .item16{ width:105px; height:135px; right:216px; top:502px; z-index:20;}
    .storemap .mpabox .item16:hover,
    .storemap .mpabox .item16.active{ background-image:url(../img/map/map-anhui.png);}
    .storemap .mpabox .item16 .infowrap{ left:-28px; bottom:34px;}

    /*福建省*/
    .storemap .mpabox .item17{ width:101px; height:124px; right:189px; bottom:146px; z-index:31;}
    .storemap .mpabox .item17:hover,
    .storemap .mpabox .item17.active{ background-image:url(../img/map/map-fujian.png);}
    .storemap .mpabox .item17 .infowrap{ left:-28px; bottom:34px;}

    /*湖北省*/
    .storemap .mpabox .item18{ width:170px; height:109px; right:290px; top:544px; z-index:23;}
    .storemap .mpabox .item18:hover,
    .storemap .mpabox .item18.active{ background-image:url(../img/map/map-hubei.png);}
    .storemap .mpabox .item18 .infowrap{ left:50px; bottom:20px;}

    /*湖南省*/
    .storemap .mpabox .item19{ width:124px; height:144px; right:327px; bottom:166px; z-index:28;}
    .storemap .mpabox .item19:hover,
    .storemap .mpabox .item19.active{ background-image:url(../img/map/map-hunan.png);}
    .storemap .mpabox .item19 .infowrap{ left:-12px; bottom:50px;}

    /*海南省*/
    .storemap .mpabox .item20{ width:61px; height:51px; right:398px; bottom:0;}
    .storemap .mpabox .item20:hover,
    .storemap .mpabox .item20.active{ background-image:url(../img/map/map-hainan.png);}

    /*江西省*/
    .storemap .mpabox .item21{ width:109px; height:149px; right:235px; top:622px; z-index:29;}
    .storemap .mpabox .item21:hover,
    .storemap .mpabox .item21.active{ background-image:url(../img/map/map-jiangxi.png);}
    .storemap .mpabox .item21 .infowrap{ left:-36px; bottom:50px;}

    /*贵州省*/
    .storemap .mpabox .item22{ width:135px; height:117px; left:552px; bottom:168px; z-index:26;}
    .storemap .mpabox .item22:hover,
    .storemap .mpabox .item22.active{ background-image:url(../img/map/map-guizhou.png);}
    .storemap .mpabox .item22 .infowrap{ left:2px; bottom:30px;}

    /*云南省*/
    .storemap .mpabox .item23{ width:202px; height:215px; left:406px; bottom:84px; z-index:7;}
    .storemap .mpabox .item23:hover,
    .storemap .mpabox .item23.active{ background-image:url(../img/map/map-yunnan.png);}
    .storemap .mpabox .item23 .infowrap{ left:2px; bottom:30px;}

    /*陕西省*/
    .storemap .mpabox .item24{ width:120px; height:208px; right:400px; top:377px; z-index:10;}
    .storemap .mpabox .item24:hover,
    .storemap .mpabox .item24.active{ background-image:url(../img/map/map-shanxi.png);}
    .storemap .mpabox .item24 .infowrap{ left:-3px; bottom:47px;}

    /*甘肃省*/
    .storemap .mpabox .item25{ width:317px; height:285px; left:354px; top:275px; z-index:9;}
    .storemap .mpabox .item25:hover,
    .storemap .mpabox .item25.active{ background-image:url(../img/map/map-ganshu.png);}
    .storemap .mpabox .item25 .infowrap{ left:143px; bottom:58px;}

    /*广西区*/
    .storemap .mpabox .item26{ width:176px; height:130px; left:569px; bottom:82px; z-index:18;}
    .storemap .mpabox .item26:hover,
    .storemap .mpabox .item26.active{ background-image:url(../img/map/map-guangxi.png);}
    .storemap .mpabox .item26 .infowrap{ left:36px; bottom:44px;}

    /*宁夏区*/
    .storemap .mpabox .item27{ width:69px; height:109px; left:582px; top:382px; z-index:11;}
    .storemap .mpabox .item27:hover,
    .storemap .mpabox .item27.active{ background-image:url(../img/map/map-ningxia.png);}
    .storemap .mpabox .item27 .infowrap{ left:-36px; bottom:14px;}

    /*青海省*/
    .storemap .mpabox .item28{ width:282px; height:209px; left:275px; top:359px; z-index:4;}
    .storemap .mpabox .item28:hover,
    .storemap .mpabox .item28.active{ background-image:url(../img/map/map-qinghai.png);}
    .storemap .mpabox .item28 .infowrap{ left:69px; bottom:77px;}

    /*新疆区*/
    .storemap .mpabox .item29{ width:446px; height:352px; left:0; top:80px; z-index:3;}
    .storemap .mpabox .item29:hover,
    .storemap .mpabox .item29.active{ background-image:url(../img/map/map-xinjiang.png);}

    /*西藏区*/
    .storemap .mpabox .item30{ width:423px; height:284px; left:36px; bottom:256px; z-index:2;}
    .storemap .mpabox .item30:hover,
    .storemap .mpabox .item30.active{ background-image:url(../img/map/map-xizang.png);}
    .storemap .mpabox .item30 .infowrap{ left:180px; bottom:60px;}

    /*内蒙古区*/
    .storemap .mpabox .item31{ width:501px; height:422px; left:459px; top:9px; z-index:1;}
    .storemap .mpabox .item31:hover,
    .storemap .mpabox .item31.active{ background-image:url(../img/map/map-neimenggu.png);}
    .storemap .mpabox .item31 .infowrap{ left:180px; bottom:60px;}

    /*香港*/
    .storemap .mpabox .item32{}

    /*澳门*/
    .storemap .mpabox .item33{}

    /*台湾*/
    .storemap .mpabox .item34{ width:40px; height:91px; right:122px; bottom:101px; z-index:32;}
    .storemap .mpabox .item34:hover,
    .storemap .mpabox .item34.active{ background-image:url(../img/map/map-taiwang.png);}
}




/*明星艺员*/
.stars{ padding:5% 0; position:relative;}
.starslist{ position:relative;}
.starslist a{ display:inline-block; width:100%; overflow:hidden;}
.starslist img{ width:100%;}
.starslist a .txtbox{ position:absolute; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.7); padding:2%; opacity:0; transform:translateY(100%); transition:all 0.3s;}
.starslist a .txtbox .h1{ font-size:16px;}
.starslist a:hover:after{ content:''; width:100%; height:100%; display:block; background-image:url(../img/star-mark.png); background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0;}
.starslist a:hover .txtbox{ opacity:1; transform:translateY(0);}

.stars .control{ padding-top:5%; font-size:0; text-align:center;}
.stars .btnbox{ font-size:0;}
.stars .btnbox .btn{ width:30px; height:30px; back1-position:center; background-repeat:no-repeat; background-size:cover; cursor:pointer; display:inline-block;}
.stars .btnbox .prev{ background-image:url(../img/btn-home-prev.png); margin-right:20px;}
.stars .btnbox .next{ background-image:url(../img/btn-home-next.png);}


.starsinfo{ background:url(../img/bg-start2.png) repeat-x left top; background-size:auto 100%;}
.starsinfo .boxl .img{ background-image:url(../img/bg-start.jpg); background-position:left top; background-repeat:repeat-y; background-size:96% auto; padding:2% 0 0 2%;}
.starsinfo .boxl .img img{ width:100%;}

.starsinfo .musiclist{ padding:5% 2%;}
.starsinfo .musiclist .audio{ display:none;}
.starsinfo .musiclist .list ul{ background:url(../img/line-current.png) repeat-x left bottom;}
.starsinfo .musiclist .list li{ background:url(../img/line-current.png) repeat-x left top; padding:3% 2%; position:relative; cursor:pointer;}
.starsinfo .musiclist .list li span,
.starsinfo .musiclist .list li em{ display:inline-block; vertical-align:middle;}
.starsinfo .musiclist .list li i{ width:24px; height:24px; display:inline-block; background-image:url(../img/btn-mplayer-splay-2.png); background-position:center; background-repeat:no-repeat; background-size:cover; float:right; margin-left:10px; cursor:pointer; opacity:0.2;}
.starsinfo .musiclist .list li.play i{ background-image:url(../img/btn-mplayer-splay-2.png);}
.starsinfo .musiclist .list li.pause i{ background-image:url(../img/btn-mplayers-spause-2.png);}
.starsinfo .musiclist .list li em{ font-style:normal; width:70%; width:calc(100% - 34px - 18%);}
.starsinfo .musiclist .list li span{ float:right; width:18%; text-align:center; color:#999;}
.starsinfo .musiclist .list li.pause:after,
.starsinfo .musiclist .list li:hover:after{ content:''; display:block; width:100%; height:100%; border:1px solid #fff; position:absolute; left:0; top:0; box-sizing:border-box; z-index:1; visibility:visible;}
.starsinfo .musiclist .list li.pause i,
.starsinfo .musiclist .list li:hover i{ opacity:1;}

.starsinfo .musiclist .tibox{ padding:5% 0;}
.starsinfo .musiclist .tibox em{ font-size:16px; font-style:normal; display:inline-block;}
.starsinfo .musiclist .tibox em:before{ content:''; width:10px; height:18px; margin-right:5px; display:inline-block; vertical-align:middle; background-image:url(../img/ico-musi.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.starsinfo .musiclist .tibox .tabbox{ float:right; font-size:0;}
.starsinfo .musiclist .tabbox span{ display:inline-block; padding:0 1px;}
.starsinfo .musiclist .tabbox span:after{ content:''; display:block; background-color:rgba(255,255,255,0.3); width:5px; height:5px; border-radius:50%; cursor:pointer;}
.starsinfo .musiclist .tabbox .active:after{ background-color:#E12444;}


.starsinfo .boxr{ padding-top:5%;}
.starsinfo .txtbox{ color:#999; position:relative;}
.starsinfo .txtbox a{ color:#999;}
.starsinfo .txtbox a:hover{ color:#fff;}

.starsinfo .txtbox .back{ width:30px; height:30px; display:block; position:absolute; right:0; top:0; background-image:url(../img/back1.png); back1-position:center; background-size:cover; cursor:pointer;}
.starsinfo .txtbox .txt{ padding-bottom:3%;}
.starsinfo .txtbox .txt1{ color:#fff;}
.starsinfo .txtbox .h1{ font-size:18px; font-weight:normal;}


.starsinfo .videoplayer{ width:100%; max-width:360px; overflow:hidden; position:relative; margin-top:2%; background-color:#000;}
.starsinfo .videoplayer video{ width:100%; height:100%; vertical-align:top;}
.starsinfo .videoplayer i{ width:50px; height:50px; display:block; background:url(../img/btn-videoplay.png) no-repeat left top; position:absolute; left:50%; top:50%; margin-left:-25px; margin-top:-25px; z-index:3; cursor:pointer; z-index:3;}
.starsinfo .videoplayer .img{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-size:cover; background-position:center; background-repeat:no-repeat;}
.starsinfo .videoplayer:after{ content:''; width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.4); z-index:2;}
.starsinfo .videoplayer.pause:after{ display:none;}

@media(min-width:768px){
    .starslist a.a1,
    .starslist a.a9{ width:100%;}

    .starslist a.a2,
    .starslist a.a3,
    .starslist a.a7,
    .starslist a.a8{ width:50%;}

    .starslist a.a4,
    .starslist a.a5,
    .starslist a.a6{ width:33.333333%;}

    .stars .control:before,
    .stars .control:after{ content:""; width:35%; width:calc((100% - 140px)/2); height:4px; display:inline-block; background-position:left top; background-repeat:repeat-y; background-size:100% auto; vertical-align:middle;}
    .stars .control:before{ background-image:url(../img/bg-homeParty-Lline.jpg);}
    .stars .control:after{ background-image:url(../img/bg-homeParty-Rline.jpg);}
    .stars .btnbox{ vertical-align:middle; display:inline-block; padding:0 30px;}


    .starsinfo .musiclist{ padding:3% 2%;}
    .starsinfo .musiclist .tibox{ padding:3% 0;}
    .starsinfo .musiclist .tibox em{ font-size:18px;}
    .starsinfo .musiclist .tibox em:before{ width:12px; height:22px; margin-right:12px;}

    .starsinfo .txtbox .back{ width:40px; height:40px;}
    .starsinfo .txtbox{ line-height:24px;}
    .starsinfo .txtbox .txt3 .ti{ width:10%; float:left;}
    .starsinfo .txtbox .txt3 .txt{ width:90%; float:left;}
}
@media(min-width:1000px){
    .stars{ padding-bottom:156px;}

    .stars .control{ padding-top:83px;}
    .stars .btnbox{ padding:0 56px;}
    .stars .btnbox .btn{ width:40px; height:40px;}
    .stars .control:before,
    .stars .control:after{ width:385px; width:calc((100% - 212px)/2);}


    .starsinfo{ padding-right:28px;}
    .starsinfo .boxl{ width:44%; float:left;}
    .starsinfo .musiclist{ padding:38px 22px;}
    .starsinfo .musiclist .tibox{ padding-right:22px;}
    .starsinfo .musiclist .list li{ padding:19px 10px;}

    .starsinfo .boxr{ width:50%; float:right; padding-top:24px;}
    .starsinfo .txtbox{ padding-top:48px;}
    .starsinfo .txtbox .txt3 .ti{ width:16%;}
    .starsinfo .txtbox .txt3 .txt{ width:84%;}

    .starsinfo .videoplayer,
    .starsinfo .videoplayer video{ width:360px; height:240px;}
}
@media(min-width:1200px){
    .starslist a .txtbox{ padding:15px;}

    .stars{ margin-top:-240px;}
    .stars .control:before,
    .stars .control:after{ width:494px;}

    .starslist,
    .starslist .item{ width:1200px; height:720px;}
    .starslist{ overflow:hidden; margin:0 auto;}
    .starslist a{ position:absolute; cursor:pointer;}
    .starslist a img{ width:100%; height:100%;}
    .starslist a.a1,
    .starslist a.a9{ width:480px; height:480px;}

    .starslist a.a2,
    .starslist a.a3,
    .starslist a.a4,
    .starslist a.a5,
    .starslist a.a6,
    .starslist a.a7,
    .starslist a.a8{ width:240px; height:240px;}

    .starslist a.a1,
    .starslist a.a4,
    .starslist a.a7,
    .starslist a.a8{ top:0;}

    .starslist a.a1,
    .starslist a.a2{ left:0;}
    .starslist a.a3{ left:240px;}

    .starslist a.a2,
    .starslist a.a3,
    .starslist a.a6,
    .starslist a.a9{ bottom:0;}

    .starslist a.a4,
    .starslist a.a5,
    .starslist a.a6{ left:480px;}
    .starslist a.a5{ top:240px;}

    .starslist a.a7{ right:240px;}

    .starslist a.a8,
    .starslist a.a9{ right:0;}


    .starsinfo .boxl{ width:480px;}
    .starsinfo .boxr{ width:600px;}
    .starsinfo .boxl .img,
    .starsinfo .boxl .img img{ width:480px; height:480px;}
    .starsinfo .boxl .img{ position:relative; background-size:100% auto;}
    .starsinfo .boxl .img img{ position:absolute; right:-10px; bottom:-10px;}

    .starsinfo .txtbox .txt{ padding-bottom:20px;}
    .starsinfo .txtbox .txt3 .ti{ width:75px;}
    .starsinfo .txtbox .txt3 .txt{ width:525px;}
}
@media(min-width:1440px){
    .stars{ margin-top:-240px; padding-top:0;}
}




/*苏荷新闻*/
.news{ padding:5% 0;}

.news .imgslide{ position:relative;}
.news .imgslide .itemlist{ padding-left:10%;}
.news .imgslide .itemlist li,
.news .imgslide .itemlist li img{ width:100%;}

.news .imgslide .btnbox{ text-align:center; font-size:0; padding-top:3%;}
.news .imgslide .btnbox .btn{ width:30px; height:30px; display:inline-block; cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:cover;}
.news .imgslide .btnbox .prev{ background-image:url(../img/btn-home-prev.png); margin-right:12px;}
.news .imgslide .btnbox .next{ background-image:url(../img/btn-home-next.png);}

.news .imgslide .tabbox{ font-size:0; padding:3% 0; text-align:center;}
.news .imgslide .tabbox span{ display:inline-block; margin-left:6px; width:14px; height:3px; background-color:rgba(255,255,255,0.7);}
.news .imgslide .tabbox span:first-child{ margin-left:0;}
.news .imgslide .tabbox .active{ background-image:url(../img/dots-news.png); background-position:left top; background-repeat:repeat-y; background-size:100% auto;}

.news .imgslide .txtlist{ background-image:url(../img/bg-homepartyTxt.jpg); background-position:left top; background-repeat:repeat-y; background-size:100% auto; padding:3%; margin:0 auto;}
.news .imgslide .txtlist .item time{ display:inline-block; text-align:center;}
.news .imgslide .txtlist .item time em{ font-size:30px; font-style:normal; font-size:40px; line-height:32px; letter-spacing:3px; display:block;}
.news .imgslide .txtlist .item .ti{ font-size:18px; padding:2% 0 1%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .imgslide .txtlist .item .p{ color:rgba(255,255,255,0.7);}



.newslist{ padding-top:10%;}
.newslist li{ padding-bottom:3%;}
.newslist li a:hover{ color:#E90A35;}
.newslist li .item{ background-image:url(../img/bg-newsTxt.png); background-position:left top; background-repeat:repeat-y; background-size:100% auto;}
.newslist li .bg{ height:100%; background-image:url(../img/line-news.jpg); background-position:left bottom; background-repeat:no-repeat; background-size:100% auto;}
.newslist li .img,
.newslist li .img img{ width:100%;}
.newslist li .img{ overflow:hidden;}
.newslist li .img img{ transition:all 0.3s;}
.newslist li .txtbox{ padding:4%;}
.newslist li time{ display:inline-block; text-align:center;}
.newslist li time em{ font-size:30px; font-style:normal; font-size:40px; line-height:32px; letter-spacing:3px; display:block;}
.newslist li .ti{ font-size:18px; padding:2% 0;}
.newslist li .p{ color:#999;}
.newslist li .img:hover img{ transform:scale(1.2,1.2);}

.newsinfo{}
.newsinfo .tibox{ background:url(../img/line-current.png) no-repeat left bottom; text-align:center;}
.newsinfo .tibox .ti{ font-size:18px;}
.newsinfo .tibox time{ padding:2%; display:block;}
.newsinfo .txtbox{ padding:5% 0;}


@media(min-width:768px){
    .newslist ul{ margin-left:-2%; margin-right:-2%;}
    .newslist li{ width:50%; float:left; padding-left:2%; padding-right:2%;}
    .newslist li .txtbox{ padding:5% 5% 8%;}

    .newsinfo .tibox .ti{ font-size:20px;}
    .newsinfo .tibox time{ padding:10px;}

    .news .imgslide .txtlist{ max-width:50%;}
}
@media(min-width:1000px){
    .newslist li{ width:33.33333%;}

    .news .imgslide .btnbox .btn{ width:40px; height:40px;}
}
@media(min-width:1200px){
    .news{ padding:127px 0 82px;}
    .newslist{ padding:116px 0 33px;}
    .newslist li{ padding:0 19px 50px;}
    .newslist li .txtbox{ padding:45px 35px 55px;}
    .newslist li .ti{ padding:30px 0 20px;}

    .newslist li time em{ font-size:68px; line-height:55px; letter-spacing:0;}
    .newslist li time span{ font-size:16px;}


    .news .imgslide .itemlist,
    .news .imgslide .itemlist li,
    .news .imgslide .itemlist li img{ width:741px; height:495px;}
    .news .imgslide .itemlist{ padding-left:5%;}

    .news .imgslide .txtlist{ width:495px; height:320px; padding:72px 99px 75px 102px; background:url(../img/bg-newsTxt2.png) no-repeat left top; position:absolute; right:0; top:50%; margin-top:-160px; z-index:3;}
    .news .imgslide .txtlist .item time em{ font-size:68px; line-height:55px; letter-spacing:0;}
    .news .imgslide .txtlist .item time span{ font-size:16px;}
    .news .imgslide .txtlist .item .ti{ padding:35px 0 0;}
    .news .imgslide .txtlist .item .p{ line-height:24px;}
    .news .imgslide .txtlist i{ width:73px; height:74px; position:absolute; top:50%; left:-37px; margin-top:-37px; background:url(../img/ico-newsImg.png) no-repeat left top;}
    .news .imgslide .txtlist i:after{ content:''; width:132px; height:5px; display:block; background:url(../img/line-news2.jpg) no-repeat left top; position:absolute; right:100%; top:50%; margin-top:-3px;}

    .news .imgslide .btnbox{ position:absolute; right:0; bottom:24px; padding:0;}
    .news .imgslide .tabbox{ position:absolute; right:330px; bottom:40px; padding:0;}
}




/*苏荷party*/
.party{ padding:5% 0;}

/** Feature Carousel **/
.party .carousel{ position:relative; width:100%; padding-bottom:10%;}
.party .carousel .jq_carousel{ position:relative; width:100%;}
.party .carousel .carousel_elm{ position:absolute; cursor:pointer; top:50%;}
.party .carousel .active{ top:0;}
.party .carousel .carousel_img{ display:block; width:100%;}
.party .carousel .carousel_elm .carousel_caption{ position:absolute; width:68%; left:50%; margin-left:-34%; bottom:-20%; padding:3%; color:#fff; background-image:url(../img/bg-homepartyTxt.jpg); background-position:left top; background-repeat:repeat-y; background-size:100% auto;}
.party .carousel .carousel_elm .carousel_caption em{ font-style:normal;}
.party .carousel .carousel_elm .carousel_caption .info .ti{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.party .carousel .carousel_elm .carousel_caption .p{ color:rgba(255,255,255,0.5);}

.party .carousel .btn{ width:30px; height:30px; display:block; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; bottom:0; z-index:10; cursor:pointer;}
.party .carousel .prev{ background-image:url(../img/btn-home-prev.png); left:5%;}
.party .carousel .next{ background-image:url(../img/btn-home-next.png); right:5%;}

.tracker_summation_container{ position:absolute; color:white; bottom:2.5em; padding:3px; margin:3px; background-color:#000; display:none;}
.tracker_individual_container{ position:absolute; color:white; right:1em; bottom:.3em; padding:0; margin:0; display:none !important;;}
.tracker_individual_container li{ list-style:none;}
.tracker_individual_container .tracker_individual_blip{ margin:0 3px; padding:0 3px; color:white; text-align:center; background-color:#0000da; font-weight:bold;}
.tracker_individual_container .tracker_individual_blip-selected{ color:white; font-weight:bold; background-color:#000; border:1px solid #fe0000;}


/** LightBox **/
#lightbox{ position:fixed; display: none; top:0; width:100%;  height:100%;  background:#a7a8a9;  text-align:center; z-index:9999;}
#lightbox #lghtbox_cls{ position:absolute; top:-.2em; right:0; width:4em; border:1px solid #0001da; padding: 1px; color:#f01;  font-size:12px; cursor:pointer;}
#lightbox_cnt{ margin:.3em auto;}
#lightbox_cnt #lghtboximg{ box-shadow:0 0 .5em #111; -webkit-box-shadow:0 0 .5em #111; max-width:100%;}
#lightbox #lightbox_cntx{ position:relative; margin:.3em; border:1px solid #000; background:#fbfbfb; padding: .14em; color:#0101be;  font-size:1.15em;}



.party .partylist{ padding-top:10%;}
.partylist li{ padding-bottom:5%;}
.partylist li a{ display:block;}
.partylist li .img{ overflow:hidden;}
.partylist li img{ width:100%; transition:all 0.3s;}
.partylist li .tibox{ padding:5%;}
.partylist li time{ float:left; text-align:center; width:22%;}
.partylist li time em{ font-style:normal; font-size:40px; display:block; line-height:30px; letter-spacing:3px;}
.partylist li .info{ float:left; width:78%; padding-left:10px; overflow:hidden;}
.partylist li .info .ti{ font-size:16px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.partylist li .info .p{ font-size:12px; color:#999; line-height:12px;}
.partylist li .img:hover img{ transform:scale(1.2,1.2);}
.partylist li .iwrap{ padding-left:20px; position:relative;}
.partylist li .iwrap:before{ content:''; width:3px; height:70px; display:block; background-image:url(../img/bg-homeParty-line.jpg); background-position:left top; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; bottom:60%;}

.partylist li:hover .tibox{ background-image:url(../img/bg-homepartyTxt.jpg); background-position:left top; background-repeat:repeat-y; background-size:100% auto;}
.partylist li:hover .tibox .iwrap:before{ background:#fff;}
.partylist li:hover time{ background:none; color:#fff; -webkit-text-fill-color: #fff;}

@media(min-width:768px){
    .partylist ul{ margin-left:-2%; margin-right:-2%;}
    .partylist li{ width:50%; padding:0 2% 3%; float:left;}
    .partylist li time em{ line-height:32px;}


    .party .carousel{ padding-bottom:6%;}
    .party .carousel .carousel_elm .carousel_caption{ bottom:-15%; padding:3% 10%;}
    .party .carousel .carousel_elm .carousel_caption .infobox{ background:url(../img/btn-homeMoreWhite.png) no-repeat right center; padding-right:30px;}
    .party .carousel .carousel_elm .carousel_caption time{ float:left; width:22%; text-align:center;}
    .party .carousel .carousel_elm .carousel_caption time em{ font-style:normal; font-size:50px; display:block; line-height:45px; letter-spacing:3px;}
    .party .carousel .carousel_elm .carousel_caption .info{ float:left; width:78%; padding-left:20px; overflow:hidden;}
    .party .carousel .carousel_elm .carousel_caption .info .ti{ font-size:16px;}

    .party .carousel .btn{ width:40px; height:40px;}
    .party .carousel .btn{ bottom:-5%;}
    .party .carousel .prev{ left:8%;}
    .party .carousel .next{ right:8%;}
}
@media(min-width:1000px){
    .partylist li time em{ font-size:68px; line-height:55px; letter-spacing:0;}
    .partylist li time span{ font-size:16px;}

    .partylist li .info .ti{ font-size:18px;}
    .partylist li .info .p{ font-size:14px; line-height:24px;}


    .party .carousel{ padding:0 25px 40px;}
}
@media(min-width:1200px){
    .party{ padding:124px 0 92px;}

    .partylist li{ width:33.33333%; padding:0 17px; margin-bottom:40px;}
    .partylist li img{ width:382px; height:256px;}
    .partylist li .tibox{ padding:24px 26px 24px 40px;}
    .partylist li .tibox .iwrap{ position:relative; padding-left:20px;}
    .partylist li .tibox .iwrap:before{ content:''; display:block; width:3px; height:70px; position:absolute; left:0; top:-44px; background:url(../img/bg-homeParty-line.jpg) no-repeat left top;}

    .partylist li time{ width:75px;}
    .partylist li .info{ padding-left:20px; width:220px;}


    .party .carousel{ padding:0 36px; margin-bottom:121px;}
    .party .carousel .btn{ bottom:-65px;}
    .party .carousel .carousel_img{ width:741px; height:495px;}
    .party .carousel .carousel_elm .carousel_caption{ padding:39px 74px 39px 69px; bottom:-121px;}
    .party .carousel .carousel_elm .carousel_caption .info{ padding-left:46px;}
    .party .carousel .carousel_elm .carousel_caption time em{ font-size:68px; line-height:60px;}
    .party .carousel .carousel_elm .carousel_caption time span{ font-size:16px; letter-spacing:2px;}
    .party .carousel .carousel_elm .carousel_caption .info{ line-height:24px; padding-top:5px;}

    .party .carousel .prev{ left:200px;}
    .party .carousel .next{ right:200px;}
}




/*苏荷优势*/
.banner .advantcolumnname{ width:40%; max-width:400px;}

.advantage{ padding:5% 0;}
.advantage .Ptxt{ padding-bottom:5%;}
.advantage .Ptxt em{ font-size:20px; font-style:normal; display:block;}
.advantage .Ptxt span{ font-size:18px; display:block;}
.advantage .Ptxt dl,
.advantage .Ptxt dd{ margin:0;}
.advantage .Ptxt dl{ padding-top:2%;}
.advantage .Ptxt dd:before,
.advantlist li .ti em:before{ content:''; width:16px; height:16px; display:inline-block; margin-right:5px; background-image:url(../img/ico-aboutTi2.png); background-repeat:no-repeat; background-position:center; background-size:cover; vertical-align:middle;}
.advantage .Ptxt dd b{ font-size:16px;}

.advantage .advantlist{}
.advantlist li{ padding:3% 0;}
.advantlist li .img,
.advantlist li .img img{ width:100%;}
.advantlist li .img .num{ display:none;}
.advantlist li .ti{ font-size:18px; padding:3% 0 2%;}
.advantlist li .ti span{ display:block;}
.advantlist li .ti em{ font-size:20px; font-style:normal;}
.advantlist li .dl,
.advantlist li .dl dd{ margin:0; list-style:none;}
.advantlist li .dl dd em{ font-style:normal; font-weight:bold; font-size:18px;}
.advantlist li .dl dd em:after{ content:''; width:16px; height:16px; display:inline-block; margin-left:5px; background-image:url(../img/ico-aboutTi1.png); background-repeat:no-repeat; background-position:center; background-size:cover; vertical-align:middle;}
.advantlist li .txt{ font-size:12px;}

@media(min-width:768px){
    .advantage .Ptxt dd:before,
    .advantlist li .ti em:before{ width:20px; height:20px;}


    .advantage .Ptxt{ font-size:18px;}
    .advantage .Ptxt em{ font-size:30px;}
    .advantage .Ptxt span{ font-size:24px;}
    .advantage .Ptxt dd:before,
    .advantlist li .ti em:before{ width:20px; height:20px;}
    .advantage .Ptxt dd b{ font-size:20px;}

    .advantlist li .img{ position:relative;}
    .advantlist li .img img,
    .advantlist li .txtbox{ width:78.25%;}
    .advantlist li .img .num{ display:block; font-size:60px; line-height:55px; color:rgba(255,255,255,0.2); position:absolute; bottom:0;}
    .advantlist li .img .ti{ position:absolute; top:10%; background-image:url(../img/bg-advantageTxt1.png); background-position:center; background-repeat:repeat-y; background-size:100% auto; padding:5%; min-width:250px; max-width:489px; text-align:right;}
    .advantlist li .txtbox{ padding:5%;}
    .advantlist li .dl dd em:after{ width:20px; height:20px;}

    .advantlist li.lil .img,
    .advantlist li.lil .img img{ float:right;}
    .advantlist li.lil .txtbox{ float:right;}
    .advantlist li.lil .num,
    .advantlist li.lil .ti{ left:0;}
    .advantlist li.lil .txtbox{ padding-left:15%;}

    .advantlist li.lir .img,
    .advantlist li.lir .img img{ float:left;}
    .advantlist li.lir .txtbox{ float:left;}
    .advantlist li.lir .num,
    .advantlist li.lir .ti{ right:0;}
    .advantlist li.lir .txtbox{ padding-right:15%;}
}
@media(min-width:1000px){
    .banner .advantcolumnname{ max-width:none;  width:360px;}
}
@media(min-width:1200px){
    .banner .columnname .bg{ width:340px;}
    .banner .advantcolumnname .bg{ width:400px;}

    .advantage .Ptxt{ font-size:18px; padding-bottom:0;}
    .advantage .Ptxt em{ font-size:36px;}
    .advantage .Ptxt span{ font-size:24px;}
    .advantage .Ptxt dd{ display:inline-block; padding-left:35px;}
    .advantage .Ptxt dd:first-child{ padding-left:0;}
    .advantage .Ptxt dd b{ font-size:20px;}

    .advantlist li{ padding-top:78px; padding-bottom:0;}
    .advantlist li .img .ti{ padding:66px 50px; width:440px; top:54px; font-size:35px;}
    .advantlist li .img .ti em{ font-size:40px;}
    .advantlist li .img .ti em:before{ vertical-align:baseline; margin-right:10px;}
    .advantlist li .img .num{ font-size:120px; line-height:90px;}
    .advantlist li .txtbox{ padding:56px 50px; position:relative; z-index:10; overflow:visible;}
    .advantlist li .txtbox .ico:before{ content:''; width:3px; height:147px; display:block; position:absolute; left:50%; margin-left:-2px; bottom:73px; background-image:url(../img/line-advant.jpg); background-position:left top; background-repeat:repeat-y; background-size:cover;}
    .advantlist li .txt{ font-size:18px; line-height:32px;}
    .advantlist li.li6 .img .ti{ width:486px;}
    .advantlist li .dl dd{ padding-top:40px;}
    .advantlist li .dl dd:first-child{ padding-top:0;}

    .advantlist li .ico{ width:74px; height:73px; display:inline-block; background:url(../img/ico-advant-b1.png) no-repeat center; position:absolute; bottom:56px;}

    .advantlist li.lir .txtbox{ padding-left:200px; padding-right:56px;}
    .advantlist li.lir .txtbox .ico{ left:80px;}

    .advantlist li.lil .txtbox{ padding-right:200px; padding-left:56px;}
    .advantlist li.lil .txtbox .ico{ right:80px;}

    .advantlist li.li3 .txtbox .ico:before{ height:585px;}
    .advantlist li.li4 .txtbox .ico:before{ height:366px;}
}




/*苏荷加盟*/
.join{ padding:5% 0;}
.join .joinlist{}
.joinlist li{ padding:5% 0;}
.joinlist li .img,
.joinlist li .img img{ width:100%;}
.joinlist li .txtshow{ display:none;}
.joinlist li .tibox{ position:relative; width:65.41%;}
.joinlist li .tibox .num{ opacity:0; display:inline-block; color:rgba(255,255,255,0.2);}
.joinlist li .tibox .ti{ background-image:url(../img/bg-joinTxt-1.png); background-position:center; background-repeat:repeat-y; background-size:100% auto; display:inline-block; padding:3%; position:absolute; bottom:-130%;}
.joinlist li .tibox .ti em{ font-style:normal; font-size:16px; font-weight:bold;}
.joinlist li .tibox .ti em:after{ content:''; width:16px; height:16px; display:inline-block; background-image:url(../img/ico-aboutTi2.png); background-position:center; background-repeat:no-repeat; background-size:100% auto; margin-left:5px; vertical-align:middle;}
.joinlist li .tibox .ti span{ display:block;}
.joinlist li .txtbox{ background-image:url(../img/bg-joinTxt-2.png); background-position:center; background-repeat:repeat-y; background-size:100% auto; padding:5%;}
.joinlist li .txtbox .ti{}
.joinlist li .txtbox .ti em{ font-style:normal; font-size:16px; display:block; font-weight:bold;}
.joinlist li .txtbox .dl{ padding-top:5%;}
.joinlist li .txtbox .dl dd{ position:relative; padding:1% 0; margin-bottom:2%; background-image:url(../img/ico-aboutTi2.png); background-position:left center; background-repeat:no-repeat; background-size:16px 16px; padding-left:20px;}
/*.joinlist li .txtbox .dl dd:before{ content:''; width:16px; height:16px; display:inline-block; background-image:url(../img/ico-aboutTi2.png); background-position:center; background-repeat:no-repeat; background-size:cover; vertical-align:middle; margin-right:5px;}*/
.joinlist li .txtbox .dl dd:after{ content:''; width:68px; height:1px; display:block; background-color:#fff; position:absolute; left:0; top:0;}

.joinlist li.li6 .txtbox{ background-image:url(../img/bg-joinTxt-2.png);}
.joinlist li.li6 .txtbox .dl dd{ background-image:url(../img/ico-advant2.png); padding:2% 0; padding-left:20px; margin-bottom:0; border-bottom:1px solid rgba(255,255,255,0.2);}
.joinlist li.li6 .txtbox .dl dd:after{ display:none;}
/*.joinlist li.li6 .txtbox .dl dd:before{ background-image:url(../img/ico-advant2.png);}*/


.joinlist li.lil .tibox{ float:right; text-align:left;}
.joinlist li.lil .tibox .ti{ left:-40%;}
.joinlist li.lil .tibox .num{}

.joinlist li.lir .tibox{ float:left; text-align:right;}
.joinlist li.lir .tibox .ti{ right:-40%;}
.joinlist li.lir .tibox .num{}

@media(min-width:768px){
    .joinlist li .tibox .ti{ font-size:20px; width:220px; padding:5% 2%; bottom:-50%;}
    .joinlist li .tibox .ti em{ font-size:24px}
    .joinlist li .tibox .ti em:after{ width:20px; height:20px;}
    .joinlist li .tibox .num{ opacity:1; font-size:60px;}
    .joinlist li .txtbox{ width:80%; margin:0 auto; margin-top:-15%; position:relative;}

    .joinlist li.lil .tibox .ti{ left:-50%;}
    .joinlist li.lir .tibox .ti{ right:-50%;}
}
@media(min-width:1000px){
    .joinlist li .tibox .ti{ width:270px; padding:50px 35px; bottom:-90%; font-size:20px;}
    .joinlist li .tibox .ti em{ font-size:25px;}
    .joinlist li .tibox .ti em:after{ margin-left:15px;}

    .joinlist li.lil .tibox .ti{ left:-310px;}
    .joinlist li.lir .tibox .ti{ right:-310px;}

    .joinlist li .txtbox{ font-size:0;}
    .joinlist li .txtbox .ti,
    .joinlist li .txtbox .dl{ display:inline-block; vertical-align:middle; font-size:16px;}
    .joinlist li .txtbox .p{ font-size:16px;}
    .joinlist li .txtbox .ti{ width:25%; font-size:20px;}
    .joinlist li .txtbox .ti em{ font-size:25px;}

    .joinlist li .txtbox .dl{ padding-top:0; width:75%;}
    .joinlist li .txtbox .dl dd{ font-size:16px; padding-top:10px; padding-bottom:10px;}

    .joinlist li.li3 .txtbox{ margin-top:-5%;}
}
@media(min-width:1200px){
    .joinlist li .tibox .ti{ font-size:30px; padding:75px 35px; bottom:-50%;}
    .joinlist li .tibox .ti em{ font-size:40px}
    .joinlist li .tibox .ti span{ line-height:30px;}
    .joinlist li .tibox .num{ font-size:150px; line-height:145px;}

    .joinlist li .txtbox .dl{ padding-left:60px;}
    .joinlist li .txtbox .dl dd{ margin-bottom:20px; font-size:22px; background-size:20px 20px; background-position:left 15px; padding-left:35px;}
    .joinlist li .txtbox .dl dd:after{ width:160px;}

    .joinlist li .txtbox .ti{ font-size:36px;}
    .joinlist li .txtbox .ti em{ font-size:48px;}


    .joinlist li.li3 .tibox .ti,
    .joinlist li.li6 .tibox .ti{ padding-top:50px; padding-bottom:50px;}

    .joinlist li.li3 .txtbox{ padding:78px 121px 90px; margin-top:-150px;}
    .joinlist li.li3 .txtbox .p{ font-size:22px;}

    .joinlist li.li4 .txtbox .ti{ width:36%;}
    .joinlist li.li4 .txtbox .dl{ width:64%;}

    .joinlist li.li6 .img{ width:828px; height:476px; float:right;}
    .joinlist li.li6 .txtbox{ width:372px; height:476px; float:left; margin:0; padding:70px 55px 55px 45px; position:relative; overflow:visible;}
    .joinlist li.li6 .txtbox .ti{ display:none;}
    .joinlist li.li6 .txtbox .dl{ width:100%; padding:0;}
    .joinlist li.li6 .txtbox .dl dd{ padding:15px 0 15px 45px; background-image:url(../img/ico-advant2.png); background-position:left center; background-size:20px 20px;}
    .joinlist li.li6 .txtbox .dl dd:before{ display:none;}
    .joinlist li.li6 .txtshow,
    .joinlist li.li6 .txtshow img{ width:434px; height:121px;}
    .joinlist li.li6 .txtshow{ display:block; position:absolute; right:20px; top:-60px;;}
}




/*招贤纳士*/
.jobs{ padding:5% 0;}
.jobs .boxl{}
.jobs .titxt{ padding-bottom:5%;}
.jobs .titxt em{ font-style:normal; display:block; font-size:20px;}
.jobs .titxt span{ font-size:16px;}

.jobs .jobslist{ margin-bottom:5%; background-image:url(../img/bg-jobs.png); background-position:left top; background-repeat:repeat-y; background-size:100% auto;}
.jobs .jobslist li{ border-top:1px solid rgba(255,255,255,0.2);}
.jobs .jobslist li.tibox{ background-image:url(../img/bg-jobTi2.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; border-top:0;}
.jobs .jobslist li .ti{ font-size:0; padding:3%; cursor:pointer;}
.jobs .jobslist li .ti span{ display:inline-block; vertical-align:middle; font-size:16px;}
.jobs .jobslist li .ti .sp3,
.jobs .jobslist li .ti .sp4{ display:none;}
.jobs .jobslist li .ti .sp2,
.jobs .jobslist li .ti .sp5{ text-align:center;}
.jobs .jobslist li .ti .sp1{ width:50%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.jobs .jobslist li .ti .sp2{ width:20%;}
.jobs .jobslist li .ti .sp5{ width:30%;}
.jobs .jobslist li .txtbox{ background-image:url(../img/bg-jobsTxt.png); background-position:left top; background-repeat:repeat-y; background-size:100% auto; padding:3% 2% 5%; display:none;}
.jobs .jobslist li .txtbox .txt{ padding-bottom:3%;}
.jobs .jobslist li .txtbox .btn{ display:inline-block; width:122px; height:35px; line-height:35px; text-align
:center; background-image:url(../img/bg-jobBtn.png); background-position:center; background-repeat:repeat-y; background-size:100% auto; cursor:pointer;}
.jobs .jobslist li .txtbox .btn span:before{ content:''; width:19px; height:17px; display:inline-block; background-image:url(../img/ico-jobsBtn.png); background-position:center; background-repeat:no-repeat; background-size:cover; vertical-align:middle; margin-right:10px;}
.jobs .jobslist li .txtbox .btn span{ display:block; transition:all 0.3s;}
.jobs .jobslist li .txtbox .btn:hover span{ transform:translateX(5px);}

.jobs .jobslist li.tibox .ti{ cursor:default;}

.jobs .jobslist li .ti:hover,
.jobs .jobslist li.active .ti{ background-image:url(../img/bg-jobTion.png); background-position:left top; background-repeat:repeat-y; background-size:100% auto;}


.jobs .jobslist li .ti .sp1:before{ content:''; width:9px; height:9px; display:inline-block; vertical-align:middle; background-image:url(../img/ico-aboutTi2.png); background-position:center; background-repeat:no-repeat; background-size:cover; margin-right:5px;}
.jobs .jobslist li.tibox .ti .sp1:before{ display:none;}

.jobs .boxr{ font-size:0; padding-top:10%;}
.jobs .imgbox .img{ width:50%; display:inline-block;}
.jobs .imgbox .img img{ width:100%;}


.jobsfrom{ position:fixed; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,0.8); z-index:150; display:none;}
.jobsfrom .formwrap{ width:96%; margin:0 auto; background-image:url(../img/bg-jobsFrom.png); background-position:left top; background-repeat:repeat-y; background-size:100% auto;}
.jobsfrom .contbox .img{ display:none;}
.jobsfrom .tibox{ background-image:url(../img/bg-jobTi.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; padding:3% 5%; overflow:hidden; line-height:24px; font-size:16px;}
.jobsfrom .tibox .close{ width:24px; height:24px; display:block; cursor:pointer; background-image:url(../img/ico-close.png); background-position:center; background-repeat:no-repeat; background-size:cover;  float:right;}
.jobsfrom .contbox{ padding:5%;}
.jobsfrom .from li{ padding:2% 0;}
.jobsfrom .from li .ti{ width:30%; float:left; line-height:30px;}
.jobsfrom .from li .ti span{ vertical-align:middle;}
.jobsfrom .from li .inputbox{ width:70%; float:right; background-color:rgba(34,0,0,0.2); padding:4px 5px;}
.jobsfrom .from li .inputbox .text{ width:100%; height:22px; line-height:22px; background:none; border:0; margin:0;}
.jobsfrom .from li .filebox{ position:relative;}
.jobsfrom .from li .filebox .filetxt{ width:65%; float:left; padding-right:5%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.jobsfrom .from li .filebox .uploadbtn{ width:35%; overflow:hidden; float:right; position:relative; background-image:url(../img/bg-jobBtn2.png); background-position:center; background-repeat:repeat-y; background-size:100% auto; text-align:center; cursor:pointer; font-size:14px; cursor:pointer;}
.jobsfrom .from li .filebox .uploadbtn .file{ position:absolute; top:50%; margin-top:-12px; left:0; opacity:0; cursor:pointer;}
.jobsfrom .from li.btnbox .inputbox{ padding:0; background:none;}
.jobsfrom .from li.btnbox .btn{ background-image:url(../img/bg-jobBtn.png); background-position:left top; background-repeat:repeat-y; background-size:100% auto; width:122px; height:35px; text-align:center; font-size:14px; cursor:pointer;}

@media(min-width:640px){
    .jobsfrom .from li .ti,
    .jobsfrom .from li .inputbox,
    .jobsfrom .from li .inputbox .text{ line-height:40px;}

    .jobsfrom .from li .ti{ font-size:16px; width:20%;}
    .jobsfrom .from li .inputbox{ width:80%;}
    .jobsfrom .from li .inputbox .text{ height:40px; font-size:16px;}

    .jobsfrom .from li .filebox .filetxt{ width:75%;}
    .jobsfrom .from li .filebox .uploadbtn{ width:25%;}
}
@media(min-width:768px){
    .jobs .jobslist li .ti .sp3,
    .jobs .jobslist li .ti .sp4{ display:inline-block;}

    .jobs .jobslist li .ti .sp1{ width:30%;}
    .jobs .jobslist li .ti .sp2,
    .jobs .jobslist li .ti .sp3,
    .jobs .jobslist li .ti .sp4,
    .jobs .jobslist li .ti .sp5{ width:17.5%; text-align:center;}

    .jobs .jobslist li .ti .sp1:before{ margin-right:10px;}

    .jobs .jobslist li .txtbox{ padding:3%;}


    .jobsfrom .tibox{ line-height:33px; padding:18px 30px; font-size:24px;}
    .jobsfrom .tibox .close{ width:33px; height:33px;}

    .jobsfrom .contbox{ padding:60px;}
    .jobsfrom .from li{ padding:9px 0; font-size:18px;}
    .jobsfrom .from li .inputbox,
    .jobsfrom .from li .inputbox .text{  line-height:30px; font-size:18px;}
    .jobsfrom .from li .ti{ line-height:50px; font-size:18px;}
    .jobsfrom .from li .inputbox{ padding:10px;}
    .jobsfrom .from li .inputbox .text{ height:30px;}
    .jobsfrom .from li .filebox .uploadbtn{ width:94px; height:30px;}
}
@media(min-width:1000px){
    .jobs .boxl{ float:left; width:70%; padding-top:45px;}
    .jobs .boxr{ float:right; width:30%; padding-top:0;}

    .jobs .jobslist li .ti{ padding:25px 35px 25px 59px;}
    .jobs .jobslist li .ti .sp2,
    .jobs .jobslist li .ti .sp3{ width:12%;}
    .jobs .jobslist li .ti .sp4,
    .jobs .jobslist li .ti .sp5{ width:23%;}
    .jobs .jobslist li .txtbox{ padding:25px 35px 25px 59px;}
    .jobs .jobslist li .txtbox .txt{ padding-bottom:59px;}

    .jobs .titxt{ padding-bottom:55px;}
    .jobs .titxt em{ font-size:30px;}

    .jobs .jobslist{ margin-bottom:50px; position:relative;}
    .jobs .jobslist:after{ content:''; width:53px; height:52px; display:block; position:absolute; right:0; top:0; right:-26px; top:-26px; background-image:url(../img/ico-gift.png); background-position:center; background-repeat:no-repeat; background-size:cover;}

    .jobs .imgbox .img{ width:100%;}


    .jobsfrom .contbox .img{ display:block; width:30%; float:right; background-image:url(../img/bg-jobsImg.png); background-position:left top; background-repeat:repeat-y; background-size:100% auto; padding:0 0 18px 18px;}
    .jobsfrom .contbox .from{ width:60%; float:left;}
}
@media(min-width:1200px){
    .jobs{ padding:81px 0 120px;}
    .jobs .boxl{ width:900px;}
    .jobs .boxr{ width:300px;}

    .jobs .jobslist li .txtbox{ padding:69px 90px 74px 68px;}
}
@media(min-width:1366px){
    .jobsfrom .formwrap{ width:1200px;}
    .jobsfrom .contbox{ padding:60px 80px;}
    .jobsfrom .contbox .img{ width:356px; height:498px; position:relative;}
    .jobsfrom .contbox .img img{ width:358px; height:501px; position:absolute; left:18px; top:-18px;}

    .jobsfrom .contbox .from{ width:534px;}
    .jobs .imgbox .img img{ width:300px; height:420px;}
}



/*联系我们*/
.contact{ padding:5% 0;}
.contact .boxl{}
.contact .titxt{ padding-bottom:5%;}
.contact .titxt em{ font-style:normal; display:block; font-size:20px;}
.contact .titxt span{ font-size:16px;}

.contact .contbox{ background-image:url(../img/bg-contact.png); background-position:left top; background-repeat:repeat-y; background-size:100% auto; position:relative; padding:5%;}
.contact .contbox .txt{ padding:5% 0;}
.contact .contbox .txt b{ font-size:20px; margin-bottom:2%; display:inline-block; font-family:'dinbold';}

.contact .contbox .codebox ul{ font-size:0; margin-left:-2%; margin-right:-2%;}
.contact .contbox .codebox li{ display:inline-block; width:50%; padding:0 2%; font-size:14px; text-align:center;}
.contact .contbox .codebox li img{ width:100%; max-width:128px;}
.contact .contbox .codebox li span{ display:block; padding-top:3%;}

.contact .contbox .map{ width:100%; height:400px;}
.contact .contbox .map img{ max-width:none;}
.contact .contbox .map .BMapLabel{ border:0 !important; width:434px !important; height:157px !important; background:url(../img/bg-mapTxt.png) no-repeat left top; background-color:transparent !important; padding:35px 54px 35px 72px !important; color:#fff; }
.contact .contbox .map .BMapLabel b{ display:block; font-size:20px; font-weight:normal;}
.contact .contbox .map .BMapLabel span{ display:block; padding-top:2%; white-space:normal;}

.contact .boxr{ font-size:0; padding-top:5%;}
.contact .imgbox .img{ width:50%; display:inline-block;}
.contact .imgbox .img img{ width:100%;}

@media(min-width:768px){
    .contact .contbox{ padding:24px;}
    .contact .contbox .txtbox{ padding-top:5%;}
    .contact .contbox .txt{ width:64%; max-width:470px; float:left; padding:0;}
    .contact .contbox .txt b{ font-size:20px;}

    .contact .contbox .codebox{ width:30%; float:right;}
}
@media(min-width:1000px){
    .contact .boxl{ float:left; width:70%; padding-top:45px;}
    .contact .boxr{ float:right; width:30%; padding-top:0;}

    .contact .contbox:after{ content:''; width:53px; height:52px; display:block; position:absolute; right:0; top:0; right:-26px; top:-26px; background-image:url(../img/ico-gift.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
    .contact .contbox .txt{ font-size:16px;}

    .contact .imgbox .img{ width:100%;}
}
@media(min-width:1200px){
    .contact{ padding:81px 0 120px;}
    .contact .boxl{ width:900px;}
    .contact .boxr{ width:300px;}

    .contact .contbox .txtbox{ padding:58px 28px 14px 43px;}
    .contact .contbox .txt{ width:470px;}
    .contact .contbox .txt b{ font-size:30px; margin-bottom:32px;}

    .contact .contbox .map{ height:553px;}

    .contact .contbox .codebox{ width:278px;}
    .contact .contbox .codebox ul{ margin-left:-11px; margin-right:-11px;}
    .contact .contbox .codebox li{ padding:0 11px;}
    .contact .contbox .codebox li img{ width:128px; height:128px;}
    .contact .contbox .codebox li span{ padding-top:16px;}

    .contact .imgbox .img img{ width:300px; height:420px;}
}
@media(max-width:640px){
    .contact .contbox .map .BMapLabel{ display:none !important;}
}



/*员工风采*/
.banner .staffcolumnname{ width:40%; max-width:400px;}

.staff{ padding:5% 0;}
.stafflist ul{}
.stafflist li{ padding-bottom:5%; text-align:center;}
.stafflist li img{ width:100%;}
.stafflist li span{ display:block;font-size:16px; padding-top:2%;}

@media(min-width:768px){
    .stafflist li{ float:left; width:33.333333%; padding:0; position:relative;}
    .stafflist li span{ display:none;}

    .stafflist li.active{ z-index:10;}
    .stafflist li.active .item{ position:absolute; background-image:url(../img/bg-staff.png); background-position:left top; background-repeat:repeat-y; background-size:100% auto; padding:5%; box-sizing:content-box;}
}
@media(min-width:1000px){
    .banner .staffcolumnname{ max-width:none;  width:360px;}

    .staff{ padding:0 0 155px;}
    .stafflist li span{ padding-top:17px; font-size:18px;}
}
@media(min-width:1200px){
    .banner .staffcolumnname .bg{ width:400px;}

    .stafflist li.active .item{ padding:20px 20px 17px;}
    .stafflist li span{ font-size:22px;}
}
@media(max-width:1024px){
    .staff{ overflow:hidden;}
}




/*苏荷礼品*/
.gift{ padding:5% 0;}
.gift .giftlist{}
.giftlist li{ padding:3% 0 3%;}
.giftlist li:first-child{ padding-top:0;}
.giftlist li .num{ display:none;}
.giftlist li .imgbox figure,
.giftlist li .imgbox figure img{ width:100%;}
.giftlist li .imgbox figure a{ display:block;}
.giftlist li .imgbox figcaption{ text-align:center; line-height:30px;}
.giftlist li .imgbox figcaption a{ display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

@media(min-width:768px){
    .giftlist li{ overflow:hidden;}
    .giftlist li .num{ width:26%; float:left; display:block; font-size:90px; line-height:85px; color:rgba(255,255,255,0.2);}
    .giftlist li .imgbox{ width:74%; float:right;}
    .giftlist li .imgbox figcaption{ font-size:20px; line-height:50px;}

    .giftlist li.lil .num{ float:right; text-align:right;}
    .giftlist li.lil .imgbox{ float:left;}
}
@media(min-width:1000px){
    .giftlist li{ padding-top:0; padding-bottom:30px;}
    .giftlist li .num{ font-size:150px; line-height:145px;}
    .giftlist li .imgbox figure{ background-image:url(../img/bg-gift2.jpg); background-position:left top; background-repeat:repeat-y; background-size:80%; padding-top:2%; padding-left:2%;}
    .giftlist li .imgbox figcaption{ font-size:28px; padding:44px 20px; position:relative;}

    .giftlist li .imgbox figcaption i{ width:53px; height:52px; display:inline-block; background-image:url(../img/ico-gift.png); background-position:center; background-repeat:no-repeat; background-size:cover; vertical-align:middle; position:absolute; top:50%; margin-top:-26px;}
    .giftlist li .imgbox figcaption i:after{ content:''; width:5px; height:73px; display:block; background:url(../img/line-gift.jpg) no-repeat left top; position:absolute; left:50%; margin-left:-2px; bottom:52px;}

    .giftlist li.lil .imgbox figcaption{ text-align:right;}
    .giftlist li.lil .imgbox figcaption a{ margin-right:50px;}
    .giftlist li.lil .imgbox figcaption i{ right:0;}
    .giftlist li.lir .imgbox figcaption{ text-align:left;}
    .giftlist li.lir .imgbox figcaption a{ margin-left:50px;}
    .giftlist li.lir .imgbox figcaption i{ left:0;}
}
@media(min-width:1200px){
    .gift{ padding:98px 0 136px;}

    .giftlist li .imgbox figure{ width:893px; height:536px; position:relative;}
    .giftlist li .imgbox figure img{ width:954px; height:536px; max-width:954px; position:absolute; left:30px; top:30px;}
    .giftlist li .imgbox figcaption{ margin-top:40px;}

    .giftlist li.lil figcaption{ width:923px;}
    .giftlist li.lir figcaption{ padding-left:50px;}
}




/*会员活动*/
.activity{ padding:5% 0;}

/*图片滚动*/
.activity{}
.activity .activitylist{ padding-bottom:10%;}
.activity .owl-carousel .item{ position:relative;}
.activity .owl-carousel .item .tibox{ width:100%; height:100%; display:table; position:absolute; left:0; top:0; background-image:url(../img/mark1-vip.png); background-position:center; background-repeat:no-repeat; background-size:cover; line-height:20px;}
.activity .owl-carousel .item .tibox a{ width:100%; height:100%; display:table-cell; text-align:center; vertical-align:middle; padding:0 10px;}

.activity .control{ padding-top:5%; font-size:0; text-align:center;}
.activity .btnbox{ font-size:0;}
.activity .btnbox .btn{ width:30px; height:30px; back1-position:center; background-repeat:no-repeat; background-size:cover; cursor:pointer; display:inline-block;}
.activity .btnbox .prev{ background-image:url(../img/btn-home-prev.png); margin-right:20px;}
.activity .btnbox .next{ background-image:url(../img/btn-home-next.png);}


/*图片堆叠*/
.activity .carousel{ position:relative; width:100%; padding-bottom:10%;}
.activity .carousel .jq_carousel{ position:relative; width:100%;}
.activity .carousel .carousel_elm{ position:absolute; cursor:pointer; top:50%;}
.activity .carousel .active{ top:0;}
.activity .carousel .carousel_elm .item{ position:relative;}
.activity .carousel .carousel_elm .item:before{ content:''; width:100%; height:100%; background-image:url(../img/Bmark-vip.png); background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0;}
.activity .carousel .carousel_img{ display:block; width:100%;}
.activity .carousel .carousel_elm .carousel_caption{ position:absolute; width:52%; left:50%; max-width:384px; margin-left:-25%; bottom:-10%; padding:2%; color:#fff; background-image:url(../img/bg-vip.jpg); background-position:lef top; background-repeat:repeat-y; background-size:100% auto; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

@media(min-width:768px){
    .activity .owl-carousel .item .tibox{ font-size:18px;}

    .activity .control:before,
    .activity .control:after{ content:""; width:35%; width:calc((100% - 100px)/2); height:1px; display:inline-block; background-color:rgba(255,255,255,0.24); vertical-align:middle;}
    .activity .btnbox{ vertical-align:middle; display:inline-block; padding:0 10px;}

    .activity .carousel .carousel_elm .carousel_caption{ font-size:18px; bottom:-5%;}
}
@media(min-width:1000px){
    .activity{}

    .activity .owl-carousel .item .tibox{ font-size:24px; line-height:40px;}
    .activity .control{ padding-top:34px;}
    .activity .btnbox .btn{ width:40px; height:40px;}
    .activity .control:before,
    .activity .control:after{ width:385px; width:calc((100% - 120px)/2);}
}
@media(min-width:1200px){
    .activity{ padding:76px 0 164px;}

    .activity .owl-carousel .item img{ width:285px; height:191px;}

    .activity .control:before,
    .activity .control:after{ width:540px;}


    .activity .carousel{ padding:0 80px;}
    .activity .carousel .carousel_img{ width:796px; height:534px;}
    .activity .carousel .carousel_elm .carousel_caption{ width:384px; height:76px; line-height:76px; bottom:-50px; padding:0; font-size:24px;}
}




/*辅助栏目*/
.others,
.links{ padding:5% 0;}

.links .linkslist{}
.links .linkslist ul{ margin-left:-2%; margin-right:-2%;}
.links .linkslist li{ float:left; width:50%; padding:0 2% 3%;}
.links .linkslist li a{ display:block; overflow:hidden;}

@media(min-width:768px){
    .links .linkslist li{ width:33.33333%;}
}
@media(min-width:1000px){
    .others,
    .links{ padding:90px 0 147px;}

    .links .linkslist{ padding-bottom:60px;}
    .links .linkslist li{ width:25%;}
    .links .linkslist li img{ width:262px; height:111px;}
}




/*网站地图*/
.ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:5px 0px;}
.ul_sitemap li strong{ width:90px; display:inline-block;}




/*os-carousel 新闻轮播*/
.os-carousel{}
.os-carousel .txtlist{ position:relative;}
.os-carousel .txtlist .item{ display:none;}
.os-carousel .itemlist{ display:block; position:relative;
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    -o-transform-style:preserve-3d;
    transform-style:preserve-3d;
}

.os-carousel .itemlist ul{ position:relative;}
.os-carousel .itemlist li{ position:absolute; cursor:pointer; left:0; box-shadow:0px 15px 50px rgba(0,0,0,0.4); transition:all 0.3s;}
.os-carousel .itemlist li:hover{ top:-5px;}

.os-carousel .itemlist li.item-0{
    z-index:4;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.os-carousel .itemlist li.item-1{
    z-index:3;
    left:-15%;
    opacity:0.6;
    -webkit-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -ms-transform:scale(0.8);
    -o-transform:scale(0.8);
    transform:scale(0.8);
}
.os-carousel .itemlist li.item-2{
    z-index:2;
    left:-30%;
    opacity:0.4;
    -webkit-transform:scale(0.6);
    -moz-transform:scale(0.6);
    -ms-transform:scale(0.6);
    -o-transform:scale(0.6);
    transform:scale(0.6);
}
.os-carousel .itemlist li.item-3{
    z-index:1;
    left:-45%;
    opacity:0.2;
    -webkit-transform:scale(0.4);
    -moz-transform:scale(0.4);
    -ms-transform:scale(0.4);
    -o-transform:scale(0.4);
    transform:scale(0.4);
}


.transition {
    -webkit-transition:0.5s ease-out;
    -moz-transition:0.5s ease-out;
    -ms-transition:0.5s ease-out;
    -o-transition:0.5s ease-out;
    transition:0.5s ease-out;
}
.show {
    -webkit-animation:show 1s linear;
    -moz-animation:show 1s linear;
    -ms-animation:show 1s linear;
    -o-animation:show 1s linear;
    animation:show 1s linear;
}

@-webkit-keyframes show{
    25% {
        left:-450px;
    }

    50% {
        z-index:5;
        left:-500px;
        -webkit-transform:rotate3d(0,1,0,0deg);
    }

    70% {
        z-index:5;
        left:-250px;
        -webkit-transform:rotate3d(0,1,0,180deg);
    }

    100% {
        z-index:5;
        left:0px;
        -webkit-transform:rotate3d(0,1,0,360deg);
    }
}

@-moz-keyframes show{
    25% {
        left:-450px;
    }

    50% {
        z-index:5;
        left:-500px;
        -moz-transform:rotate3d(0,1,0,0deg);
    }

    70% {
        z-index:5;
        left:-250px;
        -moz-transform:rotate3d(0,1,0,180deg);
    }

    100% {
        z-index:5;
        left:0px;
        -moz-transform:rotate3d(0,1,0,360deg);
    }
}

@-ms-keyframes show{
    25% {
        left:-450px;
    }

    50% {
        z-index:5;
        left:-500px;
        -ms-transform:rotate3d(0,1,0,0deg);
    }

    70% {
        z-index:5;
        left:-250px;
        -ms-transform:rotate3d(0,1,0,180deg);
    }

    100% {
        z-index:5;
        left:0px;
        -ms-transform:rotate3d(0,1,0,360deg);
    }
}

@-o-keyframes show{
    25% {
        left:-450px;
    }

    50% {
        z-index:5;
        left:-500px;
        -o-transform:rotate3d(0,1,0,0deg);
    }

    70% {
        z-index:5;
        left:-250px;
        -o-transform:rotate3d(0,1,0,180deg);
    }

    100% {
        z-index:5;
        left:0px;
        -o-transform:rotate3d(0,1,0,360deg);
    }
}

@keyframes show{
    25% {
        left:-450px;
    }

    50% {
        z-index:5;
        left:-500px;
        transform:rotate3d(0,1,0,0deg);
    }

    70% {
        z-index:5;
        left:-250px;
        transform:rotate3d(0,1,0,180deg);
    }

    100% {
        z-index:5;
        left:0px;
        transform:rotate3d(0,1,0,360deg);
    }
}