@charset "utf-8";
/* CSS Document */
/*通用样式*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/* html标签兼容 */
article, aside, details, figcaption, figure, footer, header, main, hgroup, menu, nav, section {
    display: block;
}
a, address, b, big, blockquote, body, center, cite, code, dd, del, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, label, legend, li, ol, p, pre, small, span, strong, u, ul, var {
    margin: 0;
    padding: 0;
}
body, p, form, input, button, dl, dt, dd, ul, ol, li, h1, h2, h3, h4 {
    list-style: outside none none;
    font: 12px/1.5 'Microsoft YaHei', 'Heiti SC', tahoma, arial, 'Hiragino Sans GB', \\5B8B\4F53, sans-serif;
}
body, button, input, select, textarea {
    background-color: #fff;
    font: 12px/1.5 'Microsoft YaHei', 'Heiti SC', tahoma, arial, 'Hiragino Sans GB', \\5B8B\4F53, sans-serif;
    color: #666;
    font-family: 'Microsoft YaHei', 'Heiti SC', tahoma, arial, 'Hiragino Sans GB', \\5B8B\4F53, sans-serif;
    /*取消轮廓线 蓝色的*/
    outline: none;
    background:transparent;
    border: none;
    overflow-x: hidden;
}
button, html input[type="button"], input[type="submit"] {
    cursor: pointer;
}
button[disabled], html input[disabled] {
    cursor: default;
}
input, select, textarea {
    font-size: 100%;
}
button::-moz-focus-inner{
	border: medium none;
    padding: 0;
}
div a:hover{
    text-decoration:none;
    color: #1E62F6;
}
div a:focus{
    text-decoration:none;
}
a,.cursor{
	cursor: pointer;
}
img {
    border: 0 none;
    vertical-align: middle;
}
em, i, u {
    font-style: normal;
}
a{
	color:#888;
	text-decoration:none;
    outline:none
}
.fl {
    float: left;
}
.fr {
    float: right;
}
/*清除浮动*/
.clearfix:after {
    visibility: hidden;
    clear: both;
    display: block;
    content: ".";
    height: 0
}

.clearfix {
    *zoom: 1
}
.hide,
.none {
    display: none!important;
}
.show{
    display: block!important;
}

.al {
    text-align: left;
}
.ac {
    text-align: center;
}
.ar {
    text-align: right;
}
.hide {
    display: none;
}
.center{
	margin:0 auto;}
