.aboutins{padding:10px;background-color:#fff;overflow:hidden;box-shadow: 0px 0px 10px rgba(22, 119, 255, 0.35);}
.about{width:1200px;margin:50px auto;background:#f5f5f5;padding:50px;overflow:hidden;box-shadow: 0px 0px 10px rgba(22, 119, 255, 0.15);}
.about h2{text-align:center;margin-bottom:1em;}
.about .tit p{text-indent:2em;margin-bottom:10px;}

.about01 .tit{width:60%;float:left;}
.about01 .img{width:35%;margin-left:5%;float:left;}
.about01 .img img{margin-bottom:20px;}	
.about01 .img li{width:46%;margin:2%;float:left;border:1px solid #1677ff;border-radius:20px;padding:20px;text-align:center;background-color:#f5f5f5;}
.about01 .img h3{font-size:30px;padding:0;margin:0;color:#1677ff;font-weight:700;}
.about01 .img p{font-size:16px;padding:0;margin:0;color:#1677ff;}

.about02 li{width:33.333%;float:left;padding:50px 15px 0;}
.about02 .box{width:100%;background:#fff;padding:30px 20px;box-shadow: 0px 0px 10px rgba(22, 119, 255, 0.15);}
.about02 .box img{display:block;text-align:center;margin:-80px auto 20px;}
.about02 .box h3{display:block;text-align:center;margin:10px auto;font-size:24px;}
.about02 .box span{display:block;text-align:center;margin:10px auto;font-size:20px;color:#c0c0c0;}
.about02 .box p{line-height:24px;}

.about03 li{width:25%;float:left;text-align:center;}
.about03 li img{display:block;margin:0 auto;}
.about03 li p{line-height:24px;}

.about04 .fr{float:right;border-left:1px solid #cecece;}
.about04 .fl{float:left;}
.about04 .descbox{background:#fff;padding:30px 50px;}
.about04 .honor_text{width:50%;}
.about04 .year{background:url(/images/1.0/about/about-honor2.png) no-repeat;text-align:center;line-height:35px;width:70px;height:31px;font-size:18px;color:#367cff;background-color:#f2f2f2;border-radius:20px;}
.about04 .year-icon{background:url(/images/1.0/about/about-honor1.png) no-repeat;width:13px;height:5px;margin:13px auto;}
.about04 .desc-li{border:1px solid #cecece;padding:20px;overflow:hidden;}
.about04 .desc-li p{color:#367cff;}
.about04 .desc-li li{list-style:disc;line-height:2em;font-size:1em;margin-left:10%;}
.about04 .honor_text.fl{padding-top:8%;padding-left:10px;}
.about04 .honor_text.fl .year-icon{transform:rotate(180deg);}
.about04 .honor_text.fr{padding-bottom:8%;padding-right:10px;}

.test{height:500px;overflow:auto;border:none;}
.test-1::-webkit-scrollbar{width:10px;height:1px;}
.test-1::-webkit-scrollbar-thumb{border-radius:10px;margin-left:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:#f5f5f5;}
.test-1::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:10px;background:#ccc;}

.about05 .tit{width:60%;float:left;}
.about05 .img{width:35%;margin-right:5%;float:left;}
.about05 .img img{width:98%;margin:1%;}	
.tit p{text-indent:2em;margin-bottom:10px;}

@media screen and (max-width: 768px){
.about{width:100%;margin:20px auto;padding:10px;}
.about01 .tit{width:100%;}
.about01 .img{width:100%;margin-left:0;margin-top:10px;}
.about02 li{width:100%;margin-bottom:20px;}
.about03 li{width:50%;padding:1%;}
.about04 .dashline{display:none;}
.about04 .honor_wrap{width:100%;padding:0 15px;}
.about04 .fr{float:left;border:none;}
.about04 .honor_text{width:100%;}
.about04 .honor_text.fl{padding:0;padding-bottom:8%;}
.about04 .descbox{padding:30px 20px;}
.about05 .tit{width:100%;}
.about05 .img{width:100%;}
.about05 .img img{float:left;width:48%;}
}