@charset "utf-8";

.main-banner .main-wrap {
    height: 100%;
}

a {
    text-decoration: none;
}

/* 公用样式 */
.clearfix:after {
    content: '.';
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
}

.clearfix {
    *zoom: 1;
}

.green-color {
    color: #20b09f;
}

.protal-btn {
    display: inline-block;
    width: 176px;
    height: 46px;
    line-height: 44px;
    border: 1px solid #fff;
    text-align: center;
    font-size: 18px;
    position: relative;
    box-sizing: border-box;
    margin: 0 17px 0 0;
    cursor: pointer;
}

.protal-btn-green {
    background-color: #20b09f;
    border-color: #20b09f;
    color: #fff;
}

.protal-btn-green:hover {
    background-color: #1aa090;
    border-color: #1aa090;
    color: #fff;
}

.flex-row-justify {
    justify-content: space-between;
    align-items: normal;
}

/* 响应式门户 banner */
.xys .main-banner {
    height: 314px;
    position: relative;
    background: url(../images/menhuyun/banner_xys.png) top center no-repeat #050f2e;
}

/* 全网响应式门户 banner */
.qwxys .main-banner {
    height: 314px;
    position: relative;
    background: url(../images/menhuyun/banner_qwxys.png) top center no-repeat #050f2e;
}

/* 全网响应式门户 banner */
.qwxyshy .main-banner {
    height: 314px;
    position: relative;
    background: url(../images/menhuyun/banner_qwxyshy.png) top center no-repeat #050f2e;
}

/* 外贸门户 banner */
.waimao .main-banner {
    height: 314px;
    position: relative;
    background: url(../images/menhuyun/banner_waimao.png) top center no-repeat #050f2e;
}

/* 集团门户 banner */
.jituan .main-banner {
    height: 314px;
    position: relative;
    background: url(../images/menhuyun/banner_jituan.png) top center no-repeat #050f2e;
}

.main-banner-cont {
    padding: 60px 0 0;
    color: #fff;
}

.main-banner-title {
    height: 70px;
    line-height: 70px;
    font-size: 44px;
}

.main-banner-title-txt {
    font-size: 24px;
}

.main-banner-title-txt:before {
    content: '';
    display: inline-block;
    width: 40px;
    height: 1px;
    margin: 0 15px 0 12px;
    background: #fff;
    vertical-align: middle;
}

.main-banner-descrip {
    font-size: 24px;
    line-height: 52px;
}

.main-banner-btns {
    padding: 20px 0 0;
}

.category-nav {
    height: 59px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #f9f9f9;
}

.category-nav-fixed {
    height: 59px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #f9f9f9;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 20;
}

.category-nav-list li {
    position: relative;
    float: left;
    width: 238px;
    height: 52px;
    padding: 4px 0 3px;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    font-size: 18px;
    line-height: 52px;
    text-align: center;
    cursor: default;
}

.category-nav-list li:last-child {
    border-right: 1px solid #e5e5e5;
}

.category-nav-list li.active,
.category-nav-list li:hover {
    background-color: #fff;
    border-bottom-color: #fff;
}

.category-nav-list li.active:before,
.category-nav-list li:hover:before {
    content: '';
    position: absolute;
    top: 0;
    left: -1px;
    z-index: 2;
    width: 240px;
    height: 4px;
    background-color: #20b09f;
}

.category-content {
    display: none;
}

.category-content.active {
    display: block;
}

.section {
    padding: 40px 0 0;
}

.section-header {
    position: relative;
    height: 62px;
    padding: 0 0 0 13px;
    margin: 0 0 20px;
    line-height: 62px;
    font-size: 24px;
}

.section-header:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 3px;
    height: 22px;
    margin: -11px 0 0;
    background-color: #20b09f;
}

.section-header .section-title {
    float: left;
}

.section-header .section-title span {
    color: #20b09f;
}

.section-header-more {
    float: right;
    margin: 34px 0 0;
    line-height: 26px;
    font-size: 19px;
    color: #20b019;
}

.section-header-more:after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 26px;
    margin: 0 0 0 5px;
    background: url(../images/header-more-icon.png) 50% 50% no-repeat;
    vertical-align: top;
}

/* ↓↓↓   响应式门户 - 优势特征   ↓↓↓ */

/*一次设计，多端呈现，好看好用*/
.xys .items-full-cover {
    height: 379px;
}

.xys .items-full-cover .items-block {
    align-items: flex-start;
    height: 100%;
    background: url(../images/menhuyun/xys_one_2_1.png) no-repeat right 80px;
}

.xys .items-full-cover .items-title {
    font-size: 24px;
    padding-bottom: 6px;
}

.xys .items-full-cover .items-subtitle {
    color: #666;
    margin-top: 28px;
}

.xys .items-full-cover .img-block {
    margin: 40px 0 0;
}

.xys .items-ad-line,
.qwxys .items-ad-line {
    height: 100px;
    background: url(../images/menhuyun/menhuyun-bg-1.png) no-repeat center;
}

.xys .items-ad-line .items-block,
.qwxys .items-ad-line .items-block {
    height: 100px;
    justify-content: space-around;
    counter-reset: mhy-num-1;
}

.xys .items-ad-line .item-p,
.qwxys .items-ad-line .item-p {
    counter-increment: mhy-num-1;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    position: relative;
    padding-left: 40px;
}

.xys .items-ad-line .item-p:before,
.qwxys .items-ad-line .item-p:before {
    content: counter(mhy-num-1);
    position: absolute;
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    border: 2px solid #fff;
    border-radius: 50%;
    text-align: center;
    font-weight: normal;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.xys .items-ad-line .item-em,
.qwxys .items-ad-line .item-em {
    color: #ccff00;
}

/*颠覆平庸，您的视觉专属设计  公用*/
.items-custom-design {
    height: 560px;
    background: url(../images/menhuyun/xys_one_4.png) no-repeat center;
    overflow: hidden;
}

.items-custom-design .items-title {
    margin-top: 65px;
}

.items-custom-design .img-block {
    margin-top: 40px;
}

.items-custom-design .items-btn {
    text-align: center;
    margin-top: 32px;
}

.items-custom-design .items-a {
    width: 175px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    background-color: transparent;
}

.items-custom-design .items-a:hover {
    background-color: #20b09f;
    color: #fff;
}

/* 多样应用场景，满足企业业务需求 */
/* .items-business {
	background: #f8f8f8;
	background: url(../images/menhuyun/business-bg.png);
} */

.xys_one .items-business-need {
    height: 480px;
    background: #fff;
    overflow: hidden;
}

.xys_one .items-business-need .items-title {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin-top: 80px;
}

.xys_one .items-business-need .items-txt {
    font-size: 12px;
    color: #666;
    text-align: center;
    margin-top: 22px;
}

.xys_one .items-business-need ul {
    width: 100%;
    height: 210px;
    margin-top: 60px;
}

.xys_one .items-business-need ul li {
    width: 280px;
    height: 210px;
    float: left;
    margin-right: 26px;
    box-shadow: 0 0 10px 0 rgba(38, 38, 38, 0.16);
}

.xys_one .items-business-need ul li .top {
    width: 100%;
    height: 70px;
}

.xys_one .items-business-need ul li:nth-child(1) .top {
    background: #dda759;
}

.xys_one .items-business-need ul li:nth-child(2) .top {
    background: #52b579;
}

.xys_one .items-business-need ul li:nth-child(3) .top {
    background: #53adc7;
}

.xys_one .items-business-need ul li:nth-child(4) .top {
    background: #5384c7;
}

.xys_one .items-business-need ul li:last-child {
    margin-right: 0px;
}

.xys_one .items-business-need ul li .top p {
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 70px;
}

.xys_one .items-business-need ul li .top p img {
    margin: 0px 12px -7px 0px;
}

.xys_one .items-business-need ul li .bottom {
    width: 100%;
    padding-top: 16px;
}

.xys_one .items-business-need ul li .bottom p {
    text-align: center;
    font-size: 16px;
    color: #666666;
    margin-top: 12px;
}

/* — 30+专业行业应用模块平滑升级 — */
.xys_one .items-industry-module {
    height: 410px;
    background: #fff;
    overflow: hidden;
}

.xys_one .items-industry-module .items-title {
    font-size: 20px;
    color: #333333;
    text-align: center;
    margin-top: 20px;
}

.xys_one .items-industry-module ul {
    width: 100%;
    margin-top: 50px;
    overflow: hidden;
}

.xys_one .items-industry-module ul li {
    width: 152px;
    height: 36px;
    border: 1px solid #cccccc;
    float: left;
    margin-right: 20px;
    margin-bottom: 16px;
    font-size: 12px;
    color: #666;
    text-align: center;
    line-height: 36px;
}

.xys_one .items-industry-module ul li:hover {
    border: 1px solid #20b09f;
    color: #20b09f;
}

.xys_one .items-industry-module ul li:nth-child(7n + 0) {
    margin-right: 0px;
}

.xys_one .items-industry-module .button {
    width: 175px;
    height: 46px;
    background: #20b09f;
    margin: 28px auto 0;
}

.xys_one .items-industry-module .button p {
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 46px;
    cursor: pointer;
}

/* 网站交付提示   公用的*/
.pay-tip {
    height: 115px;
    margin: 60px 0 0;
    padding: 25px 0 0;
    color: #fff;
    text-align: center;
    background: url(../images/menhuyun/xys_one_bg.png) top center no-repeat;
}

.pay-tip .pay-tip-header {
    line-height: 58px;
    font-size: 30px;
    font-weight: bold;
}

.pay-tip p {
    font-size: 16px;
    line-height: 26px;
}

/* 完善的售后服务  公用的*/
.items-after-sale {
    height: 800px;
    overflow: hidden;
    background: #fff;
    padding-bottom: 80px;
}

.items-after-sale .items-title {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin-top: 70px;
}

.items-after-sale .content {
    width: 100%;
    height: 450px;
    overflow: hidden;
    background: url(../images/menhuyun/xys_one_5.png) no-repeat center;
}

.items-after-sale .content .title {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    margin: 154px 0px 0px 170px;
}

.items-after-sale .content .txt {
    font-size: 18px;
    color: #666;
    line-height: 36px;
    margin: 48px 0px 0px 138px;
}

.items-after-sale ul {
    margin-top: 38px;
    width: 100%;
    height: 152px;
    display: flex;
}

.items-after-sale ul li {
    flex: 1;
    position: relative;
}

.items-after-sale ul li img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.items-after-sale ul li p {
    font-size: 14px;
    color: #333;
    text-align: center;
    margin-top: 106px;
    line-height: 24px;
}

/* 专属需求 公用的*/
.demand-box {
    padding: 60px 0 58px;
    background: url(../images/menhuyun/demand-bg.png) center bottom no-repeat #f9f9f9;
}

.demand-box .header {
    position: relative;
    width: 602px;
    height: 50px;
    margin: 0 auto 40px;
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: #20b09f;
    border-radius: 31px;
    text-align: center;
}

.demand-box .header:after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 0;
    height: 0;
    margin: 0 0 0 -10px;
    font: 0/0 arial;
    border: 10px dashed transparent;
    border-top: 10px solid #20b09f;
}

