p,h1,h2,h3,h4,h5,h6,tr,td,th,dl,dt,ul,li,body,html{
    padding:0;
    margin:0;
}
ul,li{
    list-style: none;
}
a:link, a:active, a:visited {
    color:rgba(103, 103, 103, 1);
    text-decoration: none;
}
*{
    font-family: 'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;
}
body{
    min-width: 1400px;
}
/* 字体相关 */
/* @font-face {
    font-family: "PC";
    src: url('https://ms-pub-storage.oss-cn-shanghai.aliyuncs.com/common/msiot_cn/static/fonts/pingfang.ttf');
} */
@font-face {
    font-family: impact;
    src: url('../fonts/Impact.ttf');
}
@font-face {
    font-family: DIN;
    src: url('../fonts/din-bold_.otf');
}
/* header 公共页面 */
#header{
    width: 100%;
    position: absolute;
    z-index: 9999;
}
#header .in{
    width: 1200px;
    height: 60px;
    line-height: 60px;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#header .in .logo{
    display: flex;
    align-items: center;
    font-size: 18px;
    color:#fff;
    font-family: 'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;
}
#header .in .logo img{
    height: 40px;
}
#header .in .menu ul{
    display: flex;
}
#header .in .menu ul li{
    padding:0 20px;
    color:#fff;
    font-size: 16px;
}
#header .in .menu ul li span{
    color:#fff;
}
#header .in .menu ul li.active span{
    transition: color .3s;
    color:#2F5EF0 !important;
    border-bottom: 2px solid #2F5EF0;
}
#header .in .menu ul li:hover span{
    border-bottom: 2px solid #2F5EF0;
    cursor: pointer;
}
#header .menu li .menu-child-1{
    position: absolute;
    background-color: #fff;
    box-shadow: 5px 5px 10px #333;
    color:#000;
    width: 160px;
    top:-200px;
    top:50px;
    transform: scale(0.95);
    opacity: 0;
    top:70px;
    transition: all .2s;
    z-index: -1;
    padding:0px 0;
}
#header .menu li:hover .menu-child-1{
    z-index: 99;
    transform: scale(1);
    opacity: 1;
    top:60px;
}
#header .menu li .menu-child-1 div{
    padding:0 20px;
    color:#444;
    font-family: 微软雅黑;
    border-bottom: 1px solid #f5f5f5;
}
#header .menu li .menu-child-1 div:last-child{
    border-bottom: none;
}
#header .menu li:hover .menu-child-1 div:hover{
    transition: all .3s;
    background-color: #008aff;
    color:#fff;
}

/* index 页面 */
#index > .top{
    /* background-color: #152013; */
    background: url(https://ms-pub-storage.oss-cn-shanghai.aliyuncs.com/common/msiot_cn/static/images/index-top.png) no-repeat;
    background-size: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#index .index-top-in{
    width: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 30vw;
    min-height: 500px;
    color:#fff;
}
#index .index-top-in h1{
    font-size: 70px;
}
#index  .index-top-in .prod{
    width: 840px;
    color:#F1F1F2;
    text-align: center;
    font-size: 24px;
    line-height: 36px;
    margin-top: 38px;
}
#index  .index-top-in .btn-more{
   width: 170px;
   height: 42px;
   background-color: #2F5EF0;
   border:none;
   border-radius: 8px;
   font-size: 18px;
   font-weight: bold;
   color:#fff;
   margin-top:20px;
}
#index .part{
    width: 1200px;
    margin:0 auto;
    margin-top:60px;
    margin-bottom: 120px;
}
#index .part .p-content{
    display: flex;
    flex-direction: column;
}
#index .part .p-content .top{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding:50px 0;
    height: 340px;
}
#index .part .p-content .top .position-box{
   position: absolute;
   right:50px;
   background-color: rgba(221, 225, 235, 1);
   width: 156px;
   height: 340px;
}
#index .part .p-content .top>div:first-child{
    flex:1;
    /* background-color: #f5f5f5; */
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
#index .part .p-content .top>div:first-child img{
    height: 314px;
    position: relative;
    z-index: 99;
}
#index .part .p-content .top>div:last-child{
    flex:1;
}
#index .part .p-content .top>div:last-child p{
    color:rgba(143, 145, 152, 1);
    font-size: 14px;
    font-family: 微软雅黑;
    /* text-indent: 2em; */
    line-height: 26px;
}
#index .part .p-content .btm{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    
}
#index .part .p-content .btm > div{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
    background-color: rgba(247, 248, 250, 1);
    height: 280px;
    width: 380px;
    padding:50px 0;
    box-sizing: border-box;
    cursor: pointer;
}

