*{margin: 0;padding: 0;}
.my-bg{
    width: 100%;
    height: auto;
    position: relative;
}
.my-content{
       width: 80%;
    background: #fff;
    position: absolute;
    top: 30vh;
    left: 5%;
    padding: 0 5% 32px;
}
.my-title{
    padding: 30px 0;
}
.my-title span:hover{color:#2196f3;cursor:pointer;}
.my-nav{
    width: 200px;
    float: left;
}
.my-nav-ul{
    list-style-type: none;
        line-height: 48px;
}
.my-nav-ul>li{
	border-bottom: 1px #ccc solid;
    width: 80%;
    cursor: pointer;
    text-indent: 0em;
    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.my-nav-ul>li::BEFORE{
	content: '';
    position: absolute;
    width: 3px;
    height: 12px;
    background: transparent;
    left: 65px;
    margin-top: 19px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
li.active{text-indent: 1em;    color: #2495e4;}
.my-nav-ul>li.active::BEFORE{
	    background: #2495e4;
}
.my-nav-ul>li:HOVER::BEFORE{
	content: '';
    position: absolute;
    width: 3px;
    height: 12px;
    background: #2495e4;
    left: 65px;
    margin-top: 19px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.my-nav-ul>li:HOVER{
	text-indent: 1em;
	color: #2495e4;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.my-nav-ul>li:HOVER a{
	color: #2495e4;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.my-list{
    width:calc(100% - 200px);
    float: left;
}
.my-list-one{
    width: auto;
    float: left;
    margin-right: 2%;
    margin-bottom: 30px;
    width:31%;
    overflow: hidden;
    border-bottom: 1px #ccc solid;
    padding-bottom: 25px;
    cursor: pointer;
    transition: all .4s linear;
}
.my-imgBox{    width: 100%; margin-bottom: 15px;height: 214px;}
.my-imgBox>img{
	height:100%;
	transition: all .4s linear;
}
.my-list-one:hover .my-imgBox>img{transform:scale(1.1)}
.my-list-one:hover{border-bottom: 1px #666 solid;}

.my-contents{
	text-align: center;
	width: 80%;
	margin: 0 auto;
}
.my-contents h3{margin-bottom: 32px;}
.my-contents img{margin-bottom: 24px;}
.my-contents p{
	text-align: left;
    line-height: 32px;
   }
   
   
   
.aboutTitle{
	width: 100%;
	text-align: center;
	padding:100px 0;
}
.aboutTitleText{
	width: 80%;
    margin: 0 auto;
    line-height: 32px;
}
.aboutData{
	width: 100%;
	border-bottom: 1px #ececec solid;
	list-style-type: none;
	overflow: hidden;
	padding: 80px 0;
}
.aboutData li{
	float: left;    width: 33%;
    text-align: center;
    border-right: 1px rgb(221, 221, 221) solid;
    }
.aboutData .data{
	font-size: 22px;
    line-height: 32px;
   }
.aboutData .cf5{
     color: #919191;
    }