.wrap{
	width:1200px;
}
.clear{
    clear:both;
}
.bolder{
    font-weight: bolder;
}
.w1200{
	max-width:1200px;
	position:relative;
    margin:auto;
}
.ellipsis{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.defaultBtn{
    width: 120px;
    height:40px;
    background:#FFBA00;
    border-radius:2px;
    border: none;
    font-size:16px;
    color: #fff;
}
.mt5{margin-top:5px}.mb5{margin-bottom:5px}.ml5{margin-left:5px}.mr5{margin-right:5px}
.mt10{margin-top:10px}.mb10{margin-bottom:10px}.ml10{margin-left:10px}.mr10{margin-right:10px}
.mt15{margin-top:15px}.mb15{margin-bottom:15px}.ml15{margin-left:15px}.mr15{margin-right:15px}
.mt20{margin-top:20px}.mb20{margin-bottom:20px}.ml20{margin-left:20px}.mr20{margin-right:20px}
.mt25{margin-top:25px}.mb25{margin-bottom:25px}.ml25{margin-left:25px}.mr25{margin-right:25px}
.mt30{margin-top:30px}.mb30{margin-bottom:30px}.ml30{margin-left:30px}.mr30{margin-right:30px}
.mt35{margin-top:35px}.mb35{margin-bottom:35px}.ml35{margin-left:35px}.mr35{margin-right:35px}
.mt40{margin-top:40px}.mb40{margin-bottom:40px}.ml40{margin-left:40px}.mr40{margin-right:40px}
.mt50{margin-top:50px}.mb50{margin-bottom:50px}.ml50{margin-left:50px}.mr50{margin-right:50px}

.pt1{padding-top:1px}.pb1{padding-bottom:1px}.pl1{padding-left:1px}.pr1{padding-right:1px}
.pt2{padding-top:2px}.pb2{padding-bottom:2px}.pl2{padding-left:2px}.pr2{padding-right:2px}
.pt3{padding-top:3px}.pb3{padding-bottom:3px}.pl3{padding-left:3px}.pr3{padding-right:3px}
.pt4{padding-top:4px}.pb4{padding-bottom:4px}.pl4{padding-left:4px}.pr4{padding-right:4px}
.pt5{padding-top:5px}.pb5{padding-bottom:5px}.pl5{padding-left:5px}.pr5{padding-right:5px}
.pt10{padding-top:10px}.pb10{padding-bottom:10px}.pl10{padding-left:10px}.pr10{padding-right:10px}
.pt15{padding-top:15px}.pb15{padding-bottom:15px}.pl15{padding-left:15px}.pr15{padding-right:15px}
.pt20{padding-top:20px}.pb20{padding-bottom:20px}.pl20{padding-left:20px}.pr20{padding-right:20px}
.pt25{padding-top:25px}.pb25{padding-bottom:25px}.pl25{padding-left:25px}.pr25{padding-right:25px}
.pt30{padding-top:30px}.pb30{padding-bottom:30px}.pl30{padding-left:30px}.pr30{padding-right:30px}
.pt35{padding-top:35px}.pb35{padding-bottom:35px}.pl35{padding-left:35px}.pr35{padding-right:35px}
.pt40{padding-top:40px}.pb40{padding-bottom:40px}.pl40{padding-left:40px}.pr40{padding-right:40px}
.pt50{padding-top:50px}.pb50{padding-bottom:50px}.pl50{padding-left:50px}.pr50{padding-right:50px}

.orangeFont{
    color: #E55803;
}
.greyFont{
    color: #999999;
}
.blackFont{
    color: #333333;
}
.greybk{
    background: #F3F2F5;
}

.bannerCage{
    position: relative;
}
.bannerCage img{
    width: 100%;
    height: auto;
}
.cage{
    position: relative;
    z-index: 2;
}
main,footer{
    overflow-x: hidden;
}
/*顶部导航*/
header{
    z-index:9999;
    width:100%;
    position:fixed;
    top:0;
    left:0;
    transition:.6s ease;
    backdrop-filter:saturate(100%) blur(4px);
    -webkit-backdrop-filter: saturate(100%) blur(4px);
    background:rgba(23,23,23,0.2);
    border-bottom: 1px solid rgba(255,255,255,.1);
}
header.sticky{
    background:rgba(255,255,255,0.8);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .05);
    border-bottom: none;
}
header.sticky .T_topBar .logo{
    background: url(../images/logo/logo_2.png) no-repeat 0 center;
    background-size: 80%;
}
header.sticky .T_topBar a{
    color: #2B2B33;
}
header.sticky .T_topBar a.active,header.sticky .T_topBar a:hover{
    color: #1E62F6;
}
header.sticky .T_topBar .nav_toggle svg path{
    fill:#2B2B33;
}
header .T_topBar .show_menu {
    right: 0;
}

.T_topBar{
    position:relative;
    height: 64px;
    max-width:1464px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin: 0 auto;
    padding: 0 12px;
    transition:.6s ease;
}
.T_topBar .nav_toggle{
    display: none;
    font-size: 1.6rem;
    cursor: pointer;
    color: #FFF;
}
.T_topBar .logo{
    height: 32px;
    width: 181px;
    background: url(../images/logo/logo.png) no-repeat 0 center;
    background-size: 80%;
    transition:.6s ease;
}

.T_topBar .nav_menu{
    position: relative;
    display: flex;
}
.T_topBar .nav_menu .nav_list{
    flex-direction: row;
    display: flex;
    background: none;
}
.T_topBar .nav_menu .nav_list .nav_item{
    background: none;
}
.T_topBar .nav_menu a{
    display: inline-block;
    margin-left: 50px;
    line-height: 40px;
    text-align: center;
    color: #8a8c99;
    font-size: 16px;
}
.T_topBar .nav_menu a.active{
    color: #fff;
}
.T_topBar .nav_menu a:hover{
	color: #fff;
}
.T_topBar .nav_menu .nav_close{
    position: absolute;
    top: 0.75rem;
    right: 1rem;
    font-size: 1.5rem;
    color: #000;
    cursor: pointer;
    display: none;
}