#index .part .p-content .btm > div h2{
    color:rgba(90, 88, 104, 1);
    font-family: 'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;
    font-size: 36px;
    cursor: pointer;
}
#index .part .p-content .btm > div:hover h2{
    color:#008aff !important;
}
#index .part .p-content .btm > div span{
    color:rgba(90, 88, 104, 1);
    font-family: 'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;
    font-size: 16px;
    width: 176px;
    position: relative;
    transition: all .3s;
    top:0;
    cursor: pointer;
}
#index .part .p-content .btm > div:hover span{
    top:-8px;
}
#index .part .prod-trait{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top:36px;
}
#index .part .prod-trait > div{
    width: 390px;
    height: 332px;
    background-color: rgba(248, 250, 253, 1);
    margin-top:20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding:0 30px;
}
#index .part .prod-trait > div img{
   width: 127px;
}
#index .part .prod-trait > div h3{
   color:rgba(90, 88, 104, 1);
   font-weight: bold;
   font-family: 微软雅黑;
   font-size: 18px;
   margin-top:33px;
}
#index .part .prod-trait > div span{
   color:rgba(145, 143, 162, 1);
   font-family: 微软雅黑;
   font-size: 14px;
   margin-top:9px;
   display: inline-block;
}
#index .prod-panel{
    max-height: 580px;
    padding:50px 0 0;
    display: flex;
    cursor: pointer;
}
#index .prod-panel-left{
    flex:5;
    background: #1B1F25;
    color:#fff;
    z-index: 50;
}
#index .prod-panel-left > div{
    height: 290px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#index .panel-left-center{
    width: 60%;
    font-family: PC !important;
    position: relative;
    margin-left:0px;
    transition: all .3s;
    color:#76797C;
}
#index .panel-left-center h3{
    color:#76797C;
}
#index .panel-active .panel-left-center{
    margin-left:40px;
    color:#fff;
}
#index .panel-active  .panel-left-center h3{
    transition: all .3s;
    font-weight: bold;
    color:#fff;
}
#index .panel-left-center::after{
    opacity: 0;
    transition: all .3s;
    content: '';
    display:block;
    height: 70px;
    width: 6px;
    position: absolute;
    background: #1e52d8;
    left:-50px;
    top:0;
}
#index .panel-active .panel-left-center::after{
    transition: all .3s;
    opacity: 1;
    left: -36px;
}
#index .panel-left-center h3{
    line-height: 38px;
    font-size: 26px;
    /* color:#fff; */
}
#index .panel-left-center p{
    line-height: 24px;
}
#index .prod-panel-right{
    flex:8;
    background: #fff;
    color:#fff;
    max-height: 580px;
    overflow-y: auto;
}
#index .prod-panel-right::-webkit-scrollbar{
    width: 10px;
    height: 2px;
    background: #fff;
}
#index .prod-panel-right::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 6px #f0f0f0;  
    border-radius: 10px;  
    background-color: #f0f0f0;  
}  
#index .prod-panel-right::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,.8);  
    background-color: #ccc;  
}  
#index .prod-panel-right > div{
    height:100%;
}
#index .panel-right-list{
    width: 100%;
    height: 100%;
}

#index .panel-right-list li{
    height: 288px;
    background: rgba(247, 248, 250, 1);
    display: flex;
    justify-content: space-between;
    text-align: justify;
}
#index .panel-right-list li > div:first-child{
    flex:3;
    display: flex;
    justify-content: center;
    align-items: center;
}
#index .panel-right-list li > div:first-child img{
    width: 60%;
    background: none !important;
}
#index .panel-right-list li > div:last-child{
    flex:7;
    color:#555;
    padding:20px 30px 0 0 ;
}
#index .panel-right-list li > div:last-child h3{
    line-height: 50px;
    color:#555;
    font-size: 20px;
    letter-spacing: 2px;
    position: relative;
}
#index .panel-right-list li > div:last-child h3::after{
    content: "";
    display: block;
    height: 3px;
    width: 100%;
    /* background: #0099ff; */
    position: absolute;
    bottom:0px;
    left:30px;
}
#index .panel-right-list li > div:last-child div{
    margin-top:10px;
    line-height: 24px;
    color:rgba(143, 145, 152, 1);
    /* text-indent: 2em; */
    max-height: 200px;
    overflow-y: auto;
    font-size: 14px;
}
#index .panel-right-list li > div:last-child div::-webkit-scrollbar{
    width: 2px;  
    height: 16px;  
    background-color: #333;  
}
#resolve .top{
    /* width: 100%; */
    /* min-width: 1200px; */
    /* height: 40vw; */
    height: 30vw;
    min-height: 500px;
    background: url(https://ms-pub-storage.oss-cn-shanghai.aliyuncs.com/common/msiot_cn/static/images/fangan/fangan-top.png) no-repeat;
    background-size: 100%;
    display: flex;
    /* align-items: center; */
    justify-content: center;
}
#resolve .top > div{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 160px;
}
#resolve .top div div:first-child{
    width: 940px;
    line-height: 122px;
    border-bottom: 2px solid #FFFFFF;
    font-size: 76px;
    font-family: FZZhengHeiS-DB-GB;
    font-weight: 400;
    text-align: center;
    color: #FFFFFF;
}
#resolve .top div div:last-child{
    text-align: center;
    font-size: 28px;
    font-family: 'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;
    font-weight: 500;
    line-height: 40px;
    margin-top: 37px;
    color: #FFFFFF;
}
#resolve .content{
    width: 1200px;
    margin:0 auto;
    margin-top:60px;
    margin-bottom: 120px;
}

