@font-face {
    font-family: 'iconfont';  /* project id 209648 */
    src: url('../fonts/font_209648_lerrl5hslis2x1or.eot');
    src: url('../fonts/font_209648_lerrl5hslis2x1or.eot') format('embedded-opentype'),
    url('../fonts/font_209648_lerrl5hslis2x1or.woff') format('woff'),
    url('../fonts/font_209648_lerrl5hslis2x1or.ttf') format('truetype'),
    url('../fonts/font_209648_lerrl5hslis2x1or.svg#iconfont') format('svg');
}
.tbtp{
	margin-top:14px;
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

* {
    font-family: "STHeiti", "Microsoft YaHei", "Helvetica", "Arial", "sans-serif";
    touch-action: none;
}

a {
    color: #333;
}

li {
    list-style: none;
}

p {
    font-size: 0.6rem;
}

select {
    margin-bottom: 0;
}

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


.red.mui-bar .mui-icon {
    font-size: 1.2rem;
    font-weight: bold;
}

.mui-bar-nav ~ .mui-content {
    padding-top: 2rem;
}

header .mui-icon {
    color: #cc0000;
}

.mui-off-canvas-wrap .mui-bar {
    position: static !important;
}

.red {
    background: #e60012;
}

.mui-bar {
    height: 2rem;
    background: #313131;
}

.red .mui-title {
    color: #A3A2A2;;
}

.mui-bar .mui-title {
    line-height: 2rem;
    text-align: left;
    left: 2.5rem;
    font-size: .75rem;
    width: 9rem;
}

#search-btn {
    margin-top: .1rem;
}

a.logo, a.logo2 {
    display: inline-block;
    height: 1.8rem;
    padding-top: .1rem;
    width: 10rem;
}

a.logo2 {
    width: 1.8rem;
}

a.logo2.iconfont {
    color: #cc0000;
    font-size: .8rem;
    line-height: 2rem;
    height: 2rem;
}

.logo img {
    height: 1.5rem;
    padding-top: .2rem;
    display: inline-block;
}

.red.mui-bar-nav.mui-bar .mui-icon {
    margin-right: 0;
}

.search {
    height: 2rem;
    width: 100%;
    background: #E60012;
    position: absolute;
    left: 0;
    z-index: 11;
    display: none;
    animation: sch 1s;
    color: #fff;
    line-height: 1.2rem;
    font-size: .7rem;
    padding-left: .2rem;
}

.search a {
    width: 1.8rem;
    display: inline-block;
    margin-right: .2rem;
    margin-top: .4rem;
    text-align: center;
    color: #fff;
}

.search a:first-child {
    margin-left: .2rem;
}

.search a.cur {
    background: #fff;
    color: #E60012;
    border-radius: 4px;
}

.search .keywd {
    width: 9.4rem;
    height: 1.4rem;
    line-height: 1.4rem;
    margin-bottom: 0;
    text-indent: .2rem;
    padding: 0;
    color: #000;
    font-family: "STHeiti", "Microsoft YaHei", "Helvetica", "Arial", "sans-serif";
}