/* 滚动跟随 */
.scrollWrap{
    position: fixed;
    right: 24px;
    bottom:120px;
    width: 60px;
    border-radius: 4px;
    z-index: 11;
    background: #fff;
    -webkit-box-shadow:0 4px 34px rgba(135,135,135,.17);
    box-shadow:0 4px 34px rgba(135,135,135,.17);
}
.scrollWrap a{
    display: inline-block;
    position: relative;
}
.scrollWrap a:hover{
    /*background: #DFE2F2;*/
}
.scrollWrap a:hover .sCage{
    display: block;
}
.scrollWrap a i.icon{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    color: #B2B4C1;
}
.scrollWrap a:hover path{
    fill:#1E62F6;
}
.scrollWrap a .sCage{
    position: absolute;
    right: 70px;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    word-wrap: normal;
    background: #fff;
    display: inline-block;
    /* padding:10px 15px; */
    font-size: 14px;
    line-height: 24px;
    display: none;
    -webkit-box-shadow:0 4px 34px rgba(135,135,135,.17);
    box-shadow:0 4px 34px rgba(135,135,135,.17);
}
.scrollWrap a .sCage::after{
    display: inline-block;
    content: '';
    width:0;
    height:0;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-left:10px solid #fff;
    position: absolute;
    right: -10px;
    top: 50%;
    margin-top:-10px;
}
/* 广告 */
.T_gg{
    height: 360px;
    background: url(../images/pic/waistbanner.png) no-repeat center;
    display: flex;
    align-items: center;
    color: #2B2B33;
    padding: 10px 0;
}
.T_gg .container{
    text-align: center;
}
.T_gg .container .h1{
    font-size: 40px;
    margin-bottom: 24px;
}
.T_gg .container .h5{
    font-size: 20px;
}
.T_gg .container .contact{
    margin: 48px auto 0;
    width: 160px;
    max-height: 48px;
    border-radius: 4px;
    background-color: #1E62F6;
    color: #FFF;
    font-size: 16px;
    padding: 12px 0;
    transition: all .2s;
    cursor: pointer;
}
.T_gg .container .contact:hover{
    background-color: #3373FF;
}

/* 页脚 */
.T_footer{
    background: #FFF;
}
.T_footer .container{
    padding:80px 0 20px;
    display: flex;
}
.T_footer .left_content{
    width: 32%;
}
.T_footer .b_logo{
    display: flex;
    margin-bottom: 60px;
    padding-left: 10px;
}
.T_footer .b_logo1{
    height: 32px;
    width: 110px;
    margin-right: 32px;
    background: url(../images/logo/logo_1.png) no-repeat 0 center;
}
.T_footer .b_logo2{
    height: 32px;
    width: 182px;
    background: url(../images/logo/logo_2.png) no-repeat 0 center;
}

.T_footer .right_content{
    width: 68%;
    display: flex;
    justify-content: space-around;
}
.T_footer .wCage{
    padding-left:10px;
}
.T_footer .title{
    cursor: pointer;
    color: #2B2B33;
    font-size: 18px;
    height: 24px;
    line-height: 24px;
    margin-bottom:20px;
}
.T_footer .line{
    color: #585A66;
    font-size: 14px;
    line-height: 25px;
    transition: all .3s;
    margin-bottom: 2px;
}
.T_footer .inline{
    display: inline;
    margin-right: 24px;
}
.T_footer .line img{
    margin: 16px 0 4px 0;
    width: 80px;
    height: 80px;
    border: 4px #F2F3F7 solid;
}
.T_footer .line img:first-child{
    margin-right: 20px;
}

/* 备案 */
.T_copyRight{
    background: #FFF;
    border-top: 1px #F2F3F7 solid;
    color: #999;
    font-size: 14px;
}
.T_copyRight .container{
    height: 60px;
    display: flex;
    align-items: center;
    padding: 0 12px;
}
.T_copyRight .t1{
    margin-right:120px;
}

/* 分页 */
.paginationWrap{
    display: block;
    text-align: center;
    padding: 20px 0;
}
.paginationWrap .el-pagination.is-background .el-pager li:not(.disabled).active{
    background-color: #23d5ae;
}
.phonePagination{
    display: none;
}

