/* basic */
body {font-family:Microsoft YaHei, '\9ed1\4f53';color: #333;}
.main {width: 100%;max-width: 1200px;box-sizing: border-box;padding: 0 5px; margin: 0 auto !important;}
img {width: 100%;height: auto;}

/* title */
.title {width: 100%;overflow: hidden;padding: 50px 0;text-align: center;text-shadow: 0 5px 3px rgba(0,0,0,.1);}
.title h3,
.title span {font-size: 28px;display: block;text-transform: uppercase;}
.title h3 i {color: #c00;font-style: normal;}
.title span {font-weight: 300;}

/* head */
.head {width: 100%;height: 100px;background: #fff;position: relative; z-index: 99999;}

.logo {line-height: 100px;font-size: 20px;text-transform: uppercase;color: #c00;}
.logo span {color: #c00;font-weight: 300;padding: 0 5px;}
.logo i {width: 100px;height: 100px;background-image: url(../image/logo.svg);background-size: 80%;display: block;float: left;}

.login {margin: 30px 0;overflow: hidden;text-transform: capitalize;border-left: 1px #333 solid;}
.login a {width: 80px;height: 40px;line-height: 40px;text-align: center;display: block;float: left;font-size: 15px;border-radius: 3px;}
.login a:hover {color: #c00;}
.login a.register {width: 100px;background-image: url(../image/btn.jpg);background-size: 100% 100%;color: white;font-weight: bold;box-shadow: 0 5px 0 rgba(0,0,0,.08);margin: 0 0 5px 0;}
.login a.register:hover {transform: translateY(5px);border: none;}

.menu {overflow: hidden;margin: 25px 0;}
.menu a.nav {width: 100px;height: 100px;background-image: url(../image/menu.svg);background-size: 35%;display: none;}
.menu-con {overflow: hidden;}
.menu-con a { height: 50px; line-height: 50px; margin: 0 14px;font-size: 15px;float: left;text-transform: capitalize;display: block;text-align: center;}
.menu-con a:hover,
.menu-con a.active {font-weight: bold;border-bottom: 2px #333 solid;}

/* down */
.down {width: 100%;height: 410px; overflow: hidden;background-image: url(../image/phone.png);background-position:bottom right;}
.down-con {width: 610px;text-align: center;overflow: hidden;padding: 50px 0 0;}
.down-con h3 {width: 100%;text-shadow: 0 5px 3px rgba(0,0,0,.1);font-size: 40px;text-transform:uppercase;padding: 50px 0 0;}
.down-con h3 span {color: #c00;}
.down-con h3 em {font-weight: 300;font-style: normal;}
.down-btn {width: 610px;overflow: hidden;margin: auto; text-align: left;}
.down-btn a {width: 180px;margin: 10px;display: inline-block; position: relative;overflow: hidden;}
.down-btn a:hover {transform: translateY(5px);}
.down-btn a .type-desc {position: absolute;height: 100%; width: 120px; top: 0; right: 0px; text-align: center; color: #fff; padding:10px 0; font-size: 11px; box-sizing: border-box;}
.down-btn a .type-desc .type-name{ font-weight: 600; font-size: 10px;}
.down-btn a .type-desc .type-down{ font-size: 9px;  font-weight: 600;color: #ecc8c8;}

/* light */
.light {width: 100%;overflow: hidden;padding: 50px 0;background-image: url(../image/bg-banner.jpg);}
.light .swiper-container {width: 70%;overflow: hidden;margin: auto;padding: 0 10px;box-sizing: border-box;}
.light .swiper-wrapper {padding: 30px 0;}
.light .swiper-slide {text-align: center;background: #c00;border-radius: 5px;box-sizing: border-box;padding: 20px;margin-right: 25px !important;}
.light .swiper-slide h6 {width: 100%;height: 40px;line-height: 40px;background: #e24b50;color: white;text-transform: uppercase;font-size: 14px;margin: 0 0 10px;border-radius: 3px;box-sizing: border-box;padding: 0 5px;}
.table {width: 100%;overflow: hidden;}
.light .swiper-pagination-bullets {bottom: 0 !important;}
.light .swiper-pagination-bullet,
.light .swiper-pagination-bullet-active {background: #fff;}
.light a.more {width: 160px;height: 45px;line-height: 45px;font-size: 16px; text-align: center;text-transform: uppercase;color: white;font-weight: bold;border-radius: 3px;background-image: url(../image/btn.jpg);background-size: 100% 100%;display: block;margin:20px auto;}
.light a.more:hover {transform: translateY(5px);}

/* welcome */
.welcome {width: 100%;overflow: hidden;padding: 30px 0}
.welcome-txt {width: 100%;overflow: hidden;font-size: 16px;color: #999;text-align: center;}
.welcome-con {width: 100%;overflow: hidden;margin: 30px 0;}
.welcome-con li {width: 33.33%;float: left;box-sizing: border-box;padding: 20px;display: block;}
.welcome-con i {width: 120px;height: 120px;border-radius: 100%;border: 2px #c00 solid;box-sizing: border-box;display: block;margin: auto;background-size: 40%;}
.welcome-con li:hover i {transform: rotateY(180deg);}
.welcome-con i.wci-1 {background-image: url(../image/ico-service-1.svg);}
.welcome-con i.wci-2 {background-image: url(../image/ico-service-2.svg);}
.welcome-con i.wci-3 {background-image: url(../image/ico-service-3.svg);}
.welcome-con h4 {text-align: center;text-transform: capitalize;font-size: 20px;padding: 20px 0;}
.welcome-con p {width: 100%;line-height: 200%;font-size: 14px;}

/* life */
.life {width: 100%;overflow: hidden;background-image: url(../image/bg-chen.jpg);padding: 50px 0;}
.life-big {width: 70%;overflow: hidden;margin:20px auto;}
.life-con {width: 100%;overflow: hidden;}
.life-con li {width: 50%;overflow: hidden;box-sizing: border-box;padding: 30px 10px 30px 90px;float: left;position: relative;}
.life-con i {width: 80px;height: 80px;border-radius: 3px;background-color: #c00;background-size: 48%; position: absolute;top: 30px;left: 0;}
.life-con i.lci-1 {background-image: url(../image/ico-chen-1.svg);}
.life-con i.lci-2 {background-image: url(../image/ico-chen-2.svg);}
.life-con i.lci-3 {background-image: url(../image/ico-chen-3.svg);}
.life-con i.lci-4 {background-image: url(../image/ico-chen-4.svg);}
.life-con h5 {color: white;font-size: 22px;padding: 10px 0;}
.life-con span {font-size: 16px;color: #6e6e6e;}

/* link */
.link {width: 100%;overflow: hidden;}
.link-con {width: 100%;overflow: hidden;padding: 50px;box-sizing: border-box;}
.link-con a {width: 25%;overflow: hidden;box-sizing: border-box;padding:0 30px;display: block;float: left;opacity: .5;filter: grayscale(90%);filter: gray;}
.link-con a:hover {filter: grayscale(0%);filter:none;opacity: 1;}

/* foot */
.foot {width: 100%;overflow: hidden;background:url(../image/bg-foot.png);}
.foot-logo {width: 130px;height: 130px;background-color: #c00; background-image: url(../image/logo-white.svg);background-size: 60%;}
.foot-sns {overflow: hidden;margin: 35px 0 0;}
.foot-sns a {width: 54px;height: 54px;display: block;float: left;margin: 5px;}
.foot-sns a:hover {transform: rotate(360deg);}
.foot-sns a.fsa-1 {background-image: url(../image/sns-1.svg);}
.foot-sns a.fsa-2 {background-image: url(../image/sns-2.svg);}
.foot-sns a.fsa-3 {background-image: url(../image/sns-3.svg);}
.foot-sns a.fsa-4 {background-image: url(../image/sns-4.svg);}
.copyright {width: 100%;float: left;background: #000;}
.copyright-con {width: 100%;height: 48px;}

.copyright-red {width: 130px;height: 48px;background: #650000;box-sizing: border-box;padding: 5px;position: relative;}
.copyright-red a {width: 100%;height: 38px;line-height: 38px;font-size: 14px;text-transform: capitalize;color: palevioletred;text-align: center;display: block;background: #880000;}
.copyright-lang {width: 130px; overflow: hidden;position: absolute;left: 0;bottom: 48px;box-sizing: border-box;padding: 5px;background: rgba(0,0,0,.8);display: none;}
.copyright-lang a {width: 120px;margin:5px 0;}
.copyright-lang a:hover {background: #fff;}
.copyright-red:hover .copyright-lang {display: block;}

.copyright-nav {overflow: hidden;margin: 10px 0;}
.copyright-nav a {line-height: 28px;color: #666;text-transform: capitalize;border-right: 1px #666 solid;padding: 0 10px;font-size: 14px;}
.copyright-nav a:hover {color: #c00;}
.copyright-nav a:last-child {border: none;}
.copyright span {float: right;color: #666;line-height: 48px;text-transform: uppercase;font-size: 14px;}

/* banner */
.banner {width: 100%;height: 280px; overflow: hidden;background-image: url(../image/bg-banner.jpg);background-position: center bottom;
    display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
    -webkit-box-pack: center;-ms-flex-pack: center;
    -webkit-justify-content: center;justify-content: center;
    -webkit-box-align: center;-ms-flex-align: center;
    -webkit-align-items: center;align-items: center;}
.banner-big {width: 50%;overflow: hidden;margin: auto;}

/* about */
.about {width: 100%;overflow: hidden;padding: 30px 0;}
.about-con {width: 100%;overflow: hidden;padding: 30px 0;}
.about-con-txt {width: 100%;overflow: hidden;}
.about-con-txt p {padding: 10px 0;font-size: 16px;text-indent: 2em;}
.about-con-img {overflow: hidden;float: right;padding: 20px;}

.about-list {width: 100%;overflow: hidden;margin: 50px 0  100px;}
.about-list li {width: 25%;box-sizing: border-box;padding:60px 5px 0;display: block;float: left;}
.about-list a {width: 100%;height: 540px;border-radius: 5px;display: block;position: relative;background: #c00;padding: 70px 0 0;box-sizing: border-box;}
.about-list i {width: 120px;height: 120px;border-radius: 100%;background-color: #e14241;background-size: 40% 40%;position: absolute;top: -60px;left: 0;right: 0;margin: auto;}
.about-list a:hover i {transform: rotateY(180deg);}
.about-list i.ali-1 {background-image: url(../image/ico-about-1.svg);}
.about-list i.ali-2 {background-image: url(../image/ico-about-2.svg);}
.about-list i.ali-3 {background-image: url(../image/ico-about-3.svg);}
.about-list i.ali-4 {background-image: url(../image/ico-about-4.svg);}
.about-list h5 {width: 100%;height: 60px;line-height: 60px;text-align: center;color: white;font-size: 20px;text-transform: uppercase;background: #e14241;}
.about-list p {width: 100%;height: 385px; font-size: 14px;color: white;box-sizing: border-box;padding: 20px;overflow: hidden;}

/* contact */
.contact {width: 100%;overflow: hidden;padding: 30px 0;}
.contact-con {width: 100%;overflow: hidden;}
.contact-group {width: 100%;overflow: hidden;box-sizing: border-box;padding: 20px;border: 1px #ddd solid;margin: 30px 0;}
.contact-title {width: 210px;height: 90px;border-right: 1px #ddd solid;padding: 5px 0;margin: 0 20px 0 0;}
.contact-title h4,
.contact-title span {display:block;width: 100%; text-transform: uppercase;font-size: 20px;text-align: center;line-height: 40px;}
.contact-title span {font-weight: normal;}
.contact-add {width: calc(100% - 210px - 30px - 20px); overflow: hidden;text-align: justify;}
.contact-add li {width: 100%; line-height: 45px;font-size: 16px;display:block;float: left;}
.contact-add i {width: 45px;height: 45px;background-size: 50%;display: block;float: left;}
.contact-add i.cai-1 {background-image: url(../image/ico-contact-1.svg);}
.contact-add i.cai-2 {background-image: url(../image/ico-contact-2.svg);}
.contact-down {width: 600px;overflow: hidden;margin: auto;}
.contact-down a {width: 180px;margin: 10px;display: block;float: left; position: relative;overflow: hidden;}
.contact-down a:hover {transform: translateY(5px);}
.contact-down a .type-desc {position: absolute;height: 100%; width: 120px; top: 0; left: 58px; text-align: center; color: #fff; padding:10px 0; font-size: 11px; box-sizing: border-box; }
.contact-down a .type-desc .type-name{ font-weight: 600; font-size: 11px;}
.contact-down a .type-desc .type-down{ font-size: 10px;  font-weight: 600;color: #ecc8c8;}


/* help */
.help {width: 100%;overflow: hidden;padding: 30px 0;}
.help-con {width: 100%;overflow: hidden;margin: 0 0 100px;}
.help-list {width: 100%;overflow: hidden;}
.help-list a {width: 100%;height: 52px;overflow: hidden;box-sizing: border-box;border: 1px #ddd solid;line-height: 50px;font-size: 18px;display: block;margin: 10px 0;white-space: nowrap; text-overflow: ellipsis;}
.help-list a i {width: 50px;height: 50px;background-image: url(../image/ico-more.svg);background-size: 25%;display: block;float: right;opacity: .3;}
.help-list a span {width: 34px;height: 34px;line-height: 34px;text-align: center;background: #c00;color: white;display: block;float: left;font-size: 18px;margin: 8px;}
.help-txt {width: 100%;overflow: hidden;box-sizing: border-box;padding: 10px 15px;font-size: 16px;display: none;text-align: justify;line-height: 200%;}

.help-down {width: 100%;box-sizing: border-box;padding: 20px; border: 1px #ddd solid;margin: 0 0 30px;font-size: 16px;overflow: hidden;line-height: 40px;}
.help-down span {color: #ccc;padding: 0 10px;}
.help-down a {height: 40px;line-height: 40px; font-size: 16px;text-transform: capitalize;background-image: url(../image/btn.jpg);background-size: 100% 100%; padding:0 20px;color: white;border-radius: 3px;float: right;}

/* rate */
.rate {width: 100%;overflow: hidden;padding: 30px 0;}
.rate-con {width: 100%;overflow: hidden;padding: 10px 0 100px;}
.rate-con li {width: 33.33%;overflow: hidden;box-sizing: border-box;padding: 15px;display: block;float: left;}
.rate-group {width: 100%;overflow: hidden;background: #c00;border-radius: 3px;box-sizing: border-box;padding: 20px;transition: .5s all;}
.rate-group:hover {transform: translateY(5px);}
.rate-group h4 {width: 100%;height: 40px;line-height: 40px;text-align: center;color: white;text-align: center;text-transform: uppercase;font-size: 14px;background: #e24b50;}
.rate-table {width: 100%;overflow: hidden;}

.rate-calc {width: 100%;overflow: hidden;box-sizing: border-box; padding: 20px;background: #f7f7f7;margin: 20px 0;}
.rate-calc li {width: 33.33%;box-sizing: border-box;padding:0 15px;float: left;}
.rate-calc li.lsmall {width: 50px;padding: 0;}
.rate-calc li.lmiddle {width: calc(33.33% - 50px);padding-left: 0;}
.rate-calc li input,
.rate-calc li select {height: 50px;vertical-align: middle;box-sizing: border-box;float: left;padding: 0 10px;border: 1px #ddd solid;}
.rate-calc li input {width: 60%;}
.rate-calc li select {width: 40%;background: #f7f7f7;border-right: none;}
.rate-calc li cite {width: 50%;height: 50px;line-height: 50px;text-align: center;font-size: 14px;font-style: normal;float: left;text-transform: uppercase;}
.rate-calc li cite span {font-size: 18px;font-weight: bold;color: orange;padding: 0 5px;}
.rate-calc li i {width: 50px;height: 50px;background-image: url(../image/arrow.svg);display: block;background-size: 30%;box-sizing: border-box;border: 1px #ddd solid;}
.rate-calc li button {width: 50%;height: 50px;background-image: url(../image/btn.jpg);background-size: 100% 100%;border-radius: 3px;color: white;font-size: 16px;text-transform: capitalize;box-shadow: 0 5px 0 rgba(0,0,0,.05);}
.rate-calc li button:hover {transform: translateY(5px);box-shadow: none;}

/* service */
.service {width: 100%;overflow: hidden;padding: 30px 0;}
.service-con {width: 100%;overflow: hidden;padding: 10px 0 100px;}
.service-group {width: 100%;overflow: hidden;margin: 10px 0 50px;border-bottom: 1px #ddd solid;}

.service-name {width: 300px;overflow: hidden;}
.service-name i {width: 120px;height: 120px;border-radius: 100%;box-sizing: border-box;border: 2px #c00 solid;background-size: 45% 45%;display: block;margin: auto;}
.service-name:hover i {transform: rotateY(180deg);}
.service-name i.sni-1 {background-image: url(../image/ico-service-1.svg);}
.service-name i.sni-2 {background-image: url(../image/ico-service-2.svg);}
.service-name i.sni-3 {background-image: url(../image/ico-service-3.svg);}
.service-name i.sni-4 {background-image: url(../image/ico-service-4.svg);}
.service-name i.sni-5 {background-image: url(../image/ico-service-5.svg);}
.service-name i.sni-6 {background-image: url(../image/ico-service-6.svg);}
.service-name h3 {width: 100%;overflow: hidden;text-transform: capitalize;text-align: center;font-size: 20px;display: block;padding: 20px 0;}

.service-txt {width: calc(100% - 300px - 20px);padding:0 0 20px;}
.service-txt p {width: 100%;overflow: hidden;font-size: 14px;padding: 0 0 20px;}
.service-txt span {padding: 0 5px;margin: 0 5px; background: #ddd;}
.service-txt b {padding: 7px 16px;background: #f5f5f5;display: block;}
.service-txt a.more {padding: 7px 16px;border-radius: 3px;background: #c00;color: white;}
.service-more {display: none;padding: 20px 0;overflow: hidden;}
.service-img {padding: 10px 0;overflow: hidden;}
.service-img li {width: 33.33%;box-sizing: border-box;padding: 5px; float: left;}

/* join */
.join {width: 100%;overflow: hidden;padding: 30px 0;}
.join-con {width: 100%;overflow: hidden;}
.join-txt {width: 100%;overflow: hidden;}
.join-txt cite {width: 100%;line-height: 50px; box-sizing: border-box;background: #eee;display: block;font-size: 16px;font-style: normal;margin: 0 0 100px;}
.join-txt cite span {background: #c00;color: white;line-height: 50px;display: block;float: left;margin: 0 20px 0 0;padding: 0 20px;}
.join-txt p {width: 100%;padding: 10px 0;font-size: 16px;}
.join-service {width: 100%;overflow: hidden;}
.join-service li {width: 33.33%;box-sizing: border-box;padding: 15px;float: left;}
.join-service i {width: 120px;height: 120px;display: block;margin:auto;background-size: contain;}
.join-service i.jsi-1 {background-image: url(../image/ico-join-1.svg);}
.join-service i.jsi-2 {background-image: url(../image/ico-join-2.svg);}
.join-service i.jsi-3 {background-image: url(../image/ico-join-3.svg);}
.join-service h5 {font-size: 18px;text-align: center;padding: 30px 0 15px;}
.join-service p {font-size: 16px;}

.join-table {width: 100%;overflow: hidden;margin: 20px auto;}
.join-table table {width: 100%;background: #eee;}
.join-table table td {vertical-align:middle;font-size: 16px;height: 40px;background: #fff;padding: 10px;line-height: 220%;}
.join-table table td:first-child {font-weight: bold;text-align: center;}
.join-table table thead td {background: #c00;color: white;font-size: 20px;}

/* credentials */
.credentials{width: 100%;overflow: hidden;padding: 30px 0;}
.credentials-con {width: 100%;overflow: hidden;position: relative;  }
.credentials-left{ width: 180px; float: left; position: absolute; }
.credentials-type-title{ background: #c00;  padding: 10px; }
.credentials-type-title .credentials-type-title-inn{ background: #c00; font-size: 22px; color: #fff; padding: 10px; line-height: 15px; border: solid 1px #fff;}
.credentials-type-title .credentials-type-title-inn span{ color: #fff; font-size: 9px; }
.credentials-type-list{ padding: 10px 10px 20px; border: solid 1px #ddd; border-top: none; }
.credentials-type-list a{ display: block; background: #ddd; line-height: 30px; margin-bottom: 5px; text-indent: 5px; color: #333; font-weight: bold; }
.credentials-type-list a:hover{ color: #c00; }
.credentials-type-list a.cur{ color: #c00; }
.credentials-main{ margin-left: 190px; position: relative; overflow: hidden; }
.credentials-main .credentials-list-title{ border: solid 1px #ddd; border-top: solid 2px #c00; line-height: 30px; color: #c00; font-weight: bold;    text-indent: 30px; }
.credentials-main .credentials-list-title::before{content: '■'; color:#c00; margin: 0 10px;    position: absolute;
    font-size: 22px;
    top: -1px;
    left: -30px; }
.credentials-main .credentials-list{ padding: 10px 0 30px; border: solid 1px #ddd; overflow: hidden; margin-top: 10px;min-height: 200px;}
.credentials-main .credentials-list .credentials-item{ width: 22%; margin-left:2.5%; float: left; text-align: center; cursor: pointer;box-shadow: 0px 4px 20px 0px #c7c3c3;margin-bottom: 20px;}
.credentials-main .credentials-list .credentials-item .pic{width: 100%;overflow: hidden;    position: relative; background: #fff;}
.credentials-main .credentials-list .credentials-item .pic:after {
    content: '';
    display: block;
    margin-top: 100%; /* margin 百分比相对父元素宽度计算 */
}
.credentials-main .credentials-list .credentials-item:hover{ box-shadow: 0px 3px 20px 10px #c7c3c3;}
.credentials-main .credentials-list .credentials-item:hover .name,.credentials-main .credentials-list .credentials-item .name:hover{ color: #c00; }
.credentials-main .credentials-list .credentials-item img{     position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;}
.credentials-main .credentials-list .credentials-item .name{ color: #333; line-height: 60px;font-weight: bold;font-size: 15px; height: 60px;}
.credentials-main .credentials-list .credentials-item .name:hover{ color: #c00; }



/* credentials detail*/

.credentials-detail{width: 100%;overflow: hidden;padding: 30px 0;}
.credentials-detail-con {width: 100%;overflow: hidden;position: relative;  }
.credentials-detail-left{ width: 180px;  position: absolute; text-align: center;  text-align: center; cursor: pointer;box-shadow: 0px 4px 20px 0px #c7c3c3;}
.credentials-detail-left .pic{width: 100%;overflow: hidden;    position: relative; background: #fff;}
.credentials-detail-left .pic:after {
    content: '';
    display: block;
    margin-top: 100%; /* margin 百分比相对父元素宽度计算 */
}
.credentials-detail-left .pic img{     position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;}
.credentials-detail-name{ color: #c00; line-height: 60px;font-weight: bold;font-size: 15px;}


.credentials-detail-main{ margin-left: 190px; position: relative; overflow: hidden; }
.credentials-detail-main .credentials-detail-title{ border: solid 1px #ddd; border-top: solid 2px #c00; line-height: 30px; color: #c00; font-weight: bold;    text-indent: 30px; }
.credentials-detail-main .credentials-detail-title::before{content: '■';color:#c00;     position: absolute;
    font-size: 22px;
    top: -1px;
    left: -19px;}
.credentials-detail-main .credentials-detail-content{ padding: 10px 0 30px; border: solid 1px #ddd; overflow: hidden; margin-top: 10px;}
.credentials-detail-main .credentials-detail-content table{margin-left: 10px; line-height: 30px; color: #888; font-weight: bold;}

.credentials-detail-main .t_name{color: #000;}
.credentials-detail-main .t_marketprice{}
.credentials-detail-main .t_huioneprice{font-size: 16px; font-weight: bold; color: #c00;}
.credentials-detail-main .t_dealtime a{display: inline-block; line-height: 18px; padding:0 10px; border:solid 2px #fff;}
.credentials-detail-main .t_dealtime a.cur{ font-weight: bold; border-color: #c00; color: #c00;}

.credentials-detail-main .t_count_selector{ line-height: 18px; border:solid 1px #ddd; display: inline-block; }
.credentials-detail-main .t_count_selector .t_count_minute{display: inline-block; width: 18px; border-right: solid 1px #ddd; text-align: center;}
.credentials-detail-main .t_count_selector .t_count_plus{display: inline-block; width: 18px; border-left: solid 1px #ddd; text-align: center;}
.credentials-detail-main .t_count_selector .t_count{width: 30px; text-align: center;}
.credentials-detail-main button{ background:#c00; padding: 5px 30px; color: #fff; font-size: 16px;}

.credentials-list-msg{padding: 10px; border:solid 1px #ddd;}

.credentials-list-msg td{ height: 30px; line-height: 30px;border-bottom:solid 1px #eee; padding: 10px;}
.credentials-list-msg .td{width: 100px;}
.credentials-list-msg button{ background:#ddd; color: #000; padding: 5px 30px; font-size: 16px; border:solid 2px #333;}

.txt{ height: 20px; line-height: 20px; border:solid 1px #ddd; }
.txtta{ height: 80px; width: 250px; }

.credentials-list-msg .input-group-addon{display: inline-block;}
.credentials-list-msg .input-group-addon img{width: 100px;}
.credentials-list-msg input[name=linkaddr]{}
.tip_valid{color: #c00;}

.credentials-process .content{background-image: linear-gradient(#b0adad 1px, transparent 0);
    background-size: 77% 25px; }
.credentials-process .process-step{width: 19%; display: inline-block;margin:0; padding: 0;border:none;text-align: center;}
.credentials-process .process-step .step-num{display: inline-block;background: #888888;color: #fff;border:solid 2px #fff; width: 40px; height: 40px; border-radius: 50%;line-height: 40px;font-size: 16px;font-weight: bold;box-shadow: 0px 0px 0px 2px #888888;text-align: center;}
.credentials-process .process-step .tip{display: block; line-height: 30px; color: #888}

.credentials-process .content .process-step-img{ display: none;}

.credentials-contact{ padding: 50px 0 0px 0;}
.credentials-contact .main{overflow: hidden; padding-left: 2%;}
.credentials-contact .main .item{ width: 24%; margin: 0; padding: 0; display: inline-block;  overflow: hidden; float: left; margin: 10px 0;}
.credentials-contact .main .item img{width: 40px; height: 40px;float: left;padding: 0 5px;}
.credentials-contact .main .item div.adesc{float: left; text-align: left;}
.credentials-contact .main .item div.adesc .title_1{}
.credentials-contact .main .item div.adesc .title_1 a{font-size:12px;color: #4f7ac7;}
.credentials-contact .main .item div.adesc .title_1 a img{width: 100px; height:100px; padding: 0;}
.credentials-contact .main .item div.adesc .title_2{font-size: 12px; line-height: 20px; font-weight: 500;}


.slide-number{width: 50%;}
#customizability{max-width:1500px; margin: 0 auto;}
#customizability li.sw-slide{line-height: 2.8rem; overflow:hidden; position: relative;}
#customizability li.sw-slide div{ width: 80%; margin: 0 auto; }
#customizability li.sw-slide div img{}
#customizability li.banner1 div{ width: 40%; }
#SearchAddmap{margin: 15px 0 0;}

@media screen and (max-width: 990px){
    .credentials-left{ position: relative; float: none;width: 100%; margin-bottom: 10px; }
    .credentials-main{ margin-left: 0; }


    .credentials-detail-left{display: none;}
    .credentials-detail-main{margin-left: 0;}

    .credentials-process .content{background-image: linear-gradient(90deg, #b0adad 1px, transparent 0);
        background-size: 0px;
        background-position: 23px 0; margin:0 auto;}
    .credentials-process .process-step{width: 100%;display: none; text-align: left;margin: 20px 0; }
    .credentials-process .process-step .tip{display: inline-block;margin-left: 10px;}
    .credentials-process .process-step .step-num{text-align: center;}
    .credentials-process .content .process-step-img{ display: block; width: 100%;}

    .credentials-contact .main .item{width: 49%;}
    .credentials-main .credentials-list .credentials-item{
        width: 46%;
    }
    .credentials-list-msg td {
        border-width: 0;
        height: auto;
        padding: 10px;
        display: block;
        overflow: hidden;
        width: 100%;
    }
    .credentials-list-msg .td{width: 100%;}
    .txt{width: 90%;}
    .tip_valid{display: block;}
    #SearchAddmap{ margin:15px 10px 0;}
    #customizability li.banner1 div{ width: 60%; }
}