@charset "utf-8";
@font-face {
    font-family: 'SourceHanSansCN-Medium';
    src: url('/font/SourceHanSansCN-Medium/SourceHanSansCN-Medium.woff2') format('woff2'),
        url('/font/SourceHanSansCN-Medium/SourceHanSansCN-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SourceHanSansCN-Bold';
    src: url('/font/SourceHanSansCN-Bold/SourceHanSansCN-Bold.woff2') format('woff2'),
        url('/font/SourceHanSansCN-Bold/SourceHanSansCN-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* Á°äôÌØÐ§´úÂë */
@-webkit-keyframes anim-out{
    0%{ opacity: 0.5;}
    100%{ transform: scale(3); opacity: 0;}
}

@-moz-keyframes anim-out{
    0%{ opacity: 0.5;}
    100%{ transform: scale(3); opacity: 0;}
}

@-ms-keyframes anim-out{
    0%{ opacity: 0.5;}
    100%{ transform: scale(3); opacity: 0;}
}

@keyframes anim-out{
    0%{ opacity: 0.5;}
    100%{ transform: scale(3); opacity: 0;}
}
#customized_iframe{width: 100%;height: calc(100vh - 16vw);}

body{ padding-bottom:53px; }
.wrap{width: 100%; margin:0px auto; min-width: unset;}
/* 1px=0.01rem */
.delay{ -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.delay1{ -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.f_input{ padding:0.2rem 0;}
.f_input label{ width:1.5rem; display:inline-block; text-align:right; font-size:0.3rem; vertical-align:top; line-height:0.7rem;}
.f_input input{ width:4.5rem; height:0.7rem; line-height:0.7rem; text-indent:0.25rem; margin-left:0.2rem; border:1px solid #c8c8c8; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.f_input span{ width:2.1rem; height:0.7rem; line-height:0.7rem; border:1px solid #c8c8c8; padding:1px; text-align:center; font-size:0.3rem; color:#535353; display:inline-block; margin-left:0.2rem; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.f_input span.cur{ border:2px solid #48bdaa; padding:0;}
.f_input a.button{ width:2.1rem; height:0.7rem; line-height:0.7rem; border:1px solid #48bdaa; background:#48bdaa; padding:1px; text-align:center; font-size:0.3rem; color:#fff; display:inline-block; margin-left:0.2rem;}
.f_input .submit{ width:4.5rem; height:0.78rem; line-height:0.78rem; color:#fff; text-align:center; background:#48bdaa; font-size:0.32rem; border:0; border-radius:7px;}

#mIndex .bx-wrapper .bx-controls-direction a{ display: none;}
#mIndex .bx-wrapper .bx-pager.bx-default-pager a{ display: block; width: 10px; height: 10px; background: #ccc; border-radius: 50%;}
#mIndex .bx-wrapper .bx-pager.bx-default-pager a:hover, 
#mIndex .bx-wrapper .bx-pager.bx-default-pager a.active{ background: #38bea6;}

.global_abs_container{ width:100%; max-width:750px; margin:0 auto; height:100%;}

.global_banner_fir{ position:relative;}
.global_banner_fir img{ display:block;}
.global_banner_fir .txt{ font-size:0.38rem; color:#fff; width:100%; position:absolute; left:0; top:1rem; text-align:center;}

.global_banner_sec{ position:relative;}
.global_banner_sec img{ display:block;}
.global_banner_sec .title{ font-size:0.38rem; color:#fff; width:100%; position:absolute; left:0; top:0.8rem; text-align:center;}
.global_banner_sec .txt{ font-size:0.26rem; color:#fff; width:100%; position:absolute; left:0; top:1.3rem; text-align:center;}

.global_banner_thd img{ display:block;}

.global_category{ height:0.6rem; position:relative;}
.global_category .global_category_abs{ width:100%; position:absolute; height:0.6rem; left:0; top:-0.6rem; overflow:hidden; text-align:center;}
.global_category .three a{ width:2.3rem;}
.global_category a{ width:2.48rem; margin:0 0.03rem; text-align:center; display:inline-block; background:#48bdaa; height:0.6rem; line-height:0.6rem; font-size:0.32rem; color:#fff; -moz-border-top-left-radius:5px; -ms-border-top-left-radius:5px; -o-border-top-left-radius:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; -moz-border-top-right-radius:5px; -ms-border-top-right-radius:5px; -o-border-top-right-radius:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px;}
.global_category a.cur{ color:#1da189; background:#fff;}

#global_apply{ width:100%; background:#fff; position:fixed; left:0; bottom:-300%; z-index:10001;}
#global_apply .apply_btn{ width:0.35rem; height:0.35rem; position:absolute; right:0.2rem; top:0.3rem;}
#global_apply .apply_title{ height:0.95rem; line-height:0.95rem; border-bottom:1px solid #e5e5e5; font-size:0.36rem; color:#48bdaa;}
#global_apply .apply_tips{ font-size:0.3rem; color:#5f5f5f; text-indent:0.2rem; margin-bottom:0.05rem;}
#global_apply .apply_blank{ height:0.5rem;}
#global_apply form{ padding:0.3rem 0;}
#global_apply .apply_input{ padding:0.1rem 0;}
#global_apply .apply_input label{ font-size:0.28rem; margin-left:0.2rem; vertical-align:top; line-height:0.56rem;}
#global_apply .apply_input input{ width:5.43rem; height:0.54rem; line-height:0.54rem; text-indent:0.25rem; margin-left:0.2rem; border:1px solid #c8c8c8; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#global_apply .apply_input span{ width:1.43rem; height:0.54rem; line-height:0.54rem; border:1px solid #c8c8c8; padding:1px; text-align:center; font-size:0.28rem; color:#535353; display:inline-block; margin-left:0.2rem; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#global_apply .apply_input span.cur{ border:2px solid #48bdaa; padding:0;}
#global_apply .apply_input textarea{ width:5.23rem; height:1.7rem; padding:0.1rem; margin-left:0.2rem; resize:none; border:1px solid #c8c8c8;-moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#global_apply .apply_submit input{ width:100%; height:0.78rem; line-height:0.78rem; color:#fff; text-align:center; background:#48bdaa; font-size:0.32rem; border:0; border-radius:7px;}

#global_phone_check{ wi:5.6rem; height:5.42rem; position:fixed; left:50%; top:50%; margin-left:-2.8rem; margin-top:-2.71rem; background:#fff; text-align:center; z-index:10001; -moz-border-radius:0.1rem; -ms-border-radius:0.1rem; -o-border-radius:0.1rem; -webkit-border-radius:0.1rem; border-radius:0.1rem; display:none;}
#global_phone_check .phone_btn{ width:0.35rem; height:0.35rem; position:absolute; right:0.2rem; top:0.2rem;}
#global_phone_check .phone_title{ font-size:0.36rem; color:#48bdaa; padding-top:0.65rem;}
#global_phone_check .phone_tips{ font-size:0.32rem; margin-top:0.4rem;}
#global_phone_check .phone_url{ font-size:0.3rem; color:#9c9b9b; margin-top:0.1rem; margin-bottom:0.6rem;}
#global_phone_check .phone_apply{ width:4.84rem; height:0.8rem; line-height:0.8rem; background:#48bdaa; color:#fff; font-size:0.32rem; display:block; margin:0 auto; margin-bottom:0.2rem; -moz-border-radius:0.1rem; -ms-border-radius:0.1rem; -o-border-radius:0.1rem; -webkit-border-radius:0.1rem; border-radius:0.1rem;}
#global_phone_check .phone_phone{ width:4.8rem; height:0.76rem; line-height:0.76rem; background:#fff; color:#48bdaa; font-size:0.32rem; display:block; margin:0 auto; border:0.02rem solid #48bdaa; -moz-border-radius:0.1rem; -ms-border-radius:0.1rem; -o-border-radius:0.1rem; -webkit-border-radius:0.1rem; border-radius:0.1rem;}

#global_login{ width:6.3rem; height:4.2rem; position:fixed; left:50%; top:50%; margin-left:-3.15rem; margin-top:-2.1rem; background:#fff; text-align:center; z-index:10001; -moz-border-radius:0.1rem; -ms-border-radius:0.1rem; -o-border-radius:0.1rem; -webkit-border-radius:0.1rem; border-radius:0.1rem; display:none;}
#global_login .login_btn{ width:0.35rem; height:0.35rem; position:absolute; right:0.2rem; top:0.2rem;}
#global_login .login_title{ font-size:0.36rem; color:#48bdaa; padding-top:0.65rem; margin-bottom:0.4rem;}
#global_login .login_input{ width:4.84rem; height:0.8rem; line-height:0.8rem; border:1px solid #dadada; text-align:center; font-size:0.32rem; -moz-border-radius:0.1rem; -ms-border-radius:0.1rem; -o-border-radius:0.1rem; -webkit-border-radius:0.1rem; border-radius:0.1rem;}
#global_login .login_submit{ width:4.84rem; height:0.8rem; line-height:0.8rem; background:#48bdaa; border:0; color:#fff; font-size:0.32rem; display:block; margin:0 auto; margin-top:0.2rem; margin-bottom:0.2rem; -moz-border-radius:0.1rem; -ms-border-radius:0.1rem; -o-border-radius:0.1rem; -webkit-border-radius:0.1rem; border-radius:0.1rem;}

.model_banner{ position: relative; padding-top: 8vw; width: 100%; height: 62.6667vw; background: #37ae8e; -webkit-box-sizing: border-box; box-sizing: border-box;}
.model_banner .ban_text{ margin-top: -25.0vw; width: 100%; text-align: center;z-index: 99;}
.model_banner .ban_text .ban_title{ width: 100%; line-height: 8.9333vw; font-size: 6.4vw;}
.model_banner .ban_text .ban_brief{ margin-top: 2.2667vw; width: 100%; line-height: 6.1333vw; font-size: 3.7333vw;}
.model_banner .ban_img{ position: absolute; left: 50%; bottom: -4px; width: 77.3333vw; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0;}
.model_banner .ban_img.cur{ -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 1;}
.mobile_category{ display: grid; grid-template-columns: repeat(6, 1fr); margin-bottom: 5.3333vw; height: 13.3333vw; border-bottom: .1333vw solid #ebebeb; position:relative;}
.mobile_category.show_cate{ grid-template-columns: repeat(5, 1fr);}
.mobile_category a{ display: block; position: relative; width: 100%; height: 100%; line-height: 13.3333vw; font-size: 3.0667vw; color: #222; text-align: center;}
.mobile_category a.cur{ color: #0db083;}
.mobile_category a:before{ display: none; content: ''; position: absolute; left: 50%; bottom: -0.2667vw; width: 21.3333vw; height: 0.5333vw; background: #37ae8d; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.mobile_category a.cur:before{ display: block;}

.holiday_tips{ position: relative; margin: 0 auto 5.3333vw; padding: 2.5px 5px 1px 7.5px; width: 115px; height: 22px;}
.holiday_tips:before{ display: block; content: ''; position: absolute; bottom: 0; left: 0; width: 26.5px; height: 23.5px; background: url(/images/mobile/tips_before_icon.png) no-repeat center / auto 100%;}
.holiday_tips:after{ display: block; content: ''; position: absolute; top: 0; right: 0; width: 15px; height: 24.5px; background: url(/images/mobile/tips_after_icon.png) no-repeat center / 100% auto;}
.holiday_tips .tips_in{ width: 100%; height: 100%; line-height: 22px; background: #ff2919; font-size: 16px; color: #fff; text-align: center; border-radius: 11px;}

/*header*/
#header_blank{ height: 16.0vw; position: relative; z-index:10001;}
#header{ position: fixed; left: 0; top: 0; width:100%; height: 16.0vw; background:#fff;/* box-shadow: 0 0.6667vw 2.6667vw rgba(0, 0, 0, 0.05);*/ -webkit-box-sizing: border-box; box-sizing: border-box;}
#mIndex #header{ background: none;}
#mIndex #header.cur{ background: #fff;}
#header .logo{ display: flex; justify-content: center; align-items: center; width:30.9333vw; height: 16.0vw;}
#header .menu{ width:0.5rem; height:0.4rem; margin-top:0.4rem; background:url(/mweb/images/menu.png) no-repeat; background-size:contain;}
#header .menu_cur{ background:url(/mweb/images/menu_cur.png) no-repeat; background-size:contain;}
#header .menu_list{ width:100%; max-height: calc(100vh - 110px); position:absolute; left:0; top:100%; background:#fff; display: none; overflow-y: auto;}
#header .menu_list ul{ border-top:1px solid #eaeaea; padding:0.2rem 0;}
#header .menu_list li{ /*height:0.7rem;*/line-height:0.7rem; overflow:hidden; position:relative;}
#header .menu_list li .item_btn{ display: flex; justify-content: center; align-items: center; position:absolute; top:0; right:0; width:50px; height:0.7rem;transition:all .5s; transform-origin:center; text-align:center; padding:0;}
#header .menu_list li .item_btn img{ max-width: 3.2vw; max-height: 1.8667vw;}
#header .menu_list li .item_btn:active{ background:none; color:inherit;}
#header .menu_list li .item_btn.up{transform:rotateZ(180deg);}
#header .menu_list li a{ padding:0 0.4rem; height: 13.3333vw; line-height: 13.3333vw; font-size:0.42rem; color:#333; display:block;}
/*#header .menu_list li a:active{ background:#48bdaa; color:#fff;}*/
#header .menu_list li .sec_menu{ display:none;}
#header .menu_list li .sec_menu a{ display: block; height: 10.6667vw; line-height: 10.6667vw; font-size:0.32rem; color: #666;}


/*footer*/
#footer{ padding:0.2rem 0; background:#f7f7f7;}
#footer .rows{ text-align:center; font-size:0.28rem; color:#6d6d6d; padding:0.03rem 0;}
#footer .rows a{ font-size:0.28rem; color:#6d6d6d;}
#footer_blank{ height:1rem;}
#global_bottom_box{ width:100%; height:1rem; line-height:1rem; position:fixed; bottom:0; left:0; background:rgba(53,178,158,0.95); text-align:center; z-index:100;}
#global_bottom_box a{ width:33%; height:100%; display:block; float:left; color:#fff; font-size:0.36rem; text-indent:0.3rem;}
#global_bottom_box a:nth-child(1){ background:url(/mweb/images/global_bottom_tel.png) 0.45rem center no-repeat; background-size:auto 0.45rem;}
#global_bottom_box a:nth-child(2){ background:url(/mweb/images/global_bottom_service.png) 0.1rem center no-repeat; background-size:auto 0.45rem;}
#global_bottom_box a:nth-child(3){ background:url(/mweb/images/global_bottom_qiao.png) 0.1rem center no-repeat; background-size:auto 0.45rem;}

/*index*/
#banner{ position:relative;}
#banner .bx-wrapper{ margin-bottom: 0;}
#banner img{ display:block;}
#banner .txt_table{width:100%; position:absolute; left: 50%; top: 20.8vw !important; transform: translateX(-50%);}
#banner .txt_table .title{ width: 100%; line-height: 10.6667vw; font-size: 35px; color: #333; font-weight: bold; text-align: center;}
#banner .txt_table .brief{ width: 100%; line-height: 10.6667vw; font-size: 6.6667vw; color: #0db083; text-align: center;}
/* #banner .txt_table .brief span{ font-size: 3.7333vw; color: #0db083;} */
#banner .txt_table .tips{ margin-top: 3.3333vw; width: 100%; line-height: 7.3333vw; font-size: 3.8vw; color: #333; text-align: center;}
#banner .txt_table .tips a{ color: #0db083;}
#banner .item0 .txt_table .brief span{ display: flex; justify-content: center; align-items: center;}
#banner .item0 .txt_table .brief em{ display: block; margin: 0 3vw; font-size: 4.6667vw; font-style: normal;}
#banner .item0 .brief2{ width: 100%; line-height: 50px; font-size: 35px; color: #333; text-align: center;}
#banner .item0 .brief3{ margin-top: 10px;}
#banner .item0 .brief3 span{ display: flex; justify-content: center; align-items: center; line-height: 30px; font-size: 23px; color: #0db083;}
#banner .item0 .brief3 span em{ margin: 0 22px; font-size: 14px; font-style: normal;}

#banner .item1 .txt_table .brief{ font-size: 18px; color: #333;}
#banner .item1 .txt_table .brief span{ color: #0db083;}

#banner .btn{ display: block; margin: 5.3333vw auto 0; width: 36.2667vw; height: 12.2667vw; line-height: 12.2667vw; background: #0eb085; text-align: center; border-radius: 4px;}
#banner .btn a{ font-size: 4.2667vw; color: #fff;}
#banner .bx-wrapper .bx-viewport{ left: 0; border: none; box-shadow: none;}

#banner .btn.havlabel{margin-top:4.66667vw; width: 54.8vw; height: 9.73333vw; line-height: 9.73333vw; border-radius: 5.06666vw; position: relative;}
#banner .btn.havlabel:before{content: ''; width: 2.26667vw; height: 2.26667vw; background-color: #fff; border-radius: 1.2vw; position: absolute; right: 4.8vw; top: 3.86667vw; z-index: 1;}
#banner .btn.havlabel:after{content: ''; width: 21.73333vw; height:17.33333vw; background: url('/mweb/images/index/banner_btn_label.png') no-repeat; background-size: cover; position: absolute; right: -16.23333vw; bottom: -12.93333vw; z-index: 2;}

#banner .bx-wrapper .bx-pager{ position: absolute; left: 0; bottom: 5.3333vw; padding: 0; width: 100%; height: 10px;}

#banner #banner_sec .item1 .txt_table .brief{ margin-top: 3.3333vw; line-height: 7.3333vw; font-size: 4.8vw;}

.index_item{ margin: 0 auto; padding: 45px 4%; width: 100%; box-sizing: border-box;}
.index_item .item_title{ width: 100%; line-height: 35px; font-size: 25px; color: #222; text-align: center;}

.index_item.index0 .list{ margin-top: 32px; width: 100%;}
.index_item.index0 .list .item{ margin-top: 40px; padding: 0 3vw; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.index_item.index0 .list .item:first-child{ margin-top: 0;}
.index_item.index0 .list .item .img{ margin: 0 auto; width: 100%; /* width: 80%;*/}
.index_item.index0 .list .item .con{ margin-top: 32px; width: 100%;}
.index_item.index0 .list .item .con .title{ display: block; position: relative; padding-bottom: 17px; width: 100%; line-height: 30px; font-size: 20px; color: #333; font-weight: bold; text-align: center;}
.index_item.index0 .list .item .con .title:before{ display: block; content: ''; position: absolute; bottom: 0; left: 50%; width: 25px; height: 2px; background: #0bba91; transform: translateX(-50%);}
.index_item.index0 .list .item .con .brief{ margin-top: 15px; width: 100%; line-height: 24px; font-size: 14px; color: #666; text-align: center;}
.index_item.index0 .list .item .con .btn{ display: flex; justify-content: center; align-items: center; margin: 5.3333vw 0 0; padding-right: 20px;/* width: 36.2667vw; height: 12.2667vw; line-height: 12.2667vw;*/ font-size: 4.2667vw; color: #0eb085; text-decoration: none; border-radius: 8px;}
.index_item.index0 .list .item .con .btn img{ margin-left: 10px}

.index_item.index1{ width: 100%; background: #f5f5f5;}
.index_item.index1 .list{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 4.0vw 4.0vw; position: relative; margin: 8.0vw auto 0; width: 100%;}
.index_item.index1 .list .item{ padding: 4.9333vw 3.0vw 6.5333vw; width: 44.0vw; height: 53.3333vw; background: #fff; border-radius: 8px; box-sizing: border-box; box-shadow: 0 2.0vw 2.6667vw rgba(0, 0, 0, 0.05);}
.index_item.index1 .list .item .icon{ display: flex; justify-content: center; align-items: flex-end; width: 100%; height: 21.4667vw;}
.index_item.index1 .list .item .title{ margin-top: 7.0667vw; line-height: 6.6667vw; font-size: 4.0vw; color: #333; text-align: center;}

.index_item.index2{ padding-bottom: 11.3333vw;}
.index_item.index2 .brief{ margin-top: 4.8vw; height: 7.2vw; text-align: center;}
.index_item.index2 .brief .text{ display: flex; justify-content: center; text-align: center;}
.index_item.index2 .brief .text .video_btn{ display: inline-block;}
.index_item.index2 .brief .text .img{ position: relative; width: 7.2vw; height: 100%;}
.index_item.index2 .brief .text .img img{ position: relative; z-index: 3;}
.index_item.index2 .brief .text .txt{ display: inline-block; padding-left: 2.6667vw; height: 100%; line-height: 7.2vw; font-size: 4.2667vw; color: #0db083;}
.index_item.index2 .brief .text .img:before{ display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0db083; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: anim-out 3s ease-out infinite; animation: anim-out 3s ease-out infinite; z-index: 1;}
.index_item.index2 .brief .text .img:after{ display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0db083; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: anim-out 3s 1s ease-out infinite; animation: anim-out 3s 1s ease-out infinite; z-index: 2;}
.index_item.index2 .brief .text .img .before2{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0db083; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: anim-out 3s 2s ease-out infinite; animation: anim-out 3s 2s ease-out infinite; z-index: 1;}
.index_item.index2 .list{ display: grid; grid-gap: 8.0vw 4.0vw; grid-template-columns: repeat(3, 28.0vw); margin-top: 9.3333vw; width: 100%; text-align: center; box-sizing: border-box;}
.index_item.index2 .list .item{ display: inline-block; height: 12.5333vw;}
.index_item.index2 .list .item .icon{ position: relative; width: 100%; height: 100%; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;}
.index_item.index2 .list .item .icon span{ display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.index_item.index2 .list .item .icon span img{ max-width: 70%; max-height: 70%;}
.index_item.index2 .list .item:nth-child(4) .icon span img,
.index_item.index2 .list .item:nth-child(6) .icon span img,
.index_item.index2 .list .item:nth-child(8) .icon span img,
.index_item.index2 .list .item:nth-child(9) .icon span img{ max-width: 60%; max-height: 60%;}

.index_item.index3{ width: 100%; background: #37ae8e;}
.index_item.index3 .item_title{ color: #fff;}
.index_item.index3 .item{ margin-top: 8.4vw; font-size: 0; text-align: center;}
.index_item.index3 .item .list{ display: inline-block; position: relative; margin: 11.2vw 7.6667vw 0; color: #fff; vertical-align: top;}
.index_item.index3 .item .list:nth-child(-n+2){ margin-top: 0;}
.index_item.index3 .item .list:nth-child(4){ margin-left: 0;}
.index_item.index3 .item .list:last-child{ margin-right: 0;}
.index_item.index3 .item .firt{ display: flex; justify-content: center; align-items: start;/* line-height: 6.0vw;*/ font-size: 7.4667vw; color: #fff;}
.index_item.index3 .item .firt span{ line-height: 10.0vw;}
.index_item.index3 .item .firt strong{ position: relative;}
.index_item.index3 .item .firt strong span{ position: relative; top: 30px; opacity: 0;}
.index_item.index3 .item .firt em{ display: inline-block; margin: 1.7333vw 0 0 1.3333vw; font-size: 16px; font-style: normal;}
.index_item.index3 .item .sect{ display: inline-block;/* margin: 1.7333vw 0 0 0;*/ line-height: 4.4vw; font-size: 3.7333vw; color: #fff;}
.index_item.index3 .item .list:first-child .sect{ margin-left: -4.0vw;}
.index_item.index3 .item .list:nth-child(2) .sect{ margin-left: -1.6vw;}
.index_item.index3 .item .list:nth-child(4) .sect{ margin-left: 1.2vw;}
.index_item.index3 .item .list:nth-child(5) .sect{ margin-left: -2.1333vw;}
.index_item.index3 .item .list:nth-child(6) .sect{ margin-left: -3.3333vw;}

.index_item.solution{ width: 100%; padding: 45px 0;}
.index_item.solution .cate_list{ display: flex; justify-content: center; white-space: nowrap; margin-top: 22px; width: 100%; text-align: center; overflow-x: auto;}
.index_item.solution .cate_list .cate_item{ display: inline-block; position: relative; margin: 0 11px; padding: 0 3px 10px; line-height: 18px; font-size: 16px; color: #666; text-align: center; transition: all .3s;}
.index_item.solution .cate_list .cate_item:before{ display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #37ae8e; opacity: 0; border-radius: 2px; transition: all .3s;}
.index_item.solution .cate_list .cate_item.cur{ color: #37ae8e;}
.index_item.solution .cate_list .cate_item.cur:before{ opacity: 1;}
.index_item.solution .list_ary .hide{ display: none !important;}
.index_item.solution .bx-wrapper{ margin: 30px auto 0;}
.index_item.solution .bx-wrapper .bx-viewport{ left: 0; border: 0; box-shadow: none;}
.index_item.solution .list_ary{ position: relative; margin-top: 30px; width: 100%; min-height: 503px;}
.index_item.solution .list_ary .list_outer{ position: absolute; left: 0; top: 0; width: 100%; opacity: 0; transition: all 0.3s;}
.index_item.solution .list_ary .list_outer.cur{ opacity: 1; z-index: 1;}
.index_item.solution .list_ary .list_outer .list{ width: 100%;}
.index_item.solution .list_ary .list_outer .list .item{ width: 100%;}
.index_item.solution .list_ary .list_outer .list .item .img{ display: flex; align-items: center; margin: 0 auto; width: 90%; min-height: 280px; text-align: center;}
.index_item.solution .list_ary .list_outer .list .item .img img{ margin: 0 auto;}
.index_item.solution .list_ary .list_outer .list .item .con{ margin: 40px auto 0; width: 92%;}
.index_item.solution .list_ary .list_outer .list .item .con .title{ width: 100%; line-height: 30px; font-size: 20px; color: #333; font-weight: bold; text-align: center;}
.index_item.solution .list_ary .list_outer .list .item .con .brief{ margin-top: 9px; width: 100%; line-height: 25px; font-size: 14px; color: #666; text-align: center;}
.index_item.solution .list_ary .list_outer .list .item .con .btn{ margin-top: 20px; width: 100%;}
.index_item.solution .list_ary .list_outer .list .item .con .btn .btn_a{ display: block; margin: 20px auto 0; width: 136px; height: 49px; line-height: 49px; background: #0eb085; font-size: 16px; color: #fff; text-align: center; border-radius: 4px;}

.index_item.custom_feedback{ width: 100%; background: #f5f5f5;}
.index_item.custom_feedback .cate_list{ margin-top: 22px; width: 100%; text-align: center;}
.index_item.custom_feedback .cate_list .cate_item{ display: inline-block; position: relative; margin: 0 11px; padding: 0 4px 10px; line-height: 18px; font-size: 14px; color: #666; text-align: center; transition: all .3s;}
.index_item.custom_feedback .cate_list .cate_item:before{ display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #37ae8e; opacity: 0; border-radius: 2px; transition: all .3s;}
.index_item.custom_feedback .cate_list .cate_item.cur{ color: #37ae8e;}
.index_item.custom_feedback .cate_list .cate_item.cur:before{ opacity: 1;}
.index_item.custom_feedback .list_ary{ margin-top: 25px; width: 100%;}
.index_item.custom_feedback .list_ary .hide{ display: none !important;}
.index_item.custom_feedback .bx-wrapper{ margin: 0 auto; padding-bottom: 12.0vw; width: 85.3333vw;}
.index_item.custom_feedback .bx-wrapper .bx-viewport{ border: 0; border-radius: 1.0667vw; left: 0; box-shadow: 0 2vw 2.6667vw rgba(0, 0, 0, 0.05);}
.index_item.custom_feedback .bx-wrapper .bx-viewport .list .item .con{ padding: 5.3333vw 2.6667vw 5.2vw 4.0vw; width: 100%; box-sizing: border-box;}
.index_item.custom_feedback .bx-wrapper .bx-viewport .list .item .con .name{ display: block; width: 100%; height: 13.3333vw; line-height: 6.6667vw; font-size: 4.2667vw; color: #222; text-decoration: none; overflow: hidden;}
.index_item.custom_feedback .bx-wrapper .bx-viewport .list .item .con .info{ margin-top: 2.5333vw; width: 100%; line-height: 5.6vw;}
.index_item.custom_feedback .bx-wrapper .bx-viewport .list .item .con .info .view{ display: flex; justify-content: center; align-items: center; font-size: 3.7333vw; color: #999;}
.index_item.custom_feedback .bx-wrapper .bx-viewport .list .item .con .info .view img{ margin-right: 1.2vw; width: 5.0667vw; height: 3.2vw;}
.index_item.custom_feedback .bx-wrapper .bx-viewport .list .item .con .info .time{ font-size: 3.7333vw; color: #999;}
.index_item.custom_feedback .bx-wrapper .bx-pager{ padding-top: 0; font-size: 0;}
.index_item.custom_feedback .bx-wrapper .bx-pager, 
.index_item.custom_feedback .bx-wrapper .bx-controls-auto{ bottom: 0;}
.index_item.custom_feedback .bx-wrapper .bx-controls .bx-controls-direction{ display: none;}
.index_item.custom_feedback .mode_btn{ display: block; margin: 2.6667vw auto 0; width: 36.2667vw; height: 12.2667vw; line-height: 12.2667vw; background: #0eb085; font-size: 4.2667vw; text-align: center; color: #fff; border-radius: 1.0667vw;}

.index_item.index4{ background: #f5f5f5;}
.index_item.index4 .bx-wrapper{ margin: 6.667vw 0 0;}
.index_item.index4 .bx-wrapper .bx-viewport{ left: 0; padding-bottom: 10px; background: none; border: 0; box-shadow: none;}
.index_item.index4 .bx-wrapper .bx-pager{ padding-top: 6.667vw; height: 2.667vw;}
.index_item.index4 .bx-wrapper .bx-pager, 
.index_item.index4 .bx-wrapper .bx-controls-auto{ position: static; bottom: inherit;}
.index_item.index4 .list{ width: 100%; text-align: center;}
.index_item.index4 .list .item{ display: inline-block; margin-left: 25px; width: 55px;}
.index_item.index4 .list .item:first-child{ margin-left: 0;}
.index_item.index4 .list .item .icon{ position: relative; width: 100%; height: 100%; border: 2px solid #fff; box-shadow: 0 5px 5px rgba(0, 0, 0, .1); border-radius: 50%; transition: all 0.5s;}
.index_item.index4 .list .item .icon span{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.index_item.index4 .list .item .title{ margin-top: 10px; line-height: 20px; font-size: 12px; color: #333;}

#int{ margin-top: .85rem;}
#int .title{ width: 100%; line-height: .76rem; font-size: .46rem; color: #222; text-align: center;}
#int .title span{ width:1.25rem; display:inline-block; color:#1da189;}
#int .ind_pro{ margin: .44rem auto 0; width: 92.0vw;}
#int .ind_pro .list{ display: flex; align-items: center; margin-top: 4.6667vw; padding-right: .45rem; width: 100%; height: 41.3333vw; -webkit-border-radius: .1rem; border-radius: .1rem; -webkit-box-sizing: border-box; box-sizing: border-box;}
#int .ind_pro .list a{ display: flex; align-items: center;}
#int .ind_pro .list .pic{ width: 35.7333vw;}
#int .ind_pro .list:first-child .pic img{ width: 24.0vw;}
#int .ind_pro .list:nth-child(2) .pic img{ width: 24.5333vw;}
#int .ind_pro .list:nth-child(3) .pic img{ width: 25.4667vw;}
#int .ind_pro .list .desc{ padding-left: 2.0vw; width: calc(100% - 38.0vw);}
#int .ind_pro .list .name{ line-height: .55rem; font-size: .36rem;}
#int .ind_pro .list .brief{ margin-top: .19rem; width: 100%; line-height: .42rem; font-size: .26rem; color: #666;}
#int .want_try{ display: block; margin: 8.0vw auto 0; width: 36.2667vw; height: 12.2667vw; background: #ffce2e; font-size: .32rem; color: #222; text-align: center; -webkit-border-radius: .08rem; border-radius: .08rem;}
#int .want_try img{max-height: 45%; margin-right:0.1rem; vertical-align:middle;}


#inm{position: relative;width: 7.5rem;height: 6.04rem;background: #f5f8fb url(../images/news/unique.png) no-repeat center 2rem / 2rem;}
#inm .title{padding-top: 0.4rem;height: 0.6rem;line-height: 0.6rem;text-align: center;font-size: 0.4rem;}
#inm .title h1{font-size:0.36rem;}
#inm .sectitle{text-align: center;font-size: 0.28rem;margin-top: 0.05rem;}
#inm .font{display: none;opacity: 0;}
#inm .font1{position: absolute;top: 1.6rem;left: 0;font-size: 0.32rem;}
#inm .font2{position: absolute;top: 2.6rem;left: 0.35rem;font-size: 0.31rem;color: #aaa;}
#inm .font3{position: absolute;top: 3.6rem;left: 0;font-size: 0.31rem;}
#inm .font4{position: absolute;top: 1.8rem;right: 0;font-size: 0.3rem;color: #aaa;}
#inm .font5{position: absolute;top: 2.8rem;right: 0.3rem;font-size: 0.3rem;}
#inm .font6{position: absolute;top: 3.75rem;right: 0.1rem;font-size: 0.33rem;}
#inm .font7{position: absolute;bottom: 0.4rem;width: 100%;text-align: center;font-size: 0.36rem; color:#3ac4ad;}

#case{}
#case .title{ height: 1.5rem;line-height: 1.5rem;text-align: center;font-size: 0.4rem;}
#case .title h2{font-size: 0.4rem;}
#case .item{ width:3.3rem; height:1.99rem; border:1px solid #e9e9e9; float:left; margin-left:0.35rem; margin-bottom:0.6rem; position:relative;}
#case .item_nor{ margin-left:0.2rem;}
#case .item .img{ width:100%; height:100%;}
#case .item .phone{ width:0.75rem; height:1.51rem; position:absolute; right:-0.1rem; bottom:-0.2rem; background:url(/mweb/images/phone_bg.png) no-repeat; background-size:contain;}
#case .item .phone .pic{ width:0.65rem; height:1.23rem; float:left; margin-left:0.05rem; margin-top:0.11rem;}
#case .more{text-align: center;font-size: 0.31rem;margin-bottom: 0.6rem;color: #999;}
#case .more span{color: #48bdaa;font-size: 0.31rem;}

#ind_feedabck{ position: relative;width: 7.5rem;height: 10.86rem;margin: 0 auto;background: url(../images/news/ind_feedabck_bg.jpg) top center no-repeat; background-size:contain;}
#ind_feedabck .in_feedback_blank{ height:4.1rem;}
#ind_feedabck form{ width:6.75rem; height:6.05rem; background:#fff; margin:0 auto; border-radius:0.2rem;}
#ind_feedabck .title{ height:2px; background:#e8e8e8; width:4.95rem; position:absolute; left:0; right:0; bottom:5.9rem; margin:auto;}
#ind_feedabck .title .ab_title{ position:absolute; left:0.7rem; top:-0.42rem; font-size:0.34rem; background:#fff; padding:0 0.15rem;}
#ind_feedabck .title .ab_title span{ font-size:0.52rem; color:#48bdaa; margin:0 0.1rem;}
#ind_feedabck .name{position: absolute;left: 0;right: 0;bottom: 4.4rem;margin:auto;width: 5.7rem;height: 0.76rem;line-height: 0.76rem;border:1px solid #a9dcd5;border-radius: 0.05rem;text-indent: 0.85rem;background: url(../images/170908/name.png) no-repeat 0.23rem center / 0.37rem 0.37rem;}
#ind_feedabck input::-webkit-input-placeholder{ color:#999;}
#ind_feedabck input::-moz-placeholder{ color:#999;}
#ind_feedabck input:-moz-placeholder{ color:#999;}
#ind_feedabck input:-ms-input-placeholder{ color:#999;}
#ind_feedabck .phone{position: absolute;left: 0;right: 0;bottom: 3.35rem;margin:auto;width: 5.7rem;height: 0.76rem;line-height: 0.76rem;border:1px solid #a9dcd5;border-radius: 0.05rem;text-indent: 0.85rem;background: url(../images/170908/phone.png) no-repeat 0.23rem center / 0.37rem 0.37rem;}
#ind_feedabck .industry{position: absolute;left: 0;right: 0;bottom: 2.3rem;margin:auto;width: 5.7rem;height: 0.76rem;line-height: 0.76rem;border:1px solid #a9dcd5;border-radius: 0.05rem;text-indent: 0.85rem;background: url(../images/news/industry.png) no-repeat 0.23rem center / 0.37rem 0.37rem;}
#ind_feedabck .submit{position: absolute;left: 0;right: 0;margin:auto;bottom: 1.17rem;width: 3.6rem;height: 0.7rem;text-align: center;border:none;color: #fff;font-size: 0.33rem;font-weight: bold;outline: none; background:url(../images/170908/ind_try.png) #f9b532 1.1rem center no-repeat; background-size:auto 45%; border-radius:0.35rem; border:0; text-indent:0.35rem;}


#inb{padding-bottom: 0.6rem;}
#inb .title{ font-size:0.4rem; color:#333; text-align:center; padding-bottom:0.15rem;padding-top: 0.7rem;}
#inb .subtitle{ text-align:center; color:#38bea6; font-size:0.34rem; margin-bottom:0.4rem;}
#inb .item{ padding:0.3rem 0;}
#inb .item .img{ width:2.43rem; height:1.65rem; position:relative;}
#inb .item .img i{ width:0.6rem; height:0.6rem; display:block; position:absolute; left:50%; top:50%; margin-left:-0.3rem; margin-top:-0.3rem; background:url(/mweb/images/play.png) no-repeat; background-size:contain;}
#inb .item .con{ width:4.35rem;}
#inb .item .con h3{ height:0.4rem; line-height:0.4rem; overflow:hidden;}
#inb .item .con h3 a{ font-size:0.32rem;}
#inb .item .con .intro{ font-size:0.28rem; color:#aaa; line-height:0.4rem; height:1.2rem; overflow:hidden; margin-top:0.1rem;}
#inb .btn{display: block;margin:0 auto;width: 3.4rem;height: 0.7rem;line-height: 0.7rem;text-align: center;background: #f9b532;border-radius: 0.35rem;font-size: 0.33rem;color: #fff; font-weight:bold;}
#inb .btn img{max-height: 45%; margin-right:0.1rem; vertical-align:middle;}


/****** 首页 2022-6-8 *****/
.index_page_type1{width: 100%;}
.index_page_type1 .m_title{font-size: 9.33333vw; line-height: 9.33333vw; color: #000; text-align: center; }
.index_page_type1 .m_title span{display: inline-block; width: 7.73333vw; height: 7.73333vw; background-color: #0db083; position: relative; vertical-align: middle; margin-bottom: 3.33333vw;}
.index_page_type1 .m_title span em{font-family: 'Landon'; font-size: 9.33333vw; line-height: 7.73333vw; color: #fff; position: absolute; right: -1px; bottom: -1px; font-style: unset; }

.index_page_type1.step1{background-color:#fafafa; padding: 13.33333vw 0px 17.33333vw;}
.index_page_type1.step1 .main_box{width: 92%; margin: 0 auto;}
.index_page_type1.step1 .list{margin-top:12vw; font-size: 0px;}
.index_page_type1.step1 .item{width: 100%;position: relative; margin-bottom: 20vw;}
.index_page_type1.step1 .item .img_box{width: 100%; text-align: center;}
.index_page_type1.step1 .item .desc{position: absolute; right: -1px; bottom: -6.53333vw; z-index: 1; width: calc(66.66666% - 6.66667vw); padding: 6.66667vw; background-color: #fff; font-size: 3.73333vw; color: #333333; line-height: 6.66667vw; min-height: 20vw; box-shadow: 0px 1.33333vw 2.66667vw rgba(0,0,0,0.08);}
.index_page_type1.step1 .inq_btn{display: block; width: 66.66667vw; height: 12vw; line-height: 12vw; text-align: center; margin: 22.53333vw auto 0px; background-color: #0db083; border-radius: 6vw; font-size:3.73333vw; color: #fff;}

.index_page_type1.step2{margin: 16vw 0px 0px;}
.index_page_type1.step2 .main_box{width: 92%; margin: 0 auto;}
.index_page_type1.step2 .item_box{}
.index_page_type1.step2 .item_box .left{position: relative;}
.index_page_type1.step2 .item_box .left .po_img{position: absolute;}
.index_page_type1.step2 .item_box .right{width: 66.66667vw; margin: 0 auto;}
.index_page_type1.step2 .item_box .right .tit{font-size: 5.6vw; color: #000; line-height: 5.6vw;}
.index_page_type1.step2 .item_box .right .tit .green{color: #0db083}
.index_page_type1.step2 .item_box .right .list{margin-top: 5.33333vw; display: inline-block;}
.index_page_type1.step2 .item_box .right .list li{font-size: 3.73333vw; line-height: 7.46667vw; color: #636363; padding-left: 3.33333vw; position: relative; text-align: left; }
.index_page_type1.step2 .item_box .right .list li:before{content: ''; position: absolute; left: 0px; top: calc(3.2vw - 3px); width: 6px; height: 6px; border-radius: 3px; background-color: #1ac488;}
.index_page_type1.step2 .item_box .right .desc{font-size: 20px; color: #636363; line-height: 40px; margin-top: 15px;}
.index_page_type1.step2 .item_box .right .btn{display: inline-block; width: 66.66667vw; height: 12vw; line-height: 12vw; text-align: center; margin-top: 6vw; background-color: #0db083; border-radius: 6vw; font-size:3.73333vw; color: #fff;}

.index_page_type1.step2 .item_box.item1{margin-top: 21.33333vw;}
.index_page_type1.step2 .item_box.item1 .left{width: 100%; text-align: center;}
.index_page_type1.step2 .item_box.item1 .left .po_img.img1{top: -11%; right: 12%; width: 37.28155%;}
.index_page_type1.step2 .item_box.item1 .left .po_img.img2{top: 9.320%; left: 5.679%; width: 27.76699%;}
.index_page_type1.step2 .item_box.item1 .left .po_img.img3{bottom: 25.631%; right: -1.747%; width: 36.89320%;}

.index_page_type1.step2 .item_box.item1 .right{margin-top: 6vw;}
.index_page_type1.step2 .item_box.item2{margin-top: 15.46667vw;}
.index_page_type1.step2 .item_box.item2 .left{width: 100%; text-align: right;}
.index_page_type1.step2 .item_box.item2 .left>img{ position: absolute; top: -5.33333vw; right: 0px; width: 56.8vw; height: 56.8vw; margin-right: -6.13333vw;}
.index_page_type1.step2 .item_box.item2 .left .banner_box{width: 77.33333vw; /* height: 53.86667vw;*/ position: relative; left: 50%; margin-left:-38.66667vw;}
.index_page_type1.step2 .item_box.item2 .left .banner_box .main_ul{width: 77.33333vw; height: 53.86667vw; overflow: hidden; box-shadow: 0px 1.33333vw 2.66667vw rgba(0,0,0,0.08);}
.index_page_type1.step2 .item_box.item2 .left .left_btn{display: inline-block; width: 37px; height: 37px; background-color: #fff; z-index: 2; border-radius: 18px; box-shadow: 0px 1.33333vw 2.66667vw rgba(0,0,0,0.1); position: absolute; left: -17px; top: calc(50% - 17.5px);}
.index_page_type1.step2 .item_box.item2 .left .left_btn:before{content: '';  width: 0;height: 0;border-top: 7px solid transparent;border-right: 8px solid #b3b3b3;border-bottom: 7px solid transparent; position: absolute; left: 35%; top: calc(50% - 7px);}
.index_page_type1.step2 .item_box.item2 .left .left_btn:after{content: '';  width: 0;height: 0;border-top: 7px solid transparent;border-right: 8px solid #fff;border-bottom: 7px solid transparent; position: absolute; left: calc(35% + 1px); top: calc(50% - 7px);}

.index_page_type1.step2 .item_box.item2 .left .right_btn{display: inline-block; width: 37px; height: 37px; background-color: #fff; z-index: 2; border-radius: 18px; box-shadow: 0px 1.33333vw 2.66667vw rgba(0,0,0,0.1); position: absolute; right: -17px; top: calc(50% - 17.5px);}
.index_page_type1.step2 .item_box.item2 .left .right_btn:before{content: '';  width: 0;height: 0;border-top: 7px solid transparent;border-left: 8px solid #b3b3b3;border-bottom: 7px solid transparent; position: absolute; right: 35%; top: calc(50% - 7px);}
.index_page_type1.step2 .item_box.item2 .left .right_btn:after{content: '';  width: 0;height: 0;border-top: 7px solid transparent;border-left: 8px solid #fff;border-bottom: 7px solid transparent; position: absolute; right: calc(35% + 1px); top: calc(50% - 7px);}
.index_page_type1.step2 .item_box.item2 .left .s_pic_list{margin-top: 5.33333vw; margin-left: -17px;}
.index_page_type1.step2 .item_box.item2 .left .s_pic_list ul{width: calc(100% + 17px); display: flex; justify-content:space-between;}
.index_page_type1.step2 .item_box.item2 .left .s_pic_list ul li{display: inline-block; width: 22.8vw; height: 10.8vw; border:1px solid transparent; border-radius: 5px; overflow: hidden; cursor: pointer; text-align: center;}
.index_page_type1.step2 .item_box.item2 .left .s_pic_list ul li img{width: 100%; max-height: unset;}
.index_page_type1.step2 .item_box.item2 .left .s_pic_list ul li.swiper-slide-thumb-active{border:1px solid #1ac488;}
.index_page_type1.step2 .item_box.item2 .right{margin-top: 9.06666vw; }

.index_page_type1.step2 .item_box.item3{margin-top: 22.13333vw;}
.index_page_type1.step2 .item_box.item3 .left{width: 100%; text-align: left;}
.index_page_type1.step2 .item_box.item3 .left .bg{width:56.8vw; height: 56.8vw; margin-left: -4px;}
.index_page_type1.step2 .item_box.item3 .left .po_img.img0{top:-12.441% ;left: 11.86666%; width: 49.2%;}
.index_page_type1.step2 .item_box.item3 .left .po_img.img1{top:11.737% ;left: 50.8%; width: 35.86666%;}
.index_page_type1.step2 .item_box.item3 .left .po_img.img2{bottom:14.78% ;left: 16.53333%; width: 10.8%;}
.index_page_type1.step2 .item_box.item3 .left .po_img.img3{bottom:14.31% ;left: 31.46667%; width: 9.33333%;}
.index_page_type1.step2 .item_box.item3 .left .po_img.img4{bottom:14.78% ;left: 42%; width: 8.66666%;}
.index_page_type1.step2 .item_box.item3 .right{margin-top: 4.66667vw;}

.index_page_type1.step2 .item_box.item4{margin-top: 16.66667vw;}
.index_page_type1.step2 .item_box.item4 .right{margin-top: 4vw;}
.index_page_type1.step2 .item_box.item4 .right .tit{text-align: center;}

.index_page_type1.step2 .cooperation_box{width: 76vw; margin: 14.66667vw auto 0px;}
.index_page_type1.step2 .cooperation_box .left{width: 100%; display: flex; flex-wrap:wrap; justify-content:space-between;}
.index_page_type1.step2 .cooperation_box .left .item{width: 27%; height: 0px; padding-top:6.66667vw; margin: 10px 0px; position: relative; }
.index_page_type1.step2 .cooperation_box .left .item img{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto;}
.index_page_type1.step2 .cooperation_box .left .item .more{position: absolute; width: 100%; top: 50%; text-align: center; transform:translateY(-50%);}
.index_page_type1.step2 .cooperation_box .left .item .more span{display: inline-block; width: 7px; height: 7px; background-color: #0db083; border-radius: 3.5px; margin-right: 10px;}
.index_page_type1.step2 .cooperation_box .right{width: 100%; margin-top: 10vw; text-align: center;}
.index_page_type1.step2 .cooperation_box .right .tit{font-size: 5.6vw; line-height: 5.6vw; color: #000;}
.index_page_type1.step2 .cooperation_box .right .tit .green{color: #0db083;}
.index_page_type1.step2 .cooperation_box .right .btn{display: inline-block; width: 66.66667vw; height: 12vw; line-height: 12vw; text-align: center; margin-top: 7.33333vw; background-color: #0db083; border-radius: 6vw; font-size:3.73333vw; color: #fff;}

.index_page_type1.step3{width: 92%; margin: 16vw auto 0;}
.index_page_type1.step3 .list{margin-top: 8.66666vw;}
.index_page_type1.step3 .list .item{width: 100%; height:36.8vw; background-color: #fff; box-shadow: 0px 0px 7px rgba(0,0,0,0.08); margin-top: 6.66667vw; display: flex; align-items:center; justify-content:center;}
.index_page_type1.step3 .list .item .pic_box{display: inline-block; width: 37.97101%; text-align: center; position: relative;}
.index_page_type1.step3 .list .item .pic_box:before{content: ''; width: 0.53333vw; height: 6.66667vw; background-color: #1ac488; position: absolute; top: calc(50% - 3.33333vw); right:-0.53333vw; }
.index_page_type1.step3 .list .item .pic_box img{}
.index_page_type1.step3 .list .item .item_tit{display: inline-block; width: 48.82608%; font-size: 3.73333vw; color: #000; line-height: 6.66667vw;text-align: left; margin-left: 6.52%;}

.index_pro_server{margin: 16.4vw auto 0px; width: 100%; height: 0px; background-repeat: no-repeat; background-position: top center; background-size: cover; height: 0px; position: relative; padding-top: 236.13333%;}
.index_pro_server .m_title{ position: absolute; top:13.33333vw; left: 4%; width: 92%; text-align: center; font-size: 9.33333vw; line-height: 11.86667vw; color: #fff;}
.index_pro_server .list{position: absolute; top: 50.66667vw; left: 4%; width: 92%; display: flex; flex-wrap:wrap; justify-content:space-between;}
.index_pro_server .list .item{width:43.86667vw ; height: 39.33333vw; display: flex; flex-wrap:wrap; align-items:center; align-content:center; background-color: rgba(55,174,142,0.8); margin-bottom: 4vw;}
.index_pro_server .list .item:nth-child(1),.index_pro_server .list .item:nth-child(2),.index_pro_server .list .item:nth-child(5),.index_pro_server .list .item:nth-child(6){background-color: rgba(57,209,168,0.8);}
.index_pro_server .list .item .top{width: 100%; font-family: 'Landon'; font-size: 9.33333vw; line-height: 9.33333vw; color: #fff; text-align: center;}
.index_pro_server .list .item .desc{width: 100%; font-size: 3.73333vw; color: #fff; line-height: 3.73333vw; margin-top: 3.33333vw; text-align: center;}

.index_case_box{width: 100%; margin: 6.66667vw auto 0px; position: relative; display: flex; align-items:center; }
.index_case_box:before{content: ''; width: 61.5625%; height: 104vw; background-color: #fafafa; position: absolute; left: 0px; top: 0px; z-index: -1;}
.index_case_box:after{content: ''; width: 0px; height: 0px;  border-bottom:104vw solid #fafafa; border-right: 20.53333vw solid transparent; position: absolute; left: 61.5625%; top: 0px; z-index: -1;}
.index_case_box .show_box{}
.index_case_box .show_box .left{position: relative; width: 92%; margin: 8.66666vw auto 0;}
.index_case_box .show_box .left .pc_pic{width: 78.53333vw; height: 53.2vw; border-radius: 3.6vw; overflow: hidden; box-shadow: 0px 0px 7px rgba(0,0,0,0.08); margin-left: 2.93333vw;}
.index_case_box .show_box .left .mb_pic{width: 19.86666vw; height: 42.66667vw; border:0.93333vw solid #303030; border-radius: 2.93333vw; overflow: hidden; box-shadow: 0px 0px 20px rgba(0,0,0,0.08); position: absolute; right: 2.67777vw; bottom: -10.93333vw; background-color: #fff;}

.index_case_box .show_box .right{width:86.66667%; background-color: #fff; box-shadow: 0px 10px 20px rgba(0,0,0,0.08); box-sizing:border-box; padding: 8.66666vw 5.33333vw; box-sizing:border-box; margin:16.66667vw auto 0px;}
.index_case_box .show_box .right .tit{font-size: 3.73333vw; color: #333333; line-height: 3.73333vw;}
.index_case_box .show_box .right .tit .green{font-weight: bold; color: #37ae8e;}
.index_case_box .show_box .right .desc{font-size: 4.53333vw; color: #333333; line-height: 7.2vw; padding-left: 4.93333px; padding-top: 8.66666vw; position: relative; z-index: 1;}
.index_case_box .show_box .right .desc:before{content: '';  width: 9.2vw; height:5.6vw; background: url('../../images/index/index_case_desc_before.png') no-repeat; background-size: cover; position: absolute; top: 6vw; left: 0px; z-index: -1;}
.index_case_box .show_box .right .desc .last{display: inline-block; width: 4.53333vw; height: 4.53333vw; background: url('../../images/index/index_case_desc_end.png') no-repeat center center; background-size: 100% auto;}
.index_case_box .show_box .right .case_name{margin-top: 4.66667vw; margin-left: 4.93333px; font-size: 3.46667vw; color: #000000; line-height: 3.46667vw; color: #1ac488;}

.index_case_box.turn{margin-top:18vw; }
.index_case_box.turn:before{width: 0px; height: 0px;  border-bottom:104vw solid #fafafa; border-left: 20.53333vw solid transparent; position: absolute; right: 61.5625%; top: 0px; left: unset; background-color: unset;}
.index_case_box.turn:after{ width: 61.5625%; height: 104vw; background-color: #fafafa; position: absolute; right: 0px; left: unset; top: 0px; border:0px;}






.in_news{ margin: 16.66667vw auto 0px; width: 92.0vw;}
.in_news .news_title{ line-height: 8.5333vw; font-size: .46rem; color:#222; text-align:center; padding-bottom: 2.0vw;}
.in_news .news_title a{font-size:0.46rem; color:#333;}
.in_news .container{ padding: 0; width: 100%;}
.in_news .item{ display: flex; justify-content: space-between; align-items: center; width: 100%; height: 30.9333vw; border-bottom: 1px solid #ebebeb;}
.in_news .item .title{ width: 45vw; line-height: 6.6667vw; font-size: .3rem; color: #333;}
.in_news .item .img{ width: 33.3333vw;}

/*.in_news.last{ margin-top: 9.3333vw;}*/
.in_news.last .news_title{ padding-bottom: 0;}
.in_news.last .container .title_list{ display: flex; justify-content: center; align-items: center; height: 13.3333vw;}
.in_news.last .container .title_list .news_title{ height: 100%;}
.in_news.last .container .title_list .news_title a{ position: relative; display: block; padding: 0 .9333vw; height: 13.3333vw; line-height: 13.3333vw; font-size: 5.6vw; color: #222; -webkit-transition: all .5s; transition: all .5s;}
.in_news.last .container .title_list .news_title a:before{ display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: .6667vw; background: #37ae8d; -webkit-border-radius: .2667vw; border-radius: .2667vw; -webkit-transition: all .5s; transition: all .5s; opacity: 0;}
.in_news.last .container .title_list .news_title a.cur{ color: #37ae8d;}
.in_news.last .container .title_list .news_title a.cur:before{ opacity: 1;}
.in_news.last .container .title_list .news_title:first-child{ margin-right: 7.0667vw;}
.in_news.last .box_list{ position: relative;  margin-top: 5.0667vw; padding-bottom: 10.5333vw; width: 100%; overflow: hidden;}
.in_news.last .box_list .box{ position: absolute; width: 100%; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.5s; transition: all 0.5s;}
.in_news.last .box_list .box:first-child{ -webkit-transform: translateX(-100%); transform: translateX(-100%);}
.in_news.last .box_list .box.cur{ -webkit-transform: translateX(0); transform: translateX(0);}
.in_news.last .box_list .box .item{ display: block; width: 100%; height: 9.3333vw; border-bottom: 0;}
.in_news.last .box_list .box .item a{ display: block; position: relative; padding-left: 8.0vw; width: 100%; height: 100%; line-height: 9.3333vw; font-size: .3rem; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box;}
.in_news.last .box_list .box .item a:before{ display: block; content: ''; position: absolute; left: 2.8vw; top: 50%; width: 1.2vw; height: 1.2vw; background: #999; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}

#platform{ padding-bottom:0.4rem;}
#platform .title{ font-size:0.4rem; color:#333; text-align:center; padding-bottom:0.15rem;padding-top: 0.2rem;}
#platform .subtitle{ text-align:center; color:#38bea6; font-size:0.34rem; margin-bottom:0.4rem;}

.q_a .sec1title{padding: 0.2rem 0;margin: 0;font-size: .35rem;color: #fff;text-align: center;}
.q_a .line{width: 1rem;height: 2px;border:none;background:#0b98df;margin-top: .2rem;margin-bottom: .3rem;}
.q_a ul{margin: 0 0.1rem;padding-top: 0.5rem;}
.q_a li{margin:0 auto;height: 0.84rem;border-radius: .42rem;background: #ecf6f5;font-size: .27rem;color: #333;line-height: 0.84rem;text-align: left;text-indent: .25rem;margin-bottom: .25rem;}
.q_a li a{display: block;text-decoration: none;font-size: 0.3rem; text-indent:0.4rem;}
.q_a li span{display: block;width: 1.5rem;height: 0.54rem;font-size: .27rem;color: #fff;line-height: 0.54rem;background: #fda426;text-indent: 0rem;float: right;border-radius: .26rem;text-align: center;margin-top: 0.15rem;margin-right: 0.15rem;}
.q_a li strong{color: #0c9;display: inline-block;font-weight: bold;margin:0 0.15rem 0 0.05rem;text-indent: 0;font-family: 'Arial';font-size: 0.36rem;}
.q_a .qitawenti{display: block;margin: .5rem auto 0.6rem;width: 4.5rem;height: 0.76rem;line-height: 0.76rem;font-size: .32rem;background: #0ac4b4 url(../images/q_amore.png) no-repeat 0.35rem center / 0.39rem 0.39rem;color: #fff;border-radius: .38rem;text-indent: 0.84rem;}
.q_a img{display: block;}


/*template*/
/* #template .item{ width:6.15rem; margin:0 auto; margin-bottom:0.5rem; border: 0.1333vw solid #e6e6e6; -webkit-border-radius: 0.6667vw; border-radius: 0.6667vw;}
#template .item .img{ height:3.7rem; position:relative; background:url(/images/loading.gif) center no-repeat;}
#template .item .con{ height:0.7rem; background:#f7f7f7; line-height:0.7rem; border-top: 0.1333vw solid #e5e5e5; padding:0 0.2rem; font-size:0.3rem; text-align:left;}
#template .item .con a.reg{ float: right; font-size:0.3rem; color:#48bdaa; margin-left:0.2rem;}
#template .item .con a.mb{ font-size:0.3rem; color:#646464; margin-left:0.5rem;}
#template .item .con a.pc{ font-size:0.3rem; color:#646464; margin-left:0.2rem;}
#template .item .phone{ width:0.92rem; height:1.86rem; position:absolute; right:0; bottom:0; background:url(/mweb/images/template_phone_bg.png) no-repeat; background-size:contain;}
#template .item .phone .pic{ width:0.8rem; height:1.52rem; float:left; margin-left:0.06rem; margin-top:0.13rem; overflow: hidden;}
#template .item .phone .pic img{ max-height: inherit;} */
#template .list{ margin: 0 auto; width: 73.0667vw;text-align: center;}
#template .list .item{ margin-top: 13.3333vw; width: 100%; height: 328px;  border-top-left-radius: 0.6667vw; border-top-right-radius: 0.6667vw; background: #b9cbd7; box-shadow: 0 0.2667vw 0.9333vw rgba(0, 0, 0, 0.28); overflow: hidden;}
#template .list .item:first-child{ margin-top: 0;}
#template .list .item .itemTop{ text-align: left;  padding: 0 1.8667vw; height: 3.2vw; line-height: 3.2vw; }
#template .list .item .itemTop span{ display: inline-block; width: 1.0667vw; height: 1.0667vw; border-radius: 50%; background: #fff; vertical-align: middle; }

#template .list .item .phone{ width: 17.2667vw; height: 33.8vw; position:absolute; right:0; bottom:0; background:url(/mweb/images/template_phone_bg.png) no-repeat; background-size:contain;}
#template .list .item .phone .pic{ width: 14.5vw; height: 27vw; float:left; margin-left: 1.2vw; margin-top: 2.49vw; overflow: hidden;}
#template .list .item .phone .pic img{ max-height: inherit;}

#template .list .item .pic{ display: flex; justify-content: center; align-items: center; width: 100%; height: calc(100% - 3.2vw); position: relative; overflow: hidden; }
#template .list .item .pic img{ width: 100%; max-height: unset; position: absolute; top: 0; left: 0; }
#template .list .content{ margin-top: 6.6667vw; width: 100%;}
#template .list .content a{ display: inline-block; position: relative; width: 34.6667vw; height: 100%; line-height: 10.8vw; border: 0.1333vw solid #0db083; font-size: 4.2667vw; color: #0db083; font-weight: bold; overflow: hidden; -webkit-border-radius: 5.3333vw; border-radius: 5.3333vw; -webkit-box-sizing: border-box; box-sizing: border-box;}
#template .list .content a:first-child{ background: #0db083; color: #fff;}



#template .photo_outer{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); z-index: 1000001; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.5s; transition: all 0.5s;}
#template .photo_outer.open{ -webkit-transform: translateX(0); transform: translateX(0);}
#template .photo_outer .close_btn{ position: absolute; top: 5.3333vw; right: 4.8vw;  width: 5.3333vw; height: 5.3333vw; text-align: right;}
#template .photo_outer .photo_in{ position: absolute; left: 50%; top: 16vw; width: 69.0667vw; height: 100vw; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
#template .photo_outer .photo_in .img{ position: relative; width: 100%; height: 100%; overflow: hidden;}
#template .photo_outer .photo_in .img .img_item{ position: absolute; top: 0; left: 50%; width: 100%; height: 100%; overflow-y: auto; -webkit-transition: all 0.5s; transition: all 0.5s;}
#template .photo_outer .photo_in .img .img_item.pc_img{ -webkit-transform: translateX(-160%); transform: translateX(-160%);}
#template .photo_outer .photo_in .img .img_item.mb_img{ width: 53.3333vw; -webkit-transform: translateX(160%); transform: translateX(160%);}
#template .photo_outer .photo_in .img .img_item.cur{ -webkit-transform: translateX(-50%); transform: translateX(-50%);}
#template .photo_outer .photo_in .img .img_item img{ max-height: inherit;}
#template .photo_outer .photo_in .text{ margin-top: 7.4667vw; width: 100%; height: 6.4vw; line-height: 6.4vw; font-size: 3.7333vw; color: #aaa; text-align: center;}
#template .photo_outer .photo_in .btn_list{ display: flex; justify-content: center; align-items: center; margin: 5.3333vw auto 0; width: 48vw; height: 9.3333vw; line-height: 9.3333vw; border: 0.01rem solid #fff; -webkit-border-radius: 4.6667vw; border-radius: 4.6667vw; -webkit-box-sizing: border-box; box-sizing: border-box;}
#template .photo_outer .photo_in .btn_list .btn{ display: block; width: 50%; height: 100%; -webkit-border-radius: 4.5333vw; border-radius: 4.5333vw;}
#template .photo_outer .photo_in .btn_list .btn.pc_btn{ background: url('../images/pc_model_icon.png') no-repeat center / 5.3333vw 4.9333vw;}
#template .photo_outer .photo_in .btn_list .btn.mb_btn{ background: url('../images/mb_model_icon.png') no-repeat center / 4.1333vw 4.9333vw;}
#template .photo_outer .photo_in .btn_list .btn.cur.pc_btn{ background: url('../images/pc_model_icon_cur.png') no-repeat center #fff / 5.3333vw 4.9333vw;}
#template .photo_outer .photo_in .btn_list .btn.cur.mb_btn{ background: url('../images/mb_model_icon_cur.png') no-repeat center #fff / 4.1333vw 4.9333vw;}

/*price*/

#price .table{ margin: 40px auto 0; width: 100%;}
#price .table .hide{ display: none !important;}
#price .table .ver_btn_list{ display: flex; justify-content: center; align-content: center; height: 45px; background: #f4f4f4; border-radius: 4px;}
#price .table .ver_btn_list .ver_btn_item{ position: relative; width: 25%; height: 100%;}
#price .table .ver_btn_list .ver_btn_item .ver_btn_item_in{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; width: 100%; font-size: 14px; color: #666; text-align: center; transform: translate(-50%, -50%); transition: all .3s;}
#price .table .ver_btn_list .ver_btn_item.cur .ver_btn_item_in{ width: 105.8824%; height: 122.2222%;  background: #0fb085; color: #fff; border-radius: 4px; box-shadow: 0 10px 20px rgba(15, 176, 133, .3);}
#price .table .ver_list{ margin-top: 40px; width: 100%; border: 1px solid #e9e9e9; box-sizing: border-box;}
#price .table .ver_list .ver_top_list{ padding: 17px 0 25px; width: 100%;}
#price .table .ver_list .ver_top_list .ver_top_item{ width: 100%;}
#price .table .ver_list .ver_top_list .ver_top_item .ver_top_title{ width: 100%; line-height: 32px; font-size: 20px; color: #333; text-align: center;}
#price .table .ver_list .ver_top_list .ver_top_item .ver_top_brief{ width: 100%; line-height: 27px; font-size: 14px; color: #0db083; text-align: center;}
#price .table .ver_list .ver_top_list .ver_top_item .ver_top_price_outer{ display: flex; justify-content: center; align-items: flex-end; margin-top: 12px; padding-bottom: 9px; width: 100%; height: 35px; line-height: 15px; font-size: 15px; color: #111;}
#price .table .ver_list .ver_top_list .ver_top_item .ver_top_price_outer .ver_top_price{ line-height: 30px; font-size: 35px;}

#price .table .ver_list .ver_item{ display: flex; justify-content: space-between; align-content: center; width: 100%; min-height: 50px; border-top: 1px solid #e9e9e9; box-sizing: border-box;}
#price .table .ver_list .ver_item:first-child{ border-top: 0;}
#price .table .ver_list .ver_item .ver_left{ display: flex; justify-content: center; align-items: start; flex-direction: column; padding: 13px 15px; width: 50%; border-right: 1px solid #e9e9e9; box-sizing: border-box;}
#price .table .ver_list .ver_item .ver_left .ver_title{ width: 100%; line-height: 22px; font-size: 15px; color: #333;}
#price .table .ver_list .ver_item .ver_left .ver_brief{ width: 100%; line-height: 20px; font-size: 14px; color: #666;}

#price .table .ver_list .ver_item .ver_left .ver_title .paypal_title{ display: inline-block; position: relative; padding-right: 5.2vw; text-indent: 0;}
#price .table .ver_list .ver_item .ver_left .ver_title .paypal_title:before{ display: block; content: ''; position: absolute; top: 50%; right: 0; width: 3.0667vw; height: 3.0667vw; background: url(/images/new/ico_question_bg.png) no-repeat center / 100% 100%; filter: invert(1); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
#price .table .ver_list .ver_item .ver_left .ver_title .tips{ display: none;}

#price .table .ver_list .ver_item .ver_right{ display: flex; justify-content: center; align-items: center; padding: 13px 8px; width: 50%; line-height: 22px; text-align: center; box-sizing: border-box;}
#price .table .ver_list .ver_item .ver_right .ver_rig_item{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 15px;}
#price .table .ver_list .ver_item .ver_right .ver_rig_item.true{ background: url(/images/true_icon.png) no-repeat center; background-size: 15px auto;}
#price .table .ver_list .ver_item.noborder{ background: #f3f3f3; border-right: 0; font-size: 15px; font-weight: bold;}
#price .table .ver_list .ver_item.noborder .ver_left{ border-right: 0;}

/* #price .container{ padding-bottom: 40px;}*/
#price .function_con{ padding: 35px 0 40px; width: 100%; background: #f6f6f6;}
#price .function_con .fun_title{ width: 100%; line-height: 30px; font-size: 21px; color: #333; font-weight: bold; text-align: center;}
#price .function_con .fun_sub_title{ text-align: center; font-size: 18px; color: #000000; margin-top: 25px;}

#price .function_con .fun_list{ margin: 25px auto 0; padding: 20px; width: 92%; background: #fff; box-sizing: border-box; border-radius: 5px;}
#price .function_con .fun_list .fun_item{ position: relative; margin-top: 15px; padding-left: 15px; width: 100%; line-height: 25px; font-size: 15px; color: #333; box-sizing: border-box;}
#price .function_con .fun_list .fun_item:first-child{ margin-top: 0;}
#price .function_con .fun_list .fun_item:before{ display: block; content: ''; position: absolute; top: 9px; left: 0; width: 5px; height: 5px; background: #0fb085; border-radius: 50%;}

#price .problem_con{ margin: 0 auto; padding: 35px 0 0; width: 92%;}
#price .problem_con .pro_title{ width: 100%; line-height: 30px; font-size: 21px; color: #333; font-weight: bold; text-align: center;}
#price .problem_con .pro_list{ margin-top: 28px; width: 100%;}
#price .problem_con .pro_list .pro_item{ position: relative; margin-top: 30px; padding-left: 32px; width: 100%; box-sizing: border-box;}
#price .problem_con .pro_list .pro_item:first-child{ margin-top: 0;}
#price .problem_con .pro_list .pro_item:before{ display: block; content: ''; position: absolute; top: 4px; left: 0; width: 23px; height: 23px; background: url(/mweb/images/m_pro_icon.png) no-repeat center; background-size: 100% auto;}
#price .problem_con .pro_list .pro_item .pro_item_title{ width: 100%; line-height: 25px; font-size: 16px; color: #333;}
#price .problem_con .pro_list .pro_item .pro_item_brief{ margin-top: 10px; width: 100%; line-height: 23px; font-size: 13px; color: #666;}

/* B2B 2021-4-6 新加的 */
.price_list_box{width:100%; text-align:center; font-size:0px; padding-top:10vw; padding-bottom:10.66667vw;}
.price_list_box .price_item{display:inline-block; vertical-align:top; width:92vw; border-radius:4px; overflow:hidden; border:1px solid #eeeeee;  box-sizing:border-box; }
.price_list_box .price_item .title_box{ display:block; width:100%;}
.price_list_box .price_item .title_box .item_title{font-size:5.33333vw; line-height:5.33333vw; color:#333333; padding-top:6.66667vw;}
.price_list_box .price_item .title_box .brief_desc{font-size:3.73333vw; line-height:3.73333vw; color:#07ad87; margin-top:3.3333vw;}
.price_list_box .price_item .price_box{width:81.33333vw; margin:5.3333vw auto 0px; padding-bottom:6.66667vw; border-bottom:1px solid #eeeeee; font-size:0px;}
.price_list_box .price_item .price_box .price{display:inline-block; width:50%; box-sizing:border-box;}
.price_list_box .price_item.big .price_box .price{display:inline-block; width:50%; text-align:left; vertical-align:top; padding-right:5%; border-right:1px solid #eeeeee; }
.price_list_box .price_item.big .price_box .price:nth-child(2){margin-left:-1px; padding-left:5%; border-left:1px solid #eeeeee; border-right:0px; padding-right:0px;}
.price_list_box .price_item .price_box .price .cur{font-size:4vw; color:#333333;}
.price_list_box .price_item .price_box .price .price_num{font-size:9.3333vw; color:#333333;}
.price_list_box .price_item .price_box .price .more_desc{width:100%; margin-top:4vw; font-size:3.46667vw; line-height:6.93334vw; color:#666666;}
.price_list_box .price_item .price_box .price .more_desc .lang_num{font-size:3.46667vw; }
.price_list_box .price_item .price_box .price .more_desc .tra_count{font-size:3.46667vw; }
.price_list_box .price_item .price_box .price .more_desc .lang_list{display:inline-block; font-size:3.2vw; color:#888888; line-height:4vw; padding-top:2.67777vw;}
.price_list_box .price_item .price_box .price .more_desc .green{color:#0db083;}
.price_list_box .price_item .price_box .price .free_banner{font-size:3.46667vw; margin-top: 4vw; text-align: center; color: #f00; }
.price_list_box .price_item .func_list{text-align:left; width:81.33333vw;  margin:5.3333vw auto;}
.price_list_box .price_item .func_list ul li{font-size:3.46667vw; color:#333; line-height:8vw; padding-left: 8vw;}
.price_list_box .price_item .func_list ul li.true{background:url('../../images/true_icon.png') no-repeat left center; background-size:auto 35%;}


.how_choose_box{width:100%; margin:0 auto; background-color:#f6f6f6;}
.how_choose_box .choose_main{width:100%; margin:0 auto; padding-top:10.66667vw; overflow:hidden;}
.how_choose_box .choose_main .choose_title{font-size:5.6vw; color:#333333; font-weight:bold; line-height:5.6vw; text-align:center;}
.how_choose_box .choose_main .choose_list{width:92%; margin:8vw auto 10.66667vw;}
.how_choose_box .choose_main .choose_list .choose_list_item{width:auto; background-color:#fff; border-radius:4px; box-shadow:0px 3px 7px rgba(0,0,0,0.15); margin-bottom:6.66667vw; padding:6.66667vw 5.33333vw; font-size:0px;}
.how_choose_box .choose_main .choose_list .choose_list_item:last-child{margin-bottom:0px;}
.how_choose_box .choose_main .choose_list .right_box{display:inline-block; width:100%; }
.how_choose_box .choose_main .choose_list .top_info .ask_pic{display:inline-block; width:10.66667vw; vertical-align:middle; margin-right:2.66667vw;} 
.how_choose_box .choose_main .choose_list .ask_cp{display:inline-block; vertical-align:middle; font-size:3.466667vw; color:#0bb183; line-height:3.466667vw; }
.how_choose_box .choose_main .choose_list .ask_content{font-size:4vw; color:#333333; line-height:8vw; padding-left:3.33333vw; border-left:2px solid #39c19a; margin-top:5.33333vw;}
.how_choose_box .choose_main .choose_list .ans_name{font-size:3.46667vw; color:#666; line-height:5.33333vw; margin-top:6.66667vw;}
.how_choose_box .choose_main .choose_list .ans_content{font-size:3.2vw; color:#666; line-height:6.66667vw; margin-top:2.66667vw;}


/***  B2C 2021-4-7 改版 ***/
.new_shop_price_box{width:100%; margin-top:10vw; padding-bottom: 5vw;}
.new_shop_price_box .price_box_item{display:inline-block; vertical-align:top; width:100%; background-color:#fff; box-sizing:border-box; border:1px solid #eeeeee; border-radius:6px; overflow:hidden; padding-bottom:6.66667vw;}
.new_shop_price_box .price_box_item .top_info{margin:0px 5.33333vw; border-bottom:1px solid #eeeeee; text-align:center; padding-top:6.66667vw; padding-bottom:8vw;}
.new_shop_price_box .price_box_item .top_info .item_name{font-size:5.33333vw; line-height:5.33333vw; color:#333;}
.new_shop_price_box .price_box_item .top_info .bf_desc{font-size:3.73333vw; line-height:6vw; color:#888888; margin:3.33333vw 0px;}
.new_shop_price_box .price_box_item .top_info .item_price_box{color:#333333;}
.new_shop_price_box .price_box_item .top_info .item_price_box .cur{font-size:4vw;}
.new_shop_price_box .price_box_item .top_info .item_price_box .much{font-size:9.33333vw;}
.new_shop_price_box .price_box_item .top_info .item_price_box .unit{font-size:3.73333vw;}
.new_shop_price_box .price_box_item .top_info .moon_price{font-size: 4.26667vw; margin-top: 3vw;}
.new_shop_price_box .price_box_item .commission_box{margin:3.33333vw 6.13333vw 0px;}
.new_shop_price_box .price_box_item .commission_box .commission_item{font-size:3.46667vw; color:#333333; line-height:8vw; padding-left:6.66667vw; /*background:url(/images/true_icon.png) left center no-repeat; background-size:15px auto;*/}
.new_shop_price_box .price_box_item .func_box{margin:0vw 0px 0px 12.8vw;}
.new_shop_price_box .price_box_item .func_box .func_title{font-size:3.46667vw; color:#888888; line-height:5.33333vw;}
.new_shop_price_box .price_box_item .func_box .func_list .func_item{font-size:3.46667vw; color:#333333; line-height:8vw;}

.new_shop_price_box .price_box_item.hot .top_info{margin:0px; background-color:#07ad87; border:1px solid #07ad87;position:relative;}
.new_shop_price_box .price_box_item.hot .top_info:before{content:''; width:14vw; height:13.86667vw; position:absolute; top:3px; right:3px; background:url('../../images/b2b_price/mb_price_host_sale.png') no-repeat center center; background-size:cover;}
.new_shop_price_box .price_box_item.hot .top_info *{color:#fff;}
.new_shop_price_box .price_box_item.hot .top_info .item_price_box{color:#fff;}
.new_shop_price_box .price_box_item:hover{border:1px solid #07ad87; box-shadow: 0px 0px 40px rgba(7,173,135,0.14);}

/***  B2C 2021-9-27 改版 ***/
.shop_func_list{margin-top: 4vw;}
.shop_func_list .title{text-align: center; font-size: 4.8vw; color: #000; margin-bottom: 5.33333vw;}
.shop_func_list .func_table{width: 100%;}
.shop_func_list .func_table:last-child{padding-bottom: 4vw; border-bottom: 1px solid #d6e3ee;}
.shop_func_list .func_table .table_title{height: 10.66667vw; line-height: 10.66667vw; font-size: 4.8vw; color: #000000; text-align: center; background-color: #fafcff; border-top: 1px solid #d6e3ee; border-bottom: 1px solid #d6e3ee;}
.shop_func_list .func_table .table_tr{margin:  4.26667vw 11.33333vw;}
.shop_func_list .func_table .table_tr .table_td{font-size: 3.73333vw; color: #3d515e; line-height: 6.13333vw; display: inline-block; width: 100%; padding: 1.73vw 0px; vertical-align: middle;}
.shop_func_list .func_table .table_tr .table_td span{display: inline-block; vertical-align: middle; font-size: 12px; padding:0.3vw 1.5vw; border-radius: 5px; line-height: normal; color: #fff; margin-top: -5px;}
.shop_func_list .func_table .table_tr .table_td span.mid{background-color: #03cb37;}
.shop_func_list .func_table .table_tr .table_td span.hig{background-color: #ff4800;}

/***  B2C 2022-3-14 促销 ***/
.new_shop_price_box .price_box_item.promotion_mode{position: relative; overflow: unset;}
.new_shop_price_box .price_box_item.promotion_mode .promotion_box{width: 27.8vw; height: 18vw;  position: absolute; top: -11px; right: 0px; background: url('../../images/b2c_price/promotion_bg.png') no-repeat; background-size: cover;}
.new_shop_price_box .price_box_item.promotion_mode .promotion_box .tit{margin-top: 10px; text-align: center; font-size: 3.2vw; color: #fff; }
.new_shop_price_box .price_box_item.promotion_mode .promotion_box .price{text-align: center; font-size: 4vw; font-weight: bold; color: #fff;}
.new_shop_price_box .price_box_item.promotion_mode .promotion_box .price span{font-size: 2.67777vw;}
.new_shop_price_box .price_box_item.promotion_mode .top_info .item_price_box{position: relative;}
.new_shop_price_box .price_box_item.promotion_mode .top_info .item_price_box:after{content: ''; position: absolute; top: 50%; left: 20%; width: 60%; height: 0px; border-top: 1px solid #dd2d2d; transform:rotate(12deg);}
.new_shop_price_box .price_box_item.promotion_mode .func_box .func_list .func_item.promotion_tips{margin-top: 4vw;}
.new_shop_price_box .price_box_item.promotion_mode .func_box .func_list .func_item.promotion_tips span{font-size: 4.26667vw; color: #0db083; display: inline-block; position: relative;}
.new_shop_price_box .price_box_item.promotion_mode .func_box .func_list .func_item.promotion_tips span:after{content: ''; position: absolute; top: 0px; right: -20px; width: 18px; height: 18px; background: url('../../images/b2c_price/promotion_tips_ico.png') no-repeat; }

.promotion_pop_box{position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); width: 90%; max-width: 1240px; background-color: #fff; padding: 2% 2%; z-index: 10001; max-height: 60vh; overflow: auto; display: none;}
.promotion_pop_box .close{float: right; width: 24px; height: 24px; cursor: pointer; overflow: hidden; position: relative;}
.promotion_pop_box .close:before{content: ''; position: absolute; top: 50%; left: 0%; width: 24px; height: 2px; background-color: #676767; border-radius: 1px; transform:rotate(45deg);}
.promotion_pop_box .close:after{content: ''; position: absolute; top: 50%; left: 0%; width: 24px; height: 2px; background-color: #676767; border-radius: 1px; transform:rotate(-45deg);}
.promotion_pop_box .pop_box_title{font-size: 6.93333vw;; line-height: 6.93333vw;; color: #0db083; text-align: center;}
.promotion_pop_box .pop_box_subtitle{font-size:  3.2vw;; line-height:  4.8vw; color: #2e2e2e; text-align: center; margin-top: 3.33333vw;}
.promotion_pop_box .desc_box{margin: 11.33333vw auto 0px; width: 92%; max-width: 988px;}
.promotion_pop_box .desc_box .p1{font-size: 3.73333vw; line-height: 3.73333vw; color: #000000; padding-left: 15px; border-left: 6px solid #0bba91; margin-left: 6vw;}
.promotion_pop_box .desc_box .list{margin-top: 4.66667vw;}
.promotion_pop_box .desc_box .list .item{display: flex; align-items:center; margin-bottom: 10vw; justify-content:space-between; flex-wrap:wrap;}
.promotion_pop_box .desc_box .list .item .left{width:100%; text-align: center;}
.promotion_pop_box .desc_box .list .item .right{width: 100%; text-align: center; margin-top: 4.8vw;}
.promotion_pop_box .desc_box .list .item .right .tit{font-size: 5.06666vw; line-height: 6.93333vw; color: #333; padding-bottom: 4.66667vw; position: relative;}
.promotion_pop_box .desc_box .list .item .right .tit:before{content: ''; position: absolute; bottom: 0px; left: 50%; width: 6.66667vw; height: 3px; background-color: #0bba91; margin-left:  -3.33333vw;}
.promotion_pop_box .desc_box .list .item .right .desc{font-size: 3.2vw; line-height: 6.4vw; color: #434343; margin-top:  4vw;}
.promotion_pop_box .desc_box .list .item.pic_right{flex-direction:row-reverse;}
.promotion_pop_box .desc_box .list .item.pic_right .right{margin-left: 0px;}


/* B2C  2021-12-10 新加 */
.options_box{width: 100%; text-align: center; padding-top: 10px;  font-size: 0px;margin-bottom: 6.66667vw;}
.options_box .options_item{display: inline-block; width: 40%; height: 6.66667vw; line-height: 6.66667vw; background-color: #e8f5f2; font-size: 3.46667vw; position: relative; cursor: pointer; vertical-align: bottom;}
.options_box .options_item:before{content: '';  width: 0; height: 0; border-bottom: 6.66667vw solid #e8f5f2; border-left: 2vw solid transparent; position: absolute; left: -2vw; top: 0px;}
.options_box .options_item:after{content: '';  width: 0; height: 0; border-bottom: 6.66667vw solid #e8f5f2; border-right: 2vw solid transparent; position: absolute; right: -2vw; top: 0px;}
.options_box .options_item.on{height: 9.33333vw; line-height: 9.33333vw; background-color: #fff; z-index: 2; box-shadow: 0px -3px 10px rgba(16,100,81,0.1);}
.options_box .options_item.on:before{border-bottom: 9.33333vw solid #fff; border-left: 2.93333vw solid transparent; left: -2.93333vw;}
.options_box .options_item.on:after{border-bottom: 9.33333vw solid #fff; border-right: 2.93333vw solid transparent; right: -2.93333vw;}


/* B2C  2022-4-19 新加 */
.options_box2{width: 100%; margin-bottom: 8vw;}
.options_box2 .options_item{width: 100%; height: 11.2vw; line-height: 11.2vw; background-color: #e8f5f2; text-align: center; font-size: 3.73333vw; color: #000; margin-bottom: 4vw; border-radius: 8px;}
.options_box2 .options_item.on{color: #fff; background-color: #0bb183;}

.new_shop_price_box.b2c_type2 .price_box_item{display: block !important; box-shadow: 0px 0px 10px rgba(0,0,0,0.17); overflow: unset; position: relative; margin-bottom: 7.73333vw;}
.new_shop_price_box.b2c_type2 .price_box_item:hover{border:1px solid #eee;}
.new_shop_price_box.b2c_type2 .price_box_item:after{content: ''; width: 100%; height: 5vw; position: absolute; top: -2.13333vw; left: 0px; background-color: #0bb183; border-radius: 6px; z-index: 0;}
.new_shop_price_box.b2c_type2 .price_box_item .top_info{margin: 0px; background-color: #fff; border-top-left-radius:6px; border-top-right-radius:6px; position: relative; z-index: 1; padding: 6vw; box-sizing:border-box; border-bottom: 0px;}
.new_shop_price_box.b2c_type2 .price_box_item .top_info .item_name{font-size: 5.33333vw; line-height: 5.33333vw; font-weight: bold; color: #000;}
.new_shop_price_box.b2c_type2 .price_box_item .top_info .green_platform_title{margin-top: 3.33333vw; color: #0bb183; padding-bottom: 6vw; border-bottom: 1px solid #f0f0f0;}
.new_shop_price_box.b2c_type2 .price_box_item .top_info .green_platform_title span{display: inline-block; width: 18px; height: 18px; background:url('../images/svg/green_platform_ico.svg') no-repeat; background-size: 100%; vertical-align:middle; margin-left: 8px;}
.new_shop_price_box.b2c_type2 .price_box_item .top_info .item_price_box{margin-top: 7.33333vw; }
.new_shop_price_box.b2c_type2 .price_box_item .top_info .item_price_box .cur{vertical-align: top; font-size: 8vw; font-weight: bold;}
.new_shop_price_box.b2c_type2 .price_box_item .top_info .item_price_box .much{font-size:10vw; font-weight: bold;}
.new_shop_price_box.b2c_type2 .price_box_item .top_info .moon_price{margin-top: 2.67777vw; font-size: 3.73333vw; line-height: 3.73333vw; color: #888888;}
.new_shop_price_box.b2c_type2 .price_box_item .top_info .free_banner{margin-top: 4vw; font-size: 3.73333vw; text-align: center; color: #f00;}
.new_shop_price_box.b2c_type2 .price_box_item .func_list{width: 86.56716%; margin: 6vw auto 5.33333vw;}
.new_shop_price_box.b2c_type2 .price_box_item .func_list ul li{line-height: 7.46667vw; font-size: 3.73333vw; color: #343434;}
.new_shop_price_box.b2c_type2 .price_box_item .func_list ul li.true{padding-left:37px; background:url('../images/svg/true.svg') no-repeat left 5px;  background-size: 20px auto; margin-left:25px;}
.new_shop_price_box.b2c_type2 .price_box_item .func_list ul li.sp_function{position: relative; margin: 6.66667vw 0px; text-align: center;}
.new_shop_price_box.b2c_type2 .price_box_item .func_list ul li.sp_function:before{content: ''; width: 100%; height: 0px; border-top: 1px solid #f0f0f0; position: absolute; top: 50%; left: 0px; z-index: 1; }
.new_shop_price_box.b2c_type2 .price_box_item .func_list ul li.sp_function span{display: inline-block; padding: 0px 4vw; background-color: #fff; font-size: 4vw; font-weight: bold; color: #a4a7a5; position: relative; z-index: 2;}





.tips_outer{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.3s; transition: all 0.3s; z-index: 100;}
.tips_outer.open{ -webkit-transform: translateX(0); transform: translateX(0);}
.tips_outer .tips_in{ position: absolute; left: 50%; top: 50%; width: 92vw; background: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 2.6667vw; border-radius: 2.6667vw;}
.tips_outer .tips_in .tips_txt{ padding: 2.6667vw; line-height: 28px; font-size: 16px; color: #666; text-align: center;}
.tips_outer .tips_in .tips_txt .tips_title{ margin-bottom: 2.6667vw; width: 100%; height: 4.0vw; line-height: 4.0vw; font-size: 5.5vw; color: #333; font-weight: bold;}
.tips_outer .tips_in .tips_txt .row{ margin-top: 1.3333vw; width: 100%; font-size: 16px; color: #666; text-align: left;}
.tips_outer .tips_in .tips_txt .row:first-child{ margin-top: 0;}

/*cust*/
#cust .title{ font-size:0.36rem; text-align:center;}
#cust .top .intro{ font-size:0.3rem; color:#646464; line-height:0.5rem; margin-top:0.3rem;}
#cust .mid{ padding-top:0.5rem; padding-bottom:0.3rem;}
#cust .mid .con{ margin-top:0.4rem;}
#cust .mid .item{ width:3.32rem; height:2.72rem; text-align:center; margin-bottom:0.3rem; border:1px solid #ebebeb; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#cust .mid .item .pic{ background:url(/mweb/images/cust_item_bg.jpg) left center repeat-x;}
#cust .mid .item .pic .img{ width:1.3rem; height:1.3rem; margin:0 auto; background:#fff; padding:0.2rem 0.2rem 0.1rem 0.2rem;}
#cust .mid .item .name{ font-size:0.28rem; color:#1da189;}
#cust .mid .item .intro{ font-size:0.3rem; color:#535353; margin-top:0.05rem;}
#cust .bot .con{ margin-top:0.2rem; margin-bottom:0.6rem;}
#cust .bot .item{ width:3.46rem; height:0.7rem; line-height:0.7rem; font-size:0.3rem; border:1px solid #1da189; color:#1da189; text-indent:0.9rem; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#cust .bot .fl{ background:url(/mweb/images/icon_wechat.png) 0.3rem center no-repeat; background-size:auto 0.33rem;}
#cust .bot .fr{ background:url(/mweb/images/icon_qq.png) 0.3rem center no-repeat; background-size:auto 0.33rem; text-indent:0.7rem;}
#cust .bot  a{ font-size:0.3rem; color:#1da189;}
#cust .instance{ height:2.95rem; background:url(/mweb/images/cust_instance.jpg) no-repeat; background-size:contain;}
#cust .instance .title{ color:#fff; padding-top:0.3rem;}
#cust .instance .intro{ text-align:center; font-size:0.32rem; color:#fff; margin-top:0.2rem; line-height:0.5rem;}

/*instance*/
#instance .category{ font-size:0.28rem; height:0.7rem; line-height:0.7rem;}
#instance .category select{ width:5.36rem; height:0.68rem; border:1px solid #dbdbdb; text-indent:0.2rem; font-size:0.28rem; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; appearance:none; background:url(/mweb/images/select_sign.png) 95% center no-repeat; background-size:0.18rem auto;}
#instance .con{ margin-top:0.4rem; margin-bottom:1.2rem; min-height:5rem;}
/*
#instance .con table{ width:100%; border-collapse:collapse; text-align:center;}
#instance .con table th{ height:0.66rem; background:#87d1ae; border:1px solid #fff; color:#fff; font-size:0.3rem; font-weight:normal;}
#instance .con table tr:nth-child(odd){ background:#f8f8f8;}
#instance .con table td{ height:0.66rem; border:1px solid #e0e0e0; color:#535353; font-size:0.26rem;}
*/
#instance .ad{ height:2rem; background:#48bdaa; position:relative;}
#instance .con .item{ padding:0.2rem 0;}
#instance .con .item .img{ width:2.9rem; height:1.74rem; border:1px solid #e2e2e2;}
#instance .con .item .param{ width:3.9rem;}
#instance .con .item .param h3{ font-size:0.3rem;}
#instance .con .item .param .intro{ color:#48bdaa; font-size:0.28rem; margin-top:0.2rem; word-break:break-all;}
#instance .ad .txt{ font-size:0.3rem; margin-left:0.5rem; color:#fff; padding-top:0.45rem; line-height:0.4rem;}
#instance .ad .person{ width:2.03rem; height:2.68rem; position:absolute; right:0.5rem; bottom:0;}

/*extension*/
#extension .item{ padding:0.2rem 0;}
#extension .item .img{ width:2.16rem; height:1.47rem; position:relative;}
#extension .item .img i{ width:0.5rem; height:0.5rem; position:absolute; left:50%; top:50%; margin-left:-0.25rem; margin-top:-0.25rem; background:url(/mweb/images/play.png) no-repeat; background-size:contain;}
#extension .item .con{ width:4.5rem;}
#extension .item .con h3{ height:0.45rem; line-height:0.45rem; overflow:hidden;}
#extension .item .con h3 a{ font-size:0.32rem; color:#424242;}
#extension .item .con h3 span{ width:0.8rem; height:0.35rem; line-height:0.35rem; text-align:center; float:right; display:inline-block; font-size:0.2rem; color:#fff; background:#58bda4; font-weight:bold; -moz-border-radius:0.04rem; -ms-border-radius:0.04rem; -o-border-radius:0.04rem; -webkit-border-radius:0.04rem; border-radius:0.04rem;}
#extension .item .con .intro{ font-size:0.24rem; color:#aaa; height:0.7rem; line-height:0.35rem; overflow:hidden; margin-top:0.05rem;}
#extension .item .con .more{ font-size:0.28rem; color:#48bdaa; display:inline-block; margin-top:0.1rem;}
#extension .item .con .pv{ font-size:0.28rem; margin-top:0.1rem; color:#828282;}
#extension .blank{ height:0.55rem;}
#extension .h2{ font-size:0.34rem; text-align:center; padding:0.2rem 0.3rem; border:1px dashed #cacaca;}
#extension .video{ width:5.9rem; height:4.01rem; background:#eee; margin:0.4rem auto;}
#extension .video .img{ width:100%; height:100%;}
#extension .video .img i{ width:1rem; height:1rem; position:absolute; left:50%; top:50%; margin-left:-0.5rem; margin-top:-0.5rem; background:url(/mweb/images/play.png) no-repeat; background-size:contain;}
#extension .video video{ width:100%; height:100%;}
#extension .share{ line-height:36px; text-align:center; padding:0.2rem 0.3rem; border:1px dashed #cacaca; margin-bottom:0.2rem;}
#extension .ad{ height:2rem; background:#48bdaa; position:relative;}
#extension .ad .txt{ font-size:0.3rem; padding-top:0.55rem; margin-left:0.9rem; color:#fff;}
#extension .ad .sign{ margin-left:0.35rem; margin-top:0.1rem;}
#extension .ad .sign .icon{ font-size:0.26rem; padding-left:0.5rem; color:#fff;}
#extension .ad .sign .icon a{ font-size:0.26rem; color:#fff;}
#extension .ad .sign .icon_wechat{ background:url(/mweb/images/global_bottom_tel.png) left center no-repeat; background-size:auto 0.33rem; margin-right:0.3rem;}
#extension .ad .sign .icon_qq{ background:url(/mweb/images/icon_qq_white.png) left center no-repeat; background-size:auto 0.33rem;}
#extension .ad .person{ width:2.03rem; height:2.68rem; position:absolute; right:0.85rem; bottom:0;}

/*about
#about .top .title{ font-size:0.36rem; text-align:center;}
#about .top .intro{ font-size:0.3rem; color:#535353; margin-top:0.2rem; line-height:0.5rem;}
#about .top .video{ width:6.2rem; height:3.75rem; margin:0 auto; margin-top:0.4rem; margin-bottom:0.6rem; background:#ccc;}
#about .top .video video{ width:100%; height:100%;}
#about .mid{ height:3.4rem; background:url(/mweb/images/about_bg.jpg) no-repeat; background-size:contain;}
#about .mid .title{ font-size:0.34rem; text-align:center; color:#fff; padding-top:0.9rem;}
#about .mid .intro{ text-align:center; margin-top:0.3rem;}
#about .mid .intro span{ width:2.3rem; height:0.6rem; line-height:0.6rem; display:inline-block; font-size:0.28rem; color:#fff; margin:0 0.04rem; border:0.01rem dashed #fff; -moz-border-radius:0.3rem; -ms-border-radius:0.3rem; -o-border-radius:0.3rem; -webkit-border-radius:0.3rem; border-radius:0.3rem;}
#about .bot .title{ font-size:0.34rem; padding-top:0.5rem; text-align:center;}
#about .bot .con{ margin-top:0.2rem; height:9.35rem; background:url(/mweb/images/about_progress.png) top center no-repeat; background-size:auto 8.85rem;}
#about .bot .con .item{ clear:both; width:3.3rem; float:left; height:0.8rem;}
#about .bot .con .item:nth-child(odd){ margin-left:4rem;}
#about .bot .con .item:nth-child(even){ text-align:right; margin-left:0.2rem;}
#about .bot .con .item:nth-child(1){ height:0.85rem;}
#about .bot .con .item .year{ font-size:0.3rem; color:#1da189;}
#about .bot .con .item .intro{ font-size:0.28rem; color:#444;}
#about .mission{ height:3.55rem; background:url(/mweb/images/about_mission.jpg) no-repeat; background-size:contain;}
#about .mission .title{ font-size:0.38rem; color:#1da189; padding-top:0.9rem; margin-left:2.75rem;}
#about .mission .sign{ width:3.53rem; margin:0 auto; margin-top:0.1rem; margin-bottom:0.15rem;}
#about .mission .intro{ font-size:0.3rem; color:#535353; line-height:0.5rem; margin-left:2.75rem; margin-top:0.1rem;}
*/

/*contact*/
#contact .title{ text-align:center; font-size:0.36rem;}
#contact .top .intro{ font-size:0.3rem; color:#808080; text-align:center; line-height:0.45rem; margin-top:0.1rem; margin-bottom:0.35rem;}
#contact .top .item{ min-height:1.45rem; border:1px solid #e2e2e2; padding-left:1rem; margin-bottom:0.15rem; -moz-border-radius:0.08rem; -ms-border-radius:0.08rem; -o-border-radius:0.08rem; -webkit-border-radius:0.08rem; border-radius:0.08rem;}
#contact .top .item .name{ font-size:0.28rem; color:#4a4a4a; padding-top:0.53rem;}
#contact .top .item .name a{ font-size:0.28rem; color:#4a4a4a;}
#contact .top .item .tips{ font-size:0.26rem; color:#969696;}
#contact .top .item a{ font-size:0.26rem; color:#4a4a4a;}
#contact .top .item:nth-child(3){ background:url(/mweb/images/contact_icon_tel.png) 0.3rem center no-repeat; background-size:auto 0.4rem;}
#contact .top .item:nth-child(3) .name{ padding-top:0.4rem;}
#contact .top .item:nth-child(4){ background:url(/mweb/images/contact_icon_mail.png) 0.3rem center no-repeat; background-size:auto 0.37rem;}
#contact .top .item:nth-child(5){ background:url(/mweb/images/contact_icon_address.png) 0.3rem center no-repeat; background-size:auto 0.46rem;}
#contact .mid{ padding:0.6rem 0;}
#contact .mid .item{ margin-top:0.6rem;}
#contact .mid .item:nth-child(1){ margin-top:0;}
#contact .mid .item .img{ width:1.4rem; height:1.4rem; margin:0 auto;}
#contact .mid .item .tips{ font-size:0.3rem; color:#48bdaa; height:0.68rem; line-height:0.68rem; border-top:1px solid #48bdaa; border-bottom:1px solid #48bdaa; text-align:center; margin-top:0.2rem;}
#contact .mid .item .name{ font-size:0.32rem; color:#646464; text-align:center; height:0.68rem; line-height:0.68rem;}
#contact .mid .item .name a{ font-size:0.3rem; color:#646464;}
#contact .bot{ padding:0.6rem 0; background:#f9f9f9; text-align:center;}
#contact .bot .intro{ font-size:0.3rem; color:#808080; margin-top:0.2rem; line-height:0.45rem; margin-bottom:0.5rem;}
#contact .bot .intro span{ color:#48bdaa; text-decoration:underline;}
#contact .bot .input{ width:6.53rem; height:0.6rem; line-height:0.6rem; font-size:0.28rem; color:#9c9c9c; text-indent:0.15rem; margin-bottom:0.15rem; background:#fff; border:1px solid #e9e9e9; -moz-border-radius:0.05rem; -ms-border-radius:0.05rem; -o-border-radius:0.05rem; -webkit-border-radius:0.05rem; border-radius:0.05rem;}
#contact .bot .textarea{ width:6.23rem; height:1.5rem; background:#fff; border:1px solid #e9e9e9; resize:none; margin-bottom:0.25rem; font-size:0.28rem; color:#9c9c9c; padding:0.1rem 0.15rem; -moz-border-radius:0.05rem; -ms-border-radius:0.05rem; -o-border-radius:0.05rem; -webkit-border-radius:0.05rem; border-radius:0.05rem;}
#contact .bot .submit{ width:6.53rem; height:0.6rem; line-height:0.6rem; color:#fff; text-align:center; font-size:0.32rem; border:1px solid #48bdaa; background:#48bdaa; -moz-border-radius:0.05rem; -ms-border-radius:0.05rem; -o-border-radius:0.05rem; -webkit-border-radius:0.05rem; border-radius:0.05rem;}
#contact .qrcode{ padding-top:0.5rem; padding-bottom:0.4rem;}
#contact .qrcode .intro{ font-size:0.28rem; color:#48bdaa; text-align:center; margin-top:0.05rem;}
#contact .qrcode .img{ width:2.3rem; height:2.3rem; margin:0 auto; margin-top:0.3rem;}

/*reg*/
#reg .item{ padding-top:0.5rem; padding-bottom:0.5rem;}
#reg .item .f_submit{ margin-top:0.4rem;}
#reg .item .img{ width:1.45rem; height:1.45rem; margin:0 auto;}
#reg .item .title{ font-size:0.42rem; text-align:center; margin-top:0.3rem;}
#reg .item .tips{ font-size:0.32rem; color:#535353; text-align:center; margin-top:0.25rem;}
#reg .item .tips a{ font-size:0.32rem; color:#535353; text-align:center; margin-top:0.25rem;}
#reg .item .tips .red{ color:#f00;}
#reg .item .back{ width:4.18rem; height:0.78rem; line-height:0.78rem; background:#48bdaa; color:#fff; font-size:0.36rem; display:block; margin:0 auto; margin-top:0.7rem; text-align:center; -moz-border-radius:0.08rem; -ms-border-radius:0.08rem; -o-border-radius:0.08rem; -webkit-border-radius:0.08rem; border-radius:0.08rem;}

#reg_vcode{ width:6.3rem; height:4.2rem; position:fixed; left:50%; top:50%; margin-left:-3.15rem; margin-top:-2.1rem; background:#fff; text-align:center; z-index:10001; -moz-border-radius:0.1rem; -ms-border-radius:0.1rem; -o-border-radius:0.1rem; -webkit-border-radius:0.1rem; border-radius:0.1rem; display:none;}
#reg_vcode .reg_vcode_btn{ width:0.35rem; height:0.35rem; position:absolute; right:0.2rem; top:0.2rem;}
#reg_vcode .reg_vcode_title{ font-size:0.36rem; color:#48bdaa; padding-top:0.65rem; margin-bottom:0.4rem;}
#reg_vcode .reg_vcode_input{ width:1.4rem; height:0.8rem; line-height:0.8rem; border:1px solid #dadada; text-align:center; font-size:0.32rem; -moz-border-radius:0.1rem; -ms-border-radius:0.1rem; -o-border-radius:0.1rem; -webkit-border-radius:0.1rem; border-radius:0.1rem;}
#reg_vcode .reg_vcode_submit{ width:4.84rem; height:0.8rem; line-height:0.8rem; background:#48bdaa; border:0; color:#fff; font-size:0.32rem; display:block; margin:0 auto; margin-top:0.2rem; margin-bottom:0.2rem; -moz-border-radius:0.1rem; -ms-border-radius:0.1rem; -o-border-radius:0.1rem; -webkit-border-radius:0.1rem; border-radius:0.1rem;}
#reg_vcode img{ height:0.82rem; vertical-align:top;}


.down_page{}
.down_page .global_contents>div:nth-child(4),.down_page .global_contents>div:nth-child(6),.down_page .global_contents>div:nth-child(8),.down_page .global_contents>div:nth-child(10),.down_page .global_contents>div:nth-child(12){background-color: #f6f6f6;}
.down_page .blank20{display: block;height: 2.666667vh;width: 100%;clear: both;}
.down_page .bit{text-align: center; color: #1ca28a; font-size: 4.8vw; line-height: 1.556;}
.down_page .bit span{display: block;font-size: 3.466667vw;color: #444444;line-height: 1.769;margin-top: 3.333333vw;}
.down_page .diannao{display: block;max-width: 100%;margin: 6.0vw auto 9.333333vw;}
.down_page .laowai{padding-top: 6.933333vw;padding-bottom: 9.866667vw;}
.down_page .laowai .anl{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-around;flex-wrap: wrap;margin-top: 9vw;}
.down_page .laowai .anl img{display: block;width: 30.133333vw;height: 22.533333vw;margin-bottom: 2.4vw;}
.down_page .laowai .anl img.fu{margin-top: -6.666667vw;}
.down_page .fta{ padding-bottom: 9.333333vw;}
.down_page .fta .bit{margin-top: 6.666667vw;margin-bottom: 2.8vw;}
.down_page .fta .anl{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-around;flex-wrap: wrap;}
.down_page .fta .item{position: relative;display: block;width: 46.0vw;height: 22.0vw;border-radius: 0.533333vw;overflow: hidden;box-shadow: 0px 0px 13px 1px #ccc;margin-bottom: 2.8vw;}
.down_page .fta .item .fl{float: left;}
.down_page .fta .item .fl .img{display: table-cell;vertical-align: middle;height: 22vw;width: 17.066667vw;text-align: center;}
.down_page .fta .item:nth-child(1) img{width:9.333333vw;}
.down_page .fta .item:nth-child(2) img{width:7.733333vw;}
.down_page .fta .item:nth-child(3) img{width:8.4vw;}
.down_page .fta .item:nth-child(4) img{width:7.866667vw;}
.down_page .fta .item .name{position: absolute;right: 6.666667vw;width: 22.666667vw;top: 50%;transform: translateY(-50%);font-size: 2.666667vw;line-height: 1.8;color: #333;}
.down_page .lanren{padding-top: 6.8vw;padding-bottom: 10.666667vw;}
.down_page .lanren img{display: block;margin: 0 auto;margin-top: 5.6vw;width: 94.666667vw;}
.down_page .seo{padding-top: 3.733333vw;overflow: hidden;}
.down_page .seo>.bit{margin-bottom: 14.0vw;}
.down_page .seo .item{position: relative;width: ;border-radius: 1.2vw;border: 0.266667vw solid #cccccc;width: 94.666667vw;height: 34.666667vw;margin: 0 auto; margin-bottom: 12.8vw;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.down_page .seo .item img{position: absolute;display: block;width: 17.333333vw;height: 17.333333vw;padding: 0 2.0vw;top: -8.8vw;left: 0;right: 0;margin: 0 auto;background-color: #fff;}
.down_page .seo .item .bri{font-size: 3.733333vw;line-height: 1.5;color: #666666;text-align: center;margin: 0 auto;}
.down_page .seo .item .bri p{color: #1ca28a;font-size: 4.266667vw;margin-top: 10.933333vw;}
.down_page .seo .item .bri span{display: block;color: #666666;font-size: 3.733333vw;line-height: 1.5;margin-top: 0.933333vw;}
.down_page .huhang{padding-top: 6.8vw;padding-bottom: 8vw;}
.down_page .huhang .bit{margin-bottom: 5.466667vw;}
.down_page .huhang .anl{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-around;flex-wrap: wrap;}
.down_page .huhang .item{position: relative;display: table-cell;width: 46.0vw;height: 41.866667vw;margin-bottom: 2.666667vw;background-color: #e4e4e4;color: #333333;font-size: 3.466667vw;line-height: 1.53846;}
.down_page .huhang .item p{position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);margin: 0;padding: 0;text-align: center;}
.down_page .report{padding-top: 8.933333vw;padding-bottom: 8.0vw;}
.down_page .report .bit{margin-bottom: 5.333333vw;}
.down_page .report .item{padding: 4.0vw 4.133333vw;border: 1px solid #eaeaea;border-radius: 1px;overflow: hidden;margin: 0 2.666667vw;margin-bottom: 2.666667vw;}
.down_page .report .item .PicPath{width: 13.866667vw;height: 12.0vw;margin-right: 4.666667vw;}
.down_page .report .item .font{float: left;color: #1e1e1e;font-size: 3.466667vw;line-height: 1.76923;}
.down_page .report .item .font .date{display: block;color: #a9a9a9;font-size: 2.666667vw;line-height: 2.3;}
.down_page .zhifu{padding-top: 9.066667vw;padding-bottom: 8.0vw;}
.down_page .zhifu .bit{margin-bottom: 4.0vw;}
.down_page .zhifu img{display: block;margin: 0 auto;width: 94.666667vw;}
.down_page .moshi{padding-top: 9.066667vw;padding-bottom: 10.666667vw;}
.down_page .moshi .bit{margin-bottom: 6.666667vw;}
.down_page .moshi img{display: block;margin: 0 auto;width: 94.666667vw;}
.down_page .cuxiao {padding-top: 9vw;padding-bottom: 4.0vw;}
.down_page .cuxiao .anl{text-align: center;margin-top: 6.666667vw;}
.down_page .cuxiao .item {display: inline-block;margin: 0 3.333333vw;margin-bottom: 4.933333vw;}
.down_page .cuxiao .item img{width: 17.733333vw;height: 17.733333vw;vertical-align: top;}
.down_page .cuxiao .item span{display: block;color: #333333;line-height: 1;font-size: 2.933333vw;margin: 1.733333vw 0;}
.down_page .chajian {padding-bottom: 10.666667vw;padding-top: 8.933333vw;}
.down_page .chajian img{display: block;width: 94.666667vw;height: 52.133333vw;margin: 5.333333vw auto 0;}
.down_page .shuju {padding-top: 8.266667vw;padding-bottom: 8vw;}
.down_page .shuju .anl{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between;flex-wrap: wrap;margin: 0 2.666667vw;margin-top: 6.8vw;}
.down_page .shuju .item{display: block;width: 46.0vw;height: 13.333333vw;border-radius: 0.533333vw;overflow: hidden;padding: 2.266667vw 4.0vw 2.4vw;box-shadow: 0px 0px 13px 1px #ccc;margin-bottom: 2.666667vw;background-color: #fff;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.down_page .shuju .item img{float: left;width: 8.666667vw;height: 8.666667vw;margin-right: 3.466667vw;}
.down_page .shuju .item .font{float: left;line-height: 8.666667vw;font-size: 3.466667vw;color: #333;}
.down_page .kuozhan {padding-bottom: 8.0vw;padding-top: 8.533333vw;}
.down_page .kuozhan .bit{margin-bottom: 6.4vw;}
.down_page .kuozhan .item{position: relative;display: block;width: 94.666667vw;height: 32.0vw;border-radius: 0.533333vw;overflow: hidden;padding: 2.266667vw 4.0vw 2.4vw;box-shadow: 0px 0px 13px 1px #ccc;margin-bottom: 2.666667vw;background-color: #fff;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;margin: 0 auto;margin-bottom: 2.666667vw;}
.down_page .kuozhan .item .lfont{position: absolute;width: 36.0vw;text-align: center;color: #333333;font-size: 3.466667vw; left: 0;top: 50%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.down_page .kuozhan .item .lfont span{display: block;font-size: 2.666667vw;color: #555555;}
.down_page .kuozhan .item .rfont{position: absolute;width: 36.0vw;text-align: center;color: #333333;font-size: 2.933333vw; line-height: 1.8; right: 0;top: 50%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.down_page .kuozhan .item img{display: block;margin: 3.06666vw auto;width: 21.333333vw;height: 21.333333vw;}


#login .login_box{ width:90vw; max-width:400px; margin:30px auto 30px auto; background:#fff; border-radius:6px; box-sizing:border-box; padding:20px;}
#login .login_box h2{ font-size:20px; text-align:center; margin-bottom:25px;}
#login .login_box .input input{ width:100%; height:45px; line-height:45px; border:1px solid #ddd; box-sizing:border-box; border-radius:3px; text-indent:45px; font-size:14px;}
#login .login_box .input .user{ background:url(/images/icon_login_user.png) 12px center no-repeat}
#login .login_box .input .password{ background:url(/images/icon_login_password.png) 12px center no-repeat;}
#login .login_box .submit{ width:100%; height:45px; line-height:45px; background:#0cba92; cursor:pointer; text-align:center; color:#fff; font-size:16px; border:0; display:block; letter-spacing:5px; border-radius:3px; margin-top:30px;}
#login .login_box .submit.loading{ background:url(/images/login_loading.gif) #0cba92 center no-repeat; text-indent:10000px;}
#login .login_box .tips{ text-align:center; font-size:14px; color:#999;}
#login .login_box .tips a{ color:#07bb8a; font-size:14px;}
#login .member_box{ width:90vw; max-width:400px; background:#fff; border-radius:6px; box-sizing:border-box; padding:20px; margin:30px auto 30px auto;}
#login .member_box h2{ font-size:20px; text-align:center; margin-bottom:25px;}
#login .member_box .member_list{ height: 220px; overflow:hidden;}
#login .member_box .member_list .member_item{ height: 45px; line-height: 45px; border: 1px solid #dedede; border-radius: 5px; padding-left: 55px; cursor: pointer; margin-bottom: 10px; background-color: #fff; background-repeat: no-repeat; background-image: url(/images/icon_login_domain.png); background-position: 15px center; overflow: hidden; padding-right: 20px;}
#login .member_box .member_list .member_item a{ font-size: 14px; color: #666; text-decoration: none; display: block; overflow: hidden;}

.server_page{}
.server_page .blank10{display: block;height: 1.333333vw;width: 100%;clear: both;}
.server_page .btit{color: #1ca28a;font-size: 4.8vw;line-height: 1.5555;margin-top: 6.533333vw;margin-bottom: 3.6vw;text-align: center;}
.server_page p{font-size: 3.466667vw;color: #444444;line-height: 1.7692;width: 89.333333vw;margin: 0 auto;text-align: center;}
.server_page p a{color: #0000ff;text-decoration: underline;}
.server_page .PicPath{margin: 0 auto;margin-bottom: 6.666667vw;width: 94.666667vw;}
.server_page .h_line{height: 1px;margin: 0 2.666667vw;background-color: #ebebeb;}
.server_page .btn{display: block;margin: 0 auto;background: url(/images/mobile/by.png) no-repeat 11.333333vw center #f9b532 / 5.066667vw 3.866667vw;text-indent: 18.0vw;width: 45.2vw;height: 9.333333vw;line-height: 9.333333vw;font-size: 4.0vw;color: #ffffff;font-weight: bold;border-radius: 4.133333vw;}

/**********		2019.8.19ÐÂÔöÐÞ¸Ä	**********/
#mIndex #header_blank{ position:fixed; left:0; top:0;}
#mIndex #header{ position:fixed; left:0; top:0; -webkit-transition: all 0.5s; transition: all 0.5s;}
#mIndex #header.fixed{ background: #fff; box-shadow: 0 0.6667vw 1.3333vw rgba(0, 0, 0, 0.1);}
#mIndex #int{ padding-bottom: 0.8rem; }
#mIndex #int .ind_pro .list{ border: 1px solid #ebebeb;}
#mIndex #int .ind_pro .list .name{ color: #0db083; }
#mIndex #int .ind_pro .list .brief{ margin-top: 0.2rem; line-height: 0.4rem; font-size: 0.26rem; color: #666666; }
#mIndex #int .want_try{ width: 36.2667vw; height: 12.2667vw;line-height: 12.2667vw; font-weight: normal; font-size: 0.32rem; }

#mIndex #inf{padding: 0.8rem 0 0.8rem; background: #f6f6f6; }
#mIndex #inf .title{ line-height: 0.42rem; font-size: 0.42rem; text-align: center; }
#mIndex #inf .title span{margin-right: 0.15rem;line-height: 0.42rem; font-size: 0.62rem; color: #0db08f; display: inline-block;vertical-align: text-top; font-style: italic; font-weight: bold; }
#mIndex #inf .subTitle{margin-top: 0.25rem; line-height: 0.36rem; font-size: 0.36rem; color: #38bea6; text-align: center; }
#mIndex #inf .list{ margin: 0.48rem auto 0; width: 7.1rem;  }
#mIndex #inf .list .item{float: left; margin-bottom: 0.3rem; margin-left: 0.23rem;padding: 0.5rem 0; width: 3.2rem; height: 2.65rem; border-radius: 0.2rem; background: #0db08f; }
#mIndex #inf .list .item:nth-child(2n){ float: right; margin-right: 0.21rem; }
#mIndex #inf .list .item .pic{height: 0.65rem; text-align: center; }
#mIndex #inf .list .item .name{ margin-top: 0.4rem; line-height: 0.32rem; font-size: 0.32rem; text-align: center; color: #fff;}
#mIndex #inf .list .item .brief{ margin-top: 0.32rem; line-height: 0.32rem; font-size: 0.2rem; color: #fff; text-align: center; }
#mIndex #inf .list .want_try{ margin: 0.2rem auto 0; width: 2.76rem; height: 0.56rem; line-height: 0.56rem; border: 0.02rem solid #0db08f;border-radius: 0.35rem;background: #fff; text-align: center; display: block; font-size: 0.3rem; color: #0db08f; }

#mIndex #platform{padding: 0.8rem 0 0.8rem; background: #f6f6f6; }
#mIndex #platform .title{ margin-bottom: 0.2rem; padding: 0; line-height: 0.42rem; font-size: 0.42rem;  }
#mIndex #platform .subtitle{ margin-bottom: 0.5rem; line-height: 0.36rem; color: #666666; font-size: 0.36rem; }
#mIndex #platform .want_try{ margin: 0.5rem auto 0; width: 2.76rem; height: 0.56rem; line-height: 0.56rem; border: 0.02rem solid #f99e33;border-radius: 0.35rem;background: #f99e33; text-align: center; display: block; font-size: 0.3rem; color: #fff; }

#mIndex #ind_feedabck{ height: inherit; background: none; background-size: contain; }
#mIndex #ind_feedabck form{ margin: 0 auto; width: 78.6667vw; height: auto;}
#mIndex #ind_feedabck .in_feedback_blank{ width: 100%; height: 41.2vw; background: #37ae8d;}
#mIndex #ind_feedabck .in_feedback_blank .feedback_title{ padding: 11.8667vw 0 20.5333vw; width: 100%; line-height: 8.8vw; font-size: 0.46rem; color: #fff; text-align: center;}
#mIndex #ind_feedabck .feedback_content{ position: relative; top: -14.0vw; margin: 0 auto; padding-bottom: 8.4vw; width: 92.0vw; background: #fff; -webkit-border-radius: 2.9333vw; border-radius: 2.9333vw; -webkit-box-shadow: 0 2.6667vw 4.0vw rgba(0, 0, 0, 0.1); box-shadow: 0 2.6667vw 4.0vw rgba(0, 0, 0, 0.1);}
#mIndex #ind_feedabck .title{ position: static; margin: 0 auto; padding-top: 8.0vw; width: 100%; height: auto; line-height: 8.2667vw; background: none; text-align: center;}
#mIndex #ind_feedabck .title:beofre{ display: block; content: ''; width: 10.6667vw; height: 0.2667vw; background: #e8e8e8;}
#mIndex #ind_feedabck .title .ab_title{ position: static; padding: 0; width: 100%; text-align: center;}
#mIndex #ind_feedabck .title .ab_title .ab_title_in{ display: inline-block; position: relative; padding: 0 1.1rem; line-height: 8.6667vw;}
#mIndex #ind_feedabck .title .ab_title .ab_title_in:before,
#mIndex #ind_feedabck .title .ab_title .ab_title_in:after{ display: block; content: ''; position: absolute; top: 56%; width: 10.6667vw; height: .2667vw; background: #e8e8e8; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
#mIndex #ind_feedabck .title .ab_title .ab_title_in:before{ left: 0;}
#mIndex #ind_feedabck .title .ab_title .ab_title_in:after{ right: 0;}
#mIndex #ind_feedabck .title .ab_title .ab_title_in{}
#mIndex #ind_feedabck .phone,
#mIndex #ind_feedabck .industry,
#mIndex #ind_feedabck .name{ position: static; margin-top: 4.0vw; width: 100%; height: 10.6667vw; line-height: 10.6667vw; background-color: #f3f3f3; border: 0; font-size: 0.28rem; color: #999;}
#mIndex #ind_feedabck input[type=text]{ margin-top: 5.2vw;}
#mIndex #ind_feedabck .submit{ display: block; position: static; margin: 6.6667vw auto 0; padding: 0; width: 36.2667vw; height: 12.2667vw; background: #0eb085; font-size: 4.2667vw; color: #fff; text-indent: 0; font-weight: normal; -webkit-border-radius: 1.0667vw; border-radius: 1.0667vw;}

#mIndex .q_a{ padding: 0.8rem 0 0.8rem; }
#mIndex .q_a .title{ line-height: 0.42rem; font-size: 0.42rem; color: #333333; text-align: center; }
#mIndex .q_a .subtitle{ margin-top: 0.25rem; line-height: 0.36rem; font-size: 0.36rem; color: #38bea6; text-align: center; }
#mIndex .q_a li{margin-bottom: 0.2rem; width: 7.08rem;height: 0.82rem; line-height: 0.82rem; border: 0.01rem solid #27c39a; background:#f4fffc url(../images/mindex/q_a_icon.png) no-repeat center left 0.27rem; box-shadow: 0 3px 3px 3px #cdf1e8; background-size: 0.25rem 0.21rem; }
#mIndex .q_a li a{ font-size: 0.26rem; text-indent: 0.7rem; }
#mIndex .q_a li a b{ color: #aaaaaa; }
#mIndex .q_a li span{ display: block;margin-right: 0.28rem;padding-left: 18px;width: auto; background: unset;font-size: 0.26rem; color: #06ba8a; position: relative;  }
#mIndex .q_a li span:before{ content: ''; width: 0.01rem; height: 0.28rem; background: #06ba8a; position: absolute; top: 50%; transform: translateY(-50%); left: 0; }
#mIndex .q_a .qitawenti{ margin: 0.5rem auto 0; background: #488af8 url(../images/mindex/q_amore.png) no-repeat center left 0.52rem; font-size: 0.28rem; text-indent: 1.03rem; background-size: 0.39rem 0.39rem; }
/*
#mIndex .seller{ width: 100%;}
#mIndex .seller .t_outer{ padding-top: 8.4vw; width: 100%; height: 68.0vw; background: #37ae8d; -webkit-box-sizing: border-box; box-sizing: border-box;}
#mIndex .seller .t_outer .title_list{ display: flex; justify-content: center; align-items: center; margin: 0 auto; width: 92.0vw; height: 13.7333vw; border-bottom: 0.5333vw solid #319c7f; -webkit-box-sizing: border-box; box-sizing: border-box;}
#mIndex .seller .t_outer .title_list .title_item{ display: inline-block; position: relative; padding: 0 0.5333vw; height: 100%; line-height: 13.7333vw; font-size: 4.2667vw; color: #fff;}
#mIndex .seller .t_outer .title_list .title_item:before{ display: block; content: ''; position: absolute; left: 0; bottom: -0.8vw; width: 100%; height: 1.0667vw; background: #fff; -webkit-border-radius: 0.5333vw; border-radius: 0.5333vw; -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0;}
#mIndex .seller .t_outer .title_list .title_item.cur:before{ opacity: 1;}
#mIndex .seller .t_outer .title_list .title_item:first-child{ margin-right: 10.6667vw;}
#mIndex .seller .t_outer .text_list{ position: relative; width: 100%; height: 10.1333vw;}
#mIndex .seller .t_outer .text_list .text_item{ position: absolute; left: 0; top: 0; margin-top: 5.2vw; width: 100%; line-height: 10.2667vw; font-size: .46rem; color: #fff; text-align: center; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.5s; transition: all 0.5s;}
#mIndex .seller .t_outer .text_list .text_item:first-child{ -webkit-transform: translateX(-100%); transform: translateX(-100%);}
#mIndex .seller .t_outer .text_list .text_item.cur{ -webkit-transform: translateX(0); transform: translateX(0);}
#mIndex .seller .b_outer{ padding-bottom: 10.6667vw; width: 100%; background: #f6f8fb;}
#mIndex .seller .b_outer .con_list{ position: relative; top: -14.0vw; margin: 0 auto; width: 92.0vw; background: #fff; overflow: hidden; -webkit-border-radius: 2.6667vw; border-radius: 2.6667vw; -webkit-box-shadow: 0 2.6667vw 4.0vw rgba(0, 0, 0, 0.1); box-shadow: 0 2.6667vw 4.0vw rgba(0, 0, 0, 0.1);}
#mIndex .seller .b_outer .con_list .con{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.5s; transition: all 0.5s;}
#mIndex .seller .b_outer .con_list .con:first-child{ -webkit-transform: translateX(-100%); transform: translateX(-100%);}
#mIndex .seller .b_outer .con_list .con.cur{ -webkit-transform: translateX(0); transform: translateX(0);}
#mIndex .seller .b_outer .con_list .con .con_in{ margin: 0 auto; padding: 6.6667vw 0; width: 74.3333vw;}
#mIndex .seller .b_outer .con_list .con .con_in .row{ display: flex; align-items: center; margin-top: 3.3333vw;}
#mIndex .seller .b_outer .con_list .con .con_in .row:first-child{ margin-top: 0;}
#mIndex .seller .b_outer .con_list .con .con_in .row .img{ display: flex; justify-content: center; align-items: center; width: 10.1333vw; height: 10.1333vw; border: 0.2667vw solid #ececec; -webkit-border-radius: 50%; border-radius: 50%;}
#mIndex .seller .b_outer .con_list .con .con_in .row .img img{ max-width: 50%;}
#mIndex .seller .b_outer .con_list .con .con_in .row .text{ display: block; margin-left: 30px; font-size: 3.7333vw; color: #333;}
#mIndex .seller .b_outer .point_list{ position: relative; top: -8.6667vw; width: 100%; height: 2.6667vw; text-align: center;}
#mIndex .seller .b_outer .point_list .point_item{ display: inline-block; margin: 0 1.0667vw; width: 2.6667vw; height: 100%; background: #ccc; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.5s; transition: all 0.5s;}
#mIndex .seller .b_outer .point_list .point_item.cur{ background: #38bea6;}
#mIndex .seller .b_outer .want_try{ display: block; position: relative; top: -2.0vw; margin: 0 auto; width: 36.2667vw; height: 12.2667vw; line-height: 12.2667vw; background: #0eb085; font-size: 4.2667vw; color: #fff; text-align: center; -webkit-border-radius: 1.0667vw; border-radius: 1.0667vw;}
*/
#mIndex #case{ padding: 11.8667vw 0;}
#mIndex #case .title{ height: auto; line-height: 10.9333vw; font-size: 0.48rem; color: #222;}
#mIndex #case .subtitle{ line-height: 9.0667vw; font-size: 0.32rem; color: #666; text-align: center;}
#mIndex #case .list{ margin: 5.3333vw auto 0; width: 84.0vw;}
#mIndex #case .CaseItem{ padding: 0; margin-right: 8.0vw !important; width: 38.6667vw !important;}
#mIndex #case .bx-wrapper{ margin-bottom: 9.3333vw;}
#mIndex #case .bx-wrapper .bx-viewport{ height: 60.5333vw!important; border: none; box-shadow: none; left: 0; overflow: inherit !important;}
#mIndex #case .bx-wrapper .bx-pager,#mIndex #case .bx-wrapper .bx-controls-auto{ bottom: -9.3333vw; }
#mIndex #case .bx-wrapper img{ margin: 0 auto; box-shadow: 0px 5px 8px 0px #d3d3d3; }
#mIndex #case .bx-wrapper .bx-controls-direction a{ width: 0.6rem; height: 0.6rem; border-radius: 50%; background-size: 100%; }
#mIndex #case .bx-wrapper .bx-prev{left: -0.24rem; background: url(../images/mindex/turn_prev.png) no-repeat center center; }
#mIndex #case .bx-wrapper .bx-next{ right: -0.24rem; background: url(../images/mindex/turn_next.png) no-repeat center center; }
#mIndex #case .learn_more{margin-top: 6.4vw; line-height: 6.9333vw; font-size: .32rem;color: #888; text-align: center; }
#mIndex #case .learn_more a{ font-size: 0.3rem; color: #0db08f; text-decoration: underline; }
/*
#mIndex .custom_feedback{ padding: 0.83rem 0 1rem; background: #f6f8fb;}
#mIndex .custom_feedback .title{ line-height: .81rem; font-size: 0.46rem; color: #222; text-align: center;}
#mIndex .custom_feedback .subtitle{ line-height: 0.68rem; font-size: 0.32rem; color: #666; text-align: center; }
#mIndex .custom_feedback .list {margin-top: 0.31rem;padding-top: 0.3rem; position: relative; }
#mIndex .custom_feedback .list:after{ content: ''; width: 10.2667vw; height: 9.6vw; background: url(../images/mindex/feedback_icon.png)no-repeat center center;background-size: 100%; position: absolute; top: 0; left: 7.2vw; z-index: 10000; }
#mIndex .custom_feedback .list .item{ margin: 0 auto; width: 100%; height: 72.8vw; background: #fff; -webkit-border-radius: 0.35rem; overflow: hidden; -webkit-border-radius: 0.35rem; border-radius: 0.35rem; -webkit-box-shadow: 0 2.6667vw 4.0vw rgba(0, 0, 0, 0.1); box-shadow: 0 2.6667vw 4.0vw rgba(0, 0, 0, 0.1);}
#mIndex .custom_feedback .list .item .brief{ margin: 0.95rem auto 0; width: 78.3333vw; line-height: 0.63rem; font-size: 0.34rem; color: #333333;}
#mIndex .custom_feedback .list .item:nth-child(3) .brief,
#mIndex .custom_feedback .list .item:nth-child(4) .brief,
#mIndex .custom_feedback .list .item:nth-child(5) .brief{ font-size: .32rem;}
#mIndex .custom_feedback .list .item .brief span{ color: #06ba8a; }
#mIndex .custom_feedback .list .item .from{ position: absolute; left: 0; bottom: 0; width: 100%; height: 11.8667vw; line-height: 11.8667vw; border-top: 0.1333vw solid #e4e4e4; background: #f6f6f6; font-size: .28rem; color: #aaa; text-align: center;}
#mIndex .custom_feedback .list .item .from span{ width: 0.45rem; display: inline-block; vertical-align: middle; }
#mIndex .custom_feedback .list .item .user{ margin: .4rem auto .65rem; width: 78.3333vw;}
#mIndex .custom_feedback .list .item .user .Pic{ width: 9.3333vw;  display: inline-block; vertical-align: middle; }
#mIndex .custom_feedback .list .item .user .userName{margin-left: 0.1rem; display: inline-block; vertical-align: middle; font-size: 0.28rem; color: #999999; }
#mIndex .custom_feedback .bx-wrapper{ max-width: 6.9rem!important; margin: 0 auto;}
#mIndex .custom_feedback .bx-wrapper .bx-viewport{ height: 83.3333vw!important; border:none; box-shadow: none; left: 0; background: none; overflow: inherit !important;}
#mIndex .custom_feedback .bx-wrapper .bx-pager.bx-default-pager a{ margin: 0 0.1rem; width: 0.2rem; height: 0.2rem; border-radius: 50%; background: #cccccc; }
#mIndex .custom_feedback .bx-wrapper .bx-pager.bx-default-pager a:hover,#mIndex .custom_feedback .bx-wrapper .bx-pager.bx-default-pager a.active{ background: #38bea6; }
#mIndex .custom_feedback .bx-wrapper .bx-controls-direction a{ display: none; width: 0.26rem; height: 0.44rem; background-size: 100%; }
#mIndex .custom_feedback .bx-wrapper .bx-prev{ background: url(../images/mindex/feedback_prev.png) no-repeat center center; left: -0.67rem; }
#mIndex .custom_feedback .bx-wrapper .bx-next{ background: url(../images/mindex/feedback_next.png) no-repeat center center; right: -0.67rem; }
#mIndex .custom_feedback .bx-wrapper .bx-pager,
#mIndex .custom_feedback .bx-wrapper .bx-controls-auto{ padding: 0; bottom: -11px;}
#div_mask{ *z-index: 100000!important; }
#Poping_fixed{ width: 70%; height: 70%; position: fixed; z-index: 1000000; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
#Poping_fixed .close{ margin: 0.4rem auto 0; width: 0.56rem; height: 0.56rem; background: url(../images/mindex/close.png) no-repeat center center;background-size: 100%; display: block;}
*//* ueesop */

.ueeseo_title{font-size: 0.42rem;color: #333;text-align: center;}
.ueeseo_brief{font-size: 0.28rem;color: #38bea6;text-align: center;margin-top: 0.1rem;margin-bottom: 0.4rem;}
.ueeseo_banner{position: relative;}
.ueeseo_reg_btn{display: block;width: 3.4rem;height: 0.7rem;line-height: 0.7rem;font-weight: bold;color: #fff;font-size: 0.3rem;background: url(../images/ueeseo/reg_btn.png)no-repeat left 0.85rem center #f99e32;border-radius: 1rem;text-align: center;background-size: 0.38rem 0.29rem;text-indent: 0.5rem;margin: 0 auto;}
.ueeseo_banner .ueeseo_reg_btn{position: absolute;bottom: 1.2rem;left: 50%;transform: translate(-50%,0);}
.ueeseo1{padding-top: 0.6rem;background: #f6f6f6;padding-bottom: 0.8rem;}
.ueeseo1_box{height: 1.7rem;text-align: center;padding: 0.25rem 0;width: 95%;margin: 0 auto;margin-bottom: 0.4rem;background: #fff;border-radius: 10px;box-shadow: 0 0 20px 1px rgba(0,0,0,0.04);}
.ueeseo1_box .ueeseo1_l{width: 50%;float: left;height: 100%;}
.ueeseo1_box .ueeseo1_l img{}
.ueeseo1_box .ueeseo1_r{width: 50%;text-align: center;float: right;height: 100%;position: relative;}
.ueeseo1_box .ueeseo1_r .ueeseo1_r_cnt{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 0.32rem;color: #333;}
.ueeseo1_box.ueeseo1_box1 .ueeseo1_l{float: right;}
.ueeseo1_box.ueeseo1_box1 .ueeseo1_r{float: left;}

.ueeseo2{background: url(../images/ueeseo/seo_2.png)no-repeat center center;padding-top: 0.2rem;padding-bottom: 0.4rem;}
.ueeseo2 .ueeseo_title{color: #fff;}
.ueeseo2 .ueeseo_brief{color: #fff;}
.ueeseo2 .ueeseo2_box{width: 5.2rem;margin: 0 auto;}
.ueeseo2 .ueeseo2_box .ueeseo2_bc {float: left;width: 2.4rem;text-align: center;margin-bottom: 0.4rem;padding: 0.45rem 0 0.4rem;border-radius: 5px;height: 2.5rem;box-sizing: border-box;}
.ueeseo2 .ueeseo2_box .ueeseo2_bc .ueeseo2_title{font-size: 0.3rem;color: #fff;margin-bottom: 0.4rem;}
.ueeseo2 .ueeseo2_box .ueeseo2_bc .ueeseo2_img{height: 0.86rem;}
.ueeseo2 .ueeseo2_box .ueeseo2_bc0{background: #34b7d6;margin-right: 0.4rem;}
.ueeseo2 .ueeseo2_box .ueeseo2_bc1{background: #25c7ad;}
.ueeseo2 .ueeseo2_box .ueeseo2_bc2{background: #35d481;margin-right: 0.4rem;}
.ueeseo2 .ueeseo2_box .ueeseo2_bc3{background: #edb34f;}

.ueeseo3{padding-top: 0.75rem;padding-bottom: 0.8rem;}
.ueeseo3 .ueeseo3_box{width: 5.5rem;margin: 0 auto;margin-top: 0.7rem;}
.ueeseo3 .ueeseo3_box .ueeseo_reg_btn{margin-top: 0.65rem;}

.ueeseo4 {padding-top: 0.7rem;padding-bottom: 0.8rem;background: #ecf6f5;}
.ueeseo4 .ueeseo_title{margin-bottom: 0.75rem;position: relative;}
.ueeseo4 .ueeseo_title:after{position: absolute;width: 0.5rem;height: 0.06rem;content: '';background: #0ac4b4;bottom: -0.3rem;left: 50%;transform: translate(-50%,0);}
.ueeseo4 .cont{width: 7.1rem;margin: 0 auto;}
.ueeseo4 .ueeseo4_question{position: relative;padding: 0.15rem 0.28rem;margin-bottom: 0.15rem;background: #fff;border-radius: 2rem;}
.ueeseo4 .ueeseo4_question .question_icon{font-size: 0.32rem;font-family: Arial;font-weight: bold;color: #04ca99;vertical-align: top;line-height: 0.5rem;}
.ueeseo4 .ueeseo4_question .question_title{color: #444;font-size: 0.3rem;line-height: 0.5rem;display: inline-block;width: 4.5rem;}
.ueeseo4 .ueeseo4_question .ueeseo4_reg{width: 1.31rem;height: 0.58rem;line-height: 0.58rem;font-size: 0.24rem;color: #fff;text-align: center;display: block;background: #f9b532;border-radius: 1rem;position: absolute;right: 0.15rem;top: 50%;transform: translate(0,-50%);}
.ueeseo4 .ueeseo4_more{width: 4.31rem;height: 0.7rem;line-height: 0.7rem;color: #fff;display: block;text-align: center;margin: 0 auto;margin-top: 0.5rem;border-radius: 1rem;text-indent: 0.4rem;background: url(../images/ueeseo/seo_4_icon.png)no-repeat left 0.35rem center #0ac4b4;background-size: 0.4rem 0.4rem;font-size: 0.3rem;}

#show_cust .area{text-align: center;box-sizing:border-box;}
#show_cust .area .title{font-size: 6.133333vw;color: #333333;margin-bottom: 4.0vw;}
#show_cust .area .brief{font-size: 3.2vw;color: #333;}
#show_cust .area_1{height: 107.466667vw;background: url(../images/ueeshop_b2b_bg_1.jpg) no-repeat bottom center /100%;padding-top: 14.0vw;}
#show_cust .area_2{height: 114.0vw;background: url(../images/ueeshop_b2b_bg_2.jpg) no-repeat bottom center/100%;padding-top: 14.4vw;}
#show_cust .area_3{padding-top: 9.333333vw;}
#show_cust .area_3 .hideBox{width: 94.666667vw;overflow: hidden;margin: 11.733333vw auto 0;padding-bottom: 0.666667vw}
#show_cust .area_3 .hideBox .sildeBox{width: 100000px;overflow: hidden;}
#show_cust .area_3 .hideBox .sildeBox .itemBox{float: left;width: 94.666667vw;}
#show_cust .area_3 .hideBox .sildeBox .itemBox .charBox{margin-top: 9.333333vw;text-align: center;}
#show_cust .area_3 .hideBox .sildeBox .itemBox .charBox .char{color: #00bd9f;font-size: 4vw;margin-bottom: 2.666667vw;}
#show_cust .area_3 .hideBox .sildeBox .itemBox .charBox .brief{font-size:  2.666667vw;color: #333333;}
#show_cust .area_3 .hideBox .bx-viewport{margin-bottom: 8.0vw;}
#show_cust .area_3 .hideBox .bx-controls .bx-pager{text-align: center;}
#show_cust .area_3 .hideBox .bx-controls .bx-pager .bx-pager-item{display: inline-block;width: 6.0vw;height:2.0vw;font-size: 0;margin-left: 3.733333vw;}
#show_cust .area_3 .hideBox .bx-controls .bx-pager .bx-pager-item:first-child{margin-left: 0;}
#show_cust .area_3 .hideBox .bx-controls .bx-pager .bx-pager-item a{font-size: 0;display: block;width: 100%;height: 100%;box-sizing:border-box;border:1px solid #999999;border-radius: 0.933333vw;}
#show_cust .area_3 .hideBox .bx-controls .bx-pager .bx-pager-item a.active{background: #00bd9f;border-color: #00bd9f;}
#show_cust .area_4{height: 115.866667vw;background: url(../images/ueeshop_b2b_bg_4.jpg) no-repeat bottom center/100%;padding-top: 17.333333vw;}

#shop_cust .area{text-align: center;box-sizing:border-box;}
#shop_cust .area .title{font-size: 6.133333vw;color: #333333;margin-bottom: 4.0vw;}
#shop_cust .area .brief{font-size: 3.2vw;color: #333;}
#shop_cust .area_1{height: 117.733333vw;background: url(../images/ueeshop_b2c_bg_1.jpg) no-repeat bottom center /100%;padding-top: 14.666667vw;}
#shop_cust .area_2{height: 95.6vw;background: url(../images/ueeshop_b2c_bg_2.jpg) no-repeat bottom center/100%;padding-top: 3.733333vw;}
#shop_cust .area_3{padding: 17.866667vw 0 31.066667vw;min-height: 166.266667vw;background: url(../images/ueeshop_b2c_bg_3.jpg) no-repeat bottom center/100%;}
#shop_cust .area_3 .hideBox{width: 94.666667vw;overflow: hidden;margin: 11.733333vw auto 0;padding-bottom: 0.666667vw;}
#shop_cust .area_3 .hideBox .sildeBox{width: 100000px;overflow: hidden;}
#shop_cust .area_3 .hideBox .sildeBox .itemBox{float: left;width: 94.666667vw;}
#shop_cust .area_3 .hideBox .sildeBox .itemBox .charBox{margin-top: 9.333333vw;text-align: center;}
#shop_cust .area_3 .hideBox .sildeBox .itemBox .charBox .char{color: #00bd9f;font-size: 4.0vw;margin-bottom: 2.666667vw;}
#shop_cust .area_3 .hideBox .sildeBox .itemBox .charBox .brief{font-size: 2.666667vw;color: #333333;}
#shop_cust .area_3 .hideBox .bx-viewport{margin-bottom: 8.0vw;}
#shop_cust .area_3 .hideBox .bx-controls .bx-pager{text-align: center;}
#shop_cust .area_3 .hideBox .bx-controls .bx-pager .bx-pager-item{display: inline-block;width: 6.0vw;height:2.0vw;font-size: 0;margin-left: 3.733333vw;}
#shop_cust .area_3 .hideBox .bx-controls .bx-pager .bx-pager-item:first-child{margin-left: 0;}
#shop_cust .area_3 .hideBox .bx-controls .bx-pager .bx-pager-item a{font-size: 0;display: block;width: 100%;height: 100%;box-sizing:border-box;border:1px solid #999999;border-radius: 0.933333vw;}
#shop_cust .area_3 .hideBox .bx-controls .bx-pager .bx-pager-item a.active{background: #00bd9f;border-color: #00bd9f;}
#shop_cust .area_4{height: 109.466667vw;background: url(../images/ueeshop_b2c_bg_4.jpg) no-repeat bottom center/100%;padding-top: 4.0vw;}
#shop_cust_contact{width: 60.666667vw;height: 10.0vw;display: block;line-height: 10.0vw;text-align: center;font-size: 3.733333vw;color: white;margin: 0 auto 13.333333vw;background: #00bd9f;border-radius: 4.933333vw;}


#service .area{text-align: center;box-sizing:border-box;border-bottom: 1px solid #e9e9e9;width: 100%;margin: 0 auto;padding: 0 2.666667vw}
#service .area .title{font-size: 6.133333vw;color: #333333;margin-bottom: 4.0vw;}
#service .area .img{margin: 2.666667vw 0}
#service .area .brief{font-size: 4vw;color: #6d6d6d;line-height: 7vw;}
#service .area_1{padding-top: 26vw;padding-bottom:30vw;}
#service .area_0{padding-top: 13.733333vw;}
#service .area_5{padding: 11vw 0 11vw;background:url(../images/ueeshop_service_area_5_bg.png) no-repeat left bottom /100% white; }
#service .area_5 .contBox{width: 94.666667vw;min-height:35.466667vw;background: white;margin:0 auto; position: relative;box-shadow:4px -4px 14px -8px #01bea2;box-sizing:border-box;padding-top: 6.0vw;}
#service .area_5 .contBox .img{position: absolute;left: 2.666667vw;top: -2.666667vw;width: 37.733333vw;height: 35.066667vw;}
#service .area_5 .contBox .infoArea{float: right;width: 47.333333vw;}
#service .area_5 .contBox .infoArea .title{font-size: 5.066667vw;color: #333333;margin-bottom: 0.666667vw;}
#service .area_5 .contBox .infoArea .brief{font-size: 2.666667vw;color: #666666;margin-bottom: 1.333333vw;}
#service .area_5 .contBox .infoArea .phone{font-size: 2.933333vw;color: #01bea2;}

#courseNav{height: 9vw;overflow: hidden;border-width: 1px 0;border-style: solid;border-color: #d2d2d2;}
#courseNav>a{float: left;width: 25%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height: 9vw;line-height: 9vw;font-size: 3.5vw;color: #333333;text-align: center;position: relative;}
#courseNav>a.hover{color: #02ccba;}
#courseNav>a.hover:after{position: absolute;content: '';left: 0;bottom: -0.133333vw;right: 0;height: 0.4vw;overflow: hidden;background: #02ccba;}

/*about*/
.page_in_banner,
.model_banner{ display: flex; align-items: center; padding-top: 0; height: 49.7333vw; background: url(/images/b2b_advantage/banner_bg.jpg) repeat-x top left / auto 100%;}
.page_in_banner img,
.model_banner img{ width: 100%;}
.page_in_banner,
.model_banner .text{ display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center;}
.page_in_banner .text .title,
.model_banner .text .title{ width: 100%; line-height: 9.3333vw; font-size: 25px; color: #333;}
.page_in_banner .text .date,
.model_banner .text .date{ margin-top: 3.6vw; width: 100%; line-height: 6.6667vw; font-size: 15px; color: #666;}
#about .top{ margin: 0 auto 13.3333vw; width: 85.3333vw;}
#about .top:first-child{ margin-top: 13.3333vw;}
#about .top .title{ line-height: 5.3333vw; font-size: 5.6vw; color: #333; text-align:center;}
#about .top .intro{ margin-top: 6.1333vw; width: 100%; line-height: 6.9333vw; font-size: 3.7333vw; color: #666;}
#about .top .video{ position: relative; margin: 6vw auto 0; width: 69.3333vw; height: 43.7333vw;}
#about .top .video video{ width:100%; height:100%;}
#about .top .video .video_btn{ position: absolute; left: 3.3333vw; bottom: 3.3333vw; width: 9.8667vw; height: 6.6667vw; border: 2px solid #fff; background: url(/mweb/images/about_play_icon.png) no-repeat center / 2.1333vw 3.2vw; box-sizing: border-box; border-radius: 2.9333vw;}
#about .top .video .video_btn.hide{ display: none;}
#about .mid{ height:3.4rem; background:url(/mweb/images/about_bg.jpg) no-repeat; background-size:contain;}
#about .mid .title{ font-size:0.34rem; text-align:center; color:#fff; padding-top:0.9rem;}
#about .mid .intro{ text-align:center; margin-top:0.3rem;}
#about .mid .intro span{ width:2.3rem; height:0.6rem; line-height:0.6rem; display:inline-block; font-size:0.28rem; color:#fff; margin:0 0.04rem; border:0.01rem dashed #fff; -moz-border-radius:0.3rem; -ms-border-radius:0.3rem; -o-border-radius:0.3rem; -webkit-border-radius:0.3rem; border-radius:0.3rem;}

#about .bot{ margin: 0 auto; padding-top: 12vw; width: 92vw;}
#about .bot .title{ width: 100%; line-height: 8.6667vw; font-size: 6.1333vw; color: #212121; text-align: center;}
#about .bot .con{ margin: 7.4667vw 0 13.3333vw; background:url(/mweb/images/history_bg.png) top center repeat-y / 1.0667vw auto;}
#about .bot .con .item{ position: relative; margin-top: 13.3333vw; padding: 2.8vw 3.7333vw; width: 38.1333vw; background: #f5f5f5; -webkit-box-sizing: border-box; box-sizing: border-box;}
#about .bot .con .item:before{ display: block; content: ''; position: absolute; top: 50%; width: 8vw; height: .2667vw; background: #e6e6e6; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
#about .bot .con .item:after{ display: block; content: ''; position: absolute; top: 50%; width: 1.6vw; height: 1.6vw; background: #fff; border: 1.4667vw solid #e6e6e6; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-border-radius: 50%; border-radius: 50%;}
#about .bot .con .item:first-child{ margin-top: 0;}
#about .bot .con .item.fl:before{ left: 100%;}
#about .bot .con .item.fr:before{ right: 100%;}
#about .bot .con .item.fl:after{ right: -10vw;}
#about .bot .con .item.fr:after{ left: -10vw;}
#about .bot .con .item .year{ width: 100%; line-height: 6.9333vw; font-size: 5.3333vw; color:#0db083;}
#about .bot .con .item .intro{ margin-top: 2.5333vw; line-height: 5.6vw; font-size: 3.4667vw; color: #333;}
#about .mission{ height:3.55rem; background:url(/mweb/images/about_mission.jpg) no-repeat; background-size:contain;}
#about .mission .title{ font-size:0.38rem; color:#1da189; padding-top:0.9rem; margin-left:2.75rem;}
#about .mission .sign{ width:3.53rem; margin:0 auto; margin-top:0.1rem; margin-bottom:0.15rem;}
#about .mission .intro{ font-size:0.3rem; color:#535353; line-height:0.5rem; margin-left:2.75rem; margin-top:0.1rem;}

#about .technology{ width:100%; height: 94.6667vw; background:url(/mweb/images/data_bg.jpg) top center no-repeat; background-size: 100% auto;}
#about .technology .t{ padding-top: 12vw; line-height: 8.6667vw; font-size: 6.1333vw; color: #fff; text-align: center;}
#about .technology .item{ margin: 10.6667vw auto 0; width: 92vw; font-size: 0;}
#about .technology .item .dis_flex{ display: flex; justify-content: center; align-items: center; width: 100%;}
#about .technology .item .dis_flex:nth-child(2){ margin-top: 10.6667vw;}
#about .technology .item .list{ display: inline-block; position: relative; margin: 0 3.3333vw; padding: 0 2.3333vw 1.7333vw; width: 23.4667vw; text-align: center;}
#about .technology .item .list:before{content:'';position: absolute;left: 0;right: 0;bottom: 0;height: 0.9333vw; border: 0.01rem solid #4e6168; border-top: none;}
#about .technology .item .firt{ height: 7.4667vw; line-height: 7.4667vw; font-size: 6.1333vw; color: #01bea2;}
#about .technology .item .firt strong{font-weight: normal; position: relative;}
#about .technology .item .firt strong span{ font-size: 6.1333vw;}
#about .technology .item .firt em{font-size: 16px;font-style: normal;}
#about .technology .item .sect{ display: inline-block; margin-top: 4.2667vw; line-height: 6.1333vw; font-size: 3.4667vw; color: #fff; text-align: center;}

#about .mission{ display: flex; justify-content: center; align-items: center; width: 100%; height: 83.3333vw; background: url(/mweb/images/mission_bg.jpg) no-repeat center / 100%;}
#about .mission .mission_in{ display: flex; justify-content: space-between; align-items: start; margin: 0 auto; padding: 11.3333vw 0; width: 92vw; border: 0.01rem solid rgba(255, 255, 255, .18); border-left: 0; border-right: 0;}
#about .mission .mission_in .logo{ display: flex; justify-content: center; align-items: center; margin: -2.1333vw 0 0 2.1333vw; width: 25.3333vw; height: 25.3333vw; background: #fff; -webkit-border-radius: 50%; border-radius: 50%;}
#about .mission .mission_in .logo img{ max-width: 23.2vw;}
#about .mission .mission_in .text{ position: relative; padding-left: 6.4vw; width: 55.6667vw;}
#about .mission .mission_in .text:before{ content: ""; position: absolute; top: -0.8vw; left: 0; width: 2.9333vw; height: 2.5333vw; background: url(/images/mission_icon.png) no-repeat center / 100% 100%; font-size: 6.6667vw; color: #fff; text-indent: -1.8667vw;}
#about .mission .mission_in .text .mis_title{ width: 100%; line-height: 8.0vw; font-size: 5.6vw; color: #fff;}
#about .mission .mission_in .text .con{ margin-top: 2.6667vw; line-height: 6.6667vw; font-size: 3.4667vw; color: #fff;}

#about .in_news{ margin: 12vw auto 0; width: 92vw;}
/*
#about .news .t{ width: 100%; line-height: 8.8vw; font-size: 6.1333vw; color: #212121; text-align: center;}
#about .news .container{ margin-top: 6.6667vw; padding: 0 0 11.2vw; width: 100%;}
#about .news .container .item{ margin-top: 9.0667vw; width: 100%;}
#about .news .container .item:first-child{ margin-top: 0;}
#about .news .container .item .img{ width: 100%;}
#about .news .container .item .box{ margin-top: 5.3333vw; width: 100%;}
#about .news .container .item .box .date{ width: 100%; line-height: 6.1333vw; font-size: 3.7333vw; color: #b2b2b2;}
#about .news .container .item .box h3{ margin-top: 1.6vw; width: 100%; height: 16vw;}
#about .news .container .item .box h3 a{ display: block; height: 100%; line-height: 8vw; font-size: 4.8vw; color: #202020; text-decoration: none; overflow: hidden;}
#about .news .container .item .box .intro{ margin-top: 3.4667vw; line-height: 13.3333vw; line-height: 6.6667vw; font-size: 3.7333vw; color: #666; overflow: hidden;}
*/

/*contact*/
#contact .title{ text-align:center; font-size:0.36rem;}
#contact .top{margin-top:0.5rem;}
#contact .top .intro{ font-size:0.3rem; color:#808080; text-align:center; line-height:0.45rem; margin-top:0.1rem; margin-bottom:0.35rem;}
#contact .top .item{ min-height:1.45rem; border:1px solid #e2e2e2; padding-left:1rem; margin-bottom:0.15rem; -moz-border-radius:0.08rem; -ms-border-radius:0.08rem; -o-border-radius:0.08rem; -webkit-border-radius:0.08rem; border-radius:0.08rem;}
#contact .top .item .name{ font-size:0.28rem; color:#4a4a4a; padding-top:0.53rem;}
#contact .top .item .name a{ font-size:0.28rem; color:#4a4a4a;}
#contact .top .item .tips{ font-size:0.26rem; color:#969696;}
#contact .top .item a{ font-size:0.26rem; color:#4a4a4a;}
#contact .top .item:nth-child(3){ background:url(/mweb/images/contact_icon_tel.png) 0.3rem center no-repeat; background-size:auto 0.4rem;}
#contact .top .item:nth-child(3) .name{ padding-top:0.4rem;}
#contact .top .item:nth-child(4){ background:url(/mweb/images/contact_icon_mail.png) 0.3rem center no-repeat; background-size:auto 0.37rem;}
#contact .top .item:nth-child(4) .name{ padding-top:0.4rem;}
#contact .top .item:nth-child(5){ background:url(/mweb/images/contact_icon_address.png) 0.3rem center no-repeat; background-size:auto 0.46rem;}
#contact .mid{ padding:0.6rem 0;}
#contact .mid .item{ margin-top:0.6rem;}
#contact .mid .item:nth-child(1){ margin-top:0;}
#contact .mid .item .img{ width:1.4rem; height:1.4rem; margin:0 auto;}
#contact .mid .item .tips{ font-size:0.3rem; color:#48bdaa; height:0.68rem; line-height:0.68rem; border-top:1px solid #48bdaa; border-bottom:1px solid #48bdaa; text-align:center; margin-top:0.2rem;}
#contact .mid .item .name{ font-size:0.32rem; color:#646464; text-align:center; height:0.68rem; line-height:0.68rem;}
#contact .mid .item .name a{ font-size:0.3rem; color:#646464;}
#contact .bot{ padding:0.6rem 0; background:#f9f9f9; text-align:center;}
#contact .bot .intro{ font-size:0.3rem; color:#808080; margin-top:0.2rem; line-height:0.45rem; margin-bottom:0.5rem;}
#contact .bot .intro span{ color:#48bdaa; text-decoration:underline;}
#contact .bot .input{ width:6.53rem; height:0.6rem; line-height:0.6rem; font-size:0.28rem; color:#9c9c9c; text-indent:0.15rem; margin-bottom:0.15rem; background:#fff; border:1px solid #e9e9e9; -moz-border-radius:0.05rem; -ms-border-radius:0.05rem; -o-border-radius:0.05rem; -webkit-border-radius:0.05rem; border-radius:0.05rem;}
#contact .bot .textarea{ width:6.23rem; height:1.5rem; background:#fff; border:1px solid #e9e9e9; resize:none; margin-bottom:0.25rem; font-size:0.28rem; color:#9c9c9c; padding:0.1rem 0.15rem; -moz-border-radius:0.05rem; -ms-border-radius:0.05rem; -o-border-radius:0.05rem; -webkit-border-radius:0.05rem; border-radius:0.05rem;}
#contact .bot .submit{ width:6.53rem; height:0.6rem; line-height:0.6rem; color:#fff; text-align:center; font-size:0.32rem; border:1px solid #48bdaa; background:#48bdaa; -moz-border-radius:0.05rem; -ms-border-radius:0.05rem; -o-border-radius:0.05rem; -webkit-border-radius:0.05rem; border-radius:0.05rem;}
#contact .qrcode{ padding-top:0.5rem; padding-bottom:0.4rem;}
#contact .qrcode .intro{ font-size:0.28rem; color:#48bdaa; text-align:center; margin-top:0.05rem;}
#contact .qrcode .img{ width:2.3rem; height:2.3rem; margin:0 auto; margin-top:0.3rem;}

#novice .bk100{ height:1rem;}
#novice .bk40{ height:0.4rem;}
#novice .bk20{ height:0.2rem;}
#novice .bk60{ height:0.6rem;}
#novice .green{ color:#00bd9f;}
#novice .bold{ font-weight:bold;}
#novice .module_name{ text-align:center; font-size:0.3rem; color:#666; padding-top:0.2rem;}
#novice .h1{ width:6rem; font-size:0.4rem; color:#444; font-weight:bold; text-align:center; margin-top:0.1rem; position:relative; margin:0 auto; padding:0 0.3rem;}
#novice .h1 span{ font-size:0.36rem; color:#999; font-weight:normal; position:absolute; left:0; top:0;}
#novice .h1 span:nth-child(2){ left:auto; right:0;}
#novice .h2{ text-align:center; font-size:0.38rem; font-weight:bold; background:url(../images/novice_h2_bg.png) bottom center no-repeat; background-size:1.3rem auto; padding-bottom:0.25rem;}
#novice .h3{ color:#fff; background:#00bd9f; font-size:0.32rem; display:inline-block; padding:0.1rem 0.4rem 0.1rem 0.25rem; border-top-right-radius:1rem; border-bottom-right-radius:1rem;}
#novice .video_box{ margin-top:0.45rem; background:url(../images/novice_video_bg.png) no-repeat; padding-bottom:1.05rem; position:relative;}
#novice .video_box .item{ width:6.5rem; height:3.95rem; margin:0 auto; border:1px solid #f1f1f1; border-top-left-radius:3px; border-top-right-radius:3px; box-shadow:0 0 3px 0 #f4f4f4; background:#fff;}
#novice .video_box .item .top{ height:0.3rem;}
#novice .video_box .item .top i{ width:0.1rem; height:0.1rem; border-radius:0.05rem; display:block; float:left; background:#fc625d; margin-top:0.1rem; margin-left:0.1rem;}
#novice .video_box .item .top i:nth-child(2){ background:#fdbc42;}
#novice .video_box .item .top i:nth-child(3){ background:#37c94b;}
#novice .video_box .item .video{ width:100%; height:3.65rem; overflow:hidden;}
#novice .video_box .item .video video{ width:100%; height:100%;}
#novice .video_box .arrow{ width:0.16rem; height:1.2rem; background:url(../images/novice_arrow.png) no-repeat; position:absolute; left:50%; bottom:-0.56rem; background-size:contain; margin-left:-0.08rem;}
#novice .txt{ font-size:0.3rem; color:#555; line-height:0.6rem;}
#novice .ul{ padding:0.35rem 0.25rem; background:#f3f3f3;}
#novice .ul li{ font-size:0.3rem; line-height:0.6rem; position:relative; padding-left:0.2rem;}
#novice .ul li:before{ position:absolute; top:0.22rem; left:0; content:''; width:0; height:0; border-width:0.08rem; border-style:solid; border-color:transparent; border-left-color:#333;}
#novice .txt_box{ font-size:0.3rem; line-height:0.6rem; color:#666; border:1px solid #4889f4; padding:0.5rem; position:relative;}
#novice .txt_box i{ width:19px; height:13px; display:block; position:absolute; left:50%; margin-left:-10px; top:-13px; background:url(../images/novice_txt_box_bg.jpg) no-repeat;}
#novice .txt_box.nor{ border:1px solid #0dc2a9;}
#novice .txt_box.nor i{ background:url(../images/novice_txt_box_bg2.jpg) no-repeat;}
#novice .txt_border{ border-left:1px solid #d8d8d8; margin-left:6px; padding-left:0.25rem;}
#novice .txt_border .title{ color:#00bd9f; font-size:0.32rem; position:relative;}
#novice .txt_border .title i{ width:0.12rem; height:0.12rem; position:absolute; left:-0.32rem; top:0.15rem; background:#00bd9f; border-radius:0.6rem; z-index:2;}
#novice .txt_border .title em{ width:0.12rem; height:100%; position:absolute; left:-0.32rem; top:0; background:#fff;}

#info .info_list{ width: 92vw;}

/*info*/
#info .contents{padding:2% 3%;}
#info .contents h2{font-size: 0.4rem;line-height: 0.55rem;font-weight: bold;text-align: center;}
#info .contents .date{text-align: center;font-size: 0.28rem; line-height:0.5rem; color: #666;}
#info .contents .blank20{height: 0.2rem;}
#info .contents .blank30{height: 0.3rem;}
#info .contents{font-size: 14px;}
#info .near .row{margin-top: 0.15rem;font-size: 0.3rem;}
#info .near .row a{font-size: 0.28rem;line-height: 0.35rem;}
#info .relative{ padding:0.2rem 0; border-top:1px solid #ccc;}
#info .relative .title{ text-align:center; font-weight:bold; margin-bottom:0.1rem; font-size:0.3rem;}
#info .relative .rows{ line-height:0.5rem; text-indent:0.3rem; height:0.5rem; overflow:hidden;}
#info .relative .rows a{ font-size:0.28rem;}
#info .relative .rows i{ width:0.08rem; height:0.08rem; left:0; top:0.22rem; background:#000; border-radius:0.1rem;}

#info #courseNav{height: 13.3333vw; border: 0; border-bottom: 1px solid #ebebeb; overflow: visible;}
#info #courseNav>a{ float: left; /*width: 25%;*/width: 20%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; height: 100%; line-height: 13.3333vw;font-size: 14px;color: #222;text-align: center;position: relative;}
#info #courseNav>a.hover{color: #0db083;}
#info #courseNav>a.hover:after{position: absolute; content: ''; left: 0; bottom: -0.2667vw; right: 0; height: 0.4vw;overflow: hidden;background: #0db083;}

#info #video{ margin: 0 auto; width: 92.0vw;}
#info #video .live_list{ display: grid; grid-gap: 8.8vw 6.6667vw; grid-template-columns: repeat(2, 42.6667vw); margin-top: 10.6667vw; width: 100%;}
#info #video .live_list .item .img{ width: 100%;}
#info #video .live_list .item .con{ margin-top: 3.4667vw; width: 100%;}
#info #video .live_list .item .con h3{ width: 100%;}
#info #video .live_list .item .con h3 a{ display: block; width: 100%; height: 18.4vw; line-height: 6.1333vw; font-size: 14px; color: #222;}
#info #video .live_list .item .name{margin-top: 3.4667vw; width: 100%;}
#info #video .live_list .item .name a{ display: block; width: 100%; height: 18.4vw; line-height: 6.1333vw; font-size: 14px; color: #222;}

#info #video .menu_list{ display: grid; grid-gap: 2.8vw 2.8vw; grid-template-columns: repeat(3, 28.8vw); margin-top: 8.0vw;}
#info #video .menu_list a{ display: block; height: 10.1333vw; line-height: 10.1333vw; background: #f3f3f3; font-size: 13px; color: #666; text-align: center; -webkit-border-radius: 0.6667vw; -ms-border-radius: 0.6667vw; border-radius: 0.6667vw;}
#info #video .menu_list a.cur{ background: #0db083; color: #fff;}

#info #video .marketing_list{ margin: 8.0vw auto 0; width: 92.0vw;}
#info #video .marketing_list .item_box{ display: none; width: 100%;}
#info #video .marketing_list .item_box .item_box_in{ display: grid; grid-gap: 9.7333vw 6.6667vw; grid-template-columns: repeat(2, 42.6667vw); width: 100%;}
#info #video .marketing_list .item_box .item .img{ width: 100%;}
#info #video .marketing_list .item_box .item .video_name{ margin-top: 3.3333vw; width: 100%;}
#info #video .marketing_list .item_box .item .video_name a{ display: block; width: 100%;/* height: 6.1333vw;*/ line-height: 6.1333vw; font-size: 14px; color: #222;}
#info #video .marketing_list .item_box #turn_page{ margin: 12.0vw auto 13.3333vw;}

.video_box{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000000;}
.video_box .video_play{ position: absolute; left: 50%; top: 50%; width: 90%; height: 50vh; background: #fff; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.video_box .cloce{ display: block; position: absolute; top: 6.6667vw; left: 5.3333vw; width: 14.4vw; height: 11.2vw; background: url('/mweb/images/close_btn.png') no-repeat center #131313 / 4.8vw 4.8vw; border-radius: 2.6667vw; z-index: 1000001;}

.user_mobile_tips{ margin: 150px 0; font-size: 16px; text-align: center;}
.user_mobile_tips span{ color: #0eb085;}

.oper_time_outer{ display: flex; justify-content: center; align-items: center; margin: 15px 0; width: 100%;}
.oper_time_outer .txt{ display: inline-block; margin-right: 8px; font-size: 13px; color: #333;}
.oper_time_outer .oper_time{ display: flex; justify-content: center; align-items: center;}
.oper_time_outer .oper_time .day_seconds{ display: flex; justify-content: center; align-items: center; height: 25px;}
.oper_time_outer .oper_time .day_count .d,
.oper_time_outer .oper_time .day_seconds .t{ display: inline-block; margin-left: 4px; width: 20px; height: 100%; line-height: 25px; background: #313130; font-size: 14px; color: #fff; font-weight: bold; text-align: center; border-radius: 4px;}
.oper_time_outer .oper_time .day,
.oper_time_outer .oper_time .day_seconds .s{ display: inline-block; margin: 0 2px 0 5px; height: 100%; line-height: 25px; font-size: 13px; color: #333;}
.oper_time_outer .oper_time .day{ margin-right: 10px; font-size: 13px;}

.new_anim{  -moz-animation: new_anim-out .75s; -webkit-animation: new_anim-out .75s; animation: new_anim-out .75s }
.new_anim {-moz-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);position: absolute;top: 50%;left: 50%;z-index: 1}
.new_anim:before{ position: relative;  content: '';  display: block;  margin-top: 100%; }
.new_anim:after{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; -moz-animation: new_anim-out-pseudo .75s;-webkit-animation: new_anim-out-pseudo .75s;animation: new_anim-out-pseudo .75s  }
.new_anim, .new_anim:after{ animation-iteration-count: infinite; animation-duration: 1.3s }

@-webkit-keyframes new_anim-out-pseudo {
    0% {
        background: rgba(0,0,0,0.25)
    }

    100% {
        background: transparent
    }
}

@-moz-keyframes new_anim-out-pseudo {
    0% {
        background: rgba(0,0,0,0.25)
    }

    100% {
        background: transparent;
    }
}

@-ms-keyframes new_anim-out-pseudo {
    0% {
        background: rgba(0,0,0,0.25)
    }
    100% {
        background: transparent
    }
}

@keyframes new_anim-out-pseudo {
    0% {
        background: rgba(0,0,0,0.25)
    }
    100% {
        background: transparent
    }
}

@-webkit-keyframes new_anim-out {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-moz-keyframes new_anim-out {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-ms-keyframes new_anim-out {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@keyframes new_anim-out {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

.apply_outer{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 1000000; transform: translateY(100%); transition: all .3s;}
.apply_outer.show{ transform: translateY(0);}
.apply_outer .apply_in{ position: absolute; bottom: 0; left: 0; padding: 15px 15px 20px 15px; width: 100%; background: #fff; box-sizing: border-box;}
.apply_outer .apply_in .apply_con{ width: 100%; height: 100%;}
.apply_outer .apply_in .apply_con .apply_close{ width: 100%; height: 20px; text-align: right;}
.apply_outer .apply_in .apply_con .apply_title{ margin-top: 6px; width: 100%; line-height: 35px; font-size: 21px; color: #333; text-align: center;}
.apply_outer .apply_in .apply_con .apply_form{ margin: 23px auto 0; width: 100%;}
.apply_outer .apply_in .apply_con .apply_form .apply_form_row{ display: flex; justify-content: start; align-items: center; margin-top: 15px; width: 100%; height: 35px;}
.apply_outer .apply_in .apply_con .apply_form .apply_form_row:first-child{ margin-top: 0;}
.apply_outer .apply_in .apply_con .apply_form .apply_form_row .apply_form_title{ padding-right: 12px; width: 20.5333%; font-size: 14px; color: #333; text-align: right;}
.apply_outer .apply_in .apply_con .apply_form .apply_form_row .input{ padding: 0 10px; width: 66.6667%; height: 100%; border-radius: 4px; box-sizing: border-box;}
.apply_outer .apply_in .apply_con .apply_form .apply_form_row input.input{ border: 1px solid #ddd;}
.apply_outer .apply_in .apply_con .apply_form .apply_form_row.apply_tips{ margin-top: 10px; height: auto;}
.apply_outer .apply_in .apply_con .apply_form .apply_form_row .red{ margin-left: 5px; font-size: 14px; color: #f00;}
input::-webkit-input-placeholder{ font-size: 14px; color: #999;}
.apply_outer .apply_in .apply_con .apply_form .apply_form_row.submit_row{ margin-top: 25px; height: auto;}
.apply_outer .apply_in .apply_con .apply_form .apply_form_row input[type=Submit]{ width: 100%; height: 45px; line-height: 45px; border: 0; background: #0bba91; font-size: 15px; color: #fff; cursor: pointer;}
input:-moz-placeholder{ font-size: 14px; color: #999;}
input::-moz-placeholder{ font-size: 14px; color: #999;}
input:-ms-input-placeholder{ font-size: 14px; color: #999;}
.apply_outer .apply_in .apply_con .apply_form .apply_form_row.apply_tips .input{ width: 100%; height: auto; line-height: 32px; font-size: 12px; color: #999; text-align: center;}


/***** 生态资源 ******/
.resources_banner{width:100%; max-height:320px; position:relative;}
.resources_banner .text_box{position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%,-50%);}
.resources_banner .text_box .b_title{font-size:8vw; line-height:8vw; color:#fff; text-align:center;}
.resources_banner .text_box .sub_title_box{margin-top:4vw; position:relative; margin-left:30vw;}
.resources_banner .text_box .sub_title_box p{font-size:3.733333vw; line-height:5.6vw; color:#fff; margin:0px;}
.resources_banner .text_box .sub_title_box .john{position:absolute; width:21vw; height:6.66667vw; top:0px; left:-21vw; font-size:3.733333vw; line-height:6.66667vw; text-indent:2.8vw; color:#fff;  background:url('/mweb/images/resources/2021-3-30/m_resources_john_bg.png') repeat-y left top; background-size:100%;}

.cate_nav_box{width:100%; overflow-x:auto; border-bottom:1px solid #c8c8c8;}
.cate_nav_box .cate_nav_list{ white-space: nowrap; font-size:0px;}
.cate_nav_box .cate_nav_list .nav_item{display:inline-block; font-size:3.733333vw; color:#333333; line-height:4.4vw; padding:4vw 3.333333vw; margin:0px 1.6vw; border-bottom:2px solid transparent;  white-space:normal;}
.cate_nav_box .cate_nav_list .nav_item.cur{color:#17a482; border-bottom:2px solid #17a482;}
.cate_nav_box::-webkit-scrollbar{display:none;}

.brand_box{width:92%; margin:0 auto;}
.brand_box .brand_list_box{width:100%; font-size:0px; display:none; }
.brand_box .brand_list_box .brand_item{width:27%; display:inline-block; margin:6vw 3%; height:0px; padding-top:10vw; position:relative;}
.brand_box .brand_list_box .brand_item img{max-width:100%; max-height:100%; position:absolute; top:0px; right:0px; bottom:0px; left:0px; margin:auto;}




/* qrcode_reg */
.quick_main{}
.quick_main .logo{display: block; width: 92%; margin: 7.73333vw auto 0px;}
.quick_main .logo a{display:inline-block; width:30.4vw; height: 5.06667vw;}
.quick_main .top_title{display: block; width: 76.46667vw; height: 28.66667vw; margin: 9.2vw auto 0px;}
.quick_main .reg_main{width: 100%; margin-top: 27.06667vw; position: relative; background: #018776;}
.quick_main .reg_main:after{position: absolute; content: ''; width: 100vw; height:15.066667vw; top: -15vw; left: 0px;  background: url('../images/qrcode_reg/reg_main_top.png') no-repeat top center; background-size: cover;}
.quick_main .reg_main .reg_title{font-size: 6.13333vw; line-height: 8vw; color: #fff; text-align: center; margin-top: 3.2vw;}
.quick_main .reg_main .reg_form{margin-top: 6vw; text-align: center;}
.quick_main .reg_main .reg_form .text{display: block; width: 71.73333vw; height: 8.66667vw; margin: 0 auto 3.86667vw; border:1px solid #49aa9c; border-radius: 8px; outline: none; background-color: transparent; font-size: 3.2vw; line-height: 8.66667; padding: 0px 4vw; color: #fff; font-family: '微软雅黑'; line-height:normal; color: #89d7cd;}
.quick_main .reg_main .reg_form .text::-webkit-input-placeholder{color: #89d7cd;}
.quick_main .reg_main .reg_form .sub_btn{display: block; width:39.33333vw; height: 9.33333vw; line-height: 9.33333vw; font-family: '微软雅黑'; font-size: 3.73333vw; color: #000000; margin: 4.66667vw auto 0px; border:0px; outline: 0px; background-color: #ffde00; border-radius: 9px;}
.quick_main .reg_main .server{margin-top: 10vw; text-align: center;}
.quick_main .reg_main .server span{display: inline-block; font-size: 4.26667vw; color: #fff; line-height: 6.53333vw; position: relative;}
.quick_main .reg_main .server span:before{content: ''; position: absolute; left: -5.6vw ; top: 0px; width:1.46667vw; height:6.53333vw; background: url('../images/qrcode_reg/server_left.png') no-repeat; background-size: cover;}
.quick_main .reg_main .server span:after{content: ''; position: absolute; right: -5.6vw ; top: 0px; width:1.46667vw; height:6.53333vw; background: url('../images/qrcode_reg/server_right.png') no-repeat; background-size: cover;}
.quick_main .reg_main .list{width: 100%; margin: 3.33333vw auto 0px; padding-bottom:6.93333vw; font-size: 0px; text-align: center;}
.quick_main .reg_main .list .item{display: inline-block; vertical-align: top; /* width: 25%;*/ padding: 0px 2vw; border-right: 1px solid #39a695; box-sizing:border-box; }
.quick_main .reg_main .list .item:first-child{padding-left: 0px;}
.quick_main .reg_main .list .item:last-child{border-right: 0px; padding-right: 0px;}
.quick_main .reg_main .list .item .top{color: #68c0a1; }
.quick_main .reg_main .list .item .top span{display: inline-block; vertical-align: top; font-size: 7.46667vw; line-height: 7.46667vw;}
.quick_main .reg_main .list .item .top em{display: inline-block; vertical-align: top; font-size: 2.8vw; font-style: normal;}
.quick_main .reg_main .list .item .name{font-size: 3.2vw; color: #fff; }

/** 服务页面  装修服务/广告代投服务/SEO运营服务/B2B平台发布服务  **/
#server{margin-top: 6.66667vw; margin-bottom: 13.33333vw;}
#server .cate_title{text-align: center; font-size: 5.6vw;; line-height: 10.66667vw; color: #333; }
#server .server_cate_list{width: 92%; height: 8vw; margin: 5.33333vw auto 0px; background-color: #f2f5f8;}
#server .server_cate_list .list{width: 100%; display: flex; justify-content:space-around;}
#server .server_cate_list .list .item{display: inline-block;}
#server .server_cate_list .list .item a{display: inline-block; height: 6.4vw; line-height: 6.4vw; padding: 0px 1vw; font-size: 3vw; color: #747c7f; margin:3px;}
#server .server_cate_list .list .item.cur a{background-color: #fff; color: #0db083;}
#server .page_title{margin-top: 5.33333vw; text-align: center; position: relative;}
#server .page_title:after{content: ''; width: 60vw; height: 0px; border-top: 1px solid #cdddea; position: absolute; top: 50%; left: 50%; margin-left:-30vw; z-index: -1;}
#server .page_title span{display: inline-block; font-size: 4.8vw; line-height: 10.66667vw;color: #000000; padding: 0px 4.66667vw; background-color: #fff;}
#server .main_box{margin-top: 7.33333vw; }
#server .main_box .list .item{border:1px solid #cdddea; border-radius: 5px; overflow: hidden; width: 92%; margin: 0px auto 10vw;}
#server .main_box .list .item .item_left{width:100%; border-bottom: 1px solid #cdddea; text-align: center; padding-bottom: 7.33333vw;}
#server .main_box .list .item .item_left .top{font-size: 6.8vw; line-height: 10.66667vw; color: #000; margin-top: 7.33333vw;}
#server .main_box .list .item .item_left .bottom{}
#server .main_box .list .item .item_left .bottom .currency{font-size: 2.67777vw; color: #000000;}
#server .main_box .list .item .item_left .bottom .price{font-size: 6.4vw; color: #000000;}
#server .main_box .list .item .item_left .bottom .time{font-size:  2.67777vw; color: #000000;}
#server .main_box .list .item .item_right{width: 100%;}
#server .main_box .list .item .item_right .desc_box{display: block; width: 92%; margin: 7.33333vw auto 0px; text-align:  center;}
#server .main_box .list .item .item_right .desc_box:after{content: ''; display: inline-block; height: 100%; vertical-align: middle;}
#server .main_box .list .item .item_right .desc_box .desc_list{display: inline-block; vertical-align: middle; width: 100%; text-align: center; }
#server .main_box .list .item .item_right .desc_box .desc_list .desc_item{display: inline-block; width: 100%; font-size: 4.8vw; line-height:10vw; color: #000;}
#server .main_box .list .item .item_right .desc_box .desc_list .desc_item:nth-child(2n){margin-right: 0px;}
#server .main_box .list .item .item_right .desc_box .desc_list .desc_item.long{width: 100%; margin-right: 0px;}
#server .main_box .list .item .item_right .detail_btn{display: block; margin: 0 auto 7vw; width: 50vw; height: 12vw; line-height: 12vw; background-color: #07ad87; font-size: 4.8vw; color: #fff; border-radius: 5px; text-decoration: none; text-align: center;}

#server .main_box .vertical_list{width: 92%; margin: 7.33333vw auto 0px;}
#server .main_box .vertical_list .list_item{display: block; width: 100%; border:1px solid #cdddea; border-radius:5px; margin-bottom: 10vw;}
#server .main_box .vertical_list .list_item .top_box{width: 100%; margin-top: 7.33333vw; padding-bottom: 7.33333vw; border-bottom: 1px solid #cdddea; text-align: center;}
#server .main_box .vertical_list .list_item .top_box .name{font-size: 6.8vw; line-height: 10.66667vw; color: #000;}
#server .main_box .vertical_list .list_item .top_box .currency{font-size: 3.2vw; color: #000000;}
#server .main_box .vertical_list .list_item .top_box .price{font-size: 6.4vw; color: #000000;}
#server .main_box .vertical_list .list_item .top_box .time{font-size: 3.2vw; color: #000000;}
#server .main_box .vertical_list .list_item .bottom_box{width: 81%; margin: 5vw auto 5vw; }
#server .main_box .vertical_list .list_item .bottom_box .func_list{width: 100%;}
#server .main_box .vertical_list .list_item .bottom_box .func_list .func_item{font-size: 0px;}
#server .main_box .vertical_list .list_item .bottom_box .func_list .func_item .key{display: inline-block; font-size: 4.8vw; color: #000000; line-height: 10.66667vw; width: 36%; margin-right: 4%; vertical-align: top;}
#server .main_box .vertical_list .list_item .bottom_box .func_list .func_item .vlaue{display: inline-block; font-size: 4.8vw; color: #000000; line-height: 10.66667vw; width: 60%;}
#server .main_box .vertical_list .list_item .bottom_box .detail_btn{display: block; margin: 5vw auto 7vw; width: 50vw; height: 12vw; line-height: 12vw; background-color: #07ad87; font-size: 4.8vw; color: #fff; border-radius: 5px; text-decoration: none; text-align: center;}

#server .main_box.seo_page .vertical_list .list_item .bottom_box{width:57%; }
#server .main_box.seo_page .vertical_list .list_item .bottom_box .func_list .func_item .key{width: 47%; margin-right: 3%;}
#server .main_box.seo_page .vertical_list .list_item .bottom_box .func_list .func_item .vlaue{width: 50%; text-align: right;}

#b2b_plan .banner{position: relative;}
#b2b_plan .logo{position: absolute; top: 5.33333vw; left: 4vw; width:30.93333vw; }
#b2b_plan .box1{margin-top: 16px;}
#b2b_plan .box1 .m_title{font-size: 6.66667vw; line-height: 10.33333vw; text-align: center; color: #222222; position: relative;}
#b2b_plan .box1 .m_title:before{content: ''; position: absolute; bottom: -5.86667vw;left: 46.733%; width: 1.2vw; height: 5.86667vw; border:1px solid #b6bdef; background-color: #3e53d5; transform:rotate(45deg); border-radius: 22px;}
#b2b_plan .box1 .m_title:after{content: ''; position: absolute; bottom: -5.86667vw; right: 46.733%; width: 1.2vw; height: 5.86667vw; border:1px solid #fe4b36; background-color: #fd4b36; transform:rotate(45deg);border-radius: 22px; }
#b2b_plan .box1 .list{padding:13.33333vw 8.4vw; margin-top:6vw;  background: url('../images/b2b_plan/box1_bg.png') no-repeat top center; background-size: cover;}
#b2b_plan .box1 .list .item{width: 100%; padding: 1.6vw; border-radius: 2vw; background-color: #fff; margin-bottom: 5.33333vw; box-shadow: 5px 5px 20px rgba(0,0,0,0.1); overflow: hidden;}
#b2b_plan .box1 .list .item{width: 100%; padding: 1.6vw; border-radius: 2vw; background-color: #fff; margin-bottom: 5.33333vw; box-shadow: 5px 5px 20px rgba(0,0,0,0.1);}
#b2b_plan .box1 .list .item .left_pic{float: left; width: 15.33333vw; padding-top: 15.33333vw; border-radius: 2vw; position: relative;}
#b2b_plan .box1 .list .item:nth-child(1) .left_pic{background-color: #1d32ce;}
#b2b_plan .box1 .list .item:nth-child(2) .left_pic{background-color: #ff4b36;}
#b2b_plan .box1 .list .item:nth-child(3) .left_pic{background-color: #08104d;}
#b2b_plan .box1 .list .item .left_pic img{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto; width: 70%;}
#b2b_plan .box1 .list .item .right_info{float: left; margin-left: 3.46667vw; width: 58.66666vw;}
#b2b_plan .box1 .list .item .right_info .item_title{font-size: 3.73333vw; color: #17233d; }
#b2b_plan .box1 .list .item .right_info .item_subtitle{font-size: 2.67777vw; color: #808694; line-height: 3.73333vw;margin-top: 1vw; }
#b2b_plan .box1 .list .item:last-child{margin-bottom: 0px;}
#b2b_plan .box1 .get_btn{display: block; width: 66vw; height: 10.66667vw; line-height: 10.66667vw; text-align: center; font-size: 4.8vw; color: #fff; margin: -4.26667vw auto 0px; background-color: #ff4b36; border-radius: 1.6vw;}

#b2b_plan .box2{margin: 12.66667vw auto 0px; width: 92%;}
#b2b_plan .box2 .m_title{font-size: 5.33333vw; line-height: 8vw; text-align: center; color: #333333; font-weight: bold;}
#b2b_plan .box2 .m_subtitle{font-size: 3.73333vw; line-height:6.4vw; text-align: center; color: #666666; margin-top: 2.67777vw;}
#b2b_plan .box2 .pic_box{text-align: center; margin-top: 9.33333vw;}
#b2b_plan .box2 .pic_box img{max-width: 80%;}
#b2b_plan .box2.long{width: 100%;}
#b2b_plan .box2.long .pic_box img{max-width: 100%;}
#b2b_plan .server_inq{display: block; width: 66vw; height: 10.66667vw; line-height: 10.66667vw; text-align: center; font-size: 4.8vw; color: #fff; margin: 14.93333vw auto 0px; background-color: #ff4b36; border-radius: 1.6vw;}
#b2b_plan .index_item.index2 .brief .text .img:before{content: unset;}
#b2b_plan .index_item.index2 .brief .text .img:after{content: unset;}
#b2b_plan .index_item.index2 .brief .text .img .before2{display: none;}
#b2b_plan .index_item.index2 .brief .text .txt{color: #666666;}
#b2b_plan .bx-wrapper .bx-pager.bx-default-pager a{background-color: #cccccc;}
#b2b_plan .bx-wrapper .bx-pager.bx-default-pager a:hover,#b2b_plan .bx-wrapper .bx-pager.bx-default-pager a.active{background-color: #2e42d1;}

/* wszg ------------------------------------------------------------------------------------------ */
.flex_center_switch { display: flex; justify-content: center; align-items: center; margin: 68px 0; }
.flex_center_switch .switch { position: relative; width: 128px; height: 45px; background: #eeeef0; border-radius: 50px; margin-left: 20px; margin-right: 21px; cursor: pointer; }
.flex_center_switch .switch .green_btn { position: absolute; top: 0; left: 4px; bottom: 0; width: 62px; height: 39px; background: #0bb183; border-radius: 50px; margin: auto; transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; }
.flex_center_switch .switch .green_btn.cur { left: 62px; }
.flex_center_switch .port { position: relative; padding-left: 43px; font-size: 32px; }
.flex_center_switch .port:after { content: ''; position: absolute; width: 29px; height: 29px; top: 0; left: 0; bottom: 0; margin: auto; }
.flex_center_switch .port.pc_port::after { background: url(/images/icon_pc.png) no-repeat center; background-size: 29px; }
.flex_center_switch .port.phone_port::after { background: url(/images/icon_phone.png) no-repeat center; background-size: 23px; }
@media screen and (max-width: 750px) {
    .flex_center_switch { margin: 9vw 0; }
    .flex_center_switch .port { font-size: 4.26666vw; }
}
@media screen and (max-width: 500px) {
    .flex_center_switch .switch { width: 64px; height: 24px; margin: 0 10px; }
    .flex_center_switch .switch .green_btn { width: 31px; height: 18px; left: 3px; }
    .flex_center_switch .switch .green_btn.cur { left: 30px; }
    .flex_center_switch .port { padding-left: 20px; }
    .flex_center_switch .port:after { width: 15px; height: 15px; }
    .flex_center_switch .port.pc_port::after { background-size: 15px; }
    .flex_center_switch .port.phone_port::after { background-size: 12px; }
}

#template .list .item_box { width: 48%; margin-top: 10.5333vw; }
#template .list .item_box:nth-child(-n+2) { margin-top: 0; }
#template .list .content .new_anim:before, #template .list .content .new_anim:after { display: none; }
#template .list.phone_list{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
#template .list.phone_list .item_box .content { display: flex; justify-content: center; margin-top: 5.2vw; }
#template .list.phone_list .item_box .content a { width: 18.6667vw; line-height: 9.067vw; font-size: 3.73333vw; margin: 0 5px }zz

#turn_page { margin-top: 9vw; display: flex; align-items: center; justify-content: center; }
#turn_page .page_button { background: #f7f7f7; border: none; }
#turn_page .page_item { border: none; margin: 0.1rem 0.17rem; display: block; }
#turn_page font.page_item { height: 0.6rem; line-height: 0.4rem; }
#turn_page .page_item_current { border: none; margin: 0.1rem 0.17rem; }
@media screen and (max-width: 450px){
    #turn_page .page_button img { max-width: 70%; }
}
/* wszg ------------------------------------------------------------------------------------------ */

.page_ueeshop_img{position: relative;padding-top: 100%;}
.page_ueeshop_img img.ueeshop_img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}