/*左侧*/
.box{width:1198px;margin:0 auto 100px;}

.left{margin-top: 200px;width:200px;}

.s-right{width:933px;height:1500px;position: relative; float:left; margin-left: 65px;padding-top: 21px;overflow: hidden;}
.s-right>ul{padding:0 2px; position: absolute;left:0;top:0;width:10000px;transition: all .4s;-webkit-transition: all .4s;}
.s-right>a{position: absolute;display: block;z-index: 5; line-height: 984px;top:0;font-size: 100px;transition: all .4s;font-family: "宋体";font-weight: 600;}
.s-right>a:hover{opacity: 1;}
.btn-left{left:0;}
.btn-right{right:0;}
.types{text-align: center;width:300px;border:1px solid #E0E0E0;float:left;transition: all .4s;-webkit-transition: all .4s;}
.leave{width:60%;height:2px; background: #E6E7E9;margin:25px auto 40px;}
.heat{width:100%;background: #47BC85;color:#47BC85; margin-top: -21px;border-radius: 5px 5px 0 0}
.types h2{margin:20px 0;}
.types p{margin-bottom:17px;}
.types strong,.types i{font-size: 20px;}
.types button{width:190px;height:42px; display: block; margin:17px auto;border:0;background: #70c2d3;color:#fff;border-radius: 4px;cursor: pointer;}

.types li{background: #FAFAF8;height:26px; line-height: 26px;margin:14px auto;width:60%;}

.selected{width:329px;box-shadow: 0 4px 30px #ccc;}
.selected button{background: #4bc68c;}


.box .sub-menu div .el-icon-arrow-right{
    display: none;
}
@media (max-width: 1200px) {
    .box{
        width: 90%;
        margin: 0 auto;
    }
    .box >.left{
        margin-top: 0;
        width: 100%;
        float: none;
    }
    .box >.left .meun-left{
        width: 100%;
    }
    .box >.s-right{
        width: 100%;
        margin-left: 0;
        float: none;
    }
    .box .menu_item div{
        display: flex;
        align-content: center;
        justify-content: space-between;
        align-items: center;
        padding-right: 10px;
    }
    .box .menu_item div .el-icon-arrow-right{
        display: block;
        transition: all 0.5s;
        font-size: 18px;
    }
    .box .menu_item .sub-menu li{
       display: none;
    }
    .box .menu_item.show_li .sub-menu li{
        display: block;
    }
    .box .menu_item.show_li div .el-icon-arrow-right{
        display: block;
        transform: rotate(90deg);
    }
}