.form-item {
    position: relative;
    width: 682px;
    min-height: 42px;
    padding: 0 130px;
    margin: 20px auto 0;
    font-size: 14px;
    font-weight: bold;
}

.form-item-label {
    position: absolute;
    top: 0;
    left: 0;
    width: 130px;
    text-align: right;
    font-weight: bold;
    line-height: 42px;
}

.form-input {
    width: 290px;
    height: 30px;
    padding: 5px 14px;
    border: 1px solid #ccc;
    background: #fff;
    outline: none;
    resize: none;
    font: 14px/30px 'Microsoft Yahei', 'PingFangSC', sans-serif;
    vertical-align: middle;
}

.form-input.verify-input {
    width: 110px;
}

.form-textarea {
    width: 652px;
    height: 160px;
    padding: 10px 14px;
    border: 1px solid #ccc;
    background: #fff;
    outline: none;
    resize: none;
    font: 14px/24px 'Microsoft Yahei', 'PingFangSC', sans-serif;
    overflow-y: auto;
}

.verify-pic {
    display: inline-block;
    /* width: 120px; */
    height: 42px;
    margin: 0 0 0 16px;
    background: #ccc;
    vertical-align: middle;
}

.verify-pic img {
    width: 100%;
    height: 100%;
}

.form-text {
    margin: 0 0 0 16px;
}

.demand-box .protal-btn {
    display: block;
    margin: 36px auto 0;
}

/* ↑↑↑   响应式门户 - 优势特征   ↑↑↑ */

/* 建站套餐  */
.set-meal .items-set-meal {
    width: 100%;
    height: 1182px;
    background: #fff;
    overflow: hidden;
}

.set-meal .items-set-meal .title {
    font-size: 24px;
    color: #333;
    line-height: 130px;
    position: relative;
    margin-left: 10px;
}

.set-meal .items-set-meal .title:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 24px;
    background: #20b09f;
    left: -10px;
    top: 53px;
}

.set-meal .items-set-meal .table {
    width: 1200px;
    border: 1px solid #e5e5e5;
    border-right: none;
    box-sizing: border-box;
    overflow: hidden;
    background: #fff;
}

.set-meal .items-set-meal .table .table_ol,
.set-meal .items-set-meal .table .table_ul {
    float: left;
}

.set-meal .items-set-meal .table .table_ol li {
    width: 123px;
    height: 54px;
    border-bottom: 1px dashed #eee;
    border-right: 1px solid #eee;
    text-align: center;
    line-height: 54px;
    font-size: 12px;
    color: #666;
}

.set-meal .items-set-meal .table .table_ul li {
    width: 214px;
    height: 54px;
    border-bottom: 1px dashed #eee;
    border-right: 1px solid #eee;
    text-align: center;
    line-height: 54px;
    font-size: 12px;
    color: #666;
    overflow: hidden;
}

.set-meal .items-set-meal .table .table_ol li:first-child,
.set-meal .items-set-meal .table .table_ul li:first-child {
    height: 68px;
    background: #293a4a;
    border-bottom: 1px solid #eee;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 68px;
}

.set-meal .items-set-meal .table .table_ul.specific li:first-child {
    background: #20b09f;
}

.set-meal .items-set-meal .table .table_ul.specific {
    box-shadow: 0 0 10px 0 rgba(38, 38, 38, 0.16);
}

/* 价格 */
.set-meal .items-set-meal .table .table_ul li:nth-child(2) p {
    font-size: 14px;
    color: #20b09f;
}

.set-meal .items-set-meal .table .table_ul li:nth-child(2) p span {
    font-size: 12px;
    color: #20b09f;
}

/* 适用对象 */
.set-meal .items-set-meal .table .table_ol li.apply {
    height: 74px;
    line-height: 74px;
}

.set-meal .items-set-meal .table .table_ul li:nth-child(3) {
    height: 74px;
}

.set-meal .items-set-meal .table .table_ul li:nth-child(3) p {
    font-size: 12px;
    color: #666;
    text-align: center;
    margin-top: 17px;
    line-height: 20px;
}

/* 独立域名 */
.set-meal .items-set-meal .table .table_ul li:nth-child(4),
.set-meal .items-set-meal .table .table_ol li:nth-child(4) {
    height: 44px;
    line-height: 44px;
}

/* 核心功能 */
.set-meal .items-set-meal .table .table_ol li:nth-child(5) {
    height: 54px;
    line-height: 54px;
}

.set-meal .items-set-meal .table .table_ul li:nth-child(5) p {
    color: #ff7e00;
    font-size: 12px;
    text-decoration: underline;
}

.set-meal .items-set-meal .table .table_ul li:nth-child(5) p span {
    font-weight: bold;
    font-size: 14px;
}

.set-meal .items-set-meal .table .table_ul li:nth-child(5) p img {
    margin: 0px 0px -2px 4px;
}

/* 适配设备 */
.set-meal .items-set-meal .table .table_ol li:nth-child(6) {
    height: 74px;
    line-height: 74px;
}

.set-meal .items-set-meal .table .table_ul li:nth-child(6) {
    height: 74px;
}

.set-meal .items-set-meal .table .table_ul li:nth-child(6) p.odd {
    line-height: 74px;
}

.set-meal .items-set-meal .table .table_ul li:nth-child(6) p.even {
    font-size: 12px;
    color: #666;
    text-align: center;
    margin-top: 17px;
    line-height: 20px;
}

/* 语言/站点 */
.set-meal .items-set-meal .table .table_ul li:nth-child(7) p {
    font-size: 14px;
    color: #ff7200;
    font-weight: bold;
}

/* 企业邮箱 */
.set-meal .items-set-meal .table .table_ul li:nth-child(10) p img {
    margin: 0px 7px -2px 0px;
}

/* 百度蓝V认证 */
.set-meal .items-set-meal .table .table_ul li:nth-child(11) p img {
    margin: 0px 7px -2px 0px;
}

/* SSL可信网站 */
.set-meal .items-set-meal .table .table_ul li:nth-child(12) p img {
    margin: 0px 7px -2px 0px;
}

/* 设计服务选购 */
.set-meal .items-set-meal .table .table_ol li:nth-child(13) {
    height: 74px;
    line-height: 74px;
}

.set-meal .items-set-meal .table .table_ul li:nth-child(13) {
    height: 74px;
}

.set-meal .items-set-meal .table .table_ul li:nth-child(13) .top {
    /* text-align: left;
    margin: 16px 0px 0px 20px;
    line-height: 10px; */
    width: 100%;
    height: 37px;
    overflow: hidden;
}

.set-meal .items-set-meal .table .table_ul li:nth-child(13) .top p {
    line-height: 12px;
    margin: 20px 0px 0px 42px;
    text-align: left;
}

.set-meal .items-set-meal .table .table_ul li:nth-child(13) .bottom p {
    line-height: 12px;
    margin: 10px 0px 0px 42px;
    text-align: left;
}

.set-meal .items-set-meal .table .table_ul li:nth-child(13) .bottom {
    /* text-align: left;
    margin: 16px 0px 0px 20px;
    line-height: 10px; */
    width: 100%;
    height: 37px;
    overflow: hidden;
}

.set-meal .items-set-meal .table .table_ul li:nth-child(13) .one img.l {
    margin: 0px 6px -2px 0px;
}

.set-meal .items-set-meal .table .table_ul li:nth-child(13) .one img.r {
    margin: 0px 0px -2px 4px;
}

/* 售后技术支持 */
.set-meal .items-set-meal .table .table_ol li:nth-child(14) {
    height: 74px;
    line-height: 74px;
}

.set-meal .items-set-meal .table .table_ul li:nth-child(14) {
    height: 74px;
}

.set-meal .items-set-meal .table .table_ul li:nth-child(14) p {
    font-size: 12px;
    color: #666;
    text-align: center;
    margin-top: 17px;
    line-height: 20px;
}

/* 咨询报价 */
.set-meal .items-set-meal .table .table_ul li:last-child,
.set-meal .items-set-meal .table .table_ol li:last-child {
    height: 69px;
    border-bottom: none;
}

.set-meal .items-set-meal .table .table_ul li:last-child div {
    width: 138px;
    height: 34px;
    border: 1px solid #20b09f;
    margin: 16px auto 0;
    cursor: pointer;
}

.set-meal .items-set-meal .table .table_ul li:last-child div p {
    line-height: 34px;
    text-align: center;
    color: #20b09f;
}

/* 设计套餐 */
.set-meal .items-design-package {
    width: 100%;
    height: 668px;
    background: #f9f9f9;
    overflow: hidden;
}

.set-meal .items-design-package .title {
    font-size: 24px;
    color: #333;
    line-height: 130px;
    position: relative;
    margin-left: 10px;
}

.set-meal .items-design-package .title:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 24px;
    background: #20b09f;
    left: -10px;
    top: 53px;
}

/* 设计套餐详细功能 */
.items-design-package {
    background-color: #f9f9f9;
}

.items-design-package .item-list {
    justify-content: flex-start;
    margin-bottom: 50px;
}

.items-design-package .item-list .item {
    width: 120px;
    height: 40px;
    box-sizing: border-box;
    line-height: 40px;
    text-align: center;
    border: 1px solid #e5e5e5;
    margin-right: -1px;
    background-color: #fff;
    cursor: pointer;
}

.items-design-package .item-list .item.active {
    border-top: 2px solid #20b09f;
    background-color: #f9f9f9;
}

.items-design-package .item-block .item {
    justify-content: space-between;
}

.items-design-package .item-block .item-item .item-s {
    margin-right: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    padding: 0 20px;
    height: 240px;
    border: 1px solid #e5e5e5;
    flex: 1;
    background-color: #fff;
}

.items-design-package .item-block .item-item .item-s:last-child {
    margin: 0;
}

.items-design-package .item-block .item-item .item-s a {
    display: block;
    height: 100%;
    width: 100%;
}

.items-design-package .item-block .item-item .img-block {
    height: 60px;
    margin: 30px auto 20px;
}

.items-design-package .item-block .item-item .img-block img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.items-design-package .item-block .item-item .item-title {
    font-size: 18px;
    margin-bottom: 10px;
}

.items-design-package .item-block .item-item .item-p {
    line-height: 24px;
    color: #666;
    max-width: 100%;
}

.items-design-package .item-block .item-s-block {
    border: 1px solid #e5e5e5;
    border-top: none;
    box-sizing: border-box;
    height: 276px;
    background-color: #fff;
    padding: 0 15px;
    position: relative;
}

.items-design-package .item-block .item-btn {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 20px;
    z-index: 1;
}

.items-design-package .item-block .item-btn-zixun,
.items-design-package .item-block .item-btn-add {
    width: 100px;
    height: 36px;
    line-height: 34px;
    margin: 0 10px;
}

.items-design-package .item-block .item-set .item-s {
    width: 264px;
}

.items-design-package .item-block .item-set .item-title {
    text-align: center;
    background-color: #20b09f;
    padding: 12px 0;
}

.items-design-package .item-block .item-set .item-title .item-title-title {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    line-height: normal;
}

.items-design-package .item-block .item-set .item-title .item-title-subtitle {
    line-height: normal;
    font-size: 12px;
    color: #fff;
    margin-top: 5px;
}