#resolve .content .list{
    /* margin: 30px auto; */
    margin-top: 50px;
}
#resolve .content .item{
    display: flex;
    width: 100%;
    height: 300px;
    margin-bottom: 96px;
}
#resolve .content .item img{
    width: 380px;
    height: 300px;
}
#resolve .content .item .text{
    margin-left: 66px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#resolve .content .item .text h3{
    font-size: 24px;
    font-family: 'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;
    font-weight: bold;
    line-height: 33px;
    color: #313546;
    margin-bottom: 16px;
}
#resolve .content .item .text p{
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 26px;
    color: #8F9198;
    text-align:justify;
    text-justify:inter-ideograph;
}
#resolve .content .item .text .bottom{
    width: 150px;
    font-size: 24px;
    font-family: 'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;
    font-weight: bold;
    line-height: 33px;
    color: #1554F6 ;
    text-decoration: none;
    /* font-style:italic; */
}
#resolve .content .item .text .bottom:hover{
    /* color: red; */
    /* text-shadow: 1px 1px 1px #4470e0; */
    transition: all .3s;
    margin-bottom: 2px;
    text-decoration:underline;
}
#fanganGas{
    width: 1200px;
    margin:0 auto;
    margin-top:54px;
    /* margin-bottom: 120px; */
}
#fanganGas .top{
    font-size: 14px;
    font-family: 'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;
    font-weight: 500;
    line-height: 20px;
    color: #707070;
    margin-bottom: 24px;
}
#fanganGas .top a{
    text-decoration: none;
    font-size: 14px;
    font-family: 'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;
    font-weight: 500;
    line-height: 20px;
    color: #707070;
}
#fanganGas .top a:hover{
    color: #1554F6;
    text-decoration:underline;
}
#fanganGas .list{
    margin-top: 75px;
}
#fanganGas .list h5{
    font-size: 16px;
    font-family: 'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;
    font-weight: bold;
    line-height: 22px;
    color: #707070;
    margin-bottom: 12px;
}
#fanganGas .list span{
    font-size: 14px;
    font-family: 'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;
    font-weight: 500;
    line-height: 20px;
    color: #707070;
}
#fanganGas .list h6{
    font-size: 16px;
    font-family: 'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;
    font-weight: bold;
    line-height: 22px;
    color: #707070;
    margin-top: 13px;
    margin-bottom: 24px;
}
#fanganGas .list .img1{
    width: 1041px;
    /* height: 1261px; */
    margin: 30px auto;
}
#fanganGas .list .img2{
    width: 1200px;
    /* height: 1261px; */
    margin: 30px auto;
}
#fanganGas .intro{
    border-radius: 4px;
    padding: 28px 61px;
    width: 1078px;
    margin-top: 46px;
    position: relative;
    background-color: #F5F5F5;
}
#fanganGas .intro .left{
    width: 27px;
    height: 24px;
    position: absolute;
    top: 10px;
    left: 20px;
}
#fanganGas .intro img{
    display: block;
    width: 100%;
    height: 100%;
}
#fanganGas .intro .right{
    width: 27px;
    height: 24px;
    position: absolute;
    bottom: 10px;
    right: 20px;
}
#fanganGas .list .box-flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
#fanganGas .list .box-flex img{
    width: 370px;
    height: 206px;
}
#fanganGas .list .box-flex span{
    width: 285px;
    /* height: 206px; */
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 24px;
    color: #8F9198;
}
#fanganGas .list .box-flex div{
    width: 370px;
    height: 350px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#wrapper{
    width: 1200px;
    margin:0 auto;
    margin-top:54px;
    /* margin-bottom: 120px; */
}
#wrapper .h-title{
    text-align: center;
}
#wrapper .top{
    font-size: 14px;
    font-family: 'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;
    font-weight: 500;
    line-height: 20px;
    color: #707070;
    margin-bottom: 24px;
}
#wrapper .top a{
    text-decoration: none;
    font-size: 14px;
    font-family: 'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;
    font-weight: 500;
    line-height: 20px;
    color: #707070;
}
#wrapper .top a:hover{
    color: #1554F6;
    text-decoration:underline !important;
}
#wrapper .list{
    margin-top: 75px;
    text-align: center;
}
#wrapper .list h5{
    font-size: 16px;
    font-family: 'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;
    font-weight: bold;
    line-height: 22px;
    color: #707070;
    margin-bottom: 12px;
}
#wrapper .list span{
    font-size: 14px;
    font-family: 'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;
    font-weight: 500;
    line-height: 20px;
    color: #707070;
}

