body{

    background: #F4F7FE;

}

.tops{

    width: 100%;

    height: 3.5vw;

    background: #FFFFFF;

    display: flex;

    align-items: center;

    justify-content: center;

}

.logo{

    min-width:15.83%;

    height:2.1vw;

}



.bottom{

    width: 100%;;

    height: 7.75vw;

    background: #626367;

    font-size: 0.7vw;

    font-family: Adobe Heiti Std;

    font-weight: normal;

    color: #FFFFFF;

    line-height: 7.75vw;

    text-align: center;

}

/* 二维码 电话 */

.fudong{

    position: fixed;

    z-index: 11;

    top:0;

    right:0;

    width: 5%;

    height: 9.1vw;

    background: #fff;

    margin-top: 17%;

}

.fuku{

    cursor: pointer;

    position: relative;

}

.futu{

    width:2.2vw;

    height:2.2vw;

    margin-top:0.8vw;

    margin-left:1.35vw;

}

.fuzi{

    font-size: 0.75vw;

    font-family: Microsoft YaHei;

    font-weight: 400;

    color: #676666;

    text-align: center;

}

.yidong{

    position: absolute;

    top:0;

    right:0;

    width: 9.35vw;

    height: 13.05vw;

    background: #FFFFFF;

    border: 1px solid #EAF0FF;

    box-shadow: 0px 0.1vw 0.4vw 0px rgba(27, 144, 205, 0.06);

    border-radius: 0.5vw;

    margin-right:-10.35vw;

    margin-top:4vw;

}

.yitu{

    width:8.6vw;

    height:8.6vw;

    margin-top:0.3vw;

    margin-left:0.3vw;

}

.yizi{

    font-size: 0.8vw;

    font-family: Microsoft YaHei;

    font-weight: 400;

    color: #676666;

    text-align: center;

    margin-top:1vw;

}

.phone{

    display: none;

    position: absolute;

    top:0;

    left:0;

    margin-left: -9vw;

    width: 7.7vw;

    height: 3.8vw;

    font-size: 1.2vw;

    font-family: Microsoft YaHei;

    font-weight: 400;

    text-align: center;

    margin-top:1vw;

    background: #FFFFFF;

    border: 1px solid #EAF0FF;

    box-shadow: 0px 0.1vw 0.4vw 0px rgb(27 144 205 / 6%);

    border-radius: 0.5vw;

}

.rex{

    color:#676666;

}

.phones{

    margin-top:0.5vw;

    color:#3285FF;

}

.saoma{

    display: none;

    position: absolute;

    top:0;

    left:0;

    width:8.8vw;

    height:11.2vw;

    margin-left: -10vw;

    background: #FFFFFF;

    border: 1px solid #EAF0FF;

    box-shadow: 0px 0.1vw 0.4vw 0px rgb(27 144 205 / 6%);

    border-radius: 0.5vw;

}

.fuma{

    width:8.6vw;

    height:8.6vw;

}

.saomazi{

    font-size: 0.7vw;

    font-family: Microsoft YaHei;

    font-weight: 400;

    color: #676666;

    text-align: center;

}

/* 产品 */

.content{

    width:62.5%;

    margin:0 auto;

    margin-bottom:3.8vw;

    position: relative;

}

.returns{

    display: block;

    width: 6.2vw;

    height: 2.7vw;

    border: 1px solid #3285FF;

    opacity: 0.5;

    border-radius: 0.5vw;

    font-size: 1vw;

    font-family: Microsoft YaHei;

    font-weight: 400;

    color: #3285FF;

    line-height: 2.7vw;

    text-align: center;

    margin:1vw 0;

}

.titles{

    width: 100%;

    height: 18.55vw;

    background: #FFFFFF;

    border: 1px solid #EAF0FF;

    box-shadow: 0px 0.1vw 0.4vw 0px rgba(27, 144, 205, 0.1);

    border-radius: 0.5vw;

    display: flex;

}

.toptu{

    width: 29.08%;

    height: 11.8vw;

    background: #F6F6F6;

    border-radius: 0.65vw;

    margin-top:2.95vw;

    margin-left:1.8vw;

    margin-right:3.3vw;

}