.items-design-package .item-block .item-set .item-set-1 .item-title {
    background-color: #20b09f;
}

.items-design-package .item-block .item-set .item-set-2 .item-title {
    background-color: #009fc7;
}

.items-design-package .item-block .item-set .item-set-3 .item-title {
    background-color: #ff872e;
}

.items-design-package .item-block .item-set .item-set-4 .item-title {
    background-color: #3c3c70;
}

/* .items-design-package .item-block .item-div {
    display: none;
} */
.items-design-package .item-block .item-div.active {
    display: block;
}

.items-design-package .item-set .item-title-s {
    padding: 10px 0 5px;
    margin-bottom: 7px;
    border-bottom: 1px dashed #e5e5e5;
    text-align: center;
}

.items-design-package .item-set .item-p {
    font-size: 12px;
    justify-content: space-between;
    margin-bottom: 7px;
    color: #666;
}

.items-design-package .item-set .item-p-r {
    display: inline-block;
    min-width: 20px;
    text-align: center;
    padding: 0 10px;
    background-color: #e5e5e5;
    border-radius: 5px;
    color: #20b09f;
}

/*↓↓↓ 响应式详情页  ↓↓↓*/
.xys_three .title {
    font-size: 24px;
    color: #333;
    margin-bottom: 50px;
    position: relative;
    margin-left: 10px;
}

.xys_three .title:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 24px;
    background: #20b09f;
    left: -10px;
    top: 4px;
}

.xys_three .title span {
    color: #20b09f;
}

/* 详细功能-part1 */
.items-func .item-title:after {
    width: 18px;
    height: 18px;
    background-size: 9px auto;
}

.special_new:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 12px;
    background: url(../images/menhuyun/new_icon.png) center no-repeat;
    margin: 0 0px 3px 6px;
}

.new:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    background: url(../images/menhuyun/new_icon.png) center no-repeat;
    margin: 0 0px 4px 7px;
}

.items-func .item-block .item-public .item-s-block .item-s:hover .item-titles {
    color: #20b09f;
}

.items {
    padding: 60px 0;
}

.items-func .items-block {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
    align-items: flex-start;
}

.items-func .items-block>.item-list {
    height: 360px;
    width: 140px;
}

.xys_three .items-func .item-list .item {
    height: 230px;
    line-height: 230px;
    text-align: center;
    font-size: 16px;
    color: #666;
    box-sizing: border-box;
    border-right: 1px solid #e5e5e5;
    border-left: 2px solid transparent;
    background-color: #f9f9f9;
    cursor: pointer;
}

.xys_three .items-func .item-list .item:nth-child(2) {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.xys_three .items-func .item-list .item.active {
    border-right-color: transparent;
    background-color: #fff;
    border-left: 2px solid #20b09f;
}

.xys_three .items-func .item-block {
    flex: 1;
    height: 459px;
}

.items-func .item-block .item-div {
    display: none;
    height: 100%;
}

.items-func .item-block .item-div.active {
    display: block;
}

.items-func .item-block .item-public {
    justify-content: space-around;
    height: 100%;
}

.items-func .item-block .item-public .item-l {
    position: relative;
}

.items-func .item-block .item-public .item-r {
    align-self: flex-start;
    margin-top: 40px;
}

.items-func .item-block .item-public .item-s-block {
    margin: 8px 0;
    justify-content: flex-start;
}

.items-func .item-block .item-public .item-s-block .item-s {
    width: 300px;
    height: 86px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    margin: 0 10px;
    padding: 0 10px;
    justify-content: flex-start;
}

.items-func .item-block .item-public .item-s-block .img-block {
    width: 40px;
    margin: 0 20px;
}

.items-func .item-block .item-public .item-s-block .item-title {
    margin-bottom: 5px;
}

.items-func .item-block .item-public .item-s-block .item-p {
    font-size: 12px;
    color: #999;
}

.items-func .item-block .item-public .item-s-block .item-s:hover {
    border-color: #20b09f;
}

.items-func .item-block .item-public .item-s-block .item-s:hover .item-title {
    color: #20b09f;
}

.items-func .item-block .item-3 {
    justify-content: space-around;
    height: 100%;
}

.items-func .item-block .item-3 .item-l:after {
    content: '';
    position: absolute;
    border-left: 1px dashed #e5e5e5;
    height: 100%;
    left: 50%;
    top: 0;
}

.items-func .item-block .item-3 .item-l {
    position: relative;
}

.items-func .item-block .item-3 .item-r {
    align-self: flex-start;
    margin-top: 40px;
}

.items-func .item-block .item-3 .item-l .item-s-block {
    justify-content: flex-start;
    border-top: 1px dashed #e5e5e5;
}

.items-func .item-block .item-3 .item-l .item-s-block:first-child {
    border-top: none;
}

.items-func .item-block .item-3 .item-s-block .item-s {
    width: 336px;
    height: 94px;
    justify-content: flex-start;
    box-sizing: border-box;
    padding: 0px 12px;
}

.items-func .item-block .item-3 .item-s-block .img-block {
    width: 30px;
    margin: 0 20px;
}

.items-func .item-block .item-3 .item-s-block .item-s-r {
    flex: 1;
}

.items-func .item-block .item-3 .item-s-block .item-title {
    margin-bottom: 5px;
}

.items-func .item-block .item-3 .item-s-block .item-p {
    font-size: 12px;
    color: #999;
    line-height: 20px;
}

.items-func .item-list li {
    font-size: 12px;
    color: #999;
    margin-bottom: 15px;
    padding-left: 20px;
    background: url(../images/menhuyun/check.png) no-repeat left center;
}

/* 8大服务保障 */
.eight_safeguard {
    width: 100%;
    height: 696px;
    background: #f9f9f9;
    overflow: hidden;
}

.eight_safeguard .title {
    font-size: 24px;
    color: #333;
    margin-bottom: 0px;
    line-height: 130px;
    position: relative;
    margin-left: 10px;
}

.eight_safeguard .title:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 24px;
    background: #20b09f;
    left: -10px;
    top: 53px;
}

.eight_safeguard .title span {
    color: #20b09f;
}

.eight_safeguard ul {
    width: 100%;
    overflow: hidden;
}

.eight_safeguard ul li {
    width: 586px;
    height: 110px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    margin-right: 28px;
    margin-bottom: 20px;
    float: left;
    background: #fff;
}

.eight_safeguard ul li:nth-child(even) {
    margin-right: 0px;
}

.eight_safeguard ul li .img-block {
    width: 56px;
    margin: 0px 20px 0px 30px;
}

.eight_safeguard ul li .item-s-r {
    flex: 1;
}

.eight_safeguard ul li .item-title {
    font-size: 18px;
    color: #333;
    margin-bottom: 8px;
}

.eight_safeguard ul li .item-p {
    font-size: 12px;
    color: #666666;
    line-height: 20px;
}

.eight_safeguard ul li .item-p span {
    color: #20b09f;
}

/*↑↑↑ 响应式详情页  ↑↑↑*/

/* 案例展示  公用*/
.anli_show .items-case .item {
    margin: 60px 0;
    box-shadow: 0 0 8px 0 rgba(38, 38, 38, 0.16);
}

.anli_show .items-case .item .flex-row {
    justify-content: space-between;
}

.anli_show .items-case .item-block {
    flex: 1;
    box-sizing: border-box;
    padding: 50px 40px 0;
    align-self: flex-start;
}

.anli_show .items-case .item-title {
    font-size: 18px;
    margin-bottom: 20px;
}

.anli_show .items-case .item-p {
    line-height: 26px;
    color: #666;
    text-align: justify;
}

.anli_show .items-case .item.even .flex-row {
    flex-direction: row-reverse;
}

.anli_show .items-case .img-block {
    margin: 0;
    width: 600px;
    height: 380px;
    overflow: hidden;
}

.anli_show .items-case .img-block:hover img {
    transform: scale(1.1, 1.1);
}

/* 用户反馈  公用*/
.items-user .item-top {
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: 50px;
}

.items-user .item-block {
    flex: 1;
    width: 0;
    position: relative;
    padding: 24px 50px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    border-right: none;
}

.items-user .item-top:hover .item-block {
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);
}

.items-user .item-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
}

.items-user .item-url {
    color: #20b09f;
    margin: 8px 0;
}

.items-user .item-bold {
    font-weight: bold;
    line-height: 24px;
    margin-top: 14px;
}

.items-user .item-p {
    margin: 6px 0;
    color: #666;
    line-height: 24px;
    max-height: 48px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.items-user .item-p .item-span {
    margin-right: 50px;
}

.items-user .item-stars {
    color: #ff8b47;
    font-size: 18px;
}

.items-user .item-img {
    width: 322px;
    margin: 0;
    position: relative;
}

.items-user .item-img .item-img-p {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
}

.items-user .items-block {
    justify-content: space-between;
    align-items: flex-start;
}

.items-user .items-block .item {
    width: 382px;
    height: 420px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    padding: 0 30px;
}

.items-user .items-block .item a {
    display: block;
    height: 100%;
    overflow: hidden;
}

.items-user .items-block .item-header {
    margin: 20px 0 10px;
    align-items: flex-start;
}

.items-user .item-logo {
    width: 60px;
    margin: 0;
}

.items-user .item-top .item-logo {
    width: 87px;
    margin-left: 15px;
}

.items-user .item-top .item-img {
    width: 362px;
    height: 210px;
}

.items-user .item-top .item-img img {
    width: 100%;
    height: 100%;
}

.items-user .items-block .item-header .item-block {
    width: auto;
    flex: 1;
    margin: 0;
}

.items-user .items-block .item-header .item-title {
    margin-bottom: 8px;
}

.items-user .items-block .item-header .item-p {
    height: 48px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
}

/* 星星 */
.stars {
    font-size: 0;
}

.star {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/menhuyun/star.svg) no-repeat center;
    margin-right: 4px;
}

.items-user .item-block .stars {
    position: absolute;
    right: 50px;
    top: 28px;
}

/*↓↓↓ 全网响应式门户 ↓↓↓*/

.qwxys .items-title {
    font-size: 30px;
}

.qwxys .items-subtitle {
    text-align: center;
    font-size: 16px;
    color: #666;
    margin-top: 10px;
}

/*覆盖多个互联网终端*/
.qwxys .items-full-cover {
    height: 438px;
}

.qwxys .items-full-cover .items-block {
    align-items: flex-start;
    height: 100%;
    background: url(../images/menhuyun/qwxys_one_222.png) no-repeat right 48px;
}

.qwxys .items-full-cover .items-title {
    font-size: 24px;
    padding-bottom: 6px;
}

.qwxys .items-full-cover .items-subtitle {
    color: #666;
    margin-top: 28px;
}

.qwxys .items-full-cover .img-block {
    margin: 40px 0 0;
}

/* 8大服务保障优势 */
.qwxys .items-eight-advantage {
    padding-bottom: 100px;
}

.qwxys .items-eight-advantage .items-block {
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 80px;
    position: relative;
    counter-reset: n1;
}