#aboutUs .top{
    /* width: 100%; */
    /* min-width: 1200px; */
    /* height: 40vw; */
    min-height: 540px;
    height: 30vw;
    background: url(https://ms-pub-storage.oss-cn-shanghai.aliyuncs.com/common/msiot_cn/static/images/aboutUs/aboutUs-1@2x.png) no-repeat;
    background-size: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#aboutUs .top .header{
    color: #fff;
    width: 833px;
    padding: 0 80px;
    height: 59px;
    display: flex;
    margin-top: 150px;
    justify-content: space-between;
    align-items: center;
    font-size: 48px;
    font-family: FZZhengHeiS-DB-GB,PC;
    font-weight: 400;
    line-height: 59px;
}
#aboutUs .top .header div{
    display: flex;
    align-items: center;
}
#aboutUs .top .header .line{
    line-height: 59px;
    width: 130px;
    height: 2px;
    background: #FFFFFF;
}
#aboutUs .top .header .circle{
    line-height: 59px;
    width: 16px;
    height: 16px;
    background: #FFFFFF;
    border-radius: 50%;
}
#aboutUs .top .title{
    color: #fff;
    font-size: 76px;
    width: 823px;
    /* text-align-last: justify; */
    display: flex;
    justify-content: space-evenly;
    letter-spacing: 0.25em;
    font-family: FZZhengHeiS-DB-GB,PC;
    font-weight: 400;
    line-height: 142px;
}
#aboutUs .top .english{
    color: #fff;
    font-size: 28px;
    width: 823px;
    /* text-align-last: justify; */
    /* display: flex; */
    /* justify-content: center; */
    text-align: center;
    letter-spacing: 0.29em;
    font-family: 'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
    line-height: 34px;
}
#aboutUs .top .bottom{
    color: #fff;
    font-size: 30px;
    width: 777px;
    text-align: center;
    font-family: 'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;
    font-weight: 500;
    line-height: 50px;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    margin-top: 20px;
}
#aboutUs .content{
    width: 1200px;
    margin: 30px auto;
}
#aboutUs .content .item{
    display: flex;
    margin: 30px 0;
    position: relative;
}
#aboutUs .content .item img{
    width: 515px;
    height: 334px;
}
#aboutUs .content .item div{
    position: absolute;
    right: 40px;
    top: 27px;
    width: 685px;
    height: 260px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 64px 30px;
    background-color: #FAFCFE;
}


#aboutUs .content .item div span{
    font-size: 14px;
    font-family: 微软雅黑;
    font-weight: 400;
    line-height: 26px;
    color: #8F9198;
}
#aboutUs .content .map{
    margin: 30px auto;
}
#aboutUs .content .map img{
    width: 1200px;
    height: 499px;
}
#aboutUs .content .content-form{
    width: 1029px;
    height: 560px;
    margin: 30px auto;
    position: relative;
    top: -100px;
    padding: 59px 34px;
    background-color: #fff;
    border: 1px solid #E1E2E6;
    /*display: flex;*/
    /*justify-content: space-between;*/
}
#aboutUs .content .content-form .form-left{
    /*width: 415px;*/
    height: 460px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* background-color: rgb(182, 172, 172); */
}
#aboutUs .content .content-form .form-right{
    width: 531px;
    height: 458px;
    padding: 26px 35px;
    background: #F8F9FB;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