.tiwen{

    margin-top:2.95vw;

    margin-right:5.1vw;



}

.til{

    font-size: 1.1vw;

    font-family: Microsoft YaHei;

    font-weight: bold;

    color: #131313;

}

.tixiang{

    height:4.5vw;

    /* background-color: red;k */

    font-size: 0.9vw;

    font-family: Microsoft YaHei;

    font-weight: 400;

    color: #4F4F4F;

    line-height: 1.5vw;

    margin-top:1.7vw;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}

.anniu{

    margin-top:3vw;

    display: flex;

}

.kefu{

    width: 7.2vw;

    height: 2.3vw;

    background: #3285FF;

    border-radius: 0.25vw;

    font-size: 1vw;

    font-family: Microsoft YaHei;

    font-weight: bold;

    color: #FFFFFF;

    margin-right:3.3vw;

    cursor: pointer;

}

.lianxi{

    width: 7.2vw;

    height: 2.3vw;

    background: #FFFFFF;

    border-radius: 0.25vw;

    font-size: 1vw;

    font-family: Microsoft YaHei;

    font-weight: bold;

    color: #3285FF;

    border: 1px solid #3285FF;

    margin-right:3.3vw;

    cursor: pointer;

}

.weixin{

    width: 7.2vw;

    height: 2.3vw;

    background: #3285FF;

    border-radius: 0.25vw;

    font-size: 1vw;

    font-family: Microsoft YaHei;

    font-weight: bold;

    color: #FFFFFF;

    cursor: pointer;

}

.xiangnei{

    width:100%;

    display: flex;

    margin-top:1vw;

}

.left{

    width:82.5%;

}

.right{

    position: fixed;
    top: 0;
    right: 0;
    margin-top: 24.5vw;
    margin-right: 18.7%;
    width:9.3%;

    height: 13.05vw;

    background: #FFFFFF;

    border: 1px solid #EAF0FF;

    box-shadow: 0px 0.1vw 0.4vw 0px rgba(27, 144, 205, 0.06);

    border-radius: 0.5vw;

    margin-left:1.3vw;

}