.qwxys .items-eight-advantage .items-block:before {
    content: '';
    position: absolute;
    width: 1280px;
    height: 670px;
    background: url(../images/protal/index/sep-line.png) no-repeat center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.qwxys .items-eight-advantage .item {
    width: 278px;
    height: 282px;
    counter-increment: n1;
    position: relative;
}

.qwxys .items-eight-advantage .item:before {
    content: '0'counter(n1);
    position: absolute;
    font-size: 32px;
    color: #999;
    left: 10px;
    top: 10px;
    font-family: Arial;
}

.qwxys .items-eight-advantage .item:after {
    content: '';
    position: absolute;
    width: 117px;
    height: 3px;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.qwxys .items-eight-advantage .item:nth-child(1):after {
    background-color: #ea7556;
    box-shadow: 0 1px 5px 0 rgba(234, 117, 86, 0.67);
}

.qwxys .items-eight-advantage .item:nth-child(2):after {
    background-color: #f8ba41;
    box-shadow: 0 1px 5px 0 rgba(248, 186, 65, 0.67);
}

.qwxys .items-eight-advantage .item:nth-child(3):after {
    background-color: #abd370;
    box-shadow: 0 1px 5px 0 rgba(171, 211, 112, 0.67);
}

.qwxys .items-eight-advantage .item:nth-child(4):after {
    background-color: #70cdaf;
    box-shadow: 0 1px 5px 0 rgba(112, 205, 175, 0.67);
}

.qwxys .items-eight-advantage .item:nth-child(5):after {
    background-color: #59dfdd;
    box-shadow: 0 1px 5px 0 rgba(89, 223, 221, 0.67);
}

.qwxys .items-eight-advantage .item:nth-child(6):after {
    background-color: #6dbde6;
    box-shadow: 0 1px 5px 0 rgba(109, 189, 230, 0.67);
}

.qwxys .items-eight-advantage .item:nth-child(7):after {
    background-color: #6b9ae8;
    box-shadow: 0 1px 5px 0 rgba(107, 154, 232, 0.67);
}

.qwxys .items-eight-advantage .item:nth-child(8):after {
    background-color: #a083e0;
    box-shadow: 0 1px 5px 0 rgba(160, 131, 224, 0.67);
}

.qwxys .items-eight-advantage .item:not(:nth-child(-n + 4)) {
    margin-top: 26px;
}

.qwxys .items-eight-advantage .img-block {
    width: 63px;
    height: 63px;
}

.qwxys .items-eight-advantage .img-block img {
    width: 100%;
    height: 100%;
    object-fit: none;
}

.qwxys .items-eight-advantage .item-title {
    font-size: 24px;
    margin-top: 30px;
    position: relative;
}

.qwxys .items-eight-advantage .item-title .tag {
    font-size: 14px;
    color: #666;
    white-space: nowrap;
    display: inline-block;
    width: 0;
}

.qwxys .items-eight-advantage ul {
    margin-top: 15px;
    max-width: 205px;
}

.qwxys .items-eight-advantage li {
    font-size: 14px;
    color: #666;
    line-height: 1.8em;
    position: relative;
}

.qwxys .items-eight-advantage li:before {
    content: '';
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAA/ElEQVQokZXRsS5EQRQA0IOl8BOvfsVrFAqdKAiJSNAoFBIF/0BWNCIKlU9Q0SDxAxIfMMUrVBPN0lFISIhMMjbP2mBvMpNJ5p7M3HuH2u22QaKuilFMtQZEEzhFZ3gAtI1bPGD+zxfrqkg5J9hEwGIZ4suvsK6KcZxjDo9YKEN8SnetuirGcIzrMsTLHnSFabxjuQzx/us+vbiErbTqqtjHHkZwkVGK3TLEm+ZvEjzLnVrDDibxjJmck8BBbxnDZYgfWM84xSxW8/kVGznnO0xbGWKqIeFujTkOyxDv+jWuO8eMVxq40++LP2DGbw18lOb1L9jAqdNpRP0Dn8TkTUAnbOoqAAAAAElFTkSuQmCC) no-repeat center;
    position: absolute;
    width: 14px;
    height: 1.8em;
    left: 0;
    top: 0;
    transform: translateX(-24px);
}

/* 多场景应用，满足企业业务需求!  */
.popular-function {
    height: 626px;
    color: #fff;
    background: url(../images/menhuyun/popular-function-bg.png) top center no-repeat;
    overflow: hidden;
}

.items-full-have .items-block {
    background-color: rgba(0, 0, 0, 0.1);
    margin-top: -20px;
}

.items-full-have .items-title {
    margin-top: 60px;
}

.items-full-have .items-em {
    font-size: 36px;
    margin: 0 6px;
}

.function-navs {
    float: left;
    width: 150px;
    margin: 44px 0 20px;
    padding: 0 0 36px;
    border-right: 2px solid #78828d;
}

.function-navs li {
    position: relative;
    height: 36px;
    padding: 0 42px 0 0;
    margin: 28px 0 0;
    font-size: 16px;
    line-height: 36px;
    cursor: pointer;
    text-align: right;
}

.function-navs li:after {
    content: '';
    display: none;
    position: absolute;
    top: -2px;
    right: -3px;
    width: 4px;
    height: 40px;
    background: #00ffe1;
    border-radius: 2px;
}

.function-navs .active,
.function-navs li:hover {
    z-index: 2;
    color: #00ffe1;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#404e5d, endColorstr=#333f4b);
    background: -webkit-gradient(linear,
            left top,
            right top,
            from(rgba(255, 255, 255, 0)),
            to(#333f4b));
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #333f4b 100%);
}

.function-navs .active:after,
.function-navs li:hover:after {
    display: block;
}

.function-cont {
    display: none;
    padding: 45px 45px 0;
    margin: 0 0 0 156px;
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
}

.function-cont.active {
    display: block;
}

.function-header {
    height: 68px;
    font-size: 20px;
    font-weight: bold;
    line-height: 68px;
    text-align: center;
}

.function-cont-l {
    float: left;
    height: 412px;
    width: 52%;
    line-height: 420px;
    text-align: center;
}

.function-cont-l img {
    vertical-align: middle;
}

.function-cont-r {
    float: right;
    width: 47%;
}

.function-intro-header {
    padding: 34px 0 0;
    margin-bottom: 25px;
}

.shipin_title {
    font-size: 18px;
    color: #fff;
    margin-top: 50px;
    position: relative;
}

.shipin_title:before {
    content: '';
    position: absolute;
    width: 40px;
    height: 2px;
    background: #20b09f;
    left: 0px;
    top: 30px;
}

.kuozhan_title {
    font-size: 18px;
    color: #fff;
    margin-top: 60px;
    position: relative;
    margin-left: 20px;
}

.kuozhan_title:before {
    content: '';
    position: absolute;
    width: 40px;
    height: 2px;
    background: #20b09f;
    left: 0px;
    top: 30px;
}

.function-intro-icos {
    padding: 35px 0 0;
}

.function-intro-icos img {
    margin: 0 62px 0 0;
    vertical-align: middle;
}

.function-intro-picnews {
    padding: 1px 0 0;
    margin: -18px 0 0;
}

/* 可视化管理 */
.function-intro-picnews>div {
    margin: 33px 0 0;
}

.function-intro-picnews img {
    float: left;
    margin: 6px 18px 0 0;
}

/* 视频中心 */
.function-intro-video>div {
    width: 140px;
    text-align: center;
}

.function-intro-video>div img {
    display: block;
    margin: 0 0 16px;
}

.function-intro-seo {
    padding: 98px 0 0;
    align-items: flex-start;
}

/* 搜索引擎优化 */
.function-intro-seo>div {
    width: 110px;
    text-align: center;
}

.function-intro-seo>div .pic {
    height: 58px;
    margin: 0 0 20px;
}

.function-intro-seo>div img {
    display: block;
    margin: 0 auto;
}

.function-enlarge {
    padding: 50px 0 0;
    justify-content: space-around !important;
}

/* 扩展开发 */
.function-enlarge>div {
    width: 102px;
    height: 198px;
    padding: 0 25px;
    border: 1px solid #616d78;
    text-align: center;
}

.function-enlarge .pic {
    height: 55px;
    margin: 36px 0 16px;
    line-height: 55px;
}

.function-enlarge .pic img {
    vertical-align: middle;
}

/* 前端展示 */
.qianduan_ul {
    width: 450px;
    overflow: hidden;
    margin-top: 80px;
}

.qianduan_ul li {
    width: 450px;
    height: 126px;
    border: 1px solid #65717d;
    box-sizing: border-box;
    margin-bottom: 19px;
}

.qianduan_ul li .l {
    width: 98px;
    height: 100%;
    float: left;
    position: relative;
}

.qianduan_ul li .l img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.qianduan_ul li .r {
    width: 350px;
    height: 100%;
    overflow: hidden;
    float: left;
}

.qianduan_ul li .r .title {
    font-size: 18px;
    color: #fff;
    margin-top: 18px;
    position: relative;
}

.qianduan_ul li .r .title:before {
    content: '';
    position: absolute;
    width: 40px;
    height: 2px;
    background: #20b09f;
    left: 0px;
    top: 30px;
}

.qianduan_ul li .r .txt {
    font-size: 12px;
    color: #fff;
    margin-top: 18px;
    line-height: 22px;
    width: 292px;
}

/* 订单交易 */
.dingdanjiaoyi {
    width: 450px;
    overflow: hidden;
    margin-top: 80px;
}

.dingdanjiaoyi .title {
    font-size: 18px;
    color: #fff;
    margin-top: 18px;
    position: relative;
}

.dingdanjiaoyi .title:before {
    content: '';
    position: absolute;
    width: 40px;
    height: 2px;
    background: #20b09f;
    left: 0px;
    top: 30px;
}

.dingdanjiaoyi ul {
    width: 314px;
    margin-top: 30px;
}

.dingdanjiaoyi ul li {
    width: 100%;
    height: 42px;
    margin-bottom: 20px;
}

.dingdanjiaoyi ul li img {
    float: left;
}

.dingdanjiaoyi ul li p {
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    margin-left: 55px;
    width: 218px;
}

/* 数十个行业 */
.trade-list {
    padding: 0 0 0 1px;
}

.trade-list li {
    float: left;
    width: 20%;
    height: 278px;
    margin: 0 0 0 -1px;
    border: 1px solid #e5e5e5;
    text-align: center;
    font-size: 14px;
    box-sizing: border-box;
    position: relative;
}

.trade-list li a {
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 40px 20px 0;
    box-sizing: border-box;
}

.trade-list .item-title {
    margin: 0 0 10px;
    font-size: 18px;
    line-height: 28px;
}

.trade-list p {
    font-size: 14px;
    line-height: 24px;
    color: #999;
}

.trade-list .pic {
    height: 71px;
    background: url() top center no-repeat;
}

.trade-list .trade-1 .pic {
    background-image: url(../images/menhuyun/trade-icons-1.png);
}

.trade-list .trade-2 .pic {
    background-image: url(../images/menhuyun/trade-icons-2.png);
}

.trade-list .trade-3 .pic {
    background-image: url(../images/menhuyun/trade-icons-3.png);
}

.trade-list .trade-4 .pic {
    background-image: url(../images/menhuyun/trade-icons-4.png);
}

.trade-list .trade-5 .pic {
    background-image: url(../images/menhuyun/trade-icons-5.png);
}

.trade-list li:hover {
    position: relative;
    z-index: 2;
    border-color: #20b09f;
    background-color: #20b09f;
    color: #fff;
}

.trade-list li:hover p {
    color: #fff;
}

.trade-list .trade-1:hover .pic {
    background-image: url(../images/menhuyun/trade-icons-1-hover.png);
}

.trade-list .trade-2:hover .pic {
    background-image: url(../images/menhuyun/trade-icons-2-hover.png);
}

.trade-list .trade-3:hover .pic {
    background-image: url(../images/menhuyun/trade-icons-3-hover.png);
}

.trade-list .trade-4:hover .pic {
    background-image: url(../images/menhuyun/trade-icons-4-hover.png);
}

.trade-list .trade-5:hover .pic {
    background-image: url(../images/menhuyun/trade-icons-5-hover.png);
}

.hangye-title {
    font-size: 24px;
    color: #333;
    text-align: center;
    padding-bottom: 40px;
}

/* 全网响应式门户详情页 */
.qwxys_three .items-func .item-list .item {
    height: 143px;
    line-height: 143px;
    text-align: center;
    font-size: 16px;
    color: #666;
    box-sizing: border-box;
    border-right: 1px solid #e5e5e5;
    border-left: 2px solid transparent;
    background-color: #f9f9f9;
    cursor: pointer;
}

.qwxys_three .items-func .item-list .item:nth-child(2) {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.qwxys_three .items-func .item-list .item.active {
    border-right-color: transparent;
    background-color: #fff;
    border-left: 2px solid #20b09f;
}

.qwxys_three .items-func .item-block {
    flex: 1;
    height: 429px;
}

.qwxys_three .items-func .title {
    font-size: 24px;
    color: #333;
    margin-bottom: 50px;
    position: relative;
    margin-left: 10px;
}

.qwxys_three .items-func .title:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 24px;
    background: #20b09f;
    left: -10px;
    top: 4px;
}

.qwxys_three .items-func .title span {
    color: #20b09f;
}

.items-package .item-list .item {
    width: 120px;
    height: 40px;
    box-sizing: border-box;
    line-height: 40px;
    text-align: center;
    border: 1px solid #e5e5e5;
    margin-right: -1px;
    background-color: #fff;
    cursor: pointer;
}

.items-package .item-list .item.active {
    border-top: 2px solid #20b09f;
    background-color: #f9f9f9;
}

.items-package .item-list {
    justify-content: flex-start;
    margin-bottom: 50px;
}

.items-package .item-block .item-div {
    display: none;
}

.items-package .item-block .item-div.active {
    display: block;
}

.items-package .item-block .item {
    justify-content: space-between;
}

.items-package .item-block .item-item .item-s {
    margin-right: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    padding: 0 20px;
    height: 240px;
    border: 1px solid #e5e5e5;
    flex: 1;
    background-color: #fff;
}

.items-package .item-block .item-item .item-s:last-child {
    margin: 0;
}

.items-package .item-block .item-item .item-s a {
    display: block;
    height: 100%;
    width: 100%;
}

.items-package .item-block .item-item .img-block {
    height: 60px;
    margin: 30px auto 20px;
}

.items-package .item-block .item-item .img-block img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.items-package .item-block .item-item .item-title {
    font-size: 18px;
    margin-bottom: 10px;
}

.items-package .item-block .item-item .item-p {
    line-height: 24px;
    color: #666;
    max-width: 100%;
}

.items-package .item-block .item-s-block {
    border: 1px solid #e5e5e5;
    border-top: none;
    box-sizing: border-box;
    height: 382px;
    background-color: #fff;
    padding: 0 15px;
    position: relative;
}

.qwxys_three .items-package .title {
    font-size: 24px;
    color: #333;
    margin-bottom: 0px;
    line-height: 130px;
    position: relative;
    margin-left: 10px;
}

.qwxys_three .items-package .title:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 24px;
    background: #20b09f;
    left: -10px;
    top: 53px;
}

.qwxys_three .items-package {
    height: 536px;
    background: #f9f9f9;
    overflow: hidden;
}

.qwxys_three .eight_safeguard {
    background: #fff;
}

/* 全网响应式行业门户 */
.qwxyshy_one .industry_top {
    width: 100%;
    height: 426px;
    background: #fff;
    overflow: hidden;
}

.qwxyshy_one .industry_top .title {
    font-size: 22px;
    color: #333;
    text-align: center;
    margin-top: 70px;
}

.qwxyshy_one .industry_top .txt {
    font-size: 12px;
    color: #666;
    text-align: center;
    margin-top: 23px;
}

.qwxyshy_one .items-hangye .items-block {
    height: 298px;
    justify-content: space-between;
}

.qwxyshy_one .items-hangye .item {
    text-align: center;
}

.qwxyshy_one .items-hangye .item .img-block {
    transition: transform 0.5s ease;
    transform: none;
}

.qwxyshy_one .items-hangye .item-p {
    font-size: 16px;
    margin-top: 30px;
    transition: color 0.5s ease;
}

.qwxyshy_one .items-hangye .item [href]:hover .img-block {
    transform: rotateZ(360deg);
}

.qwxyshy_one .items-hangye .item [href]:hover .item-p {
    color: #20b09f;
}

/* 外贸 */
.qwxyshy_one .hangye-waimao {
    background-color: #f7f7f7;
    height: 420px;
}

/* 机械 */
.qwxyshy_one .hangye-jixie {
    background-color: #fff;
    height: 424px;
}

/* 家装 */
.qwxyshy_one .hangye-jiazhuang {
    background-color: #f7f7f7;
    height: 480px;
}

/* 教育 */
.qwxyshy_one .hangye-jiaoyu {
    background-color: #fff;
    height: 424px;
}

/* 酒店 */
.qwxyshy_one .hangye-jiudian {
    background-color: #f7f7f7;
    height: 422px;
}

/* 零售 */
.qwxyshy_one .hangye-lingshou {
    background-color: #fff;
    height: 424px;
}

.items-hangye-container .item {
    box-sizing: border-box;
}

.items-hangye-container .item .item-block {
    height: 100%;
}

.items-hangye-container .item-info {
    width: 50%;
    box-sizing: border-box;
    padding-left: 50px;
}

.items-hangye-container .item-title {
    font-size: 24px;
    height: 30px;
    line-height: 30px;
}

.items-hangye-container .item-title:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 30px;
    background: url(../images/menhuyun/qwxyshy_right.png) no-repeat center;
    margin-left: 15px;
    transition: transform 0.3s ease;
    transform: none;
}

.items-hangye-container [href]:hover .item-title:after {
    transform: translateX(5px);
}

.items-hangye-container .item-subtitle {
    font-size: 18px;
    color: #20b09f;
    margin-top: 12px;
    position: relative;
    padding-bottom: 10px;
}

.items-hangye-container .item-subtitle:after {
    content: '';
    position: absolute;
    width: 50px;
    border-bottom: 1px solid #20b09f;
    left: 0;
    bottom: 0;
}

.items-hangye-container .item-p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin-top: 25px;
    text-align: justify;
}

