/* CSS Document */
/*全局预设*/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body {   font:12px/20px "Microsoft YaHei", "SimSun", "宋体",HELVETICA; background:#fff; /* overflow-y:scroll;*/width:100%; }
em{font-style:normal}
li{list-style:none}
fieldset, img { border:none; }
img{border:0;vertical-align:middle}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "SimSun","宋体";}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; }
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
p {word-wrap:break-word}
table { border-collapse:collapse; }
a{    text-decoration:none;blr:expression(this.onFocus=this.blur());	 }
 
a:hover, a:active, a:focus {   text-decoration:none; }


.fl{ float:left}
.fr{ float:right}
.mt80{ margin-bottom:80px;}
.mt90{ margin-bottom:90px}
.mt100{ margin-bottom:100px}
 
.header-over{ height: 60px; width: 100%;}
.header{ height:40px; background:#16171C; padding:10px 0; position:relative; width:100%; position:fixed; top:0; z-index:99;  }
.header .logo{  display:block; height:34px;  float:left; margin-left:3%; margin-top:3px;}
.header .logo img{ width:100%}
.header .seach{ float:right; display:block; margin-top:10px; margin-right:5px;}
.header .seach i{ font-size:24px;}
.header  .menu {  float:right;  margin-right: 12%;  margin-top:20px;  -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
 
.ban .swiper-pagination-bullet-active{    background: #D79FB3 !important;}
  
.indti{ text-align:center; margin:30px 0; }
.indti img{ width:250px;}
.indmubg{ overflow:hidden; background-image:url(../images/indmubg.png); background-size:100%;padding:0 4% 30px;}
.indmu{ overflow:hidden; display:flex;justify-content: space-between;    flex-wrap: wrap}
.indmu a{ width:48%; margin-bottom:20px;}
.indmu a img{ width:100%;}
 
 
.indpro{ overflow:hidden; background:url(../images/indprobg.png) center top; background-size:100%; padding:30px 0;}
.indti{ text-align:center;}
.indpro .swiper-container{ margin:40px auto 0px; padding:0 4%; display:flex;justify-content: space-between; flex-wrap: wrap }
.indpro a{ display:block; width:40%; padding:0 4%; height:220px; position:relative; margin-bottom:50px;   overflow:hidden; box-shadow: 1px 4px 15px 4px #f2f4f9; background:#fff;}
.indpro a:nth-child(1){ border-bottom:3px solid #5159C6}
.indpro a:nth-child(2){ border-bottom:3px solid #FEC11D}
.indpro a:nth-child(3){ border-bottom:3px solid #FF546E}
.indpro a:nth-child(4){ border-bottom:3px solid #0AE8D3}
.indpro a h1{ font-size:18px; font-weight:normal; line-height:20px; margin-bottom:10px; margin-top:20px; color:#07073B;}
.indpro a h2{ font-size:12px; font-weight:normal; line-height:18px; margin-bottom:90px; color:#6F7A98;}
.indpro a span{ display:block; width:80px; height:24px; line-height:24px; border:1px solid #D79FB3; color:#D79FB3; font-size:12px; border-radius:24px; text-align:center;}
.indpro a img{ height:120px; position:absolute; right:-30%; bottom:0}
 
.indabt{  background:url(../images/indabtbg.png) bottom center no-repeat #243172;background-size:100%; overflow:hidden; position:relative;}
.indabt ul{ display:flex;justify-content: center;align-items: center; margin-top:40px; margin-bottom:30px;}
.indabt li{ font-size:12px; color:#D79FB3; margin:0 25px;}
.indabt li p{ margin-bottom:10px;}
.indabt li span{ font-size:26px;}
.indabtvdo{ width:144px; height:48px; margin:0 auto; cursor:pointer;}

.indvdotc{ position: fixed; width: 90%; padding: 20px 3%;   border-radius: 10px; left: 2%; top:50%; margin-top: -180px; z-index: 999;  justify-content: center;
align-items: center; display: none;}
.indvdotc video{ width: 100%; }
.indvdotc i{ position: fixed; top: 20px; right: 20px; font-size: 24px; z-index: 9; cursor: pointer; color:#E8AAC0 ;}
.indvdotcbg{ position: fixed;width: 100%; height: 100%; left: 0; top: 0; z-index: 998;background:rgb(000, 000, 000,.9);display: none;}

.indabt .indabtdec{ width:90%;  background:url(../images/ind5.png) center top; background-size:100%; text-align:center; margin:30px auto 0; overflow:hidden; padding-bottom:10px  }
.indabt .indabtdec h1{ font-weight:normal; font-size:24px; line-height:30px; margin-bottom:15px; margin-top:30px; color:#07073B}
.indabt .indabtdec p{ font-size:14px; line-height:26px; margin-bottom:20px; color:#07073B;}
 
.indnews{ overflow:hidden; padding:0 4%;}
.indnews a{ display:block; margin-bottom:20px; border-top:1px solid #DADCDE; padding-top:20px;}
.indnews a:nth-child(1){ border-top:0 !important;padding-top:0px;}
.indnews a .imgs{ display:block; width:100%; height:200px; background:#f1f1f1; border-radius:10px; margin-bottom:10px;}
.indnews a h1{ font-size:14px; font-weight:normal; color:#07073B; line-height:20px; margin-bottom:10px;}
.indnews a p{ overflow:hidden;}
.indnews a p span{ display:block;}
.indnews a p .fl{ color:#6F7A98; margin-top:3px;}
.indnews a p .fr{ width:90px; height:28px; line-height:28px; border:1px solid #E7A6BD; color:#E7A6BD; border-radius:30px; text-align:center;}

.indstorebg{ background:url(../images/indstorebg.png) right 20px no-repeat; background-size:100%; overflow:hidden;}
.indstore{ margin:0 4%; overflow:hidden;} 
.indstore p{ text-align:center; font-size:14px;margin-top:15px; margin-bottom:20px;}
.indstore a{ margin:0 auto; display:block; width:130px;} 
 
.indjoin{ background:url(../images/ind11.png) center top; background-size:100%; overflow:hidden;}
.indjoin .indjoindec{ margin:31% auto 0; height:45px; line-height:45px; display:flex;justify-content: center;align-items: center;font-size:12px;color:#6F7A98;}
.indjoin .indjoindec i{ width:20px; height:20px; line-height:20px; text-align:center; display:block; border:1px solid #6F7A98; border-radius:50%; color:#6F7A98; font-size:12px; margin-right:5px;}
.indjoin .indjoindec a{ display:block;   color:#07073B; font-weight:bold; font-size:12px; margin-left:5px;}
.indjoin .indjoinbtn{ margin:20px auto 40px; display:block; width:160px;}
 
 
 
.footer{ background:#1b2534; overflow:hidden; padding:30px 5%}
.footer img{ display:block; margin-bottom:10px; width:100px;}
.footer .footp{ font-size:14px; color:#a3a7ad}
.bot{ padding:15px 5%; overflow:hidden; border-top:1px solid #3e4044; background:#1b2534; color:#a3a7ad; text-align:center; margin-bottom:72px;}

.botmubg{ height: 70px; width: 100%;}
.botmu{ overflow:hidden; display:flex;justify-content: space-between;    align-items: center; padding:10px 5% 20px; position: fixed; bottom: 0; left: 0; width: 90%; background-color: #fff; z-index:99}
.botmu .botli{ overflow:hidden; text-align:center; margin:0 5px; color:#07073b}
.botmu .botli i{ display:block; font-size:24px; color:#5159C6; margin-bottom: 2px;}
.botmu .botbtn{ display:block; width:55%; height:40px; line-height:40px; font-size: 14px; background:#5159C6; color:#fff; border-radius:5px; text-align:center;}

.miao{ position: absolute; margin-top: -60px;}



.abtjj{ overflow:hidden; text-align:center;background:url(../images/abt1.png) center top; background-size:100%; padding:30px 0 40px;}
.abtjj h1{ font-size:20px; font-weight:normal; line-height:24px; margin-bottom:20px;}
.abtjj p{ font-size:14px; line-height:24px; color: #515176;}

.abtinfo{ overflow:hidden; text-align:center; background:url(../images/abt2.png) center top;background-size:100%; padding:20px 4%;}
.abtinfo .abtintop{background:url(../images/abt3.png) center top no-repeat; background-size:100% 100%; text-align:left; padding:20px;}
.abtinfo .abtintop h1{ font-size:18px; font-weight:normal; color:#fff; margin-bottom:10px;}
.abtinfo .abtintop p{ color:#C5C5C9; line-height:22px;}
.abtinfo .abtinfoimg{ overflow:hidden;display: flex;    justify-content: space-between; margin:20px 0}
.abtinfo .abtinfoimg img{ width:48%; display:block}
.abtinfo .abtinbot{ background:url(../images/abt3.png) center top no-repeat; background-size:100% 100%; text-align:left; padding:20px;color:#C5C5C9; line-height:22px;}


.abtjs{ overflow:hidden; background:url(../images/abt6.png) center bottom; background-size:100%;  display:flex;justify-content: center;align-items: center;}
.abtjs ul{ display:flex;justify-content: space-between;align-items: center;flex-wrap: wrap;  width:94%; padding:40px 6% 20px}
.abtjs li{ font-size:12px; color:#D79FB3; margin:0 0 30px; width:42%; padding-bottom:10px; padding-left:4%}
.abtjs li p{ margin-bottom:10px; color:#515176;}
.abtjs li span{ font-size:18px;color:#07073B; font-weight:bold;}
.abtjs li:nth-child(1){ border-bottom:3px solid #5159C6}
.abtjs li:nth-child(2){ border-bottom:3px solid #FEC11D}
.abtjs li:nth-child(3){ border-bottom:3px solid #FF546E}
.abtjs li:nth-child(4){ border-bottom:3px solid #0AE8D3}


.abtvdo{ overflow:hidden; padding:30px 4% 40px;}
.abtvdo .abtvdoti{ text-align:center; overflow:hidden; margin-bottom:25px;}

 
.abtstore{ background:url(../images/abt9.png) center bottom no-repeat #F9FCFF; background-size:100%; overflow:hidden;  text-align:center; padding:0 4%;}
.abtstore .simg{ border-radius:10px; width:100%;}
.abtstore .abtti{ text-align:center; overflow:hidden; margin-bottom:25px;}
.abtstore p{ font-size:14px; line-height:22px; color:#C5C5C9; margin:25px 0 20px;}
.abtstore a{ display:block; margin:0 auto 30px; width:}


.mainmu{ width:100%; height:60px; line-height:60px; display:flex;justify-content: center;align-items: center;box-shadow: 1px 5px 10px 0px #dfe8f1; z-index:9; position:relative;}
.mainmu em{ width:1px; height:20px; background:#DADCDE; display:block; margin:0 30px;}
.mainmu a{ font-size:14px; color:#07073B; display:flex;justify-content: center;align-items: center;}
.mainmu a img{ margin-right:7px; width:22px;}
.mainmu a .iconmu2{ display:none;}
.mainmu a.on{ color:#5159C6}
.mainmu a.on .iconmu1{ display:none;}
.mainmu a.on .iconmu2{ display:block;}
.mainmu a:hover .iconmu1{ display:none;}
.mainmu a:hover .iconmu2{ display:block;}
.mainmu a:hover{ color:#5159C6}

.joinyq{ overflow:hidden; padding:30px 0 0; background:#F3F7FB;justify-content: center; display: flex; flex-wrap:wrap;}
.joinyq .yqli{ width:38%; height:280px; padding:0 4%; background:#fff; overflow:hidden; margin:0 1% 10PX}
.joinyq .yqlibig{ width:86%; height:220px; padding:0 4%; background:#fff; overflow:hidden; margin:0 1% 20PX}
.joinyq .yqliico{ display:block; margin:30px auto 20px; width:40PX;}
.joinyq h1{ font-size:16px; font-weight:normal; color:#07073B; line-height:20px; margin-bottom:10px; text-align:center;}
.joinyq p{ color:#6F7A98; font-size:12px; line-height:22px;}
.joinyq .yqlimax{ background:url(../images/join4.png) center bottom; background-size:100%; width:90%; padding:10px 2%      }
.joinyq .yqlimax h1{ font-size:18px; line-height:22px; margin-bottom:10px; text-align:left; margin-top:15px}
.joinyq .yqlimax a{ display:block;   margin:20px auto 0; width:150px; }
.joinyq .yqli:hover{background:url(../images/join6.png) top no-repeat #fff;box-shadow: 1px 1px 15px 4px #f0f3ff;}

.joinser{ background:#243172; overflow:hidden; padding:350px 3% 30px; margin-top:-330px;display:flex;justify-content: space-between;flex-wrap: wrap; }
.joinser .joinserli{ width:47%;  overflow:hidden;text-align:center;}
.joinser .joinserli img{ margin:20px auto 10px; display:block; width:50px;}
.joinser .joinserli h1{ font-size:16px; line-height:20px; font-weight:normal; color:#E7A6BD; margin-bottom:10px; }
.joinser .joinserli p{ font-size:12px; color:#B59EBC; line-height:20px;}



.joinform{ overflow:hidden; background:url(../images/join12.png) center bottom no-repeat #fff;}
.joinform .jointi{ text-align:center; overflow:hidden; margin:40px 0 30px;}
.joinform .jointi h1{ font-size:24px; font-weight:normal; line-height:24px; color:#07073B; margin-bottom:10px;}
.joinform .jointi p{ font-size:14px; line-height:20px; color:#515176;}

.joinform form{ width:86%; margin:0 auto 40px;box-shadow: 1px 10px 15px 4px #eceff9; padding:30px 3% 20px; background:#fff; overflow:hidden; border-radius:10px;}
.joinform .inp_text{ overflow:hidden; margin-bottom:15px; }
.joinform .inp_text p{margin-bottom:7px;font-size:16px; color:#07073B;}
.joinform .inp_text span{ color:#FF546E; font-size:16px; display:block; float:left; margin-top:3px;}
.joinform .inp_text input{ width:95%; height:40px; line-height:40px; padding:0 2%; border:1px solid #DADCDE; border-radius:5px;font-family:"Helvetica Neue",Helvetica,"PingFang SC","Microsoft YaHei",Tahoma,Arial;}
.joinform .inp_text textarea{ width:95%; height:120px; line-height:40px; padding:0 2%; border:1px solid #DADCDE; border-radius:5px;font-family:"Helvetica Neue",Helvetica,"PingFang SC","Microsoft YaHei",Tahoma,Arial;}
.joinform .formbtn{ width:100%; overflow:hidden;}
.joinform button{ width:150px; height:67px; background:url(../images/join13.png); background-size:100%; display:block; margin:0 auto; border:0; cursor:pointer;}

.joinform ::-webkit-input-placeholder { color: #b4b4c4;  }
.joinform ::-moz-placeholder {color: #b4b4c4;}
.joinform :-ms-input-placeholder {color: #b4b4c4;} 




.conmain{background:url(../images/conbg.png) top center no-repeat #e2f0ff;background-size:100%; overflow:hidden; padding:40px 0 40px;}
.conmain .conti{ font-size:24px; color:#07073B; line-height:30px; text-align:center; font-weight:normal; margin-bottom:30px;}

.condec{justify-content: space-between; display: flex; flex-wrap:wrap; overflow:hidden; margin-bottom:30px;}
.condec h1{ font-size:16px; color:#07073B; line-height:20px; margin-bottom:10px; font-weight:normal;}
.condec p{ font-size:14px; color:#6F7A98; line-height:22px;}
.condec .confm{ margin-bottom:20px;}

.contt{ overflow:hidden; font-size:18px; font-weight:bold; color:#07073B; line-height:20px; width:100%; margin-bottom:15px;}
.contt em{ width: 4px;height: 18px;background: #5159C6; display:block; float:left; margin-right:10px; margin-top:1px;}

.conmain .conform{ width:86%; margin:0px auto;box-shadow: 1px 10px 15px 4px #eceff9; padding:30px 3%; background:#fff; overflow:hidden; border-radius:10px;}
.conmain form{ overflow:hidden; margin-top:10px;}
.conmain .inp_text{ overflow:hidden; margin-bottom:15px; }
.conmain .inp_text p{margin-bottom:7px;font-size:16px; color:#07073B;}
.conmain .inp_text span{ color:#FF546E; font-size:16px; display:block; float:left; margin-top:3px;}
.conmain .inp_text input{ width:95%; height:40px; line-height:40px; padding:0 2%; border:1px solid #DADCDE; border-radius:5px;font-family:"Helvetica Neue",Helvetica,"PingFang SC","Microsoft YaHei",Tahoma,Arial;}
.conmain .inp_text textarea{ width:95%; height:120px; line-height:40px; padding:2%; border:1px solid #DADCDE; border-radius:5px;font-family:"Helvetica Neue",Helvetica,"PingFang SC","Microsoft YaHei",Tahoma,Arial;}
.conmain .formbtn{ width:100%; overflow:hidden;  }
.conmain button{ width:150px; height:67px; background:url(../images/con1.png);background-size:100%; display:block; margin:0 auto; border:0; cursor:pointer;}

.conmain ::-webkit-input-placeholder { color: #b4b4c4;  }
.conmain ::-moz-placeholder {color: #b4b4c4;}
.conmain :-ms-input-placeholder {color: #b4b4c4;} 



.newsti{ overflow:hidden; font-size:20px; font-weight:bold; color:#07073B; line-height:30px;}
.newsti em{ width: 4px;height: 20px;background: #5159C6; display:block; float:left; margin-right:10px; margin-top:5px;}

.newsmain{ overflow:hidden; padding:40px 3% 40px; background:#F3F7FB;}
.newstop{ margin-top:20px; overflow:hidden; background:#fff; border-radius:10px; padding:0 10px;margin-bottom:30px;}
.newstop a{ margin:10px 0; display:block; overflow:hidden; border-top:1px solid #EAECED; padding-top:10px;}
.newstop a:nth-child(1){ border:0; padding:0}
.newstop a .imgs{ width:40%; height:100px; float:left; margin-right:13px; overflow:hidden; background:#f1f1f1; border-radius:10px;background-size:cover;    background-position: center;}
.newstop a h1{ font-size:14px; font-weight:normal; color:#07073B; line-height:24px; height:48px; margin-bottom:20px; overflow:hidden;  margin-top:5px;}
.newstop a span{font-size:12px; color:#515176;}

.newslist{ overflow:hidden;margin-top:20px; width:100%;   }
.newslist a{ background:#fff; overflow:hidden; display:block; float:left; padding:10px 2%; width:44%; margin:0 1%; margin-bottom:10px; border-radius:10px;}
.newslist a .imgs{ width:100%; height:100px; overflow:hidden; background:#f1f1f1; border-radius:5px; margin-bottom:10px; background-size:cover;    background-position: center;}
.newslist a h1{ font-size:14px; font-weight:normal; color:#07073B;height:40px; line-height:20px; overflow:hidden; margin-bottom:10px;}
.newslist a .newdec{ overflow:hidden;}
.newslist a .newdec .newstime{ float:left; font-size:12px; color:#6F7A98; }



.newstit{ font-size:16px; margin:20px auto; padding: 0 20px; }
.newstit a{color:#7f7f7f;}
.newstit em{color:#7f7f7f; font-style:normal; margin:0 3px;}

.newsdetailmain{ overflow:hidden; margin:0 auto 30px;}
.newsinfo{ background:#fff; float:left; padding:30px 20px 40px; }
.newsinfo .newsdestit{ text-align:center; font-size:20px; color:#0c0c0c; margin-bottom: 10px; line-height: 30px;}
.newsinfo .newsdesdate{ text-align:center; font-size:14px; color:#333333; margin-bottom:30px;}
.newsinfo .newsdesmain{ line-height:24px;}
.newsinfo .newsdesmain img{ max-width:100%; margin:10px 0;}
.newsinfo .newsdesmain video{ max-width:100%; margin:10px 0;}
.newsinfo .newdet-link{width: 100%;border-top: 1px solid #dddddd;padding-top: 20px;overflow:hidden;	position:relative;	min-height:70px;margin:40px 0 0;}
.newsinfo .newdet-link a{line-height: 30px;color: #808080;font-size: 12px;display:block;}
.newsinfo .newdet-link a span{color: #808080;}
.newsinfo .newsback a{background: #D79FB3;color: #fff;display: block; margin: 20px auto 0; text-align: center;width: 120px;height: 40px;line-height: 40px;font-size:18px;	font-weight:bold;	border-radius:5px;}

.vdomain{ overflow:hidden; padding:30px 2% 20px;justify-content: space-between; display: flex; flex-wrap:wrap;}
.vdomain a{ width:48%; display:block; padding:10px 1%; background:#fff;  margin-bottom:20px;}
.vdomain a .imgs{ width:100%; height:120px;  overflow:hidden; background:#F1F1F1; margin-bottom:15px;border-radius:6px; background-size: cover; background-repeat: no-repeat;}
.vdomain a h1{ font-size:16px; color:#07073B; font-weight:normal; line-height:26px; margin-bottom:15px; }
.vdomain a p{ font-size:12px; color:#6F7A98; margin-bottom:30px;}
.vdomain a span{ width: 90px;height: 30px; line-height:30px;border-radius: 30px;border: 1px solid #5159C6; display:block; color:#5159C6; text-align:center; font-size:12px;}
.loadmore{ overflow: hidden; margin-bottom: 40px;}
.loadmore a{ width: 120px; height: 40px;line-height: 40px;border-radius: 40px;  margin: 0 auto; background-color: #fff; color: #555; display: block; text-align: center; font-size: 14px;}


 
.promu{ overflow:hidden;display:flex;justify-content:center; width:100%; height:70px;   background:url(../images/promu.png) top  center no-repeat; background-size: 100%; position:absolute; left:0%; margin-top:-25px}
.promu a{ display:flex; margin: 0 10px; padding: 0 15px 0 5px; height:50px;  align-items: center;    justify-content: center; font-size:14px; color:#0A0A37;}
.promu a img{ width: 20px; margin-right: 10px;}
.promu a .iconmu1{ display:block;}
.promu a .iconmu2{ display:none;}
.promu a.on .iconmu1{ display:none;}
.promu a.on .iconmu2{ display:block;}
.promu a.on{ border-bottom: 2px solid #E7A6BD;}
.promu a:hover .iconmu1{ display:none;}
.promu a:hover .iconmu2{ display:block;}
.promu a:hover{ border-bottom: 2px solid #E7A6BD;}

.pronva{ display: flex; justify-content: center;    flex-wrap: wrap; overflow: hidden; margin-bottom: 20px;}
.pronva a{ display: block; height: 28px; line-height: 28px; padding: 0 20px; background-color: #fff; color: #07073B; font-size: 14px; margin: 0 5px 10px; border-radius: 4px;}
.pronva a.on{background-color: #E7A6BD;color: #fff; }


.promain{ overflow: hidden; padding: 60px 0 40px; background: #EFF8FF;}

.prolist{ width:96%;padding: 0 2%;  overflow:hidden;}
.prolist a{ display:block; float:left; width:48%;   background:#fff; margin:0 1% 10px;  text-align:center;}
.prolist a .imgs{ width:100%; height:222px; overflow:hidden;   margin:0px auto 0; display: flex; align-items: center; justify-content: center; }
.prolist a .imgs img{ max-width: 60%; max-height: 60%;transition: 500ms;}
.prolist a p{ font-size:14px; color:#07073B; height:40px; line-height:40px;}
.prolist a:hover img{transform:scale(1.1)}


.product_title{
	padding: 50px 0;
    background-color: #fff;
}
.product_title h2{
	font-size: 32px;
	color: #000;
	text-align: center;
	font-weight: 600;
}
.product_title p{
	font-size: 24px;
	color: #000;
	text-align: center;
	font-weight: 600;
	margin-top: 15px;
}
 
.product_pic {
    padding: 50px 0;
    background-color: #000;
    text-align: center;
}
.product_pic img {
    max-width: 50%;
    display: inline-block;
}
.product_info {
    overflow: hidden;
}
.product_info_tt {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin:20px 20px 20px;
}
.product_info_txt { text-align: center;}
.product_info_txt img { display: inline-block; max-width: 100%;}


.casetit{
	padding: 40px 0;
	overflow: hidden;
}
.casetit h1{ 
	text-align: center; 
	font-size: 26px; 
	font-weight: normal;
}
.caselist{
	overflow: hidden;
 
}
.caselist li{
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
	overflow: hidden;
	margin-bottom: 20px;
}
.caselist li .imgs{
	overflow: hidden;
	width: 100%; 
	display: flex;
	align-items: center;
	align-content: center;
	
}
.caselist li .imgs img{
	overflow: hidden;
	display: block;
    width: 100%;
    height: auto;
	 
}
.caselist li .casedec{
	overflow: hidden;
	width: 100%; 
	padding: 20px 3%;
 
}
.caselist li .casedec h1{
	overflow: hidden;
	font-size: 16px;
	font-weight: normal;
	color: #2D3034;
	margin-bottom: 10px;
	line-height: 20px;
}
.caselist li .casedec p{
	overflow: hidden;
	font-size: 12px;
	line-height: 20px;
	color: #6F7A98;
}