@charset "utf-8";
/*导航栏样式*/
.ys-head-bg{
    height:72px;
    width:100%;
    transition: background-color .5s ease;
    margin:0 auto;
    box-shadow: 0px 2px 6px rgba(52,52,52,0.15);
    position:fixed;
    top:0;
    z-index: 999;
}
.ys-head-style{
    background-color:#2a8cff;
}
.ys-head-gradient{
    background-color:#fff;
    transition: background-color .5s ease;
}
.ys-head-logo{
    background-image:url(/images/ui-nav-logo-w.png);
}
.ys-head-logo-offset{
    background-image:url(/images/ui-nav-logo-b.png);
}
.ys-head-logo a{
    display: inline-block;
    width:120px;
    height: 72px;
    cursor: pointer;
}
.ys-head-list {
    display: inline-block;
    height:72px;
    float: right;
}
.ys-head-list ul{
    font-size: 0;
    height:72px;
}
.ys-head-list li {
    display: inline-block;
    height:72px;
    padding-right: 30px;
}
.ys-head-list li a.ys-list-style{
    color:#999 ;
}
.ys-head-list li a.ys-list-style:hover{
    color:#2a8cff;
}
.ys-head-list li a{
    font-size:16px;
    color:#aad1ff;
}
.ys-list-index{
    color:#fff;
}
.ys-head-list li a:hover{
    color:#fff;
}
/*背景层样式*/
.ys-banner-bg{
    min-width: 1200px;
    height:678px;
    margin-top:72px;
    background:#2a8cff;
}
.ys-banner {
    width:1200px;
    height:inherit;
    margin:0 auto;
    background:url(../images/ui-bg-03.png) no-repeat;
}
.ys-banner-left{
    float: left;
    width:50%;
    height:inherit;
}
.ys-banner-left span ,.ys-banner-right span{
    display: inline-block;
}
.ys-left-pic{
    top:120px;
    left:224px;
    width:160px;
    height:94px;
}
.ys-left-word{
    top:214px;
    left:120px;
    width:366px;
    height:90px;
}
.ys-left-wx{
    top:280px;
    left:224px;
    width:160px;
    height:160px;
}
.ys-left-txt{
    top:480px;
    left:169px;
    letter-spacing: 1px;
    color:#aad1ff;
    font-size: 18px;
}
.ys-banner-right{
    float: right;
    width:50%;
    height:inherit;
}
.ys-right-screen-back{
    top:172px;
    right:140px;
    width:448px;
    height:290px;
}
.ys-right-screen-front{
    top:136px;
    right:263px;
    width:200px;
    height:360px;
}
/*功能介绍层样式*/
.ys-intro-bg{
    min-width: 1200px;
    background: #fff;
}
.ys-intro{
    width:1200px;
    height:936px;
    margin:0 auto;
}
.ys-intro-title{
    left:50%;
    top:0;
    width:368px;
    height:130px;
    transform: translate(-50%,-50%);
}
.ys-intro-list{
    margin:0 auto;
    padding:120px 60px 0;
}
.container{
    margin: 0 auto;
    padding: 0;
}
.ys-list-row{
    margin:0 0 80px;
    width:1080px;
    text-align: center;
}
.ys-list-col{
    width:180px;
    height:220px;
    padding:0;
    margin:0 90px;
}
.ys-list-col img{
    border-radius: 50%;
}
.ys-col-txt{
    width:180px;
    height:50px;
    text-align: center;
}
.ys-col-txt p{
    font-size:20px;
    color:#666;
    line-height: 20px;
    margin-top:20px;
}
.ys-col-txt span{
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    color:#999;
    margin-top:14px;
}
.ys-intro-bottom{
    width:100%;
    height:120px;
}
.ys-bottom-img{
    left:540px;
}
.ys-intro-bottom p{
    font-size: 16px;
    color:#fac81e;
    text-align: center;
    line-height: 120px;
}
.ys-bottom-img{
    width:120px;
    height: 120px;
    margin: 0 auto;
    background:url(/images/ui-bg-01.png) no-repeat;
}
.ys-head-list li a.ys-curr-nav {
    color: #ffffff;
}
.ys-head-logo-tmp{
    font-size: 34px;
    font-weight: bold;
}
.ys-head-logo-tmp a{
    color: #fff;
}
.goods-example{
    font-size: 14px;
    float: right;
    font-weight: 400;
}