.items-hangye-container .item-s {
    margin-right: 48px;
}

.items-hangye-container .item-s:last-of-type {
    margin-right: 0;
}

.items-hangye-container .items-s-p {
    color: #666;
    font-size: 12px;
    margin-left: 8px;
}

/* 更多细分行业 */
.hangye-detail {
    background-color: #f7f7f7;
    padding: 50px 0 45px;
}

.hangye-detail .items-title {
    font-size: 24px;
}

.hangye-detail .items-block {
    font-size: 0;
    margin-top: 35px;
}

.hangye-detail .hangye-detail-a {
    font-size: 14px;
    color: #333;
    box-sizing: border-box;
    display: inline-block;
    border: 1px solid #ccc;
    background-color: #fff;
    width: 156px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    margin: 0 18px 20px 0;
}

.hangye-detail .hangye-detail-a:nth-child(7n) {
    margin: 0;
}

.hangye-detail .hangye-detail-a:hover {
    background-color: #20b09f;
    border-color: #20b09f;
    color: #fff;
}

/* 全网响应式行业门户详情页 */
.qwxyshy_three .items-func .item-list .item {
    height: 80px;
    line-height: 80px;
    text-align: left;
    text-indent: 36px;
    font-size: 16px;
    color: #666;
    box-sizing: border-box;
    border-right: 1px solid #e5e5e5;
    border-left: 2px solid transparent;
    background-color: #f9f9f9;
    cursor: pointer;
}

.qwxyshy_three .items-func .item-list .item:nth-child(2) {
    border-top: 1px solid #e5e5e5;
}

.qwxyshy_three .items-func .item-list .item:nth-child(3) {
    border-top: 1px solid #e5e5e5;
}

.qwxyshy_three .items-func .item-list .item:nth-child(4) {
    border-top: 1px solid #e5e5e5;
}

.qwxyshy_three .items-func .item-list .item:nth-child(5) {
    border-top: 1px solid #e5e5e5;
}

.qwxyshy_three .items-func .item-list .item.active {
    border-right-color: transparent;
    background-color: #fff;
    border-left: 2px solid #20b09f;
}

.qwxyshy_three .items-func .item-block {
    flex: 1;
    height: 400px;
}

.qwxyshy_three .items-func .title {
    font-size: 24px;
    color: #333;
    margin-bottom: 50px;
    position: relative;
    margin-left: 10px;
}

.qwxyshy_three .items-func .title:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 24px;
    background: #20b09f;
    left: -10px;
    top: 4px;
}

.qwxyshy_three .items-func .title span {
    color: #20b09f;
}

.qwxyshy_three .items-package {
    height: 536px;
    background: #f9f9f9;
    overflow: hidden;
}

.qwxyshy_three .eight_safeguard {
    background: #fff;
}

.qwxyshy_three .items-package .title {
    font-size: 24px;
    color: #333;
    margin-bottom: 0px;
    line-height: 130px;
    position: relative;
    margin-left: 10px;
}

.qwxyshy_three .items-package .title:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 24px;
    background: #20b09f;
    left: -10px;
    top: 53px;
}

.qwxyshy_three .items-func .item-block .item-div {
    position: relative;
}

.qwxyshy_three .items-func .items-block>.item-list {
    height: 400px;
    width: 250px;
}

.hangye-show {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 916px;
    height: 286px;
}

.hangye-show li {
    width: 229px;
    height: 144px;
    border-right: 1px dashed #e5e5e5;
    border-bottom: 1px dashed #e5e5e5;
    float: left;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.hangye-show li:nth-child(4n + 4) {
    border-right: none;
}

.hangye-show li:nth-child(n + 5) {
    border-bottom: none;
}

.hangye-show li img {
    position: absolute;
    top: 34px;
    left: 0;
    right: 0;
    margin: auto;
}

.hangye-show li p {
    font-size: 18px;
    color: #333;
    text-align: center;
    margin-top: 100px;
}

.qwxyshy_three .items-func .item-list .item:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0px 10px -7px 0px;
    transition: transform 0.3s ease;
    transform: none;
}