#aboutUs .content .content-form .form-right .form-control{
    width: 460px;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    background: #FFFFFF;
    opacity: 1;
    border-radius: 8px;
    border: none;
    color: #5C6074;
    margin-bottom: 15px;
    font-family: 'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;
}
#aboutUs .content .content-form .form-right .form-textarea{
    width: 460px;
    max-width: 460px;
    min-width: 460px;
    height: 100px;
    max-height: 140px;
    min-height: 100px;
    padding-left: 10px;
    padding-top: 10px;
    background: #FFFFFF;
    opacity: 1;
    border-radius: 8px;
    border: none;
    color: #5C6074;
    margin-bottom: 15px;
    font-family: 'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;
}
#aboutUs .content .content-form .form-right .btn-primary{
    width: 100px;
    height: 40px;
    background-color: #2F67F0;
    opacity: 1;
    border-radius: 4px;
    border: none;
    color: #fff;
    margin-top: 20px;
}
#aboutUs .content .content-form .form-right .btn-primary:hover{
    cursor:pointer
}
#aboutUs .content .content-form .form-list{
    /*width: 401px;*/
    height: 106px;
    background: #F8F9FB;
    opacity: 1;
    padding-left: 14px;
    border-radius: 8px;
    display: flex;
    align-items: center;
}
#aboutUs .content .content-form .form-list img{
    width: 90px;
    height: 90px;
}
#aboutUs .content .content-form .form-list div p{
   /* line-height: 30px; */
   font-size: 18px;
   font-family: 'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;
   font-weight: 500;
   padding-left: 14px;
   line-height: 30px;
   color: #656A7B;
}
#aboutUs .content .content-form .form-list div p:last-child{
    font-size: 16px;
    font-family: 'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;
    font-weight: bold;
    line-height: 30px;
    color: #313546;
}



#index .part-news{
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    position: relative;
}
#index .part-news .news-item{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom:26px ;
}

#index .part-news .news-item .item-img {
    display: flex;
    flex-direction: row;
}
#index .part-news .news-item .item-img div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding:0 20px 0  38px;
    width: 66px;
    position: relative;
}
#index .part-news .news-item .item-img div::after{
    content: " ";
    position: absolute;
    right:0;
    width: 1px;
    height: 78px;
    background-color: rgba(49, 53, 70, 1);
}
#index .part-news .news-item .item-img div span:first-child{
    font-size: 48px;
    color:rgba(49, 53, 70, 1);
    font-family: DIN, PC, 微软雅黑;
    font-weight: bold;
    line-height: 60px;
}
#index .part-news .news-item .item-img div span:last-child{
    font-size: 14px;
    color:rgba(49, 53, 70, 1);
    font-family: DIN, PC, 微软雅黑;
    line-height: 18px;
    margin-top:10px;
}
#index .part-news .news-item .item-img img{
    width: 238px;
    height: 150px;
}
#index .part-news .news-item .item-r{
    padding-left:20px;
    display: flex;
    flex-direction: column;
    line-height: 28px;
    align-items: flex-start;
    font-size: 16px;
    color:rgba(49, 53, 70, 1);
}
#index .part-news .news-item .item-r p{
    line-height: 22px;
    margin-top:6px;
    color:rgba(160, 162, 172, 1);
}
#index .part-news .news-item:hover h3{
    color:rgba(21, 84, 246, 1);
    cursor: pointer;
}
#index .part .btn{
    width: 180px;
    height: 48px;
    background-color: rgba(21, 84, 246, 1);
    border:none;
    color:#fff;
    font-weight: bold;
    margin:0 auto;
    display: block;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
