.homeban{ background:url(../images/hbanbg.jpg) center center no-repeat;}.banms{ width: 500px; margin:200px 0 0 70px;  }
.banms_t{ width: 100%; float: left; line-height: 60px; font-size: 36px;}
.byoushi{ width: 100%; float: left; margin-top: 30px;}
.byoushi li{ float: left; height: 44px; line-height: 44px; background: url(../images/xian1.png); border: 1px solid #fff; border-radius: 8px; margin: 0 20px 20px 0; padding: 0 15px; font-size: 18px;}
.byoushi li i{ display: inline-block; width: 10px; height: 10px; border-radius: 100%; background: #15e4c5; margin-right: 8px;}
.byoushi li:nth-of-type(1),.byoushi li:nth-of-type(3){ width: 110px;}
.byoushi li:nth-of-type(2),.byoushi li:nth-of-type(4){ width: 130px;}
.ban1{ position: absolute; bottom: 0; right: 70px;}
.homeban .wrap{ position: relative; height: 600px; overflow: hidden;}
.index_xz{ width: 100%; float: left; padding: 60px 0; }
.yslist{ width: 100%; float: left; margin-top: 65px;}
.yslist dl{ width: 23.5%; margin-right: 2%;  padding: 40px 30px; padding-top: 130px; cursor: pointer;   transition: all 0.3s ease 0s;border-bottom: 2px solid #fff;  box-sizing: border-box; float: left; background: #fff; box-shadow: 0 15px 20px #eee; border-radius: 5px;}
.yslist dl:nth-of-type(4n){ margin-right: 0;}
.yslist dl:hover{ border-bottom: 2px solid #15e5c6; margin-top: -20px;}
.yslist dl dt{ width: 100%; float: left; font-size: 22px; line-height: 30px; margin-bottom: 15px;}
.yslist dl dd{ width: 100%; float: left; font-size: 16px; line-height: 30px; color: #65696f;}
.yslist dl.ysico1{ background: url(../images/ys1.png) left 30px top 50px no-repeat;}
.yslist dl.ysico2{ background: url(../images/ys2.png) left 30px top 50px no-repeat;}
.yslist dl.ysico3{ background: url(../images/ys3.png) left 30px top 50px no-repeat;}
.yslist dl.ysico4{ background: url(../images/ys4.png) left 30px top 50px no-repeat;}
.index_xg{ background: #f1f3f8; width: 100%; float: left; padding: 60px 0; }
.xzlist{ width: 100%; float: left; background: url(../images/xzpic.jpg) center top 70px  no-repeat; min-height: 420px;}
.xzbox{ width: 300px; margin-top: 20px;}
.xzbox dl{ width: 100%; float: left;margin-top: 30px; transition: all 0.3s ease 0s; padding-bottom: 20px; border-bottom: 2px solid #f1f3f8; cursor: pointer;}
.xzbox dl dt{ width: 100%; float: left; text-indent: 30px; background: url(../images/icon1.png) left center no-repeat; font-size: 22px; line-height: 30px; margin-bottom: 15px;}
.xzbox dl dd{ width: 100%; float: left; font-size: 16px; line-height: 30px; min-height: 60px; color: #65696f;}
.xzbox dl:hover{ margin-top: 15px; margin-bottom: 15px;border-bottom: 2px solid #15e5c6;}
.index_lc{ width: 100%; float: left; padding: 60px 0; }
.lclist{ width: 100%; float: left; margin-top: 15px;}
.lclist dl{ width: 23.5%; margin-right: 2%;  padding: 30px; margin-top: 30px; cursor: pointer;  position: relative;  transition: all 0.3s ease 0s;border-bottom: 2px solid #fff;  box-sizing: border-box; float: left; background: #fff; box-shadow: 0 15px 20px #eee; border-radius: 5px;}
.lclist dl:nth-of-type(4n){ margin-right: 0;}
.lclist dl:hover{ border-bottom: 2px solid #15e5c6; margin-top: 15px; margin-bottom: 15px;}
.lclist dl i{ display: block; width: 18px; height:18px; background: url(../images/icon2.png); position: absolute; top: 50%; right: -9px; margin-left: -9px;}
.lclist dl dt{ width: 100%; float: left; font-size: 22px; line-height: 35px; margin-bottom: 15px;}
.lclist dl dt span{ background: #1ae6c6; width: 35px; height: 35px; border-radius: 5px; text-align: center; color: #fff; display: inline-block; margin-right: 15px;}
.lclist dl dd{ width: 100%; float: left;  padding-left: 50px; box-sizing: border-box; line-height: 30px; min-height: 90px; font-size: 16px;color: #65696f;}
.index_case{ background: #f1f3f8; width: 100%; float: left; padding: 60px 0; }
.case_slidebox{ width: 100%; position: relative; height: 420px; margin-top: 50px;}
.case_slide{width: 100%; position: relative; height: 420px; overflow: hidden; }
.case_slide li{ float: left; width: 100%;position: relative;}
.case_slide li dl{ float: left; width: 100%;}
.case_slide li dt{ float: left; width: 700px; height: 400px; margin: 0;background: #fff; box-shadow: 0 0 20px #eee; border-radius:20px;}
.case_slide li dt img{ display: block; width:100%; height: 400px; float: left;border-radius:20px;}
.case_slide li dd{ float: right; width: 520px;color:#222833}
.case_slidebox .lbtn,.case_slidebox .rbtn{ position: absolute; left: -50px; top: 50%; margin: -25px 0 0; cursor: pointer;   transition: all 0.3s ease 0s; opacity: 0;}
.case_slidebox .rbtn{left: auto; right: -50px;}
.case_slidebox:hover .lbtn,.case_slidebox:hover .rbtn{ opacity: 1;}
.case_slidebox .ctitle1{ width: 100%; float: left; line-height: 40px; font-size: 22px; margin-top: 50px;}
.case_slidebox .cnote1{width: 100%; float: left; line-height: 60px; height: 60px; font-size: 20px; border-bottom: 1px dashed #ccc;}
.case_slidebox .cnote1 span{ color: #e1371b;}
.case_slidebox .cdetail1{ width: 100%; line-height: 30px; float: left; transition: all 0.3s ease 0s; max-height: 60px; position: relative; overflow: hidden;font-size: 16px;color: #65696f;margin-top: 20px;}.case_slidebox .cdetailmore{ position: absolute; height: 30px; line-height: 30px; width: 88px; text-align: right; background: #F1F3F8; right: 0; bottom: 0; cursor: pointer; color: #000;}.case_slidebox .cdetail1:hover{ max-height: 400px;  }
.case_slidebox .cdetail1:hover .cdetailmore{ display: none;}
.index_news{  width: 100%; float: left; padding: 60px 0; }
#tabs1{width:100%; float: left;}
.menu1box{position:relative;overflow:hidden;height:40px;width:100%;text-align:center; margin: 20px 0;}
#menu1{position:absolute;top:0;left:0;z-index:1; width: 100%;}
#menu1 span{ display: inline-block; padding: 0 12px;color: #8f939a; font-size: 16px;}
#menu1 a{ display:inline-block; line-height: 40px; color: #8f939a; font-size: 16px;}
#menu1 a.hover{ background: url(../images/navhover.png) center bottom no-repeat; color: #222833; cursor: pointer;}
.main1box{clear:both; width: 100%; float: left;}
#main1 ul{  display: none; width: 100%;transition: all 0.3s ease 0s; }
#main1 ul.block{ display: block;}
.newsbox{ width: 100%; float: left;}
.newsbox dl{ width: 630px; padding: 13px; margin: 10px 0; box-sizing: border-box; transition: all 0.3s ease 0s; margin-top: 20px; float: left; box-sizing: border-box; float: left; background: #fff; box-shadow: 0 15px 20px #eee; border-radius: 10px;}
.newsbox dl:nth-of-type(2n){ float: right;}
.newsbox dl dt{ width: 176px; height: 150px; float: left;  border-radius:8px;overflow: hidden;transition: background 0.3s ease 0s;}.newsbox dl dt img{ width: 176px; height: 150px; float: left; border-radius:8px;transform: scale(1, 1);transition: all 0.3s ease 0s;}
.newsbox dt:hover dt img{ transform: scale(1.08, 1.08);}
.newsbox dl dd{ width: 390px; margin-right: 10px; float: right;}
.ntitle1{ width: 100%; float: left; font-size: 22px; height: 40px; line-height: 40px; margin: 10px 0 5px; color:#222833;}
.nnote1{ width: 100%; float: left; font-size: 16px; line-height: 25px; height: 50px; overflow: hidden; color: #65696f; margin-bottom: 10px;}
.ndate1{ width: 100%; float: left; font-size: 16px; line-height: 25px; height: 25px;transition: all 0.3s ease 0s; overflow: hidden; color: #65696f; background: url(../images/nicon0.png) right center no-repeat;}
.newsbox dl:hover .ndate1{background: url(../images/nicon.png) right center no-repeat;}
.newsbox dl:hover{ margin-top: 10px; margin-bottom: 20px;}
@media screen and (max-width: 1320px) {
 .banms{ width: 500px; margin:120px 0 0 70px;  opacity:0;}
.banms_t{ line-height: 40px; font-size: 26px;}
.byoushi{ width: 100%; float: left; margin-top: 30px;}
.byoushi li{ height:30px; line-height: 30px; font-size: 14px;}
.byoushi li:nth-of-type(1),.byoushi li:nth-of-type(3){ width: 90px;}
.byoushi li:nth-of-type(2),.byoushi li:nth-of-type(4){ width: 110px;}
.ban1{ right: 70px; height: 320px;}
.homeban .wrap{  height: 400px;}
.index_xz{  padding: 40px 0; }
.yslist{ margin-top: 25px;}
.yslist dl{ width: 23.5%; margin-right: 2%;  padding: 20px 15px; padding-top:110px; }
.yslist dl dt{ width: 100%; float: left; font-size: 16px; line-height: 30px; margin-bottom: 15px;}
.yslist dl dd{ width: 100%; float: left; font-size: 14px; line-height: 25px; min-height: 100px; color: #65696f;}
.yslist dl.ysico1{ background: url(../images/ys1.png) left 30px top 30px no-repeat;}
.yslist dl.ysico2{ background: url(../images/ys2.png) left 30px top 30px no-repeat;}
.yslist dl.ysico3{ background: url(../images/ys3.png) left 30px top 30px no-repeat;}
.yslist dl.ysico4{ background: url(../images/ys4.png) left 30px top 30px no-repeat;}
.index_xg{  padding: 40px 0; }
.xzlist{ background: url(../images/xzpic.jpg) center top 70px  no-repeat; background-size: 420px auto; min-height: 420px;}
.xzbox{ width: 260px; margin-top: 20px;}
.xzbox dl{ width: 100%; float: left;margin-top: 15px; transition: all 0.3s ease 0s; padding-bottom: 10px; border-bottom: 2px solid #f1f3f8; cursor: pointer;}
.xzbox dl dt{ font-size: 16px; line-height: 30px; margin-bottom: 10px;}
.xzbox dl dd{ font-size: 14px; line-height: 25px; min-height: 50px; }
.xzbox dl:hover{ margin-top: 8px; margin-bottom: 7px;}
.index_lc{  padding: 40px 0; }
.lclist{ margin-top: 8px;}
.lclist dl{ padding:15px; margin-top: 20px; }
.lclist dl:hover{  margin-top: 10px; margin-bottom: 10px;}
.lclist dl dt{  font-size: 16px; line-height: 28px; margin-bottom: 8px;}
.lclist dl dt span{ width: 30px; height: 30px; border-radius: 5px;  margin-right: 10px;}
.lclist dl dd{ padding-left: 40px; line-height: 25px; min-height: 75px; font-size: 14px;}
.index_case{ padding: 40px 0; }
.case_slidebox{  margin-top: 30px;}
.case_slide li dd{  width: 280px;}
.case_slidebox .ctitle1{ line-height: 30px; font-size: 16px; margin-top: 50px;}
.case_slidebox .cnote1{line-height: 40px; height: 40px; font-size: 14px; }
.case_slidebox .cdetail1{ line-height:25px; transition: all 0.3s ease 0s; max-height:50px; font-size: 14px;}.case_slidebox .cdetailmore{  height: 25px; line-height: 25px; }.case_slidebox .cdetail1:hover{ max-height: 400px;  }
.case_slidebox .cdetail1:hover .cdetailmore{ display: none;}
.index_news{  padding:40px 0; }
.menu1box{margin: 15px 0;}
#menu1{position:absolute;top:0;left:0;z-index:1; width: 100%;}
#menu1 span{ font-size: 14px;}
#menu1 a{ font-size: 14px;}
.newsbox dl{ width: 490px; padding: 13px; margin: 10px 0; box-sizing: border-box; transition: all 0.3s ease 0s; margin-top: 20px; float: left; box-sizing: border-box; float: left; background: #fff; box-shadow: 0 15px 20px #eee; border-radius: 10px;}
.newsbox dl:nth-of-type(2n){ float: right;}
.newsbox dl dt{ width: 130px; height: 111px; }.newsbox dl dt img{width: 130px; height: 111px;}
.newsbox dl dd{ width: 310px; }
.ntitle1{  font-size: 16px; height: 30px; line-height: 30px; margin-top: 0; }
.nnote1{ font-size: 14px; line-height: 22px; height: 44px; margin-bottom: 5px;}
.ndate1{  font-size: 14px; line-height: 22px; height: 22px;}
.newsbox dl:hover .ndate1{background: url(../images/nicon.png) right center no-repeat;}
}