/* 机械行业 */
.qwxyshy_three .items-func .item-list .item:nth-child(1):before {
    background: url(../images/menhuyun/jixie_hei.png) no-repeat center;
}

.qwxyshy_three .items-func .item-list .item:nth-child(1).active:before {
    background: url(../images/menhuyun/jixie_lv.png) no-repeat center;
}

/* 教育行业 */
.qwxyshy_three .items-func .item-list .item:nth-child(2):before {
    background: url(../images/menhuyun/jiaoyu_hei.png) no-repeat center;
}

.qwxyshy_three .items-func .item-list .item:nth-child(2).active:before {
    background: url(../images/menhuyun/jiaoyu_lv.png) no-repeat center;
}

/* 家装行业 */
.qwxyshy_three .items-func .item-list .item:nth-child(3):before {
    background: url(../images/menhuyun/jiazhuang_hei.png) no-repeat center;
}

.qwxyshy_three .items-func .item-list .item:nth-child(3).active:before {
    background: url(../images/menhuyun/jiazhuang_lv.png) no-repeat center;
}

/* 外贸行业 */
.qwxyshy_three .items-func .item-list .item:nth-child(4):before {
    background: url(../images/menhuyun/waimao_hei.png) no-repeat center;
}

.qwxyshy_three .items-func .item-list .item:nth-child(4).active:before {
    background: url(../images/menhuyun/waimao_lv.png) no-repeat center;
}

/* 核心功能 */
.qwxyshy_three .items-func .item-list .item:nth-child(5):before {
    background: url(../images/menhuyun/kuozhan_hei.png) no-repeat center;
}

.qwxyshy_three .items-func .item-list .item:nth-child(5).active:before {
    background: url(../images/menhuyun/kuozhan_lv.png) no-repeat center;
}

/* 外贸门户 */
.waimao_one .items-title {
    font-size: 24px;
    text-align: center;
    margin-bottom: 50px;
}

.waimao_one .items-title.mb15 {
    margin-bottom: 15px;
}

.waimao_one .items-subtitle {
    text-align: center;
    line-height: 24px;
    margin-bottom: 37px;
}

.waimao_one .items-design {
    background-color: #fff;
}

.waimao_one .items-design .item-block {
    justify-content: space-between;
}

.waimao_one .items-design .item {
    width: 284px;
    height: 240px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    background-color: #fff;
}

.waimao_one .items-design .item:hover {
    /* border-color: #20b09f; */
    box-shadow: 0 0 4px #d1d1d1
}

.waimao_one .items-design .item:hover .item-p {
    background: #20b09f;
    color: #fff;
}

.waimao_one .items-design .item-img {
    height: 140px;
    /* margin: 37px auto 20px; */
}

.waimao_one .items-design img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.waimao_one .items-design .item:hover .item-img-a {
    /* padding-top: 37px; */
    /* display: none; */
}

.waimao_one .items-design .item-img-b {
    /* display: none; */
}

.waimao_one .items-design .item:hover .item-img-b {
    display: block;
}

.waimao_one .items-design .item-p {
    text-align: center;
    height: 85px;
    padding-top: 13px;
    font-size: 14px;
    line-height: 26px;
    background: #f5f5f5;
}

.waimao_one .items-seo,
.waimao_one .items-did {
    background-color: #fff;
}

/* did */
.waimao_one .items-did .img-block {
    margin-top: 50px;
}

.business-block {
    margin: 0 50px;
}

.business-block .item-p {
    margin-top: 27px;
}

.waimao_one .items-did .pro-video-play {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 130px;
}

.waimao_one .items-did .pro-video-play:after {
    margin: 0;
    width: 42px;
    height: 42px;
    background-size: 13px auto;
}

.waimao_one .items-did .item-p {
    text-align: center;
    font-size: 18px;
    color: #666;
    margin-top: 20px;
    line-height: 1.6em;
}

.waimao_one .items-did .item-btn {
    text-align: center;
    margin-top: 50px;
}

.waimao_one .items-did .item-btn-a {
    width: 175px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
}

/* did */

/** 产品单独样式 end **/

/* 最新升级 */
.waimao-newest-upgrade {
    width: 100%;
    height: 140px;
    background: url(../images/menhuyun/bar-1.png) no-repeat center;
}

.jituan-newest-upgrade {
    width: 100%;
    height: 140px;
    background: url(../images/menhuyun/jituan_bg.png) no-repeat center;
}

/*经典案例*/
.waimao_one .items-case {
    box-sizing: border-box;
    height: 665px;
    background: url(../images/menhuyun/items-case-bg.png) no-repeat center;
}

.waimao_one .items-case .items-title {
    font-size: 30px;
    margin-bottom: 40px;
    position: relative;
    line-height: normal;
}

.waimao_one .items-case .items-title:before {
    content: '';
    display: inline-block;
    width: 140px;
    border-bottom: 1px solid #fff;
    vertical-align: middle;
    margin-right: 20px;
}

.waimao_one .items-case .items-title:after {
    content: '';
    display: inline-block;
    width: 140px;
    border-bottom: 1px solid #fff;
    vertical-align: middle;
    margin-left: 20px;
}

.waimao_one .items-case .item-block {
    justify-content: space-between;
    margin-bottom: 30px;
}

.waimao_one .items-case .item-block:last-child {
    margin: 0;
}

.waimao_one .items-case .item {
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease;
}

.waimao_one .items-case .item-p {
    line-height: 40px;
    left: 0;
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
    padding: 15px 20px;
    transform: translateY(100%);
    transition: all 0.3s ease;
}

.waimao_one .items-case .item-p .item-title {
    font-size: 14px;
    line-height: 22px;
    color: #666;
}

.waimao_one .items-case .item:hover {
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.6);
}

.waimao_one .items-case .item:hover .item-p {
    transform: translateY(0);
}

/*经典案例*/

/* 更多服务 */
.more-service-title {
    font-size: 30px;
    margin: 70px 0 20px;
    position: relative;
    text-align: center;
}

.more-service-title:before {
    content: '';
    display: inline-block;
    width: 140px;
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
    margin-right: 20px;
}

.more-service-title:after {
    content: '';
    display: inline-block;
    width: 140px;
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
    margin-left: 20px;
}

.more-service-p {
    text-align: center;
    font-size: 16px;
    color: #666;
}

.more-service .more-apply {
    justify-content: space-around;
    margin-bottom: 50px;
}

.more-service .more-apply .item {
    flex: 1;
}

.more-service .more-apply .item-p {
    font-size: 18px;
    text-align: center;
    margin-top: 20px;
}

.more-service .more-apply .item-p:after {
    margin-right: 0;
}

.more-service .inter-marketing {
    justify-content: space-between;
}

.more-service .inter-marketing .item {
    width: 590px;
    height: 125px;
    box-sizing: border-box;
    /* border: 1px solid #e5e5e5; */
    /* padding: 0 30px; */
}

.more-service .inter-marketing a {
    background: url(../images/menhuyun/tuite.png) no-repeat;
}

.more-service .inter-marketing .google-bg {
    background: url(../images/menhuyun/google.png) no-repeat;
}


.more-service .inter-marketing .item:hover {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}

.more-service .inter-marketing .item-p {
    color: #666;
    line-height: 24px;
}

.section {
    padding: 40px 0 0;
}

.more-service .inter-marketing .item .img-block {
    margin: 0;
}

.more-service .inter-marketing .item .item-block {
    margin-left: 30px;
    margin-top: 30px;
    align-self: flex-start;
}

.more-service .inter-marketing .item .item-title {
    font-size: 18px;
    /* margin-bottom: 10px; */
}

.more-service .inter-marketing .item .item-title-span {
    font-size: 14px;
}


.steward-list>div:hover {
    box-shadow: 0 0 4px #d1d1d1;
}

.steward-list>.steward-1:before {
    background-image: url(../images/menhuyun/steward-icons-1.png);
}

.steward-list>.steward-1:hover:before {
    background-image: url(../images/menhuyun/steward-icons-1-hover.png);
}

.steward-list>.steward-2:before {
    background-image: url(../images/menhuyun/steward-icons-2.png);
}

.steward-list>.steward-2:hover:before {
    background-image: url(../images/menhuyun/steward-icons-2-hover.png);
}

.steward-list>.steward-3:before {
    background-image: url(../images/menhuyun/steward-icons-3.png);
}

.steward-list>.steward-3:hover:before {
    background-image: url(../images/menhuyun/steward-icons-3-hover.png);
}

.steward-list>.steward-4:before {
    background-image: url(../images/menhuyun/steward-icons-4.png);
}

.steward-list>.steward-4:hover:before {
    background-image: url(../images/menhuyun/steward-icons-4-hover.png);
}

.steward-list>.steward-5:before {
    background-image: url(../images/menhuyun/steward-icons-5.png);
}

.steward-list>.steward-5:hover:before {
    background-image: url(../images/menhuyun/steward-icons-5-hover.png);
}

.steward-list>.steward-6:before {
    background-image: url(../images/menhuyun/steward-icons-6.png);
}

.steward-list>.steward-6:hover:before {
    background-image: url(../images/menhuyun/steward-icons-6-hover.png);
}

/* 网站交付提示 */
.pay-tip {
    height: 115px;
    margin: 60px 0 0;
    padding: 25px 0 0;
    color: #fff;
    text-align: center;
    background: url(../images/menhuyun/pay-tip-bg.png) top center no-repeat;
}

.pay-tip .pay-tip-header {
    line-height: 58px;
    font-size: 30px;
    font-weight: bold;
}

.pay-tip p {
    font-size: 16px;
    line-height: 26px;
}

/* 服务保障 */
.service-header {
    padding: 50px 0 0;
    text-align: center;
}

.service-title {
    font-size: 30px;
    line-height: 62px;
}

.service-title::before,
.service-title::after {
    content: '';
    display: inline-block;
    width: 140px;
    height: 1px;
    background: #ccc;
    vertical-align: middle;
}

.service-title::before {
    margin: 0 34px 0 0;
}

.service-title::after {
    margin: 0 0 0 34px;
}

.service-header p {
    font-size: 16px;
    line-height: 26px;
    color: #666;
}

.service-list {
    position: relative;
    height: 78px;
    margin: 46px 0 72px;
}

.service-list:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 8px;
    background: #eee;
    border-radius: 4px;
}

.service-list:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 26px;
    height: 38px;
    margin: -19px 0 0 0;
    background: url(../images/menhuyun/service-arrow.png) no-repeat;
}

.service-item {
    position: relative;
    width: 100%;
    cursor: pointer;
}

.service-txt {
    position: relative;
    width: 68px;
    height: 68px;
    margin: 0 auto;
    border: 5px solid #fff;
    background: #20b09f;
    line-height: 68px;
    text-align: center;
    color: #fff;
    border-radius: 50px;
    box-shadow: 0 0 8px rgba(228, 230, 200, 1);
    transition: all 0.2s;
}

.service-tag {
    position: absolute;
    left: -34px;
    top: 50%;
    min-height: 20px;
    width: 68px;
    text-align: center;
    line-height: 20px;
    background: #eee;
    font-size: 12px;
    border-radius: 40px;
    transform: translate(0, -50%);
}

