.wrap{width:1300px;box-sizing:border-box;margin:0 auto;}
 
img{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
.title{text-align:center;}
.title h3{margin-bottom:10px;font-size:38px;font-weight:bold;color:#283146;line-height:58px;}
.title .st{font-size:18px;color:#576581;line-height:29px;}
.youshi {
    width: 100%;
    padding: 78px 0 80px;
    background: url(../images/youshiBg.png) no-repeat center bottom/auto 100%;
}
.youshi .title{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:257px;}
.youshi .title h3{color:#333;}
.youshi .title .st{color:#333;}
.youshi .list{position:relative;width:100%;display:block;height:758px;background:url("img/youshibg2.jpg") no-repeat center center;background-size:cover;}
.youshi .list .img{width:364px;height:364px;position:absolute;left:50%;top:50%;margin-top:-182px;margin-left:-182px;animation:qiu 1.8s linear infinite;-webkit-animation:qiu 1.8s linear infinite;animation-direction:alternate;-webkit-animation-direction:alternate;}
.youshi .list ul:after{content:"";display:block;clear:both;}
.youshi .list ul li{display:flex;padding-top:110px;float:left;width:50%;box-sizing:border-box;}
.youshi .list ul li .icon{width:55px;height:55px;display:flex;align-items:center;justify-content:center;transition:all 0.7s ease;-moz-transition:all 0.7s ease;-webkit-transition:all 0.7s ease;-o-transition:all 0.7s ease;}
.youshi .list ul li .icon img{display:block;max-width:100%;}
.youshi .list ul li .text{margin-left:35px;}
.youshi .list ul li .text h3{color:#333333;font-size:23px;font-weight:bold;line-height:1;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
.youshi .list ul li .text .st{margin-top:12px;width:230px;font-size:15px;font-weight:400;color:#333333;line-height:24px;}
.youshi .list ul li:nth-child(even){flex-direction:row-reverse;}
.youshi .list ul li:nth-child(even) .text{margin-left:0;margin-right:35px;text-align:right;}
.youshi .list ul li:nth-child(even):hover .icon{transform:translate(-10px, 10px);-ms-transform:translate(-10px, 10px);-webkit-transform:translate(-10px, 10px);}
.youshi .list ul li:nth-child(1){padding-left:105px;}
.youshi .list ul li:nth-child(2){padding-right:105px;}
.youshi .list ul li:nth-child(5){padding-left:66px;}
.youshi .list ul li:nth-child(6){padding-right:66px;}
.youshi .list ul li:hover{cursor:pointer;}
.youshi .list ul li:hover .icon{transform:translate(10px, 10px);-ms-transform:translate(10px, 10px);-webkit-transform:translate(10px, 10px);}
.youshi .list ul li:hover .text h3{color:#3269FF;}
@media screen and (max-width: 750px){
.wrap{width:94%;}
.title h3{font-size:22px;line-height:32px;}
.title .st{font-size:14px;line-height:22px;}
.youshi .title{height:auto;padding:40px 0;}
.youshi .list{height:auto;}
.youshi .list .wrap{height:auto;}
.youshi .list .wrap .img{display:none;}
.youshi .list .wrap ul{padding-top:10px;}
.youshi .list .wrap ul li{width:100%;padding:20px 0!important;border-bottom:1px dashed #dcdcdc;flex-direction:initial;}
.youshi .list .wrap ul li:nth-child(1),.youshi .list .wrap ul li:nth-child(2),.youshi .list .wrap ul li:nth-child(5),.youshi .list .wrap ul li:nth-child(6){padding:0;}
.youshi .list .wrap ul li .icon{width:45px;height:45px;}
.youshi .list .wrap ul li .text{margin-left:35px;margin-right:0;}
.youshi .list .wrap ul li .text h3{font-size:16px;text-align:left;}
.youshi .list .wrap ul li .text .st{font-size:13px;text-align:left;width:100%;}
.youshi .list .wrap ul li:hover .icon{transform:translate(0px, 0px);-ms-transform:translate(0px, 0px);-webkit-transform:translate(0px, 0px);}
}
 
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}
@keyframes qiu{from{transform:translate(0px, 0px);-ms-transform:translate(0px, 0px);-webkit-transform:translate(0px, 0px);}to{transform:translate(-12px, 12px);-ms-transform:translate(-12px, 12px);-webkit-transform:translate(-12px, 12px);}}
@-webkit-keyframes qiu{from{transform:translate(0px, 0px);-ms-transform:translate(0px, 0px);-webkit-transform:translate(0px, 0px);}to{transform:translate(-12px, 12px);-ms-transform:translate(-12px, 12px);-webkit-transform:translate(-12px, 12px);}}