/* 滚动条 */
::-webkit-scrollbar {
    /*width: .60rem;*/
    width: 0;
    /*background-color: hsl(190, 12%, 90%);*/
}
/*::-webkit-scrollbar-thumb {*/
/*    background-color: hsl(190, 12%, 75%);*/
/*}*/

/*::-webkit-scrollbar-thumb:hover {*/
/*    background-color: hsl(228, 12%, 75%);*/
/*}*/

.c-scrollbar{
    z-index: 9998;
    position: fixed;
    right: 0;
    top: 0;
    width: 12px;
    height: 100vh;
    transform-origin: center right;
    transition: transform .3s,opacity .3s;
    opacity: 1;
}

.c-scrollbar .c-scrollbar_thumb{
    position: absolute;
    width: 100%;
    height: 240px;
    margin: 0;
    opacity: 1;
    border-radius: 10px;
    background-color: initial;
    background-image: linear-gradient(0deg , #1E62F6 , rgba(30,98,246,0));
}
.c-scrollbar .c-scrollbar_thumb[data-state-dir=up]{
    background-image: linear-gradient(180deg , #1E62F6 , rgba(30,98,246,0));
}

/* 首页 */
.scroll_hide{
    display: none!important;
}
.H_banner{
    position: relative;
    background-image: url('../images/banner/home.jpg');
    width: 100%;
    height: 100vh;
    overflow-y: hidden;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
    color: #FFF;
}

.H_banner .order{
    display: flex;
    flex-direction: column;
    opacity: .7;
}
.H_banner .order li{
    width: 8px;
    height: 12px;
    background-color: #1E62F6;
    margin: 10px 0;
    border-radius: 8px;
    transition: all .3s ease;
}
.H_banner .order li.active{
    width: 8px;
    height: 16px;
    background-color: #FFF;
    position: sticky;
}
.H_banner video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.H_banner .mask{
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right,rgba(0,0,0,.8) , rgba(0,0,0,0));
    overflow: hidden;
}
.H_banner .mask .page_title_box{
    width: 48%;
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 6%;
    transform: translateY(calc(-50% - 20px));
}
.H_banner .mask .page_title_box > div{
    margin-left: 10%
}
.H_banner .mask .page_title{
    display: none;
    width: 100%;
}
.H_banner .mask .page_title.page_title_show{
    display: block;
}

.H_banner .mask .page_title h1{
    font-size: 56px;
    font-weight: 200;
}
.H_banner .mask .page_title p{
    margin-top: 16px;
    font-size: 16px;
    opacity: .7;
    line-height: 30px;
    text-align: justify;
}
.H_banner .mask .page_title ul{
    display: flex;
    flex-wrap: wrap;
    margin-top: 32px;
}
.H_banner .mask .page_title ul li{
    margin-right: 24px;
    margin-bottom: 8px;
}
.H_banner .mask .page_title ul svg{
    width: 24px;
    height: 24px;
    vertical-align: sub;
    margin-right: 4px;

}
.H_banner .mask .page_title ul span{
    font-size: 18px;
    opacity: .7;
}
#home .sec_1{
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    background-color: #FFF;
}
#home .sec_1 .container{
    height: 100%;
    display: flex;
    align-items: flex-end;
    color: #2B2B33;
    padding: 0 12px;
    width: 1440px;
}
#home .sec_1 .container .pic_title_box{
    width: 50%;
    height: 100vh;
    display: flex;
    align-items: center;
}
#home .sec_1 .container .pic_title_box .pic_title_fixed{
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    width: 40%;
}
#home .sec_1 .container .pic_title_box .pic_title{
    display: none;
}
#home .sec_1 .container .pic_title_box .pic_title.show_title{
    display: block;
}
.pic_title_box h1{
    font-size: 48px;
}
.pic_title_box p{
    margin: 8px 0 32px;
    font-size: 20px;
    line-height: 30px;
    text-align: justify;
}
#home .sec_1 .container .home_pic_box{
    width: 50%;
}
#home .sec_1 .container .home_pic_box .home_pic{
    height: 100vh;
    position: relative;
}
#home .sec_1 .container .home_pic .shadow{
    border-radius: 32px;
    -webkit-box-shadow:24px 32px 64px rgba(0,27,56,.16);
    box-shadow:24px 32px 64px rgba(0,27,56,.16);
}
.home_pic .h_1_bg{
    z-index: 1;
    position: absolute;
    top: 40%;
    left: 18%;
    width: 50%;
}
.home_pic .h_1_phone{
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 370px;
    height: 640px;
}
.home_pic .h_1_block{
    z-index: 3;
    position: absolute;
    top: 40%;
    left: 50%;
    width: 250px;
    height: 240px;
}
.home_pic .h_1_icon{
    z-index: 4;
    position: absolute;
    top: 20%;
    left: 18%;
    width: 68px;
    height: 68px
}
.home_pic .h_1_woman{
    z-index: 4;
    position: absolute;
    top: 20%;
    left: 60%;
    width: 80px;
    height: 80px
}
.home_pic .h_2_bg{
    z-index: 1;
    position: absolute;
    top: 24%;
    left: 8%;
    width: 100%;
}
.home_pic .h_2_phone{
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 370px;
    height: 544px;
}
.home_pic .h_2_icon{
    z-index: 4;
    position: absolute;
    top: 24%;
    left: 20%;
    width: 64px;
    height: 64px;
    border-radius: 64px;
}
.home_pic .h_2_woman{
    z-index: 4;
    position: absolute;
    top: 64%;
    left: 62%;
    width: 64px;
    height: 64px;
    border-radius: 64px;
}