.service-pop {
    position: absolute;
    left: 50%;
    bottom: 102px;
    width: 136px;
    margin: 0 0 0 -78px;
    padding: 8px 10px 16px;
    text-align: center;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 8px rgba(228, 230, 200, 1);
    opacity: 0;
    transform: translateY(-50%);
    transition: transform 0.3s;
}

.service-pop:before {
    content: '';
    position: absolute;
    bottom: -17px;
    left: 50%;
    width: 19px;
    height: 17px;
    margin: 0 0 0 -9px;
    background: url(../images/menhuyun/service-pop-trangle.png) no-repeat;
}

.service-pop-title {
    font-size: 14px;
    line-height: 38px;
}

.service-pop p {
    color: #666;
    line-height: 20px;
    font-size: 12px;
}

.service-txt:hover {
    border: 0 none;
    background: #40dac8;
    transform: scale(1.3);
    box-shadow: none;
}

.service-txt:hover+.service-pop {
    opacity: 1;
    transform: translateY(0%);
    transition: transform 0.3s;
}

/* 外贸门户banner */
.waimao .main-banner-title-txt {
    font-size: 22px;
    color: #050f2e;
    background-color: #20b09f;
    border-radius: 20px;
    padding: 0 8px;
}

.waimao .main-banner-title {
    height: 70px;
    line-height: 70px;
    font-size: 44px;
    position: relative;
    display: inline-block;
}

.waimao .main-banner-title-txt:before {
    content: '';
    display: inline-block;
    width: 0px;
    height: 0px;
    margin: 0 0px 0 0px;
    background: #fff;
    vertical-align: middle;
}

.waimao .main-banner-descrip {
    font-size: 18px;
    line-height: 52px;
}

/*main-banner-SSL*/
.waimao .main-banner-SSL {
    display: inline-block;
    width: 44px;
    height: 27px;
    background: url(../images/menhuyun/main-banner-SSL-bg.png) no-repeat center;
    box-sizing: border-box;
    padding: 0 0 5px 0;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    color: #20b09f;
    vertical-align: 7px;
    cursor: pointer;
}

.waimao .main-banner-SSL-text {
    position: absolute;
    width: 267px;
    height: 88px;
    background: url(../images/menhuyun/main-banner-SSL-text-bg.png) no-repeat center;
    box-sizing: border-box;
    padding: 10px 12px 10px 19px;
    text-align: justify;
    right: -277px;
    top: 50%;
    margin-top: -39px;
    z-index: 9;
    font-size: 12px;
    line-height: normal;
    display: none;
}

.waimao .main-banner-SSL-text a {
    font-size: 12px;
    text-decoration: underline;
    color: rgba(255, 255, 255, 0.7);
    line-height: 17px;
}

.waimao .main-banner-SSL-text a:hover {
    color: #fff;
}

/* 外贸门户banner */

/* 外贸门户详情页 */
.waimao_three .items-func .title {
    font-size: 24px;
    color: #333;
    margin-bottom: 50px;
    position: relative;
    margin-left: 10px;
}

.waimao_three .items-func .title:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 24px;
    background: #20b09f;
    left: -10px;
    top: 4px;
}

.waimao_three .items-func .title span {
    color: #20b09f;
}

.waimao_three .items-package {
    height: 536px;
    background: #f9f9f9;
    overflow: hidden;
}

.waimao_three .eight_safeguard {
    background: #fff;
}

.waimao_three .items-package .title {
    font-size: 24px;
    color: #333;
    margin-bottom: 0px;
    line-height: 130px;
    position: relative;
    margin-left: 10px;
}

.waimao_three .items-package .title:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 24px;
    background: #20b09f;
    left: -10px;
    top: 53px;
}

/* 功能模块 */
.waimao_three .items-func .item-block .item-div {
    position: relative;
}

.waimao_three .items-func .items-block>.item-list {
    height: 360px;
    width: 140px;
}

.waimao_three .items-func .item-list .item {
    height: 133px;
    line-height: 133px;
    text-align: center;
    font-size: 16px;
    color: #666;
    box-sizing: border-box;
    border-right: 1px solid #e5e5e5;
    border-left: 2px solid transparent;
    background-color: #f9f9f9;
    cursor: pointer;
}

