@charset "utf-8";
body{
	padding:0;
	margin:0;
	font:14px/1.5 '\5FAE\8F6F\96C5\9ED1',tahoma,'\5b8b\4f53',sans-serif;
	color:#444;
}
ul,li,p,dl,dt,dd,h1,h3,h2,h4,h5,strong,span,em{
	padding:0;
	margin:0;
	list-style:none;
	font-style:normal;
}
span{
    text-wrap: wrap !important;
}
img{
	border:0;
	display: block;
}
a{
	color:#444;
	transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	text-decoration:none;
	-webkit-tap-highlight-color:transparent;
}

a:hover {
	text-decoration:none;
	color:#2daccc;
}
.clear{ clear:both} 
/*----------top-----------*/
#top{
    width:100%;
    height:70px;
    background:#D8E9FA;
}
.topnr{
    width:calc(100% - 120px);
    padding:0 60px;
    margin:0 auto;
    height: 70px;
}
.logo{
    width:200px;
    float:left;
    margin-top:18px;
    height: 70px;
}
.logo p{
    padding-left:38px;
    background: url(/ys/img/logox.png) left center no-repeat;
    font-size:20px;
    font-weight: 800;
    height:33px;
    line-height:33px;
    color:#333;
}
.yykzt{
    width:120px;
    height:30px;
    border-radius: 5px;
    margin-top:20px;
    float: right;
    background: linear-gradient(90deg, #62B9FF 0%, #377CF5 100%);
}
.fl{
    display: none;
}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{width:100%; height: 30px; line-height:30px; }
.nav .nLi{ position:relative; display:inline;  }
.nav .nLi h3 a{ display:block; font-size:15px; padding-left:30px; font-weight: 500; background: url(/ys/img/cl.svg) 9px center no-repeat;  }
.nav .sub{ display:none; width:calc(100% - 2px); left:0; top:30px;  position:absolute;  line-height:40px; padding:5px 0; border:1px solid #dfdfdf; background: #fff; border-radius: 8px;  }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; font-size:15px; text-align: center; }
.nav .sub a:hover{ background: #f1f1f1;  }
.nav .on h3 a{ color:#fff;   }
.nr{
    width:100%;
}
.aitop{
    width:100%;
    margin-top:40px;
}
.aitop h3{
    font-size:35px;
    font-weight: 800;
    color: #333;
    line-height: 1;
    text-align: center;
}
.aitop span{
    font-size: 15px;
    font-weight: 600;
    margin-top: 20px;
    line-height: 1;
    text-align: center;
    display: block;
    color: #63666d;
}
.ainr{
    width:1200px;
    height:450px;
    margin: 32px auto 0;
    overflow: hidden;
}
.ainr ul{
    width:1220px;
}
.ainr ul li{
    float: left;
    width:270px;
    height:450px;
    margin-right: 20px;
    border-radius: 8px;
    overflow: hidden;
    background:url(/ys/img/02bg.png) left top no-repeat;
    position: relative;
    transition:all .4s ease 0s;
}
.ainr ul li .ainrtxt{
    width:100%;
    height: 450px;
    position: relative;
    
}
.ainr ul li .ainrtxt strong{
    color: #252525;
    display: block;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 2.4px;
    line-height: 45px;
    margin:50px 0 0 25px;
    transition:all .4s ease 0s;
}
.ainr ul li .ainrtxt .ys1{
    opacity: 0;
    transition:all .4s ease 0s;
}
.ainr ul li .ainrtxt .ys2{
    opacity: 1;
    position: absolute;
    top:65px;
    font-weight: 400;
    font-size: 14px;
    line-height: 27px;
    display: block;
    width: 220px;
    padding:0 25px;
    transition:all .4s ease 0s;
}
.ainr ul li .ainrtxt .ys3{
    opacity: 0;
}
.ainr ul li .ainrtxt .ys3 a{
    background: url(/ys/img/anniu.png) 50% no-repeat;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 59px;
    line-height: 59px;
    left:40px;
    margin-top: 25px;
    position: absolute;
    transition: .5s;
    width: 148px;
    text-align: center;
    transition:all .4s ease 0s;
    z-index: 99;
}
.ainr ul li .ainrtxt .ys4{ opacity: 1; 
    width:8px;
    height:14px;
    background: url(/ys/img/sj.png) no-repeat;
    position: absolute;
    left: 25px;
    top:160px;
    transition:all .4s ease 0s;
}
.ainr ul li .ainrimg{
    width:536px;
    height:297px;
    position: absolute;
    bottom:-80px;
    right:0;
    opacity: 0;
    transition:all .3s ease 0s;
}
.ainr ul li .ainrimg img{
    width:100%;
}








.ainr ul .on{
    width:620px;
    height:450px;
    background: linear-gradient(167deg, #DDE6FE 4.99%, #7DC3FF 83.52%, #74A1FA 124.37%);
}
.ainr ul .on .ainrtxt{
    width:100%;
    overflow: hidden;
}
.ainr ul .on .ainrtxt strong{
    color: #252525;
    display: block;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 2.4px;
    line-height: 45px;
    margin:50px 0 0 50px;
}
.ainr ul .on .ainrtxt .ys1{
    color: #4b5b76;
    font-size: 14px;
    display: block;
    font-weight: 400;
    letter-spacing: .7px;
    line-height: 28px;
    margin-left: 50px;
    margin-top: 20px;
    text-align: left;
    width: 415px;
    opacity: 1;
}
.ainr ul .on .ainrtxt .ys2{
    opacity: 0;
}
.ainr ul .on .ainrtxt .ys3{
    opacity: 1;
}
.ainr ul .on .ainrtxt .ys4{
    
    opacity: 0;
}
.ainr ul .on .ainrimg{
    opacity: 1;
    width:536px;
    height:297px;
    position: absolute;
    bottom:-30px;
    right:0;
    opacity: 1;
    transition:all .6s ease .3s;
}
.foot{
    position: fixed;
    bottom:0;
    border-top:1px solid #252525;
    height:100px;
    padding:20px 0;
    width:1200px;
    left:50%;
    margin-left:-600px;
}
.wx{
    width:210px;
    float: left;
}
.wximg{
    width:100px;
    float: left;
    box-shadow: 0 .8px 8px #40404026;
    margin-right:20px;
}
.wxtxt{
    width:90px;
    float: left;
    margin-top:17px;
}
.wxtxt .dlogo{
    padding-left:28px;
    background: url(/ys/img/dlogox.png) left center no-repeat;
    height:23px;
    line-height:23px;
    font-size: 14px;
    font-weight: 800;
    color: #333;
}
.wxtxt .dtxt{
    font-size: 13px;
    margin-top:18px;
    color: #333;
    font-weight: 600;
}
.dxx{
    width:50%;
    float: right;
    text-align: right;
    font-size:13px;
    font-weight: 500;
    padding-top:20px;
    color: #63666d;
    line-height: 23px;
}
@media screen and (max-width:1200px){
    .topnr{
        overflow: hidden;
    }
    .logo{
        float: none;
        width:120px;
        margin:18px auto 0;
    }
    .logo p{
        margin-top:18px;
    }
    .yykzt{ 
        display: none;
    }
    .fl{
        display: block;
        margin-top:30px;
    }
    .fl ul{
        text-align: center;
        width:100%;
    }
    .fl ul li{
        display: inline-block;
        width:calc((100% / 2) - 40px);
        margin:0 10px;
    }
    .fl ul li a{
        display: block;
        border:1px solid #252525;
        border-radius: 8px;
        height: 40px;
        line-height:40px;
    }
    .ainr{
        height:auto;
        width:95%;
        margin:0 auto;
    }
    .ainr ul .on{
        height:auto;
    }
    .ainr ul{
        width:100%;
        overflow: hidden;
    }
    .ainr ul li{
        margin:30px auto 0;
        float: none;
        width:620px;
        height:450px;
        background: linear-gradient(167deg, #DDE6FE 4.99%, #7DC3FF 83.52%, #74A1FA 124.37%);
    }
    .ainr ul li .ainrtxt{
        width:100%;
        overflow: hidden;
    }
    .ainr ul li .ainrtxt strong{
        color: #252525;
        display: block;
        font-size: 30px;
        font-weight: 700;
        letter-spacing: 2.4px;
        line-height: 45px;
        margin:50px 0 0 50px;
    }
    .ainr ul li .ainrtxt .ys1{
        color: #4b5b76;
        font-size: 14px;
        display: block;
        font-weight: 400;
        letter-spacing: .7px;
        line-height: 28px;
        margin-left: 50px;
        margin-top: 20px;
        text-align: left;
        width: 415px;
        opacity: 1;
    }
    .ainr ul li .ainrtxt .ys2{
        opacity: 0;
    }
    .ainr ul li .ainrtxt .ys3{
        opacity: 1;
    }
    .ainr ul li .ainrtxt .ys4{
        
        opacity: 0;
    }
    .ainr ul li .ainrimg{
        opacity: 1;
        width:536px;
        height:297px;
        position: absolute;
        bottom:-30px;
        right:0;
        opacity: 1;
        transition:all .6s ease .3s;
    }
    .foot{
        position: static;
        width:95%;
        margin: 40px auto 0;
    }

}
@media screen and (max-width:992px){
    

}
@media screen and (max-width:768px){
    .ainr ul .on,.ainr ul li{
        width:100%;
    }
    .topnr{
        width:95%;
        padding: 0;
    }
    .logo{
        width:120px;
    }
    .wx{
        width:100%;
        float: none;
    }
    .wx{
        text-align:center;
        overflow: hidden;
    }
    .wximg{
        float: none;
        display: inline-block;
    }
    .wxtxt{
        float: none;
        display: inline-block;
    }
    .dxx{
        width:100%;
        height:70px;
        float: none;
        text-align:center;
    }
    .ainr ul li .ainrimg ,.ainr ul .on .ainrimg{
        width:100%;
        height:auto;
        bottom:-5px;
    }
    .foot{
        height:auto;
    }
}
@media screen and (max-width:576px){
   
}