#index .part .btn span{
    display: block;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 50%;
    color:rgba(112, 112, 112, 1);
    font-size: 16px;
    margin-left:20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#index .part .btn span small{
    display: inline-block;
    transform: scaleY(.6);
    font-size: 18px;
}
/* #index .part-news .first-news{
    width: 400px;
    height: 140px;
    background-color: #fff;
    position: absolute;
    bottom: -30px;
    left: 30px;
    padding: 20px;
    color: #333;
    transition: 0.3s;
    box-shadow: 0 5px 15px 0 rgb(0 0 0 / 10%);
}
#index .part-news .first-news:hover{
    bottom: 30px; 
}
#index .part-news .first-news h3{
    color: #333;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    display: block;
    font-family: 微软雅黑;
    cursor: pointer;
}
#index .part-news .first-news h3:hover{
    text-decoration: underline;
}
#index .part-news .first-news p{
    color:#888888;
    line-height: 26px;
    margin-top: 10px;
    font-family: 微软雅黑;
}
#index .part-news .first-news div{
    width: 60px;
    height: 40px;
    background-color: #2F67F0;
    color:#fff;
    font-weight: bold;
    margin-top:30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
#index .part-news .news-img{
    flex:6;
    width: 693px;
    height: 502px;
    background-size: 100% 100%;
}

#index .part-news > .news-list{
    height: 502px;
    flex:4;
    padding:0 30px 30px 30px;
    box-sizing: border-box;
    box-shadow: 5px 12px 21px rgba(160, 165, 172, 0.15);
}
#index .part-news > .news-list div:first-child{
    margin-bottom: 10px;
}
#index .part-news > .news-list div:last-child{
    max-height: 452px;
    overflow-y: auto;
}

#index .part-news > .news-list .news-list-item{
   display: flex;
   margin:10px 0;
}
/* #index .part-news > .news-list .news-list-item:hover .item-left img{
    border:2px solid RGBA(21, 84, 246, 1);
} */
#index .part-news > .news-list .news-list-item .item-left{
    width: 152px;
    height: 110px;
}
#index .part-news > .news-list .news-list-item .item-left img{
    width: 148px;
    height: 106px;
 
 }
 
#index .part-news > .news-list .news-list-item .item-right{
    height: 106px;
   display: flex;
   justify-content: space-between;
   flex-direction: column;
   padding:0 20px;
   box-sizing: border-box;
}
#index .part-news > .news-list .news-list-item:hover .r-top h5{
    color: RGBA(21, 84, 246, 1);
    cursor: pointer;
}
#index .part-news > .news-list .news-list-item .item-right .r-top h5{
   font-size: 16px;
}
#index .part-news > .news-list .news-list-item .item-right .r-btm{
   color:rgba(160, 162, 172, 1);
   font-size: 14px;
   font-family: 微软雅黑;
}
#index .part-news > .news-list .more{
    display: block;
   color:#ccc;
   text-align: center;
   margin:30px 0 60px;
}
 
/* caselist 页面 */ 
#caselist > .top{
    /* background-color: #152013; */
    background: url(https://ms-pub-storage.oss-cn-shanghai.aliyuncs.com/common/msiot_cn/static/images/caselist-top.png) no-repeat;
    background-size: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#caselist .index-top-in{
    width: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 30vw;
    min-height: 500px;
    color:#fff;
}
#caselist .index-top-in h1{
    width: 1200px;
    font-size: 70px;
}
#caselist .index-top-in .prod{
    width: 1200px;
    margin-top:52px;
    font-size: 40px;
    color:rgba(255, 255, 255, 0.8)
}
#caselist .part{
    width: 1200px;
    margin:0 auto;
    margin-top:60px;
    margin-bottom: 120px;
}
#caselist .part .case-list{
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}
#caselist .part .case-list a> div{
    width: 380px;
    height: 340px;
    margin-top:80px;
    margin-right:20px;
    position: relative;
}
#caselist .part .case-list a> div img{
    width: 380px;
    height: 240px;
}
#caselist .part .case-list a > div::after{
    content:"";
    background: linear-gradient(to bottom,rgba(0,0,0,.1) 65%,rgba(0,0,0,.6) 100%);
    width: 100%;
    height: 240px;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}
#caselist .part .case-list  .case-item-title{
    display: flex;
    justify-content: center;
    align-items: center;
    padding:30px;
    box-sizing: border-box;
    height: 100px;
    text-align: center;
    background-color: #F7F8FA;
    color:rgba(63, 66, 77, 1);
    font-size: 20px;
    font-weight: bold;
    font-family: 微软雅黑;
}
/* invest 页面 */ 
#invest > .top{
    /* background-color: #152013; */
    background: url(https://ms-pub-storage.oss-cn-shanghai.aliyuncs.com/common/msiot_cn/static/images/invest-top.png) no-repeat;
    background-size: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#invest .index-top-in{
    width: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 30vw;
    min-height: 500px;
    color:#fff;
}
#invest .index-top-in .in-top {
    width: 1200px;
    display: flex;
    align-items: center;
}
#invest .index-top-in .in-top h1{
    font-size: 160px;
    font-family: DIN;
    position:relative;
    margin-right: 40px;
}
#invest .index-top-in .in-top h1::after{
    content:" ";
    position: absolute;
    width: 4px;
    border-radius: 4px;
    height: 120px;
    background-color: #fff;
    top:45px;
    right:-10px;
}
#invest .index-top-in .in-top .in-top-right{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: left;
    font-size: 66px;
    height: 130px;
    font-weight: bold;
}
#invest .index-top-in .in-top .in-top-right div:last-child{
    width: 800px;
    font-family: 'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;
    font-size: 34px;

}
#invest .index-top-in .in-btm{
    width: 1200px;
    font-family: 'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;
    font-size: 40px;

}