.waimao_three .items-func .item-list .item:nth-child(2) {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.waimao_three .items-func .item-list .item.active {
    border-right-color: transparent;
    background-color: #fff;
    border-left: 2px solid #20b09f;
}

.waimao_three .items-func .item-block {
    flex: 1;
    height: 400px;
}

/* 功能模块 */

/* 外贸功能 */
.waimao-function {
    width: 975px;
    height: 360px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.waimao-function li {
    width: 325px;
    height: 120px;
    box-sizing: border-box;
    float: left;
    border-bottom: 1px dashed #e5e5e5;
    border-right: 1px dashed #e5e5e5;
    overflow: hidden;
}

.waimao-function li:nth-child(3n + 3) {
    border-right: none;
}

.waimao-function li:nth-child(n + 7) {
    border-bottom: none;
}

.waimao-function li .item-s {
    width: 325px;
    height: 120px;
    box-sizing: border-box;
    overflow: hidden;
    padding-right: 24px;
}

.waimao-function li .item-title {
    margin-bottom: 5px;
    margin-top: 24px;
}

.waimao-function li .item-p {
    font-size: 12px;
    color: #999;
    line-height: 20px;
}

.waimao-function .l {
    width: 76px;
    height: 120px;
    position: relative;
    float: left;
}

.waimao-function .l img {
    position: absolute;
    top: 24px;
    left: 0;
    right: 0;
    margin: auto;
}

/* 集团门户 */
.jituan_xuqiu {
    width: 100%;
    height: 554px;
    background: #ffffff url(../images/menhuyun/jituan_img_1.png) no-repeat center 144px;
    overflow: hidden;
}

.jituan_title {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin-top: 60px;
}

.jituan_youshi {
    width: 100%;
    height: 458px;
    background: #f9f9f9;
    overflow: hidden;
}

.jituan_youshi ul {
    width: 1200px;
    height: 239px;
    border: 1px solid #e5e5e5;
    margin-top: 54px;
}

.jituan_youshi ul li {
    width: 400px;
    height: 119px;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    box-sizing: border-box;
    float: left;
    background: #fff;
}

.jituan_youshi ul li:nth-child(3n + 3) {
    border-right: none;
}

.jituan_youshi ul li:nth-child(n + 4) {
    border-bottom: none;
}

.jituan_youshi ul li .l {
    width: 98px;
    height: 119px;
    float: left;
    position: relative;
}

.jituan_youshi ul li .l img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.jituan_youshi ul li .r {
    width: 301px;
    height: 119px;
    float: left;
}

.jituan_youshi ul li .r .title {
    font-size: 18px;
    color: #333;
    margin-top: 34px;
}

.jituan_youshi ul li .r .txt {
    font-size: 12px;
    color: #666;
    margin-top: 12px;
}

.jituan_qiehuan {
    width: 100%;
    height: 450px;
    background: #fff;
}

.jituan_qiehuan ul {
    width: 100%;
    height: 336px;
    margin-top: 94px;
}

.jituan_qiehuan ul li {
    width: 50%;
    height: 266px;
    margin-top: 35px;
    box-shadow: 0 0 10px 0 rgba(38, 38, 38, 0.16);
    float: left;
}

.jituan_qiehuan ul li .top {
    width: 100%;
    height: 66px;
    background: #e5e5e5;
}

.jituan_qiehuan ul li .top p {
    font-size: 18px;
    line-height: 66px;
    text-align: center;
    color: #333333;
    font-weight: bold;
}

.jituan_qiehuan ul li .bottom {
    width: 100%;
    height: 200px;
    background: #fff;
    overflow: hidden;
}

.jituan_qiehuan ul li .bottom .title {
    font-size: 12px;
    color: #666;
    text-align: center;
    margin-top: 34px;
}

.jituan_qiehuan ul li .bottom .one_box {
    width: 424px;
    height: 76px;
    margin: 40px auto 0;
    display: flex;
}

.jituan_qiehuan ul li .bottom .one_box .item {
    flex: 1;
}

.jituan_qiehuan ul li .bottom .one_box .item img {
    display: block;
    margin: auto;
}

.jituan_qiehuan ul li .bottom .one_box .item img.img_b {
    display: none;
}

.jituan_qiehuan ul li .bottom .one_box .item p {
    font-size: 12px;
    color: #666;
    text-align: center;
    margin-top: 10px;
}

.jituan_qiehuan ul li .bottom .box_title {
    width: 404px;
    height: 52px;
    border-bottom: 1px dashed #e5e5e5;
    margin: auto;
}

.jituan_qiehuan ul li .bottom .box_title p {
    font-size: 12px;
    color: #333;
    text-align: center;
    line-height: 52px;
}

.jituan_qiehuan ul li .bottom .select_title {
    font-size: 12px;
    color: #333;
    font-weight: bold;
    text-align: center;
    line-height: 42px;
}

.jituan_qiehuan ul li .bottom .two_box {
    width: 420px;
    margin: auto;
}

.jituan_qiehuan ul li .bottom .two_box .item {
    width: 50%;
    height: 24px;
    float: left;
    margin-bottom: 18px;
}

.jituan_qiehuan ul li .bottom .two_box .item .item-wrap {
    overflow: hidden;
    margin-left: 42px;
}

.jituan_qiehuan ul li .bottom .two_box .item .l {
    width: 24px;
    height: 24px;
    float: left;
}

.jituan_qiehuan ul li .bottom .two_box .item .r {
    height: 24px;
    float: left;
}

.jituan_qiehuan ul li .bottom .two_box .item .r p {
    font-size: 12px;
    color: #333;
    line-height: 24px;
    margin-left: 6px;
}

.jituan_qiehuan ul li .bottom .two_box .item .r p span {
    color: #666;
}

.jituan_qiehuan ul li .bottom .two_box .item .l img {
    display: block;
    width: 24px;
    height: 24px;
}

.jituan_qiehuan ul li .bottom .two_box .item .l img.img_b {
    display: none;
}

.jituan_qiehuan ul li.cur .bottom .two_box .item .l img.img_b {
    display: block;
}

.jituan_qiehuan ul li.cur .bottom .two_box .item .l img.img_a {
    display: none;
}

.jituan_qiehuan ul li.cur .bottom .one_box .item img.img_b {
    display: block;
}

.jituan_qiehuan ul li.cur .bottom .one_box .item img.img_a {
    display: none;
}

.jituan_qiehuan ul li.cur .top {
    background: #20b09f;
}

.jituan_qiehuan ul li.cur .top p {
    color: #fff;
}

.jituan_qiehuan ul li.cur .bottom .title {
    color: #20b09f;
}

.jituan_qiehuan ul li.cur .bottom .one_box .item p {
    color: #20b09f;
}

.jituan_qiehuan ul li.cur .bottom .box_title p {
    color: #20b09f;
}

.jituan_qiehuan ul li.cur .bottom .select_title {
    color: #20b09f;
}

.jituan_qiehuan ul li.cur {
    transform: scale(1.2);
}

.jituan_twenty {
    width: 100%;
    height: 522px;
    background: #f9f9f9;
    overflow: hidden;
}

.jituan_twenty ul {
    width: 100%;
    height: 160px;
    margin: auto;
    background: #fff;
    display: flex;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    margin-top: 70px;
}

.jituan_twenty ul li {
    flex: 1;
    border-right: 1px solid #e5e5e5;
    position: relative;
}

.jituan_twenty ul li img {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    margin: auto;
}

.jituan_twenty ul li p {
    font-size: 14px;
    color: #121219;
    text-align: center;
    margin-top: 108px;
}

.jituan_twenty .button {
    width: 175px;
    height: 46px;
    background: #20b09f;
    margin: 64px auto 0;
}

.jituan_twenty .button p {
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 46px;
}

.jituan_service {
    width: 100%;
    height: 395px;
    /* background: #fff url(../images/menhuyun/service_img.png) no-repeat 30% 150px; */
    overflow: hidden;
}

.service_box {
    width: 940px;
    height: 219px;
    margin: auto;
}

.service_box img {
    display: block;
    float: left;
    margin: 58px 48px 0px 0px;
}

.jituan_service .service_box .character {
    height: 178px;
    float: left;
    margin-top: 74px;
}

.jituan_service .character p {
    font-size: 12px;
    color: #666;
    line-height: 36px;
}

.jituan_service .character p::before {
    content: '';
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: 0 8px -4px 0px;
    background: url(../images/menhuyun/jituan_service_dui.png) 50% 50% no-repeat;
}

/* 集团门户详情页 */

.jituan_fun {
    overflow: hidden;
    padding-bottom: 40px;
}

.jituan_fun .title {
    font-size: 28px;
    color: #333;
    text-align: center;
    margin-top: 56px;
}

.jituan_fun .title span {
    color: #20b09f;
}

.jituan_fun ul {
    width: 1200px;
    overflow: hidden;
    margin-top: 54px;
}

.jituan_fun ul li {
    width: 285px;
    height: 86px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    padding-right: 15px;
}

.jituan_fun ul li:nth-child(4n + 4) {
    margin-right: 0px;
}

.jituan_fun ul li .l {
    width: 76px;
    height: 86px;
    position: relative;
    float: left;
}

.jituan_fun ul li .l img {
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.jituan_fun ul li .item-title {
    margin-bottom: 5px;
    margin-top: 20px;
    color: #333;
}

.jituan_fun ul li .item-p {
    font-size: 12px;
    color: #999;
    line-height: 16px;
}

.jituan_fun ul li .item-title:after {
    width: 18px;
    height: 18px;
    background-size: 9px auto;
}

.jituan .jinyong {
    cursor: not-allowed;
}

.check {
    position: relative;
}

.yes_check:before {
    content: '';
    position: absolute;
    left: 72px;
    top: 19px;
    width: 15px;
    height: 15px;
    background: url(../images/menhuyun/check.png) no-repeat center;
}

.no_check:before {
    content: '';
    position: absolute;
    left: 72px;
    top: 19px;
    width: 15px;
    height: 15px;
    background: url(../images/menhuyun/uncheck.png) no-repeat center;
}

/* one */
.check_one {
    position: relative;
}

.yes_check_one:before {
    content: '';
    position: absolute;
    left: -20px;
    top: -3px;
    width: 15px;
    height: 15px;
    background: url(../images/menhuyun/check.png) no-repeat center;
}

.no_check_one:before {
    content: '';
    position: absolute;
    left: -20px;
    top: -3px;
    width: 15px;
    height: 15px;
    background: url(../images/menhuyun/uncheck.png) no-repeat center;
}

.r_new::after {
    content: '';
    position: absolute;
    right: 34px;
    top: -1px;
    width: 24px;
    height: 15px;
    background: url(../images/menhuyun/new_icon.png) no-repeat center;
}

.pop-bofang {
    cursor: pointer;
}

.pop-bofang:after {
    content: '';
    border-radius: 50%;
    transition: all 0.3s ease;
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    background: url(../images/menhuyun/pro-video-play.svg) center no-repeat #20b09f;
    margin: 0 -38px 0 10px;
}

.hangye-show li:hover .pop-bofang:after {
    transform: scale(1.2);
}

/* 套餐售卖产品页入口 */

.main-banner .package {
    position: absolute;
    right: 20px;
    bottom: 0;
}

/* 企业行业专属建站 */

.items-apply-block {
    height: 400px;
    background-color: #f5f5f5;
    margin-top: 40px;
}

.items-apply .item {
    flex: 1;
    text-align: center;
    position: relative;
    height: 400px;
    background: no-repeat center;
    background-size: 100% auto;
}

.items-apply .item a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.items-apply .item:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.6);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.items-apply .item:hover:before {
    background-color: rgba(32, 176, 159, 0.9);
}

.items-apply .item-1 {
    background-image: url(../images/protal/index/apply-1.jpg);
}

.items-apply .item-2 {
    background-image: url(../images/protal/index/apply-2.jpg);
}

.items-apply .item-3 {
    background-image: url(../images/protal/index/apply-3.jpg);
}

.items-apply .item-4 {
    background-image: url(../images/protal/index/apply-4.jpg);
}

.items-apply .item-5 {
    background-image: url(../images/protal/index/apply-5.jpg);
}

.items-apply .item-title {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding: 20px 0;
    position: relative;
}

.items-apply .item-title:before {
    content: '';
    position: relative;
    display: block;
    width: 20px;
    border-bottom: 2px solid #fff;
    margin: 0 auto 20px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.items-apply .item:hover .item-title:before {
    opacity: 0;
    margin-bottom: 0;
}

.items-apply .item .img-block {
    position: relative;
    margin-top: 120px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.items-apply .item:hover .img-block {
    margin-top: 80px;
}

.items-apply .item-p-block {
    position: relative;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    margin-top: 10px;
}

.items-apply .item:hover .item-p-block {
    display: block;
    opacity: 1;
    margin-top: 0;
}

.items-apply .item-p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 5px;
}

.qwxys .items-contact {
    height: 300px;
    background: url(../images/protal/index/contact-bg.jpg) no-repeat center;
}

/* 覆盖多个互联网终端，全网发布，全场景触达 */

.qwxys .items-contact .items-block {
    height: 300px;
    color: #fff;
}

.qwxys .items-contact .item-title {
    font-size: 30px;
    font-weight: bold;
}

.qwxys .items-contact .item-subtitle {
    font-size: 18px;
    margin-top: 10px;
}

.qwxys .items-contact .item-btn {
    margin-top: 40px;
}

.qwxys .items-contact .product-bottom-qq {
    font-size: 18px;
    width: 180px;
    height: 40px;
    line-height: 38px;
    background: none;
    border-color: #fff;
    color: #fff;
}

.qwxys .items-contact .product-bottom-qq:before {
    width: 20px;
    height: 22px;
    vertical-align: -4px;
    margin-right: 8px;
    background: url(../../../../../s.300.cn/v3.0/home/images/product/product-bottom-qq.png) no-repeat center;
}

.qwxys .items-contact .bj-button {
    font-size: 18px;
    width: 180px;
    height: 40px;
    line-height: 38px;
    background-color: #fff;
    color: #20b09f;
    text-align: center;
    margin-left: 24px;
}


/* 2020.04.20改版 */
body {
    background: #fff !important;
}

.waimao_one .items-case,
.waimao_one .more-service,
.waimao_one .items-cdn {
    background: #fff;
}

.items-cdn {
    background: #fff;
}

.items-cdn .items-title {
    margin-bottom: 15px;
    font-size: 24px;
    text-align: center;
}

.items-cdn .items-subtitle {
    margin-bottom: 30px;
}

.items-special {
    height: 626px;
    background: url(../images/menhuyun/special-bg.png) no-repeat;
}

.items-special .items-title {
    color: #fff;
}

.inter-marketing .item-title {
    margin-bottom: 0;
}

.waimao_one .more-service {}

.steward {
    width: 180px;
    height: 180px;
    margin-right: 20px;
    border: 1px solid #e5e5e5;
    text-align: center;
}

.steward:last-child {
    margin-right: 0;
}

.steward-icon {
    width: 58px;
    height: 58px;
    margin: auto;
    margin-top: 35px;
    margin-bottom: 25px;
}

.steward-1-icon {
    background: url(../images/menhuyun/steward-icons-1.png) no-repeat;
}

.steward-1:hover .steward-1-icon {
    background: url(../images/menhuyun/steward-icons-1-hover.png) no-repeat;
}

.steward-2-icon {
    background: url(../images/menhuyun/steward-icons-2.png) no-repeat;
}

.steward-2:hover .steward-2-icon {
    background: url(../images/menhuyun/steward-icons-2-hover.png) no-repeat;
}

.steward-3-icon {
    background: url(../images/menhuyun/steward-icons-3.png) no-repeat;
}

.steward-3:hover .steward-3-icon {
    background: url(../images/menhuyun/steward-icons-3-hover.png) no-repeat;
}

.steward-4-icon {
    background: url(../images/menhuyun/steward-icons-4.png) no-repeat;
}

.steward-4:hover .steward-4-icon {
    background: url(../images/menhuyun/steward-icons-4-hover.png) no-repeat;
}

.steward-5-icon {
    background: url(../images/menhuyun/steward-icons-5.png) no-repeat;
}

.steward-5:hover .steward-5-icon {
    background: url(../images/menhuyun/steward-icons-5-hover.png) no-repeat;
}

.steward-6-icon {
    background: url(../images/menhuyun/steward-icons-6.png) no-repeat;
}

.steward-6:hover .steward-6-icon {
    background: url(../images/menhuyun/steward-icons-6-hover.png) no-repeat;
}

.waimao_one .play-btn {
    position: absolute;
    left: 464px;
    top: 141px;
    width: 50px;
    height: 50px;

    /* transform: translateX(-50%); */
}

.pic-item img:hover .play-btn:after {
    width: 70px;
    height: 70px;
}

.waimao_one .play-btn:after {
    margin: 0;
    width: 50px;
    height: 50px;
    background-size: 13px auto;
}

.video-pop.hwdidbg {
    width: 920px;
    height: 435px;
    background: url(../images/menhuyun/s1.png) no-repeat;
    margin-top: 30px;
}

.video-pop.haiwaidg {
    width: 920px;
    height: 435px;
    background: url(../images/menhuyun/hwdg_1.png) no-repeat;
    margin-top: 30px;
}

.video-pop.hwdowns {
    width: 920px;
    height: 435px;
    background: url(../images/menhuyun/hwwj.png) no-repeat;
    margin-top: 30px;
}

.video-pop.hwspbg {
    width: 920px;
    height: 435px;
    background: url(../images/menhuyun/hwsp.png) no-repeat;
    margin-top: 30px;
}

.haiwaidg-text {
    position: absolute;
    right: 10px;
    text-align: left;
    width: 230px;
    height: 260px;
    top: 40px;
}

.haiwaidg-text ul li {
    padding: 0;
    margin: 0;
    list-style: none;
    height: 44px;
    margin-bottom: 10px;
    line-height: 45px;
}

.haiwaidid-p {
    position: absolute;
    bottom: 70px;
    text-align: center;
    left: 30px;
    font-size: 17px;
}