.home_pic .h_3_phone{
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 370px;
    height: 640px;
}
.home_pic .h_3_block{
    z-index: 3;
    position: absolute;
    top: 52%;
    left: 20%;
    width: 232px;
    height: 240px;
}
.home_pic .h_3_icon{
    z-index: 4;
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 80px;
}
.home_pic .h_3_woman{
    z-index: 4;
    position: absolute;
    top: 27%;
    left: 16%;
    width: 100px;
    height: 100px
}


/* 产品介绍 */
.A_banner{
    background-image: url('../images/banner/product_banner.jpg');
    width: 100%;
    height: 680px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}
.A_banner .container{
    height: 100%;
    display: flex;
    align-items: center;
    color: #2B2B33;
    padding: 0 12px;
}
.A_banner .container>div{
    width: 52%;
}
.A_banner h1{
    font-size: 48px;
    font-weight: 600;
}
.A_banner p{
    margin: 8px 0 32px;
    font-size: 18px;
    line-height: 30px;
    text-align: justify;
}
.contact{
    width: 160px;
    max-height: 48px;
    text-align: center;
    border-radius: 4px;
    background-color: #1E62F6;
    color: #FFF;
    font-size: 16px;
    padding: 12px 0;
    transition: all .2s;
    cursor: pointer;
}
.contact:hover{
    background-color: #3373FF;
}
#product .sec_1{
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    background-image: url('../images/pic/a_b1.png');
    background-position: -40% calc(50% + 40px);
    background-size: contain ;
    background-repeat: no-repeat;
}
#product .sec_1 .container{
    height: 100%;
    display: flex;
    align-items: center;
    color: #2B2B33;
    padding: 0 12px;
}
#product .sec_1 .container .left_pic{
    width: 36%;
    margin-right: 60px;
}
#product .sec_1 .container .left_pic img{
    width: 100%;
    border-radius: 30px;
    -webkit-box-shadow:0 20px 40px rgba(0,0,67,.05);
    box-shadow:0 20px 40px rgba(0,0,67,.05);
}
#product .sec_1 .container .right_content{
    width: 64%;
}
#product .title{
    margin-bottom: 60px;
}
#product .title span{
    font-size: 18px;
    color: #8A8C99;
}
#product .title h2{
    font-size: 36px;
    color: #2B2B33;
}
#product .sec_1 li{
    display: flex;
    margin-bottom: 40px;
}
#product .sec_1 li>div:first-child{
    padding-top: 12px;
    margin-right: 12px;
}
#product .sec_1 li h4{
    font-size: 24px;
    margin-bottom: 16px;
}
#product .sec_1 li p{
    font-size: 18px;
    text-align: justify;
    line-height: 28px;
}
#product .sec_2{
    width: 100%;
    min-height: 860px;
    background-image: url('../images/pic/a_b2.png');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