#invest  .index-top-in .btn{
    width: 150px;
    height: 42px;
    background-color: #2F5EF0;
    border:none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    color:#fff;
    margin-top:46px;
 }
#invest .index-top-in .prod{
    width: 1200px;
    margin-top:52px;
    font-size: 40px;
    color:rgba(255, 255, 255, 0.8)
}
#invest .part{
    width: 1200px;
    margin:0 auto;
    margin-top:60px;
    margin-bottom: 120px;
}
#invest .part p{
    color:rgba(143, 145, 152, 1);
    font-size: 14px;
    font-family: 微软雅黑;
    line-height: 26px;
    margin-top: 64px;
    text-align:justify;
    text-justify:inter-ideograph;
}
#invest .part-1338px{
    width: 1338px;
    margin:0 auto;
    margin-top:60px;
    margin-bottom: 120px;
}
#invest  .zixun-ol{
    padding:69px;
    box-sizing: border-box;
    background-color: rgba(247, 248, 250, 1);
}
#invest  .zixun-ol>div{
   display: flex;
   justify-content: space-between;
}
#invest  .zixun-ol .left div:first-child{
   height: 8px;
   width: 580px;
   background-color: rgba(125, 125, 130, 1);
   margin-top: 64px;
  }
#invest  .zixun-ol .left div:last-child{
   height: 2px;
   width: 580px;
   background-color: rgba(125, 125, 130, 1);
   margin-top: 39px;
  }
#invest  .zixun-ol .left div:nth-child(2){
   font-size: 14px;
   color: rgba(143, 145, 152, 1);
   line-height: 26px;
   margin:26px 0;
   font-family: 微软雅黑;
 }
#invest  .zixun-ol .right{
   font-size: 14px;
   color: rgba(143, 145, 152, 1);
   line-height: 26px;
   margin:26px 0;
   display: flex;
   flex:1;
   padding-left:90px;
 }
 #invest  .zixun-ol .right input{
   width: 529px;
   height: 40px;
   border-radius: 8px;
   background-color: #fff;
   border:none;
   color:rgba(143, 145, 152, 1);
   margin-bottom:12px;
   outline: none;
   position: relative;
   display: block;
   padding-left:90px;
   box-sizing: border-box;
   font-family: 微软雅黑;
  }
  #invest  .zixun-ol .right form > div{
   position: relative;
   }
  #invest  .zixun-ol .right form > div span{
    position: absolute;
    top:10px;
    left:12px;
    color:rgba(143, 145, 152, 1);
    font-size: 14px;
  }
  #invest  .zixun-ol .right form .submit{
    display: flex;
    justify-content: flex-end;
  }
  #invest  .zixun-ol .right form .btn{
    background:rgba(47, 103, 240, 1);
    font-size: 16px;
    width: 100px;
    height: 40px;
    font-weight: bold;
    color:#fff;
    cursor: pointer;
    outline: none;
    border:none;
    border-radius: 4px;
    margin-top:24px;
  }
  #news-detail {
      word-wrap: break-word;
  }
  #news-detail .nav-link{
      width: 1200px;
      margin:30px auto 0px;
  }
  #news-detail .index-tit23{
        max-width: 1200px;
        margin: 0 auto;
  }
  #news-detail .index-tit23 h3{
        font-size: 26px;
        font-weight: bold;
  }
  #news-detail .index-tit23 p{
        font-size: 14px !important;
        color:#222 !important;
        font-family: 微软雅黑 !important;
        line-height: 32px;
  }
  /* app下载页 */

#app-download > .top{
    /* background-color: #152013; */
    background: url(https://ms-pub-storage.oss-cn-shanghai.aliyuncs.com/common/msiot_cn/static/images/invest-top.png) no-repeat;
    background-size: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#app-download .part{
    width: 1200px;
    margin:0 auto;
    margin-top:0px;
    margin-bottom: 120px;
}
#app-download .index-top-in{
    width: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 30vw;
    min-height: 500px;
    color:#fff;
}
#app-download .index-top-in .in-top {
    width: 1200px;
    display: flex;
    align-items: center;
}
#app-download .index-top-in .in-top h1{
    font-size: 160px;
    font-family: DIN;
    position:relative;
    margin-right: 40px;
}
#app-download .index-top-in .in-top h1::after{
    content:" ";
    position: absolute;
    width: 4px;
    border-radius: 4px;
    height: 120px;
    background-color: #fff;
    top:45px;
    right:-10px;
}
#app-download .index-top-in .in-top .in-top-right{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: left;
    font-size: 66px;
    height: 130px;
    font-weight: bold;
}
#app-download .index-top-in .in-top .in-top-right div:last-child{
    width: 800px;
    font-family: 'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;
    font-size: 34px;

}
#app-download .index-top-in .in-top .in-top-right div:last-child{
    width: 800px;
    font-family: 'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;
    font-size: 34px;

}
#app-download .index-top-in .in-btm{
    width: 1200px;
    font-family: 'OpenSans', 'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei','Helvetica Neue', Arial, sans-serif;
    font-size: 40px;

}