.left_1{

    width:100%;

    height: 5.25vw;

    background: #FFFFFF;

    border: 1px solid #EAF0FF;

    box-shadow: 0px 0.1vw 0.4vw 0px rgba(27, 144, 205, 0.1);

    border-radius: 0.5vw;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.left_2{

    width: 100%;

    /* min-height: 51vw; */

    background: #FFFFFF;

    border: 1px solid #EAF0FF;

    box-shadow: 0px 0.1vw 0.4vw 0px rgba(27, 144, 205, 0.1);

    border-radius: 0.5vw;

    margin-top:1vw;

}

.left_1_pic{

    height:1.8vw;

    margin-left:1.5vw;

}

.alls{

    width: 7.2vw;

    height: 2.3vw;

    background: #FFFFFF;

    border-radius: 0.25vw;

    font-size: 1vw;

    font-family: Microsoft YaHei;

    font-weight: bold;

    color: #3285FF;

    border: 1px solid #3285FF;

    margin-right:1.5vw;

    cursor: pointer;

}

.yitu{

    width:8.6vw;

    height:8.6vw;

    margin-top:0.3vw;

    margin-left:0.3vw;

}

.yizi{

    font-size: 0.8vw;

    font-family: Microsoft YaHei;

    font-weight: 400;

    color: #676666;

    text-align: center;

    margin-top:0.7vw;

}

.xiang{

    font-size: 1vw;

    font-family: Microsoft YaHei;

    font-weight: 400;

    color: #535556;

    margin-top:1.5vw;

}

.left_2_1{

    width:93.93%;

    margin-left:3%;

    padding-bottom:2vw;

}

.xiangtu{

    width:100%;

    margin-top:1vw;

}



.title{

    font-size: 1.5vw;

    font-family: Microsoft YaHei;

    font-weight: 400;

    color: #131313;

    text-align: center;

    margin-top:2.85vw;

    margin-bottom:0.9vw;

}

.lans{

    width: 8.33%;

    height: 0.3vw;

    background: #3285FF;

    border-radius: 0.15vw;

    margin:0 auto;

}

.list{

    width:100%;

    display: flex;

    flex-wrap: wrap;

    /* justify-content: space-between; */

}

.ever{

    display: block;

    width:30.8%;

    height:17.7vw;

    background: #FFFFFF;

    border: 1px solid #EAF0FF;

    box-shadow: 0px 0.1vw 0.4vw 0px rgba(27, 144, 205, 0.1);

    border-radius: 0.5vw;

    margin-top:1.7vw;

    margin-right:2.2vw;

}

.ever:nth-child(3n){

    display: block;

    width:30.8%;

    height:17.7vw;

    background: #FFFFFF;

    border: 1px solid #EAF0FF;

    box-shadow: 0px 0.1vw 0.4vw 0px rgba(27, 144, 205, 0.1);

    border-radius: 0.5vw;

    margin-top:1.7vw;

    margin-right:-1vw;

    position: relative;

}

.litu{

    width:100%;

    height:13.35vw;

    border-top-left-radius: 0.5vw;

    border-top-right-radius: 0.5vw;

}

.litus{

    width:100%;

    height:100%;

    border-radius: 0.5vw;

    background: #80C3F0;

    border: 1px solid #EAF0FF;

    box-shadow: 0px 0.1vw 0.4vw 0px rgba(76, 92, 221, 0.1);

    opacity: 0.56;

}

.newzi{

    position: absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    font-size: 1.5vw;

    font-family: Microsoft YaHei;

    font-weight: bold;

    color: #FFFFFF;

    line-height: 17.7vw;

    text-align: center;

}

.lizi{

    font-size: 1vw;

    font-family: Microsoft YaHei;

    font-weight: bold;

    color: #595959;

    line-height: 4vw;

    text-align: center;

}

.duo{

    display: block;

    font-size: 0.8vw;

    font-family: Microsoft YaHei;

    font-weight: 400;

    text-decoration: underline;

    color: #7D7D7D;

    text-align: center;

    margin-top:1.5vw;

}

/* 遮罩层 */

.zhes{

    position: fixed;

    top:0;

    left:0;

    z-index: 333;

    width:100%;

    height:100%;

    background: #000;

    opacity: 0.2;

    display: none;

}

.kefus{

    display: none;

    position: fixed;

    top:0;

    left:0;

    z-index: 444;

    margin-top:20%;

    margin-left:40%;

    width:20vw;

    height:10vw;

    background: #fff;

    border-radius: 0.5vw;

}

.tishi{

    font-size: 1.2vw;

    font-family: Source Han Sans CN;

    font-weight: bold;

    color: #333;

    text-align: center;

    margin-top:2vw;

}

.tan_phone{

    font-size: 1vw;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: #333;

    text-align: center;

    margin-top:1vw;

}

.anjian{

    width:100%;

    display: flex;

    margin-top:1.2vw;

    display: none;

}

.an_quxiao{

    width:50%;

    height:3vw;

    font-size: 1.2vw;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: #333;

    text-align: center;

    line-height: 3vw;

    border-top:0.05vw solid #ddd;

    border-right:0.05vw solid #ddd;

    cursor: pointer;

}

.an_que{

    width:50%;

    height:2vw;

    font-size: 1.2vw;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: #627192;

    text-align: center;

    line-height: 3vw;

    border-top:0.05vw solid #ddd;

    cursor: pointer;

}

.contact{

    display: none;

    position: fixed;

    top:0;

    left:0;

    z-index: 444;

    margin-top:20%;

    margin-left:40%;

    width:20vw;

    height:10vw;

    background: #fff;

    border-radius: 0.5vw;

}

.consulting{

    display: none;

    position: fixed;

    top:0;

    left:0;

    z-index: 444;

    margin-top:15%;

    margin-left:40%;

    width:20vw;

    height:20vw;

    background: #fff;

    border-radius: 0.5vw;

}

.tan_ma{

    width:70%;

    margin-left:15%;

    margin-top:15%;

}

.close{

    position: absolute;    

    top:0;

    right:0;

    width:1vw;

    margin-top:0.5vw;

    margin-right:0.5vw;

    cursor: pointer;

}

.kefus_close{

    display: block;

}

.contact_close{

    display: block;

}