#product .sec_2 .container{
    height: 100%;
    padding: 80px 12px;
}
#product .sec_2 .container ul{
    display: flex;
    flex-wrap: wrap;
}
#product .sec_2 .container .advantage_item{
    background-color: #FFF;
    width: 25%;
    min-width: 260px;
    color: #2B2B33;
    padding: 80px 40px;
    height: 480px;
    transition: background-color .3s ease;
}
#product .sec_2 .container .advantage_item:hover{
    background-color: #1E62F6!important;
    color: #FFF!important;
}
#product .sec_2 .container .advantage_item:nth-child(even){
    background-color: #2B2B33;
    color: #FFF;
}
#product .sec_2 .container .advantage_item img{
    width: 60px;
    height: 60px;
    margin-bottom: 60px;
}
#product .sec_2 .container .advantage_item h4{
    font-size: 24px;
    margin-bottom: 20px;
}
#product .sec_2 .container .advantage_item p{
    font-size: 14px;
    text-align: justify;
}

#product .sec_3{
    width: 100%;
    min-height: 640px;
}
#product .sec_3 .container{
    height: 100%;
    padding: 80px 12px;
}
#product .sec_3 .container ul{
    display: flex;
    flex-wrap: wrap;
}
#product .sec_3 .container .vision_item{
    background-color: #F2F3F7;
    width: 25%;
    min-width: 260px;
    min-height: 260px;
    color: #2B2B33;
    padding: 40px 40px 20px;
    transition: background-color .3s ease;
}
#product .sec_3 .container .vision_item:nth-child(even){
    background-color: #EBECF0;
}
#product .sec_3 .container .vision_item:hover{
    background-color: #1E62F6!important;
    color: #FFF!important;
}
#product .sec_3 .container .vision_item:hover path{
    fill:#FFF;
}
#product .sec_3 .container .vision_item svg{
    width: 36px;
    margin-bottom: 16px;
}
#product .sec_3 .container .vision_item h4{
    font-size: 20px;
    margin-bottom: 16px;
}
#product .sec_3 .container .vision_item P{
    font-size: 14px;
}

/* 解决方案 */
#solution .A_banner{
    background-image: url('../images/banner/solution_banner.jpg');
}
#solution .title{
    margin-bottom: 60px;
}
#solution .title span{
    font-size: 18px;
    color: #8A8C99;
}
#solution .title h2{
    font-size: 36px;
    color: #2B2B33;
}
#solution .sec_1{
    width: 100%;
    min-height: 840px;
}
#solution .sec_1 .container{
    height: 100%;
    padding: 80px 12px;
}
#solution .sec_1 .container .title{
    text-align: center;
}
#solution .sec_1 .container ul{
    display: flex;
    flex-wrap: wrap;
}
#solution .sec_1 .container .programme_item{
    position: relative;
    background-color: #FFF;
    width: 25%;
    min-width: 260px;
    min-height: 240px;
    color: #2B2B33;
    padding: 20px 40px;
    transition: transform .3s linear , box-shadow .3s linear;
    text-align: center;
}
#solution .sec_1 .container .programme_item:hover{
    z-index: 9;
    transform: translateY(-10px);
    box-shadow: 0 6px 24px rgba(53, 66, 85, .08);
}
#solution .sec_1 .container .programme_item svg{
    width: 60px;
    margin-bottom: 16px;
}
#solution .sec_1 .container .programme_item h4{
    font-size: 24px;
    margin-bottom: 16px;
}
#solution .sec_1 .container .programme_item P{
    font-size: 16px;
}
#solution .sec_2{
    width: 100%;
    min-height: 840px;
    background-color: #2B2B33;
}
#solution .sec_2 .container{
    height: 100%;
    padding: 80px 12px;
}
#solution .sec_2 .container .title span{
    color: #B2B4C1;
}
#solution .sec_2 .container .title h2{
    color: #FFF;
}
#solution .sec_2 .container .con_box{
    display: flex;
}
#solution .sec_2 .left_content{
    width: 40%;
    margin-right: 30px;
}
#solution .sec_2 .left_content .way_item{
    margin-bottom: 30px;
    background-color: #34343D;
    height: 160px;
    overflow: hidden;
    padding: 24px 30px;
    color: #FFF;
    cursor: pointer;
    transition: background-color .3s ease;
}
#solution .sec_2 .left_content .way_item:last-child{
    margin-bottom: 0;
}
#solution .sec_2 .left_content .way_item.active{
    background-color: #1E62F6;
}
#solution .sec_2 .left_content .way_item:hover{
    background-color: #1E62F6;
}
#solution .sec_2 .left_content .way_item .way_item_img{
    display: none;
}
#solution .sec_2 .left_content .way_item h4{
    font-size: 24px;
    margin-bottom: 16px;
}
#solution .sec_2 .left_content .way_item p{
    font-size: 14px;
    text-align: justify;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