.search .s-cancle, .cls-poup {
    width: 1.2rem;
    line-height: 1.2rem;
    margin-top: .4rem;
    margin-right: .4rem;
    background: #fff;
    color: #E60012;
    border-radius: 1.2rem;
    float: right;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.cls-poup {
    position: absolute;
    top: 0;
    right: 0;
    height: 1.2rem;
    line-height: 1rem;
    background: none;
}

.search .iconfont, .cls-poup .iconfont {
    font-size: .8rem;
    padding-top: 0;
}

.search-tip {
    background: #fff;
    color: #000;
    text-align: left;
    font-size: .6rem;
    padding: .5rem;
}

.search-tip span {
    color: #E60012;
}

.nav {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    z-index: 1
}

.nav .nav-lst {
    flex-grow: 0
}

.nav ul {
    padding: 10% 0
}

.nav li.link, .nav-back {
    display: block;
    font-size: .8rem;
    width: 100%;
    line-height: 2.4rem;
    height: 2.4rem;
}

.nav li.link a {
    color: #fff;
    display: block;
    padding-left: 30%;
    text-indent: .5rem;
}

.nav li.link .iconfont {
    float: left;
    font-size: 1rem;
    font-weight: 500;
    color: #f71b2c;
    line-height: 2.5rem;
    height: 2.4rem;
}

.login {
    text-align: right;
    border-top: 1px solid #f71b2c;
    flex-grow: 1;
    position: relative;
}

.login a {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    margin-top: -1.2rem;
    vertical-align: middle;
    text-align: center
}

.login .hdimg {
    width: 1.6rem;
    height: 1.6rem;
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%
}

.login .nickname {
    margin-bottom: 0;
    color: #fff;
    line-height: 1.6rem;
    height: 1.6rem;
    vertical-align: middle;
    display: inline-block;
    font-size: .8rem;
    margin-left: .2rem;
    max-width: 5.6rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

/*.login .uname{font-size: .75rem}*/
.login .tips {
    font-size: .6rem;
    color: #bbb;
    margin-top: .2rem
}

.nav-back {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #606060;
    text-indent: .2rem;
    font-size: .9rem;
    color: #aaa;
    padding-left: 30%;
    z-index: 2
}

.nav-back .iconfont {
    font-size: 1.4rem;
    line-height: 2.6rem;
    height: 2.4rem;
    float: left;
}

.mui-input-row.mui-search {
    width: 80%;
    margin: 0 auto;
}

.mui-search .mui-placeholder .mui-icon {
    color: #000;
    font-size: 1rem;
    line-height: 2rem;
}

input[type=search] {
    background: #fff;
    height: 1.4rem;
    margin-top: .3rem;
}

.mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 10;
    background: rgba(0, 0, 0, 0.4);
    display: none;
}

.cate-list {
    width: 14rem;
    margin: 0 auto;
}

.cate-list ul {
    padding: 0.7rem 0 .5rem;
}

.cate-list li {
    float: left;
    width: 2.8rem;
    margin: 1rem .35rem 0;
    font-size: .7rem;
    text-align: center;
}

.cate-list li .img {
    width: 2.8rem;
    height: 2.8rem;
    background: #e76e2f;
    display: block;
    border-radius: 6px;
    margin-bottom: .2rem;
}

.cate-list li:nth-child(2n) .img {
    background: #b3803b;
}

.cate-list li .img img {
    padding: .3rem;
}

.cate-list li a {
    display: block;
    color: #000;
}

.ad-img {
    margin-top: 1rem;
    padding-bottom: 0.7rem;
}

.ad-img a {
    margin-bottom: 0.5rem;
    display: inline-block;
}

.ad-img img {
    max-height: 1000rem;
}

.mui-content {
    background: #ececec;
}

.sub-cate, .media-col {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 2.1rem;
    background: #fff;
}

.media-col {
    height: 2.1rem;
    padding-top: .4rem;
    text-align: center;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.media-col.epl {
    height: 3.8rem;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.link-warp, .scroll-warp {
    width: auto;
    white-space: nowrap;
    position: absolute;
    left: 0;
    top: 0;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

.scroll-warp {
    top: 1rem;
    white-space: normal;
}

.sub-cate .link, .media-col .link {
    border-left: 1px solid #ccc;
    line-height: 1.9rem;
    display: inline-block;
    margin-right: -0.3rem;
    font-size: 0.7rem;
    padding: 0 0.8rem;
}

.ctr-mcol {
    position: absolute;
    bottom: .2rem;
    right: -.2rem;
    width: 1.6rem;
    height: 1.4rem;
    display: none;
}

.ctr-mcol .iconfont {
    font-size: .7rem;
}

.media-col .link {
    line-height: 1.4rem;
    height: 1.4rem;
    margin-bottom: .4rem;
}

.media-col .link {
    margin-bottom: .2rem;
}

.sub-cate .link:first-child, .media-col .link:nth-child(3n+1) {
    border-left: none;
}

.sub-cate .link a, .media-col .link a {
    color: #000;
    display: block;
    padding: 0 0.4rem;
}

.pro-cate-list.sub-cate, .news-cate-list.sub-cate, .about-cate-list.sub-cate {
    font-size: .8rem;
    color: #ccc;
    font-weight: normal;
}

.pro-cate-list.sub-cate .link, .news-cate-list.sub-cate .link, .about-cate-list.sub-cate .link {
    border-left: 0;
}

.pro-cate-list.sub-cate .link a, .news-cate-list.sub-cate .link a, .about-cate-list.sub-cate .link a {
    color: #333;
}

.sub-cate .link.cur a, .media-col .link.cur a {
    border-bottom: 3px solid #e60012;
}

.pram_filter {
    background: #fff;
    padding: 0.5rem;
    font-size: 0.65rem;
    text-align: right;
    height: 2.4rem;
}

.filter_btn {
    border: 1px solid #e60012;
    color: #e60012;
    padding: .2rem .5rem;
    border-radius: 4px;
}

.pro-list {
    padding-bottom: .8rem;
}

.pro-list li.link {
    display: block;
    padding: 1rem 0.5rem 0 .5rem;
    position: relative;
}

.pro-list li.link a:first-child {
    display: block;
    width: 100%;
    height: 100%;
    color: #000;
    padding-right: 0;
    background: #fff;
    border-radius: 6px;
}

.pro-list h3.title {
    background: #f4f4f4;
    display: block;
    width: 100%;
    font-weight: 500;
    padding: 0 3%;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.8rem;
    font-size: 0.8rem;
    text-align: left;
    border-radius: 6px 6px 0 0;
    overflow: hidden;
}

.item-detial {
    padding: 0.8rem 1rem 2rem;
    min-height: 5.5rem;
}

.item-detial .img {
    float: left;
    width: 5.9rem;
    margin: 0.2rem 0.5rem 0 0;
}

.item-detial .text {
    text-align: left;
    font-size: 0.6rem;
    line-height: 1rem;
    padding-top: 0.5rem;
}

.item-detial .text span {
    display: block;
    width: 6.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-detial .imark {
    width: auto;
    padding-right: .2rem;
    min-width: 3.1rem;
    display: block;
    line-height: 0.8rem;
    height: 0.8rem;
    background: url(../images/icon1.png) no-repeat center;
    font-size: 0.6rem;
    text-indent: 0.3rem;
    color: #fff;
    background-size: cover;
    position: absolute;
    right: 1rem;
    top: 3.4rem;
    text-align: center;
}

li.link a.price-btn, li.link a.discount-btn {
    position: absolute;
    bottom: 1rem;
    left: 68%;
    width: 5rem;
    text-align: center;
    padding-right: 0;
    font-size: 0.6rem;
    line-height: 1rem;
    color: #e60012;
}

li.link a.price-btn {
    left: 49%;
    width: 3.4rem;
    border-radius: 4px;
    border: 1px solid #e60012;
}

.param-list {
    color: #fff;
    font-size: .8rem;
}

.param-list dl {
    padding: 0.5rem 1rem 1rem;
}

.param-list dt {
    line-height: 2rem;
    display: block;
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
}

.param-list dd {
    display: inline-block;
    font-size: 0.6rem;
    margin-right: .2rem;
    line-height: 1rem;
    margin-top: 0.3rem;
    padding: 0 .5rem;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.param-list dd.cur {
    border: 1px solid #e60012;
    color: #fff;
    background: #e60012;
}

.filter-sub {
    color: #fff;
    background: #e60012;
    display: block;
    margin: 0 auto;
    width: 4rem;
    font-size: 0.7rem;
    line-height: 1.2rem;
    text-align: center;
    border-radius: 4px;
    margin-top: 1rem;
}

.content {
    padding: 1.2rem 1rem;
    background: #c7c7c7;
    position: relative;
}

.product-detial.content {
    padding: 0;
}

.content.single-page {
    padding-top: .3rem;
}

.content h2 {
    font-size: .78rem;
    padding-top: .5rem;
}

.content h3 {
    font-size: .74rem;
    padding-top: .5rem;
}

.content h4 {
    font-size: .7rem;
    padding-top: .5rem;
}

.content h5 {
    font-size: .68rem;
    padding-top: .5rem;
}

.img-slide {
    padding: 1rem;
    background: #fff;
    position: relative;
}

.mui-slider-indicator { /* top: -15px;*/
    top: 0
}

.mui-slider-indicator .mui-active.mui-indicator {
    background: #e60012;
    -webkit-box-shadow: 0 0 1px 1px rgba(330, 0, 18, .7);
    box-shadow: 0 0 1px 1px rgba(330, 0, 18, .7);
}

.pro-tag {
    width: 1.2rem;
    height: auto;
    min-height: 2.8rem;
    padding-bottom: 1rem;
    background: url(../images/icon2.png) no-repeat center;
    background-size: cover;
    position: absolute;
    left: 1.6rem;
    top: 1.2rem;
    padding-top: .2rem;
    font-size: 0.7rem;
    text-align: center;
    z-index: 2;
    color: #fff;
}

p.link {
    padding-top: 0.5rem;
}

h2.title {
    font-size: 0.75rem;
    font-weight: 500;
}

.img-slide h2.title {
    padding-right: 28%;
}

.manual {
    color: #555;
    font-size: .7rem;
    font-weight: 500;
    line-height: 1rem;
    color: #e60012;
}

.order-btn {
    background: #e60012;
    position: absolute;
    bottom: 1.3rem;
    right: .8rem;
    padding: .2rem .4rem;
    font-size: 0.65rem;
    color: #fff;
}

.order-btn a {
    font-size: 0.65rem;
    color: #fff;
}

.pro-detial, .comment, .rel-pro, .rel-media, .order-form, .rel-cate-detial {
    margin-top: 1rem;
    background: #fff;
    border-radius: 6px;
}

.product-detial .pro-detial, .product-detial .comment, .product-detial .rel-pro {
    margin-top: 0;
    border-radius: 0;
}

.tab-nav, .col-title {
    text-align: center;
    background: #f4f4f4;
    color: #666;
    border-radius: 6px 6px 0 0;
}

.product-detial .tab-nav, .product-detial .col-title, .product-detial .order-form {
    border-radius: 0;
}

.tab-nav a {
    display: inline-block;
    width: 49%;
    text-align: center;
    margin-right: -0.1rem;
    font-size: 0.7rem;
    color: #333;
}

.tab-nav a.cur span {
    color: #e60012;
    display: inline-block;
    border-bottom: 3px solid #e60012;
    line-height: 1.8rem;
}

.tab-slider .mui-slider-item {
    display: none;
    position: relative;
}

/*.mui-slider-item.clo{ height: 300px; overflow: hidden;}*/
.param-detial {
    display: table;
    padding: 0.5rem 0.5rem 0;
    width: 100%;
}

.param-detial p {
    display: table-row;
    line-height: 1rem;
    color: #666;
    font-size: .65rem;
}

.param-detial p span {
    display: table-cell;
    vertical-align: middle;
    padding: 0.5rem 0 0.3rem;
    border-bottom: 1px solid #ccc;
}

.param-detial p span:first-child {
    width: 30%;
    color: #000;
    padding: 0 .5rem;
}

/*.poup-param .param-detial p:last-child span{ border-bottom: none;}*/
.param-poup-detial p {
    line-height: 1rem;
    color: #666;
    font-size: .65rem;
    border-bottom: 1px solid #ccc;
    padding: .5rem .8rem;
    margin-bottom: 0;
}

.param-poup-detial p span:first-child {
    font-weight: 600;
    color: #333;
    display: inline-block;
    padding-bottom: 5px;
}

.param-poup-detial p:last-child {
    border-bottom: none;
}

.goods-adv {
    padding: .6rem 1rem 1.3rem;
    font-size: .65rem;
}

.goods-adv p {
    padding: .3rem 0 .3rem;
    margin-bottom: 0
}

.explode {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 100%;
    padding: .5rem 0;
    border-radius: 6px;
    text-align: center;
}

.explode .icon {
    color: #fff;
    display: block;
    width: 1rem;
    height: 1rem;
    background: #000;
    border-radius: 1rem;
    margin: 0 auto;
}

.poup-param, .share {
    position: absolute;
    top: 0;
    display: none;
    animation: leftIn 1s;
    width: 100%;
    min-height: 100%;
    z-index: 99999999;
    background: #c7c7c7;
}

.poup-tab-nav {
    text-align: center;
    background: #000;
    color: #666;
    position: relative;
    height: 2rem;
    line-height: 2rem;
}

.poup-tab-nav a {
    float: left;
    width: 49%;
    text-align: left;
    text-indent: .5rem;
    margin-right: -0.1rem;
    font-size: 0.7rem;
    height: 2rem;
    color: #fff;
}

.poup-param .container {
    padding: 0 .7rem .7rem;
    border-radius: 4px;
}

.poup-param .param-detial {
    background: #fff;
    border-radius: 0 0 4px 4px;
    padding-bottom: .5rem;
}

.pro-intro {
    padding: 1rem;
    text-indent: 1em;
}

.pro-intro p {
    font-size: 0.6rem;
    color: #666;
}

.col-title {
    line-height: 2rem;
    font-size: 0.7rem;
    color: #000;
}

.comment-list {
    padding: 0.5rem;
    font-size: 0.6rem;
}

.comment-list li {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 0.5rem;
    line-height: 1rem;
}

.red-border {
    border: 1px solid #E60012;
    color: #E60012;
    position: absolute;
    top: 0.5rem;
    padding: 0 0.5rem;
}

.comment-list p { /*padding-left:4rem;*/
    color: #5C5C5C;
}

.prolist {
    padding: 0.5rem;
}

.prolist li {
    position: relative;
    width: 100%;
    display: block;
    padding: 0.6rem 0 1.2rem;
    border-bottom: 1px solid #ccc;
}

/**/
.prolist li:last-child {
    border-bottom: none;
}

.prolist li.link a {
    padding-right: 0;
}

.prolist li .img {
    width: 40%;
    float: left;
    margin-top: 0.5rem;
}

.prolist li .text {
    width: 60%;
    float: right;
}

.prolist li h3.title {
    font-size: 0.7rem;
    font-weight: normal;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 0;
}

.prolist li.link a.price-btn {
    bottom: 0.5rem;
    left: auto;
    right: 0;
}

.order-form:last-child {
    margin-top: .4rem;
}

.form-content {
    padding: 0.5rem 1rem;
}

.form-content p {
    line-height: 1.2rem;
    margin-bottom: .4rem;
}

.form-content p.hd-able {
    display: none;
    animation: fadeIn 1s;
}

.form-content.show p.hd-able {
    display: block;
    animation: fadeIn 1s;
}

.form-content label {
    font-size: 0.65rem;
    margin-right: .5rem;
    color: #000;
    float: left;
    font-weight: 500;
    text-align: left;
}

.form-content select, .form-content input[type='text'], .form-content textarea {
    width: 100%;
    display: inline-block;
    border: 1px solid #666 !important;
    font-family: "STHeiti", "Microsoft YaHei", "Helvetica", "Arial", "sans-serif";
    line-height: 16px;
    font-size: 14px;
    margin-right: 0;
    margin-bottom: 0;
    border-radius: 0;
    color: #333;
}

/*.form-content #shen{width: 49%;margin-right: 2%;  float: left; }
.form-content #shi{ margin-right: 0;width: 49%; float: right;}*/
.form-content input, .form-content textarea {
    font-family: "STHeiti", "Microsoft YaHei", "Helvetica", "Arial", "sans-serif";
}

.form-content p.ctl-tips {
    line-height: 24px;
    font-size: 14px;
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding: .4rem 0 0;
    margin-bottom: 0;
}

.form-content p.ctl-tips #ctl-btn {
    color: #E60012;
}

.form-content p.ctl-tips .iconfont {
    font-size: 14px;
    padding-left: .3rem;
}

.order-sub {
    background: #E60012;
    color: #fff;
    line-height: 1.4rem;
    display: block;
    width: 100%;
    margin: .5rem auto;
    border-radius: 4px;
    text-align: center;
}

.server-banner {
    position: relative;
    color: #fff;
}

.server-banner h2 {
    position: absolute;
    top: 0.9rem;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 0.9rem;
    font-weight: 500;
}

.server-banner p.stitle {
    position: absolute;
    top: 2.5rem;
    left: 0;
    font-size: 0.8rem;
    text-align: center;
    width: 100%;
}

.server-banner p.stitle span {
    display: block;
    width: 6rem;
    margin: 0 auto;
    background: #e60012;
    color: #fff;
}

.server-banner .dsc {
    border: 1px solid #eee;
    padding: 1rem 0.5rem 0.3rem;
    width: 11rem;
    position: absolute;
    top: 3rem;
    left: 50%;
    margin-left: -5.5rem;
}

.server-banner .text-mask {
    background: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.3;
}

p.sv-text {
    font-size: 0.6rem;
    line-height: 1rem;
    color: #fff;
    margin-bottom: 0.2rem;
}

p.sv-text:first-child {
    margin-bottom: 0.7rem;
}

.sv-text img {
    float: left;
    width: 1.2rem;
    height: 1.2rem;
    margin-right: 0.3rem;
}

.service-item {
    padding: 0.8rem 0 0;
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 12.4rem;
}

.service-item ul {
    display: block;
    width: 70.2rem;
}

.service-item li {
    float: left;
    width: 9.4rem;
    padding: 0.6rem;
    background: #fff;
    margin: 0 .3rem 1rem;
    border-radius: 6px;
    text-align: center;
    height: 9.4rem;
}

.service-item li h3 {
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.2rem;
}

.service-item li:first-child h3 {
    line-height: 1.1rem;
}

.service-item li a {
    font-size: 0.65rem;
    line-height: 1rem;
    display: inline-block;
    border: 1px solid #e60012;
    padding: .2rem 0;
    width: 7rem;
    height: 2.4rem;
    margin-top: 0.3rem;
    text-align: center;
    color: #333;
}

.service-item li a .red {
    color: #E60012;
    background: none;
}

.server-link {
}

.s-text-link {
    font-size: .7rem;
    display: block;
    margin: 1rem 0;
    text-align: center;
    color: #E60012;
    text-decoration: underline;
}

.service-select { /*background: #fff; position: fixed;*/
    width: 15.4rem; /*  z-index: 99999999; bottom: 0;transition: all .6s cubic-bezier(0.07, 0.18, 0.17, 0.9); -webkit-transition: all .6s cubic-bezier(0.07, 0.18, 0.17, 0.9);*/
    border: 1px solid #ccc;
    margin: 0 auto 1rem auto;
    border-radius: 4px;
    padding: 0 .2rem
}

/*.service-select .title .mui-icon.mui-icon-arrowup{ color: #E60012;}*/
.mui-bar .title .mui-icon {
    padding-top: 0;
}

.service-select.mui-bar .title .mui-icon {
    padding-top: 10px;
}

.service-select.ct {
    height: 2.2rem;
    transition: all .6s cubic-bezier(0.07, 0.18, 0.17, 0.9);
    -webkit-transition: all .6s cubic-bezier(0.07, 0.18, 0.17, 0.9);
    background: #E60012;
    color: #fff;
}

input[type=submit].wd-sub {
    background: #E60012;
    color: #fff;
    width: 5rem;
    text-align: center;
    display: block;
    margin: 0 auto;
    line-height: 1rem;
    border: none;
    font-size: .7rem;
    margin-top: .5rem;
}

.service-select h3 {
    text-indent: 1rem;
    font-size: .8rem;
    line-height: 1.8rem;
    font-weight: 500;
    border-bottom: 1px solid #ccc;
    color: #000;
}

.service-select .title .mui-icon { /*margin-left: -15px;*/
    float: right;
}

.service-select-form {
    padding: .7rem .7rem 1rem .7rem;
    font-size: 0.6rem;
    color: #666;
}

.auto-position .mui-icon {
    padding-bottom: 0;
    color: #E60012;
}

.auto-position .red {
    background: none;
    color: #E60012;
    font-size: 0.7rem;
}

.select-position {
    padding: 0.5rem 0 0 0.2rem; /*display: none;*/
}

.select-position select, .service-select-lx select {
    width: 6rem;
    float: left;
    border: 1px solid #ccc !important;
    text-indent: 0.2rem;
    font-family: "STHeiti", "Microsoft YaHei", "Helvetica", "Arial", "sans-serif";
    line-height: 1.2rem;
    height: 1.5rem;
    padding: 0;
    margin-right: 0.2rem;
    background: url(../images/sj.png) no-repeat right #f8f8f8;
    background-size: contain;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.service-select-lx select {
    float: none;
    display: inline-block;
    width: 12.2rem;
    margin-top: 0.5rem;
    margin-left: 0.2rem;
}

.select-position .mui-icon-close {
    float: left;
    line-height: 1.2rem;
}

.server-list-select {
    line-height: 1.8rem;
    font-size: 0.6rem;
    color: #666;
    background: #fff;
    text-align: center;
}

.server-list-select .auto-position {
    width: 49.5%;
    float: left;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    position: relative;
}

.server-list-select .auto-position.cur span, .cur-lx.cur span {
    color: #E60012;
}

.server-list-select .cur-lx {
    width: 49.4%;
    float: left;
    border-bottom: 1px solid #eee;
}

.server-list .select-position {
    background: #fff;
    padding-bottom: 0.6rem;
    display: none;
}

.select-btn {
    background: #E60012;
    color: #fff;
    font-size: 0.65rem;
    padding: 0.2rem 0.8rem;
    margin: 0;
    float: left;
    margin-top: 0.1rem;
    margin-left: 0.1rem;
}

.server-list .service-select-lx {
    background: #fff;
    padding-bottom: .5rem;
    display: none;
}

.server-list .service-select-lx select {
    float: left;
    width: 8rem;
    margin-left: 2rem;
}

.service-select-lx .select-btn {
    margin-top: 0.6rem;
}

.server-net-list {
    margin: 0.7rem 0;
    background: #fff;
}

.server-net-list h3.title {
    font-size: 0.7rem;
    line-height: 1.5rem;
    border-bottom: 1px solid #eee;
    text-indent: 1em;
    font-weight: 500;
}

.server-item-list li {
    width: 100%;
    display: block;
    padding: 0.5rem 1rem 0.2rem;
    border-bottom: 1px solid #eee;
    position: relative;
    width: 100%;
}

.server-item-list li p {
    text-align: left;
    width: 70%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    line-height: 1rem;
    font-size: 0.7rem;
    margin-bottom: 0
}

.server-item-list li p .addr {
    text-indent: 1em;
    font-size: 14px;
    color: #999;
}

.server-item-list li .distance { /*position:absolute; top:1rem; right:0;*/
    float: right;
    font-size: 0.7rem;
    margin-right: .5rem;
    margin-top: 0.5rem;
}

.server-link-list {
    margin-bottom: 0.5rem;
    display: none;
}

.server-item-list li.cur .server-link-list {
    display: block;
}

a.server-item-link {
    color: #E60012;
    border: 1px solid #E60012;
    display: inline-block;
    width: 49%;
    margin: 0 .5%;
    margin-right: .5%;
    font-size: 0.65rem;
    text-align: center;
    line-height: 1.2rem;
}

.server-detial {
    margin: .8rem .7rem;
    background: #fff;
}

.server-detial h1.col-title {
    border-radius: 0;
}

.server-content {
    background: #fff;
    display: table;
    width: 100%;
}

.server-content .iconfont {
    font-size: 0.8rem;
}

.server-content .tel {
    color: #E60012;
}

.server-content .tel-link {
    display: inline-block;
    margin-left: 1.5rem;
    padding: .1rem .3rem;
    border-radius: 4px;
    color: #333;
    border: 1px solid #333
}

.server-tr {
    display: table-row;
}

.server-td-left, .server-td-right {
    padding: .5rem 0 .7rem;
    display: table-cell;
    width: 5%;
    text-indent: 0.5rem;
    color: #E60012;
    border-bottom: 1px solid #eee
}

.server-td-right {
    width: 95%;
    font-size: 0.65rem;
    padding: .5rem .4rem .7rem;
    color: #333;
    text-indent: 0;
}

.server-td-right .tag {
    padding-right: 0.2rem;
}

.server-tr:last-child .server-td-left, .server-tr:last-child .server-td-right {
    border-bottom: none;
    padding-bottom: 0;
}

.server-intro {
    background: #fff;
    padding: 0.5rem;
    font-size: .62rem;
    color: #5c5c5c;
    line-height: 1rem;
}

.server-intro p {
    color: #555;
    font-size: .6rem;
}

.server-intro b, .server-intro strong, .server-intro h2, .server-intro h3, .server-intro h4 {
    color: #333;
    font-weight: 600;
    padding-top: 0.3rem;
}

.server-intro h2 {
    font-size: 0.75rem;
}

.server-intro h3 {
    font-size: 0.7rem;
}

.server-intro h4 {
    font-size: 0.65rem;
}

.index .img-slide {
    padding: 0;
}

.index .mui-slider-indicator {
    top: auto;
    bottom: 15px;
}

.index-nav {
    background: #fff;
    width: 100%;
    margin-bottom: .5rem;
    position: relative;
    overflow: hidden;
    height: auto;
    line-height: 1rem;
    height: 2rem;
    font-size: .7rem;
    padding: .5rem 0;
}

.index-nav .link-scroll {
    position: absolute;
    left: 0;
    top: .5rem;
    width: 22.5rem;
}

.index-nav .link-scroll li {
    float: left;
    width: 4.5rem;
    text-align: center;
}

.index-nav .link-scroll li a {
    border-right: 1px solid #aaa;
    display: block;
}

.index-nav .link-scroll li:last-child a {
    border-right: 0
}

.index .cate-list {
    padding-top: 0.9rem;
    border-bottom: 1px solid #ccc;
    padding-bottom: .5rem;
    height: auto;
    overflow: hidden;
}

.index .cate-list ul {
    padding-top: .4rem;
    width: 14.4rem;
}

.index .cate-list li {
    margin: .5rem .4rem .5rem 0;
    height: 4.3rem;
    font-size: .58rem;
    overflow: hidden;
    width: 3.2rem;
}

.index .cate-list li a {
    color: #5c5c5c;
}

.cate-list li .img {
    width: 3.2rem;
    height: 3.2rem;
}

.slide-news .item-title {
    padding: 0 1.2rem;
    padding-bottom: .5rem;
}

.index .slide-news .item-title {
    padding: 0 1rem;
    padding-bottom: .5rem;
}

.index .slide-news p {
    color: #5c5c5c;
}

.item-title {
    font-size: 0.8rem;
    color: #333;
}

p.more-v-link {
    margin-bottom: 1rem;
}

.item-title .more, .more-v-link .more {
    float: right;
    font-size: 0.65rem;
}

.index-news, .sections {
    width: 14rem;
    margin: 0 auto;
    padding-top: 0.9rem;
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.5rem;
}

.index-news li {
    display: block;
    margin-bottom: 0.6rem;
}

.index-news li img {
    width: 2.8rem;
    float: left;
    margin-right: 0.5rem;
}

.index-news li .text p {
    width: 10.7rem;
    overflow: hidden;
    font-size: 13px;
    line-height: 0.8rem;
    height: 1.6rem;
    overflow: hidden;
    padding-bottom: 0;
    margin-bottom: 0;
}

.index-news li .text .title {
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 0.68rem;
    color: #333;
    line-height: 1rem;
    height: 1.2rem;
    padding-bottom: .2rem;
}

.index-news li a {
    display: block;
    width: 100%;
    height: 2.8rem;
}

.index-news li.big-picimg {
    width: 2.8rem;
    float: left;
    margin-right: 0;
}

.sections ul {
    display: block;
    width: 15rem;
    padding-bottom: 0.5rem;
}

.sections ul li {
    width: 4.2rem;
    margin-right: 0.7rem;
    float: left;
    background: #fff;
    font-size: 0.7rem;
    text-align: center;
    line-height: 1.4rem;
}

.sections {
    padding-bottom: 1rem;
}

.sections ul li a {
    color: #333;
}

.col-link {
    margin: 0 auto;
    width: 14rem;
    padding: 1rem 0 .5rem;
}

.link-container {
    width: 14.4rem;
}

.col-link a {
    display: inline-block;
    width: 3.2rem;
    margin-right: 0.4rem;
    font-size: 0.65rem;
    text-align: center;
    margin-bottom: 0.5rem;
    line-height: 1.8rem;
    border-radius: 4px;
    border: 1px solid #333;
    color: #333;
}

.slide-news .sub-cate {
    background: none;
    height: 14rem;
}

.slide-news .link-warp {
    border-bottom: none;
    white-space: normal;
    padding: 0 1rem;
}

.slide-news .link-warp ul {
    width: 118rem;
}

.index .slide-news .link-warp ul {
    width: 53.4rem;
}

.slide-news .link-warp li {
    display: block;
    width: 10rem;
    background: #fff;
    text-align: left;
    padding-bottom: 0.5rem;
    float: left;
    margin-right: 0.8rem;
}

.slide-news .link-warp li img {
    height: 5.62rem;
    width: 10rem;
}

.slide-news .link-warp li:last-child {
    margin-right: 0;
}

.slide-news .title {
    display: table-cell;
    vertical-align: middle;
    height: 2rem;
    padding: .5rem;
    min-height: 3rem;
    width: 8rem;
    overflow: hidden;
}

.slide-news .title h4 {
    font-size: .7rem;
    width: 9rem;
    line-height: 1rem;
    height: 2rem;
    overflow: hidden;
    font-weight: 500;
}

.slide-news .sub-cate .link a {
    padding: 0;
}

.slide-news p {
    min-height: 2.9rem;
    padding: 0.5rem 0.5rem 0;
    margin-bottom: 0.3rem;
    line-height: 0.8rem;
    overflow: hidden;
}

.slide-news .time {
    width: 5rem;
    text-align: center;
    display: block;
    margin: 0 auto;
    font-size: 0.55rem;
    color: #555;
    line-height: 0.7rem;
}

.about, .global, .culture, .case-content, .news {
    text-align: center;
}

.contact, .global {
    background: #ececec;
}

.about-text {
    position: relative;
}

.about-text .text {
    padding: 1.2rem 2rem;
}

.about-text h2 {
    font-size: .8rem;
    text-align: center;
    padding-bottom: 0.6rem;
}

.about-text h2 span {
    font-size: 0.6rem;
}

.about-text p {
    color: #333;
    text-align: left
}

.about-link-slide {
    padding: 1rem 1rem 1.5rem;
}

.about-link-list {
    width: 32.1rem;
}

.about-link-list li {
    float: left;
    position: relative;
    width: 6.1rem;
    margin-right: 0.4rem;
}

.about-link-list li:last-child {
    margin-right: 0;
}

.about-link-list .text {
    position: absolute;
    width: 5.9rem;
    left: .1rem;
    top: 1.8rem;
    text-align: center;
    font-size: 0.7rem;
    color: #333;
}

.about-link-list .text p {
    font-size: 12px;
    line-height: 14px;
    padding-top: .2rem;
    color: #555
}

.global-item-list {
    width: 14.6rem;
    margin: 0 auto;
    border-radius: 4px;
    position: relative;
    margin-top: -1.8rem;
}

.global-item-list li {
    display: block;
    margin-bottom: 1rem;
    border-radius: 4px;
    background: #fff;
    text-align: left;
}

.global-item-list h3 {
    display: block;
    background: #f4f4f4;
    color: #333;
    padding: 0 0.5rem;
    line-height: 1.6rem;
    font-size: 0.7rem;
    border-radius: 4px 4px 0 0;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.global-item-list img {
    float: left;
    width: 5.3rem;
    margin: .5rem;
    height: 3.3rem;
}

.global-item-list .text {
    padding: .5rem .4rem;
}

.global-item-list p {
    font-size: .6rem;
    width: 55%;
    height: 2.4rem;
    overflow: hidden;
    margin-bottom: .2rem;
}

.global-item-list p:last-child {
    margin-bottom: 0;
    height: 0.8rem;
    font-size: 0.55rem;
    text-align: right;
    color: #E60012;
    padding-right: .5rem;
}

/**/
.global-item-list p a {
    color: #E60012;
    padding-right: .5rem;
}

.global-item-list .mui-icon {
    font-size: .6rem;
}

.duty-article-list {
    width: 14.7rem;
    margin: 0 auto;
    padding: .7rem 0 .3rem;
}

.duty-article-list li {
    display: block;
    margin-bottom: 0.7rem;
    background: #fff;
    border-radius: 6px;
}

.duty-article-list li a {
    color: #333;
}

.duty-article-list li h4 {
    line-height: 1.8rem;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 .6rem;
}

.duty-article-list li p {
    padding: .5rem;
}

.slide-news.sections {
    width: 100%;
    border-bottom: none;
}

.link.sections {
    border-top: 1px solid #ccc;
}

.external-link {
    font-size: .7rem;
    line-height: 1.4rem;
    text-align: center;
    padding: .6rem 0;
}

.external-link a {
    display: inline-block;
    width: 3.5rem;
    text-align: center;
}

.culture .sections {
    padding-top: 1rem;
}

.culture-link {
    border-top: 1px solid #aaa;
}

.culture .slide-news .sub-cate {
    height: 10.2rem;
}

.culture .slide-news .sub-cate img {
    width: 10rem;
    height: 5.56rem;
}

.culture .col-title {
    background: none;
    line-height: 1rem;
    font-size: 0.75rem;
    padding-bottom: 0.5rem;
}

.culture .col-title span {
    font-size: 0.6rem;
    color: #333;
}

.culture-link {
    padding: 1rem .3rem .5rem;
    width: 14rem;
    margin: 0 auto;
}

.culture-link a {
    display: inline-block;
    margin-bottom: .3rem;
    position: relative;
}

.culture-link p {
    height: 2rem;
    font-size: .7rem;
    color: #333;
    line-height: 1rem;
    position: absolute;
    top: 50%;
    margin-top: -1rem;
    left: .8rem;
}

.culture-link p span {
    font-size: .55rem;
    color: #555
}

.culture-text {
    position: relative;
    margin-top: -10.2rem;
    left: 50%;
    margin-left: -5.2rem;
    width: 11.4rem;
    height: 19.2rem;
}

.culture-text .text {
    position: absolute;
    top: -1.5rem;
    left: 0;
    width: 11.4rem;
    background: url(../images/c.png) no-repeat;
    background-size: 100% auto;
    padding: 3rem .6rem;
}

.culture-text .red {
    color: #fff;
    font-size: 0.65rem;
    line-height: .8rem;
    padding: .2rem 0;
    display: block;
    width: 2rem;
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
    margin-top: .7rem;
    border-radius: 4px;
}

.culture-text p {
    color: #fff;
    padding: .3rem .5rem 0;
    text-align: center;
}

.red-bg {
    position: absolute;
    left: -.5rem;
    top: -.3rem;
    background: #E60012;
    opacity: 0.5;
    width: 11.2rem;
    height: 100%;
}

.picture .img-slide {
    padding: 0;
}

.picture .mui-slider-indicator {
    top: auto;
    bottom: 35px;
    text-align: center;
    padding-right: 0.5rem;
}

.picture .mui-slider-indicator .mui-indicator {
    background: #fff;
}

.picture .mui-slider-indicator .mui-indicator.mui-active {
    background: #E60012;
}

.picture .mui-slider-item a {
    display: block;
    position: relative;
}

.picture .mui-slider-item a p {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    padding: 0 3%;
    color: #fff;
    text-align: left;
    background: rgba(0, 0, 0, 0.5);
    height: 1.5rem;
    font-size: 0.75rem;
    line-height: 1.5rem;
    display: block;
}

.pic-list {
    padding: .4rem .7rem
}

.pic-list h2 {
    line-height: 1.6rem;
    color: #fff;
    font-size: .8rem;
    font-weight: normal;
}

.pic-item li {
    background: #fff;
    border-radius: 6px;
    margin-bottom: .7rem;
    position: relative;
}

.pic-item h3 {
    font-size: .7rem;
    text-align: left;
    font-weight: 500;
    padding-bottom: .3rem;
}

.pic-item li h4 {
    font-weight: normal;
    padding: .5rem 3% .3rem 3%;
    text-align: left;
    width: 94%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pic-item li img {
    border-radius: 0 0 6px 6px;
    width: 100%;
}

.click-like {
    position: absolute;
    bottom: .5rem;
    right: .8rem;
    width: auto;
    background: #fff;
    padding: .2rem .3rem;
    font-size: .6rem;
    border-radius: 4px;
}

.showall {
    background: #fff;
    border-radius: 4px;
    margin-bottom: .4rem;
    text-align: center;
    line-height: 1.6rem;
    font-size: .7rem;
    color: #E60012;
    border: 1px solid #ccc
}

.pic-list.new {
    padding: .7rem .7rem 0;
    background: #eee;
}

.pic-list.new li {
    position: relative;
}

.pic-list.new li a .pic-num {
    position: absolute;
    bottom: 3.5rem;
    right: .5rem;
    font-size: 12px;
    padding: .1rem .15rem;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    border-radius: 3px;
}

.pic-list.new li, .pic-list.new li img {
    border-radius: 0;
}

.pic-list.new .pic-item li h4 {
    padding: .3rem 3% .3rem 3%;
    color: #000;
    font-size: .72rem;
}

.item-pic-colname {
    padding-bottom: .5rem;
    text-align: left;
    text-indent: 3%;
    color: #aaa;
}

.item-pic-colname .iconfont {
    font-size: .64rem;
    padding-right: .2rem;
}

.item-pic-colname a {
    color: #999;
    border: 1px solid #ccc;
    padding: 0 .15rem;
    font-size: .5rem;
}

.pic-col-list {
    width: 15rem;
    margin: .6rem auto 0 auto;
    display: table;
    margin-bottom: .5rem;
    background: #fff;
    padding: .3rem 3%;
    border-radius: 6px;
}

.pic-col-list p {
    display: table-row;
    line-height: 1.2rem;
}

.pic-col-list a {
    display: table-cell;
    width: 33%;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

.pic-col-list a.cur {
    color: #E60012;
}

.pic-col-list p a:last-child {
    border-right: none
}

.pic-col-list p:last-child a {
    border-bottom: none
}

.col-tab {
    background: #fff;
    height: 1.7rem;
    text-align: center;
}

.col-tab a {
    float: right;
    line-height: 1.6rem;
    -webkit-box-shadow: 0 0 2px #aaa;
    -moz-box-shadow: 0 0 2px #aaa;
    box-shadow: 0 0 2px #aaa;
    font-size: .7rem;
    width: 49.8%;
    background: #e8e8e8;
    border: 1px solid #ccc;
    -moz-box-shadow: none;
    color: #000;
}

.col-tab a.cur {
    background: #fff;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #fff;
}

.video-list {
    background: #fff;
    padding: .4rem .7rem;
    margin-top: .5rem;
}

.video-list.idx {
    padding: .2rem .7rem .8rem;
}

.video-list h3, .video-list h2 {
    font-size: .7rem;
    text-align: left;
    font-weight: 500;
    padding-bottom: .3rem;
}

.video-list h2 {
    text-align: center;
}

.video-list h3 .more {
    font-size: .55rem;
    float: right;
    padding-top: .2rem;
}

.col-item {
    border-bottom: 1px solid #eee;
    padding-top: .4rem;
}

.video-list.idx .col-item {
    border-bottom: 1px solid #ccc;
}

.col-item li {
    width: 49%;
    float: left;
    padding-bottom: .3rem;
}

.col-item li:nth-child(2n) {
    float: right;
}

.col-item li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.col-item li a span {
    width: 1rem;
    height: 1rem;
    border-radius: 1rem;
    position: absolute;
    bottom: 2.4rem;
    left: 1.2rem;
    margin-left: -1rem;
    margin-top: -1.5rem;
}

.col-item li a p {
    width: 95%;
    padding-top: .1rem;
    text-align: left;
    line-height: .8rem;
    color: #333; /*white-space: nowrap; text-overflow: ellipsis;*/
    height: 1.6rem;
    overflow: hidden;
}

.col-item .iconfont {
    color: #fff;
    font-size: .7rem;
    width: .8rem;
    height: .8rem;
    line-height: 1rem;
}

.v-col-list {
    margin-top: 1rem;
    padding: 0 .7rem;
}

.video-list.list {
    margin-top: 0;
}

.case {
    margin-bottom: 1rem;
}

.case li {
    margin-top: .7rem;
    display: block;
    background: #fff;
    padding: .5rem;
}

.case li .img {
    width: 5.4rem;
    float: left;
    margin-right: .3rem;
    height: 3.3rem;
}

.case li .text {
    position: relative;
    height: 3.3rem;
}

.case li p {
    color: #000;
    line-height: 1rem;
    height: 2rem;
    overflow: hidden;
    width: 9rem;
    text-align: left;
}

.case li .text .time {
    position: absolute;
    bottom: .2rem;
    right: .2rem;
    font-size: .55rem;
}

.case li .text .time .iconfont {
    margin-right: .1rem;
    color: #E60012;
}

.case-filter {
    padding: 2rem 1rem 1rem;
}

.case-filter p {
    color: #fff;
    line-height: 1.2rem;
    height: 1.6rem;
}

.case-filter select {
    font-family: "STHeiti", "Microsoft YaHei", "Helvetica", "Arial", "sans-serif";
    color: #000;
    font-size: .6rem;
    padding-top: 0;
    padding-bottom: 0;
    width: 6rem;
    float: right;
    line-height: 1.2rem;
    height: 1.2rem;
}

input[type="button"].filter-sub {
    background: #E60012;
    border: none;
    color: #fff;
    padding: .2rem .5rem;
    font-size: .65rem;
    font-family: "STHeiti", "Microsoft YaHei", "Helvetica", "Arial", "sans-serif";
    margin: 0 auto;
    display: block;
    margin-top: .7rem;
}

.case-rel-pro {
    font-size: .6rem;
    padding-top: .5rem;
    text-align: left;
}

.case-rel-pro a, .case-rel-pro span.rel-col-title {
    margin-right: .1rem;
    width: 4.15rem;
    height: 1.8rem;
    overflow: hidden;
    display: inline-block;
    border: 1px solid #aaa;
    padding: .1rem;
    font-size: .55rem;
    word-break: break-all;
}

.case-rel-pro a:last-child {
    margin-right: 0;
}

.case-rel-pro span.rel-col-title {
    text-align: center;
    width: 1.8rem;
    color: #E60012;
    border: 1px solid #E60012;
}

.case-content {
    padding: .7rem;
}

.case-detial {
    background: #fff;
    border-radius: 4px;
}

.case-detial .title {
    background: #f4f4f4;
    border-radius: 4px 4px 0 0;
    text-align: left;
    padding: .5rem .7rem 0;
}

.case-detial .title h2 {
    font-size: .8rem;
    font-weight: 500;
}

.case-detial .title p {
    padding-bottom: .5rem;
    padding-top: .2rem;
    margin-bottom: 0;
}

.case-detial .title span {
    font-size: .55rem;
    padding: .1rem;
    color: #666;
    display: inline-block;
    margin-right: .1rem;
    border: 1px solid #ccc;
}

.case-desc {
    padding: .5rem .4rem;
    text-align: left;
}

.case-desc .table {
    display: inline-block;
    font-size: .55rem;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    width: 13.8rem;
}

.case-desc table {
    width: 100%;
}

.case-desc td {
    padding: 0 .1rem;
    text-align: center;
    width: 33.3%;
    line-height: 1rem;
    display: inline-block;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.case-basic-info a {
    float: right;
    line-height: 2rem;
    font-size: .6rem;
    background: #E60012;
    width: 4rem;
    text-align: center;
    color: #fff;
}

.case-intro {
    padding: .4rem;
}

.case-intro p {
    color: #333;
    text-indent: 2em;
    font-size: .6rem;
    line-height: .9rem;
}

.case-intro h3, .case-intro h4 {
    font-size: .65rem;
    padding-top: .2rem;
}

.rel-pro-list ul {
    padding: .5rem 0 .8rem;
}

.rel-pro-list li {
    float: left;
    width: 46%;
    margin-right: 0;
    margin: 0 2%;
}

.rel-pro-list li a {
    display: block;
    width: 100%;
}

.rel-pro-list li img {
    width: 6rem;
    height: 4.8rem;
}

.rel-pro-list li p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;
}

.rel-cate-detial {
    border-radius: 4px;
}

.rel-cate-detial .case {
    margin-bottom: .4rem;
}

.rel-cate-detial .case li {
    margin-top: .2rem;
    border-radius: 0 0 4px 4px;
}

.rel-cate-detial .case li .img {
    width: 4.8rem;
    height: 2.93rem;
}

.rel-cate-detial .case li .text {
    height: 2.93rem;
}

.rel-cate-detial .case li p {
    width: 8.4rem;
}

.banner {
    position: relative;
}

.banner h2 {
    position: absolute;
    top: 1.8rem;
    left: 0;
    text-align: center;
    width: 100%;
    font-size: .95rem;
    color: #E60012;
}

.news-list {
    padding: 0 .7rem;
    position: relative;
    margin-top: -4rem;
}

.news-list.search-news {
    margin-top: 1rem;
}

.news-list li {
    display: block;
    background: #fff;
    border-radius: 4px;
    position: relative;
    margin-bottom: .8rem;
}

.news-list li h4 {
    font-size: .7rem;
    font-weight: 500;
    padding: .5rem;
    text-align: left;
    background: #f4f4f4;
    border-radius: 4px 4px 0 0;
    line-height: 1rem;
}

.news-detial {
    padding: .3rem;
    position: relative;
}

.news-detial img {
    width: 5.4rem;
    height: 3.3rem;
    margin-bottom: .4rem;
    float: left;
    margin-right: .3rem;
}

.zt .news-detial img {
    width: 15rem;
    height: 9rem;
    margin-bottom: .4rem;
    float: left;
    margin-right: .3rem;
}

.zt .news-detial .active {
    position: absolute;
    top: -.3rem;
    left: 0;
    width: 2.6rem;
    height: 2.6rem;
    background: url(../images/topic_icon_02_01.png) no-repeat center;
    background-size: 100%;
}

.zt .news-detial .end {
    position: absolute;
    top: -.3rem;
    left: 0;
    width: 2.6rem;
    height: 2.6rem;
    background: url(../images/topic_icon_02_03.png) no-repeat center;
    background-size: 100%;
}

.news-detial p {
    height: 2.4rem;
    font-size: .55rem;
    line-height: .8rem;
    overflow: hidden;
    margin-bottom: .7rem;
}

.news-list li .time, .rel-article-list .time {
    position: absolute;
    bottom: .3rem;
    right: .4rem;
    font-size: .55rem;
}

.rel-article-list .time {
    bottom: 13px;
    font-size: 12px;
}

.news-list li .time .iconfont, .rel-article-list .time .iconfont {
    margin-right: .1rem;
    color: #E60012;
}

.news-content {
    padding: .7rem;
    background: #fff;
    text-align: left;
}

.news-content h2 {
    font-size: .8rem;
    font-weight: bolder;
    text-align: left;
    line-height: 1.1rem;
    color: #3a3a3a;
}

.news-content p.pubinfo {
    text-align: center;
}

.news-content p.pubinfo span {
    display: inline-block;
    margin-right: .3rem;
    color: #777;
}

.news-content p.pubinfo span:last-child {
    margin-right: 0;
}

.news-content p {
    color: #555555;
    font-size: .7rem;
    line-height: 1.1rem;
    word-wrap: break-word;
    margin-bottom: .6rem;
}

.news-content h3, .news-content h4 {
    font-size: .65rem;
    padding-top: .2rem;
}

/*.video-content{ padding-top: .3rem; background: #fff;}*/
.video-content h2 {
    font-size: .75rem;
    font-weight: 500;
    text-align: center;
    line-height: 1.2rem;
    padding: 0 .7rem;
}

.img-list .img-slide {
    padding: 0;
}

.img-list .img-slide .mui-slider-item p {
    display: none;
}

.img-content {
    padding-top: 2rem;
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
}

.img-full-window {
    z-index: 999;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /*display: none;*/
    display: block;
}

.img-full-container {
    width: 10000rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
}

.cls-full-window.iconfont {
    font-size: .8rem;
    color: #fff;
    position: absolute;
    top: .2rem;
    right: .2rem;
}

.img-container-table {
    width: 16rem;
    height: 100%;
    display: inline-table;
    position: relative;
    overflow: hidden;
    float: left;
}

.img-container-tr {
    width: 16rem;
    height: 100%;
    display: table-row;
}

.img-container-td {
    width: 16rem;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.img-container-td.link a {
    display: inline-block;
    width: 7.4rem;
    color: #aaa;
    font-size: .6rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 .2rem 0 .2rem;
}

.img-container-td.link a img {
    padding-bottom: .2rem;
    width: 7rem;
    height: 4.8rem;
}

.img-container-table p {
    text-align: center;
    color: #fff;
    padding: .5rem;
}

.img-container-table p.tips {
    font-size: .7rem;
    text-align: left;
    text-indent: 1rem;
    padding: 0 0 .3rem 0;
}

.img-container-table p.title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 16rem;
    margin-bottom: 0;
}

.img-container-table img {
    max-height: 100%;
    max-width: 100%;
}

.btm-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8rem;
}

.text-desc.mui-scroll-wrapper {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, .8);
    max-height: 8rem;
    overflow: scroll;
}

.text-desc-scroll {
    padding: .3rem .5rem 2rem;
}

.text-desc li {
    display: none;
}

.text-desc h2 {
    font-size: .75rem;
    padding: .3rem 0;
    color: #fff;
    line-height: 1rem;
}

.text-desc p {
    color: #ccc;
}

.img-container-td.link a.img-next {
    font-size: .7rem;
    padding-top: .5rem;
    display: block;
    width: 8rem;
    margin: 0 auto;
    color: #fff;
}

.img-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 .5rem;
    height: 1.6rem;
    line-height: 1.6rem;
    background: #000;
    color: #fff;
    z-index: 3;
    font-size: .65rem;
}

.img-bottom .cur-num {
    font-size: .75rem;
}

.img-bottom-btn .iconfont {
    margin-right: .1rem;
}

.img-bottom-btn {
    font-size: .6rem;
    padding: 0 .3rem;
    float: right;
}

.black-container {
    background: #c8c7cc;
    line-height: 1.5rem;
    position: relative;
    margin-top: 1.4rem;
    color: #666;
    font-size: .65rem;
    text-align: right;
}

.black-container.pic {
    margin-top: 0;
}

.black-container .poup-share, .black-container .like {
    padding: 0 .4rem;
    display: inline-block;
}

.black-container .iconfont {
    font-size: .74rem;
}

.other-item {
    padding: .7rem .5rem;
    background: #ececec;
}

.tab-video {
    text-align: center;
    color: #000;
    border-bottom: 1px solid #000;
}

.tab-video a {
    display: inline-block;
    width: 49%;
    text-align: center;
    margin-right: -0.1rem;
    font-size: 0.7rem;
    color: #000;
}

.tab-video a.cur span {
    display: inline-block;
    border-bottom: 3px solid #000;
    line-height: 1.8rem;
    width: 4rem;
}

.tab-item {
    display: none;
    position: relative;
    padding: .7rem .7rem 0;
}

.tab-item p {
    color: #000;
    text-align: left;
}

.tab-item h3, .tab-item h4 {
    font-size: .65rem;
    padding-top: .2rem;
}

.mui-table-view:before, .mui-table-view:after {
    background-color: rgba(0, 0, 0, 0);
}

.tab-item .mui-table-view {
    background: none;
}

.tab-item .mui-table-view-cell {
    border-bottom: 1px solid #aaa;
}

.tab-item .mui-table-view-cell:last-child {
    border-bottom: none
}

.tab-item .mui-media-body {
    font-size: .6rem;
    text-align: left;
}

.tab-item .mui-media-body p {
    color: #666;
    font-size: 12px;
}

.rel-media {
    margin-top: 0;
    margin: 0 .5rem;
    margin-bottom: 1rem;
}

.rel-media ul {
    padding: .5rem 0;
}

.rel-media-list li {
    float: left;
    width: 47%;
    margin-left: 2%;
}

.rel-media-list li:nth-child(2n) {
    margin-right: 2%;
}

.rel-media-list li img {
    border-radius: 5px;
    width: 100%;
    height: 4.2rem;
}

.rel-media-list li a {
    display: block;
    width: 100%;
    position: relative;
}

.rel-media-list li .video-btn {
    display: inline-block;
    top: .9rem;
    left: 50%;
    margin-left: -.75rem;
    color: #fff;
    border-radius: 1.5rem;
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background: rgba(0, 0, 0, .5);
}

.rel-media-list li p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;
    line-height: 1rem;
}

.rel-article {
    margin: .8rem 0;
    background: #fff;
    padding: .7rem;
}

.rel-article .title {
    font-size: .7rem;
    text-align: center;
    line-height: 1.2rem;
    border-bottom: 1px solid #aaa;
    padding-bottom: .3rem;
}

.rel-article-list li {
    padding: .4rem 0;
    margin-top: .4rem;
    position: relative;
}

.rel-article-list p.atitle {
    text-align: left;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 8.4rem;
    margin-bottom: .2rem;
}

.rel-article-list p.desc {
    font-size: .55rem;
    text-align: left;
    width: 8.4rem;
    overflow: hidden;
    height: 1.6rem;
    line-height: .8rem;
}

.rel-article-list img {
    width: 5.4rem;
    height: 3.3rem;
    margin-bottom: .4rem;
    float: left;
    margin-right: .3rem;
}

.cate {
    background: #fff;
}

.category {
    background: #fff;
    position: relative;
    width: 100%;
    height: 100%;
}

.category .left {
    width: 4.4rem;
    height: 100%
}

.category .left li {
    display: block;
    font-size: .64rem;
    line-height: 2.5rem;
    color: #313131;
    text-align: center;
    border-bottom: 1px solid #dcdcdc;
    border-right: 1px solid #313131;
    box-sizing: border-box
}

.category .left li.cur {
    color: #fff;
    background: #d81e06;
    border-color: #d81e06
}

.category .left li:last-child {
    border-bottom: none;
}

.category .right {
    width: 11.6rem;
    position: absolute;
    left: 4.4rem;
    top: 0;
    height: 100%
}

.category .right li {
    float: left;
    width: 33.3%;
    height: 5.5rem;
    margin-right: 0;
    font-size: .54rem;
    overflow: hidden;
    box-sizing: border-box;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}

.category .right li a {
    display: block;
    color: #000;
    width: 3.5rem;
    margin: auto;
    text-align: center;
    overflow: hidden
}

.category .right li img {
    display: block;
    margin: .3rem auto;
    width: 3.5rem;
}

.category .left, .category .right {
    padding-bottom: 7rem;
    background: #fff;
}

.showall.pro {
    margin: 0 .5rem 1rem;
    text-align: center;
}

.showall.wrap {
    margin: 0 .7rem 1rem;
    text-align: center;
}

.share {
    height: 100%;
    background: rgba(0, 0, 0, .5);
    display: none;
}

.clr {
    clear: both;
}

.share-box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
}

.share_wz {
    font-size: .9rem;
    text-align: center;
    margin-bottom: 1rem;
    padding-top: 1rem;
}

.share-box li {
    padding-bottom: 1rem;
    font-size: .6rem;
    position: relative;
    width: 32%;
    margin-right: 0; /* height:5.7rem;*/
    display: inline-block;
}

.share_text {
    padding-top: 3.7rem;
    line-height: 1rem;
    text-align: center;
}

.bdshare-button-style0-32 li a {
    margin: 0;
    float: none;
    padding-bottom: 1rem;
    display: block;
    width: 3.5rem;
    height: 4.7rem;
    text-indent: 0;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1.75rem;
}

.bdshare-button-style0-32 li a.bds_sqq {
    background: url(../images/qq.gif) no-repeat top center;
    background-size: 100% auto;
}

.bdshare-button-style0-32 li a.bds_tsina {
    background: url(../images/wb.gif) no-repeat top center;
    background-size: 100% auto;
}

.bdshare-button-style0-32 li a.bds_weixin {
    background: url(../images/wx.gif) no-repeat top center;
    background-size: 100% auto;
}

.bdshare-button-style0-32 li a.bds_tqq {
    background: url(../images/tswb.gif) no-repeat top center;
    background-size: 100% auto;
}

.bdshare-button-style0-32 li a.bds_renren {
    background: url(../images/rr.gif) no-repeat top center;
    background-size: 100% auto;
}

.fxqx {
    font-size: .7rem;
    background: #eee;
    color: #000;
    line-height: 2rem;
    text-align: center;
}

.video a.btn {
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    position: absolute;
    top: 50%;
    margin-top: -.7rem;
    border-radius: 1.4rem;
    background: rgba(0, 0, 0, .5);
    color: #fff;
}

.video a.btn .iconfont {
    font-size: .8rem;
    line-height: 1.4rem;
    width: 1.4rem;
    height: 1.4rem;
}

.video a.prev {
    left: .2rem;
}

.video a.next {
    right: .2rem;
}

.foot-other {
    padding: .63rem;
    margin-bottom: .5rem;
    background: #fff
}

.foot-other .link:nth-of-type(1) {
    text-align: center
}

.foot-other .link .btn {
    display: block;
    padding: .35rem;
    font-size: .7rem;
    color: #fff;
    text-align: center;
    background: #cc0000;
    border-radius: 14px;
}

.foot-other .link:nth-of-type(2) {
    margin-top: 1.25rem;
    font-size: .6rem;
    text-align: center;
    color: #303030;
}

.foot-other .link:nth-of-type(2) .tel {
    text-align: center;
    color: #cc0000
}

footer {
    padding-top: .75rem;
    font-size: .6rem;
    background: #fff
}

.foot-nav {
    color: #303030;
    text-align: center;
}

.foot-nav ul {
    display: inline-block;
    overflow: hidden
}

.foot-nav li {
    float: left;
    padding: 0 .65rem;
    border-right: 1px solid #303030
}

.foot-nav li:last-child {
    padding-right: 0;
    border: none
}

.foot-nav li a {
    color: #303030;
    display: block
}

.copyright {
    padding: .75rem 0;
    text-align: center;
    color: #939393
}

/*video*/
.video {
    margin-top: .2rem;
    width: 14rem;
    height: 8rem;
}

.magzine-list {
    padding: 0 .7rem .4rem;
}

.magzine-list li {
    background: #fff;
    position: relative;
    padding: .4rem .5rem .2rem;
    margin-top: .6rem;
    border-radius: 4px;
}

.magzine-list li img, .magzine-info img {
    width: 6.1rem;
    display: inline-block;
}

.magzine-list li .text, .magzine-info .text {
    float: right;
    width: 7rem;
}

.magzine-list li h4, .magzine-info h2 {
    line-height: 1rem;
    font-size: .7rem;
    padding-bottom: .15rem;
    margin-top: 0;
    margin-bottom: 0;
}

.magzine-list li p, .magzine-info p {
    line-height: .9rem;
    font-size: .58rem;
    height: 4.5rem;
    overflow: hidden;
}

.magzine-list li a {
    display: block;
}

.magzine-list li .down {
    font-size: .6rem;
    border: 1px solid #E60012;
    color: #E60012;
    line-height: 1rem;
    padding: 0 .2rem;
    position: absolute;
    bottom: .5rem;
    right: .6rem;
    display: inline-block;
}

.magzine-list li .down .iconfont {
    font-size: .9rem;
}

.magzine-info, .magzine-menu {
    margin: .7rem .7rem 0;
    background: #fff;
    padding: .5rem;
    border-radius: 4px 4px 0 0;
}

.magzine-info .text {
    width: 7rem;
}

.magzine-info p {
    height: 7.2rem;
    margin-bottom: 0;
}

.magzine-menu {
    margin-top: 0;
    border-radius: 0 0 4px 4px;
    padding-top: 0;
}

.magzine-menu .title, .menu-title {
    font-size: .75rem;
    line-height: 1rem;
    padding-bottom: .5rem;
    text-align: left;
}

.magzine-menu .title .iconfont, .menu-title .iconfont {
    font-size: .82rem;
    float: left;
    line-height: .9rem;
    margin-right: 0;
    padding-bottom: .1rem;
}

.magzine-menu-article li {
    border-top: 1px solid #ddd;
    padding: .3rem;
}

.magzine-menu-article li h4 {
    font-size: .7rem;
    font-weight: 500;
    padding-bottom: .2rem;
}

.magzine-menu-article li p {
    font-size: .6rem;
}

.menu-title {
    border-bottom: 1px solid #ddd;
}

.rel-magzine-list a {
    display: block;
    font-size: .6rem;
    margin-top: .5rem;
    text-align: left;
    color: #555;
}

.article-share {
    background: #f4f4f4;
    font-size: .7rem;
    height: 2rem;
    line-height: 2rem;
}

.share-text {
    float: left;
    margin-left: .5rem;
}

.article-share .bdshare-button-style0-24 a {
    margin: 0;
    background: none;
    padding-left: 0;
    width: 1.6rem;
    float: left;
}

.article-share .iconfont {
    font-size: 1rem;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    border-radius: 4px;
    border: 1px solid #333;
    margin-top: .4rem;
    display: inline-block;
}

.mui-off-canvas-right#param-all {
    background: #fff;
    width: 100%;
}

.contact-detial {
    padding: .7rem 1rem .5rem;
}

.contact h2 {
    font-size: .85rem;
    font-weight: normal;
    margin: 0;
    line-height: 2rem;
    color: #4d4d4d;
    position: relative;
    border-bottom: 1px dashed #aaa;
    padding-bottom: .3rem;
}

.contact h2 .iconfont {
    font-size: 1.2rem;
    color: #06d841;
    padding-right: .5rem;
    display: inline-block;
}

.contact h2 span {
    font-size: .6rem;
    line-height: 1rem;
    position: absolute;
    top: .6rem;
    left: 58%;
    width: auto;
}

.contact-detial .subtitle {
    text-align: center;
    position: relative;
    margin-top: -.5rem;
    font-size: .6rem;
    line-height: .8rem;
}

.contact-detial .subtitle span {
    display: inline-block;
    background: #ececec;
    color: #444;
}

.addr-item {
    border-bottom: 1px dashed #aaa;
    padding: .4rem 0;
}

.addr-item:last-child {
    border-bottom: none;
}

.addr-item td {
    font-size: .6rem;
    line-height: .7rem;
    padding: .3rem;
    vertical-align: top;
    color: #555;
}

.addr-item td.title {
    font-size: .7rem;
    color: #000;
}

.addr-item td .postcodes {
    padding-right: .2rem;
}

.pages {
    width: 100%;
    margin: .5rem 0;
    background: #fff;
    font-size: .6rem;
    text-align: center;
    position: relative;
    line-height: 1.6rem;
    border-radius: 4px;
}

.current {
    background: url(../images/logos.png) no-repeat left center;
    background-size: auto 50%;
    color: #666;
    text-indent: .9rem;
    width: auto;
    height: 1.6rem;
    display: inline-block;
}

.pages li {
    display: inline-block;
}

.pages a {
    display: block;
}

.pages a.next {
    left: auto;
    right: 0;
    z-index: 1;
    width: 100%;
    text-indent: 50%;
}

.content.single-page {
    padding: 0 .6rem 1rem .6rem;
    overflow: hidden
}

.content.single-page .col-title {
    padding: 0 .3rem;
    text-align: left
}

.form-content {
    padding: .5rem
}

.ht {
    line-height: 2;
    font-size: 0.6rem
}

.hs {
    line-height: 1.5;
    font-size: 0.6rem
}

.form-content p.ctl-tips {
    border: none
}

.form-content .etips {
    display: block
}

.form-product {
    overflow: hidden
}

.form-product img {
    float: left;
    width: 5.6rem;
    height: 4.2rem;
}

.form-product h2 {
    margin: 0;
    padding: 0;
    margin-left: 5.8rem;
    font-size: .8rem
}

.form-product .type {
    margin-left: 5.8rem;
    margin-top: .4rem;
    font-size: .7rem
}

.content.single-page .form-content p.ctl-tips {
    font-size: 12px
}

.share-btn {
    width: 100%;
    margin: 0 auto;
    background: #e2e2e2;
    font-size: .75rem;
    height: 1.8rem;
    line-height: 1.8rem;
    color: #333;
    border-radius: 6px;
    text-align: center;
}

.share-btn .iconfont {
    font-size: 1rem;
    margin-right: .2rem;
    color: #666;
}

.share-content, .cy-comment {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 99999;
    display: none;
}

.cy-comment {
    background: #fff; /*position: absolute; top: 100%; left: 0;*/
}

.close-comment {
    width: 100%;
    background: #e60012;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    color: #fff;
    line-height: 1.8rem;
    font-size: .7rem;
}

.news-body .video {
    margin: 0 auto;
    width: 16rem;
    height: 9rem;
}

.news-body .video-player iframe {
    height: 9rem;
}

/*.news-body .mui-slider { height: 8rem;}图片超出高度隐藏111*/
.news-body .mui-slider .mui-slider-group .mui-slider-item {
    height: 8rem;
}

/*限制图片最大高度*/
.news-body .mui-slider .mui-slider-group .mui-slider-item img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
}

.myvideo .black-container {
    margin-top: 0;
}

.video-list-ul img {
    height: 4.2rem;
}

.mui-slider .mui-slider-group .mui-slider-item img {
    height: 10rem;
}

@keyframes sch {
    0% {
        top: -45px;
    }
    100% {
        top: 0;
    }
}

@-webkit-keyframes sch {
    0% {
        top: -45px;
    }
    100% {
        top: 0;
    }
}

@keyframes leftIn {
    0% {
        left: 100%;
    }
    100% {
        left: 0;
    }
}

@-webkit-keyframes leftIn {
    0% {
        left: 100%;
    }
    100% {
        left: 0;
    }
}

@keyframes topIn {
    0% {
        top: 100%;
    }
    100% {
        top: 0;
    }
}

@-webkit-keyframes topIn {
    0% {
        top: 100%;
    }
    100% {
        top: 0;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.ad-img {
    position: relative;
    display: block
}

.ad-img .ad-close {
    position: absolute;
    top: 50%;
    right: 0;
    color: #fff;
    transform: translateY(-50%);
    line-height: 2rem;
    width: 2rem;
    text-align: center
}

.complaint-form-body {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: .65rem;
    z-index: 4;
    background: #fff;
    box-sizing: border-box;
    padding: 1rem;
    line-height: 1.4rem;
    display: none
}

.complaint-form-body .red {
    color: #f00;
    background: none
}

.complaint-form-body input[type=text] {
    margin-bottom: .4rem;
}

/*.complaint-form-body .row{margin-top:.5rem}*/
.complaint-form-body .title {
    font-size: .9rem;
    text-align: center;
    margin-bottom: .3rem;
    font-weight: bold
}

.complaint-form-body label {
    display: inline-block;
    width: 3.5rem;
}

.complaint-list {
    line-height: 1.4rem;
    font-size: .6rem;
    text-align: center;
}

.complaint-list span {
    display: inline-block
}

.complaint-sub {
    background: #f00;
    color: #fff;
    margin-right: .5rem;
    padding: 0 .6rem;
    border: 1px solid #f00
}

.complaint-close {
    padding: 0 .6rem;
    border: 1px solid #f00;
    color: #f00
}

/*.complaint-entrance{ position:fixed; bottom:5rem;right:.5rem; width:1.85rem; height:1.85rem; background:url(../images/jy.png) no-repeat center; background-size:100%; z-index:3}*/
.complaint-form-body .dsc {
    text-indent: 2em
}