.box2{background: rgb(240,240,240)}
.box2 .contain{margin-top: 80px}
.box2 .contain .left{width: 18%;float: left}
.box2 .contain .right{width: 79.166%;float: right}
.box2 .contain .left .pro_li{margin-bottom: 10px;cursor: pointer;position:relative;}
.box2 .contain .left .pro_li .click_show{position:absolute;right:0;top:0;width:54px;height:54px;background:url(../images/jiantou.png) no-repeat center;background-size:25px;}
.box2 .contain .left .pro_li.on .click_show{background-image:url(../images/jiantou-active.png)}
.box2 .contain .left .pro_li p{line-height: 54px;color: white;font-size: 18px;padding-left: 27px;background:#777777}
.box2 .contain .left .pro_li.on p{background:#F08519}
.box2 .contain .left .pro_nav{background: rgb(221,221,221);padding: 28px 0 5px 28px;display:none;}
.box2 .contain .left .pro_li.on .pro_nav{display:block;}
.contain .left .pro_nav .pro_list .pro_link{color: rgb(51,51,51);position: relative}
.contain .left .pro_nav .pro_list:hover a,.contain .left .pro_nav .pro_list.on a{color:#F08519}
.contain .left .pro_nav .pro_list:hover .pro_link::after,.contain .left .pro_nav .pro_list.on .pro_link::after{border-color:#F08519}
.contain .left .pro_nav .pro_list .pro_link::after{
    content: '';
    height: 8px;
    width: 8px;
    border-bottom: 8px solid rgb(102,102,102);
    position: absolute;
    left: -12px;
}
/*  */
.box2 .contain .left .pro_li .hover_menu1{display:none;left:100%;background:#E7E7E7;top:0;min-height:100%;min-width:150px;position: absolute;}
.box2 .contain .left .pro_li .hover_menu1 a{display:block;line-height:40px;white-space: nowrap;color:#333;padding:0 15px;}
.box2 .contain .left .pro_li:hover .hover_menu1{display:block;}
.box2 .contain .left .pro_li .hover_menu1 a:hover{color:#F08519;}
/*  */
.contain .left .pro_nav .pro_list{margin-bottom: 23px}
.box2 .contain .right .list{width: 32%;margin-bottom: 20px;background: white;text-align: center;height: 400px;margin-right: 20px;float: left;box-shadow: 4px 5px 10px #ddd;position: relative;top:0;transition: top 0.5s;}
.box2 .contain .right .list:nth-child(3n){margin-right: 0}
.box2 .contain .right .list .p1{color: black;font-weight: bold;font-size: 18px}
.box2 .contain .right .list .p2{color: rgb(102,102,102);font-size: 14px;line-height: 22px}
.box2 .contain .right .list .p3{color: rgb(51,51,51);font-size: 14px;margin-top: 10px;text-decoration: underline rgb(51,51,51)}
.box2 .contain .right .list .link{width: 100%;height: 100%;display: flex; flex-direction: column;}
.box2 .contain .right .list .pic{padding: 30px 15px;height: 290px;display:table-cell;vertical-align: middle}
.box2 .contain .right .list .pic img{max-height:100%;}
.box2 .contain .right .list:hover{transition: 0.5s;top:-5px;}
.box2 .contain .right .nav{display: none}
.box2 .contain .right .nav.select{display: block}
/*  */
.pro_ul{position:relative;}
.pro_ul .hover_menu{position: absolute;left:100%;height:100%;background:#E7E7E7;min-width:100px;top:0;padding:20px 0 ;display:none;z-index:99;}
.pro_ul .hover_menu .hover_menu1 a{font-size:16px;color:#333;display:block;margin-bottom:15px;white-space: nowrap;padding:0 30px;}
.pro_ul .hover_menu .hover_menu1 a:hover,.pro_ul .hover_menu .hover_menu1 a.on{color:#F08519}
.pro_ul .hover_menu .hover_menu2{left:100%;position:absolute;top:0;height:100%;padding:20px 30px;background:#bbb;}
.pro_ul .hover_menu .hover_menu2 a{font-size:14px;color:#666;white-space: nowrap;display:block;line-height:30px;}
.pro_ul .hover_menu .hover_menu2 a:hover,.pro_ul .hover_menu .hover_menu2 a.on{color:#F08519;font-weight:bold;}
.pro_ul .hover_menu .hover_menu2{display:none;}
.pro_ul .hover_menu .hover_menu2_list{display:none;}
.pro_ul:hover .hover_menu{display:block}
@media (max-width:768px){
    .box2 .contain{margin:0;padding:15px}
    .box2 .contain .left{display:none;}
    .box2 .contain .right{width:100%;}
    .box2 .contain .right .nav.select{display:flex;justify-content: space-between;flex-wrap:wrap;}
    .box2 .contain .right .list{width:48%;margin-right:0;height:auto;padding-bottom:15px}
    .box2 .contain .right .list .pic{padding:10px;display:block;height:145px;line-height:125px;}
    .box2  .nav.select .clear{display:none;}
    .box2 .contain .right .list .p1{font-size:14px}
    .box2 .contain .right .list .p3{font-size:12px;margin-top:5px;}
}

@media (min-width:768px) and (max-width:991px){
    .box2 .contain .right .list .pic{height:200px;}
    .box2 .contain .right .list .p1{font-size:18px;margin:10px 0;}
}
@media (min-width:1024px) and (max-width:1343px){
    .box2 .contain .right .list{margin-right:2%;height:360px;}
    .box2 .contain .right .list .pic{height:260px;padding:15px}
}