#solution .sec_2 .right_pic{
    width: 60%;
}
#solution .sec_2 .right_pic .pic_box{
    padding: 30px;
    height: 730px;
    background-color: #34343D;
    background-size: cover;
    background-repeat: no-repeat;
    border: 30px solid #34343D;
}
#solution .sec_2 .right_pic .pic_box.way_pic0{
    background-image: url('../images/pic/solution_pic1.png');
}
#solution .sec_2 .right_pic .pic_box.way_pic1{
    background-image: url('../images/pic/solution_pic2.png');
}
#solution .sec_2 .right_pic .pic_box.way_pic2{
    background-image: url('../images/pic/solution_pic3.png');
}
#solution .sec_2 .right_pic .pic_box.way_pic3{
    background-image: url('../images/pic/solution_pic4.png');
}

/* 联系我们 */
.contactUs_banner{
    background-image: url('../images/banner/contactUsbanner.jpg');
    width: 100%;
    height: 100vh;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
    color: #FFF;
}
.contactUs_banner .container{
    display: flex;
    height: 100%;
    padding: 0 12px;
}
.contactUs_banner .container .page_title{
    width: 50%;
    padding-top: 20%;
}
.contactUs_banner .page_title h1{
    font-size: 56px;
    font-weight: 200;
}
.contactUs_banner .page_title p{
    margin-top: 16px;
    font-size: 16px;
    opacity: .7;
    line-height: 30px;
    text-align: justify;
}
.contactUs_banner .container .submit_box{
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.submit_box .submit_c{
    width: 480px;
    height: 680px;
    background-color: rgba(255, 255, 255, .1);
    backdrop-filter:blur(8px);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 12px;
    padding: 30px;
}
.submit_box .submit_c .title{
    text-align: center;
    margin-bottom: 40px;
}
.submit_box .submit_c .title h2{
    font-size: 24px;
    margin-bottom: 4px;
}
.submit_box .submit_c .title span{
    font-size: 16px;
    opacity: .5;
}
.submit_box .submit_c .submit_form div{
    margin-bottom: 30px;
}
.submit_box .submit_c .submit_form label{
    display: block;
    font-size: 16px;
    margin-bottom: 8px;
}
.submit_box .submit_c .submit_form .submit_input{
    background-color: rgba(255, 255, 255, .2);
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 40px;
    border-radius: 4px;
    padding-left: 16px;
    color: #FFF;
    font-size: 14px;
}
.submit_box .submit_c .submit_form textarea.submit_input{
    max-height: 140px;
    min-height: 140px;
    padding: 12px 16px;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color : rgba(255, 255, 255, .5);
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color : rgba(255, 255, 255, .5);
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color : rgba(255, 255, 255, .5);
}

input:-ms-input-placeholder,textarea::-ms-input-placeholder  { /* Internet Explorer 10-11 */
    color : rgba(255, 255, 255, .5);
}

input::-ms-input-placeholder,textarea::-ms-input-placeholder { /* Microsoft Edge */
    color : rgba(255, 255, 255, .5);
}
.submit_box .submit_c .submit_form button{
    margin-top: 30px;
    width: 100%;
    max-height: 48px;
    text-align: center;
    border-radius: 4px;
    background-image: linear-gradient(to bottom right,#0BD0F8 ,#1E62F6);
    color: #FFF;
    font-size: 16px;
    padding: 12px 0;
    transition: filter .3s ease;
    cursor: pointer;
}
.submit_box .submit_c .submit_form button:hover{
    filter:brightness(120%)
}
.submit_box .submit_c .submit_form button:focus{
    filter:brightness(90%)
}