.about_con{            display: flex;            justify-content: center;        }        .right_con{            margin: 0;            float: left;        }        .left_con{            width: 320px;            float: left;            margin-right: 50px ;        }		.left_con .hot_pro{            border: 1px solid #cecece;			margin-bottom:20px;		}        .about_con .left_con .hot_pro .name{            text-align: center;            font-size: 20px;            font-weight: bold;            background: #0d70da;            color: #fff;            padding: 10px;        }        .about_con .left_con .hot_pro .hot_pro_img{            display: inline-block;            width: 30%;            float: left;            border: 1px solid #e6f2ff;        }        .about_con .left_con .hot_pro .hot_pro_con{            float: right;            width: 63%;        }        .about_con .left_con .hot_pro li{            overflow: hidden;            padding: 10px 0;            border-bottom: 1px solid #e6f2ff;        }        .about_con .left_con .hot_pro .hot_pro_list{            padding-left: 0;            padding: 10px;        }        .about_con .left_con .hot_pro .hot_pro_con .title{            font-size: 15px;            padding-bottom:5px ;            font-weight: 600;			color:#f00;        }        .about_con .left_con .hot_pro .hot_pro_con .ms{			font-size:12px;		}        @media screen and (max-width:1000px){            .about_con{                flex-direction: column-reverse;                }            .left_con{                width: 100%;            }        }