.banner{height: 300px;padding-top: 80px;position: relative;overflow: hidden;}
.banner .on{position: absolute;left:0px;top:170px;animation: myMove01 2s;}
.banner .on h3{font-size: 28px;color:#fff;position: absolute;left:260px;top: 24px;animation: myMove 1.6s;animation-delay:.2s;}
.banner .on p{font-size: 18px;color:#fff;position:absolute;left:260px; top:66px;
animation: myMove 1.6s;animation-delay:.6s;
}
@keyframes myMove{
0%{left:0;}
100%{left:260px;}
}
@keyframes myMove01{
0%{left:-1124px;}
100%{left:0;}
}.wrap{width: 1174px;margin: 0 auto;}
.main{overflow: hidden;/*border-bottom: 1px solid #e5e5e5;*/}
.main h3{width: 88px;border-bottom: 2px solid #750173;font-size: 20px;color:#750173;line-height: 86px;}
.til{overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.main-bd ul {overflow: hidden;padding-top: 50px;}
.main-bd ul li{width: 100%;height: 340px;overflow: hidden;}
.main-bd ul li .img_box{float: left;width: 440px;height: 280px;overflow: hidden;}
.main-bd ul li .img_box img{width: 100%;height: 100%;-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;}
.txt_box{width: 680px;height: 280px;float: right;}
.txt_box h2{font-size: 20px;line-height: 30px;color:#444444;}
.txt_box span{color:#666666;font-size: 14px;line-height: 26px;padding: 20px 0;display: block;}
.txt_box p{color:#444444; font-size: 14px;line-height: 22px;cursor: pointer;}
.txt_box p:hover,.txt_box h2:hover{color:#750173;}
.txt_box .btn{display: block;width: 298px;height: 48px;border: 1px solid #e5e5e5;line-height: 50px;margin-top: 40px;position: relative;}
.txt_box em{color:#666666;font-size: 16px;}
.txt_box em{padding-left: 48px;}
.txt_box i{width: 68px;height: 19px;position: absolute;left: 134px;top: 50%;margin-top: -9.5px;}
.txt_box .btn:hover{background: #750173;}
.txt_box .btn:hover em{color:#fff;}
.txt_box .btn .now{background: url(../images/case/arrow_01.png) no-repeat 30px center;-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;}
.main-bd ul li .img_box img:hover{-webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
     -o-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);}
.txt_box .btn:hover .now{background: url(../images/case/arrow_bg.png) no-repeat 30px center;
   -webkit-transform: translateX(20px);
   -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
     -o-transform: translateX(20px);
        transform: translateX(20px);}
.more{width: 100%;height: 100px;border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;background: #f0f0f0;text-align: center;}
.more a{line-height: 102px;font-size: 18px;color:#666666;position: relative;}
.more span{width: 40px;height: 40px;display: inline-block;border: 1px solid #e5e5e5;
    position: absolute;top:-31%;left:-80%;}
.more  i{position: absolute;top:-70%;left:29%;}
.more  i ins{position: absolute;top:0;left:0;}

@media (min-width:320px) and (max-width:639px) {    
.wrap{width: 93.75%;}
.banner{height: 180px;}
.banner .on{display: none;}
.main-bd ul li .img_box{width: 100%;}
.txt_box{width: 100%;float: left;}
.main-bd ul li{height:auto;padding-bottom: 80px;}
.txt_box .btn{width:270px;}
.main h3{font-size: 18px;}
.txt_box h2{font-size: 18px;padding-top: 10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-alamp:2;-webkit-box-orient:vertical;}
.txt_box span{padding: 10px 0;}
.txt_box p,.txt_box span{font-size: 12px;}
.txt_box em{font-size: 14px;}
}

@media (min-width:640px) and (max-width:1023px) {    
.wrap{width: 93.75%;}
.banner{height: 260px;}
.banner .on{position: absolute;left:0px;top:176px;animation: myMove01 2s;}
.banner .on img{width: 100%;padding-left: 60px;}
.banner .on h3{font-size: 20px;left:260px;top:8px;}
.banner .on p{font-size: 14px;left:260px;top:36px;}.training h2{font-size: 24px;padding-top: 40px;padding-bottom: 20px;}
.main-bd ul li .img_box{width: 46%;}
.txt_box{width: 50%;float:right;}
.main-bd ul li{height:auto;padding-bottom: 80px;}
.txt_box .btn{width:270px;}
.main h3{font-size: 20px;}
.txt_box h2{font-size: 18px;padding-top: 10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-alamp:2;-webkit-box-orient:vertical;}
.txt_box span{padding: 10px 0;}
.txt_box p,.txt_box span{font-size: 14px;}
.txt_box em{font-size: 16px;}
}
@media (min-width:1024px) and (max-width:1560px) {    
.wrap{width:1024px;}
.banner{height: 260px;}
.main-bd ul li .img_box{width: 440px;height: 280px;}
.txt_box{width:550px;float:right;}
.main-bd ul li{height:auto;padding-bottom: 80px;}
.txt_box .btn{width:270px;}
.main h3{font-size: 20px;}
.txt_box h2{font-size: 18px;padding-top: 10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-alamp:2;-webkit-box-orient:vertical;}
.txt_box span{padding: 10px 0;}
.txt_box p,.txt_box span{font-size: 14px;}
.txt_box em{font-size: 16px;}
}