#app-download  .index-top-in .btn{
    width: 150px;
    height: 42px;
    background-color: #2F5EF0;
    border:none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    color:#fff;
    margin-top:46px;
 }
#app-download .index-top-in .prod{
    width: 1200px;
    margin-top:52px;
    font-size: 40px;
    color:rgba(255, 255, 255, 0.8)
}
#app-download .tab-apps .tab-head ul{
    display: flex;
    list-style: none;
    border-bottom:1px solid #f5f5f5;
}
#app-download .tab-apps .tab-head ul li{
    position: relative;
    margin-right:62px;
    padding:0 0px;
    height: 62px;
    line-height: 62px;
    font-size: 20px;
    color:#999;
    cursor: pointer;
}
#app-download .tab-apps .tab-head ul li.active{
    border-bottom: 3px solid #0052d9;
    color:#222;
}
#app-download .tab-apps .tab-content ul li{
    display: none;
}
#app-download .tab-apps .tab-content ul li.content-active{
    display: block;
}

#footer{
    background-color: rgba(236, 237, 238, 1);
}
#footer {
    /* background: #070e23; */
    padding: 60px 0 40px;
}

#footer .footer-mid {
    max-width: 1170px;
    margin: 0 auto;
}

#footer .footer-mid-top {
    display: flex;
    justify-content: space-between;
}

#footer .footer-mid-top>div {
    flex: 1;
}
#footer .footer-mid-top>div h3 {
    width: 84px;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-bottom: 22px;
    font-weight: 400;
    line-height: 22px;
    font-size: 20px;
    color: rgba(108, 108, 115, 1);
    font-weight: bold;
}
#footer .footer-mid-top>div:last-child {
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
#footer .footer-mid-top>div:last-child h3{
    width: 128px;
    text-align: left;
}
#footer .footer-mid-top>div:nth-child(2),  #footer .footer-mid-top>div:nth-child(3){
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#footer .footer-mid-top>div:nth-child(2) ul,  #footer .footer-mid-top>div:nth-child(3) ul{
    width: 80px;
    text-align: left;
}



#footer .footer-mid-top>div ul {
    list-style: none;
}

#footer .footer-mid-top>div li {
    line-height: 36px;
    color:rgba(103, 103, 103, 1);
}
#footer .footer-mid-top>div li a{
    font-size: 14px;
    line-height: 28px;
    color:rgba(103, 103, 103, 1);
}
#footer .footer-mid-top>div li a:hover{
    border-bottom: 1px solid #ccc;
}

#footer .gzh{
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}
#footer .gzh img {
    padding: 4px;
    background: #fff;
}
#footer .detail {
    width: 120px;
    line-height: 16px;
    color: rgba(112, 112, 112, 1);
    font-size: 10px;
    margin: 0;
    padding:0;
    display: block;
    text-align: left;
}

#footer .footer-link {
    display: flex;
    justify-content: space-between;
    color: #fff;
    line-height: 40px;
}

#footer .footer-mid-btm {
    border-top: 1px solid #45484c;
    border-bottom: 1px solid #45484c;
}

#footer .footer-mid-btm {
    display: flex;
}

#footer .footer-mid-btm h3,
#footer .footer-mid-btm a {
    color: #fff;
    font-size: 14px;
    justify-content: left;
    margin: 0;
    padding: 0;
    line-height: 24px !important;
    margin: 15px 0;
}

#footer .footer-mid-btm a {
    font-size: 12px;
    margin-left: 30px;
}

#footer .footer-mid-copyright {
    color: rgba(191, 191, 193, 1);
    font-size: 14px;
    line-height: 24px;
    margin: 20px 0 0 0;
    text-align: center;
    border-top:1px solid rgba(215, 216, 217, 1);
    padding-top:46px;
}
#footer .footer-mid-copyright a{
    color:#999;
}