.banner{height: 491px;}
.sjbanner{height:623px;}
.swiper-container{width:100%;}
.swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img{width:100%; height:100%;}

.headline{width:100%; height:auto; margin:0 auto; text-align:center; padding-top:78px; padding-bottom:46px;}
.headlinet{width:100%; height:23px; line-height:23px; font-size:11px; color:#5867a5; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.caption{width:100%; height:42px; line-height:42px; font-size:30px; color:#000000;}
.b-headline{width:100%; height:auto; margin:0 auto; text-align:center; padding-top:60px; padding-bottom:36px;}
.b-headlinet{width:100%; height:40px; line-height:40px; font-size:25px; color:#ffffff; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.b-caption{width:100%; height:48px; line-height:48px; font-size:36px; color:#ffffff;}

.product{width:1080px; margin:0 auto 60px auto; display: flex; flex-direction: row; justify-content:space-between; flex-wrap: wrap;}
.productk{width:332px; height:432px; margin-bottom:30px; box-shadow:0 0 4px #bfc1e0; border-radius: 20px; background: #ffffff;}
.productk a:link{font-size: 16px; color:#0f0e13;line-height: 58px; transition:all .8s;}
.productk a:visited{font-size: 16px; color:#0f0e13;line-height: 58px; transition:all .8s;}
.productk a:hover{font-size: 18px; color:#000000; text-decoration:none; transition:all .8s;}

.productt{width:100%; height: auto; margin:30px auto 0 auto; text-align: center;}
.productz{width:88%; height: auto; margin:0 auto; text-align: center; }
.productzt{width:86%; height:auto; margin:0 auto; font-size:24px; color: #0f0e13; line-height:60px;}
.productzm{width:88%; height:auto; margin:0 auto; font-size:16px; text-align: left; line-height: 30px; text-transform:uppercase;}

.advantage{width:100%; height:696px;}
.advantagek{width:1080px; margin:0 auto; display: flex; flex-direction: row; justify-content:space-between; flex-wrap: wrap;}
.advantagek a:link{font-size: 16px; color:#0f0e13;line-height: 58px; transition:all .8s;}
.advantagek a:visited{font-size: 16px; color:#0f0e13;line-height: 58px; transition:all .8s;}
.advantagek a:hover{font-size: 18px; color:#333333; text-decoration:none; transition:all .8s;}
.advantages{width:332px; height:432px; margin-bottom:30px; box-shadow:0 0 4px #bfc1e0; border-radius: 20px; overflow: hidden;}
.advantagebj{width:100%; height:100%;}
.advantagez{width:88%; font-size:24px; color: #0f0e13; line-height:60px; padding-top:30px; padding-bottom:3px; text-align:center; margin:0 auto;}
.advantagezm{width:76%; height:250px; margin:0 auto; font-size:16px; line-height:30px; text-transform:uppercase;}
.advantagean{width:76%; height:auto; margin:0 auto; font-size:16px; line-height:30px; display:flex; flex-direction:row; align-items:center;}

.massive{width:1080px; margin:0 auto;}
.massivek{width:1080px; min-height: 680px; margin:0 auto; display:flex; flex-direction:row;justify-content:space-between; align-items:center; flex-wrap: wrap ; overflow: hidden;}
.massivelf{width: 480px; float: left;}
.massiveri{width: 555px; float: right; color:#0f0e13;}
.massivelf2{width: 555px; float: left;}
.massiveri2{width: 480px; float: right; color:#0f0e13;}
.massivez{width:100%; height: auto; line-height:65px; font-size:24px;}
.massivezm{width:100%; height: auto; line-height:28px; font-size:16px;}
.massivetd{width:100%; height: auto; line-height:36px; font-size:16px; padding: 20px 0;}
.massivean{width:100%; height: auto; line-height:36px; padding: 40px 0 60px 0;}

.multifunctional{width:1080px; min-height: 680px; margin:0 auto; display:flex; flex-direction:row;justify-content:space-between; align-items:center; flex-wrap: wrap ; overflow: hidden;}

.functionbj{width:100%; height:auto; margin:30px auto; background: linear-gradient(180deg,#fefbf2,#ffffff);}
.function{width: 1080px; margin: 0 auto; display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap;}
.functionk{width: 212px; line-height: 28px; background:#ffffff; padding: 18px; border-radius: 10px; border: 1px solid #dddad0; box-shadow:0 0 3px #e5e2d8; font-size: 16px; margin: 10px; display: flex; flex-direction: row; justify-content: flex-start; align-items:center;}
.functionkt{width: 58px; height: 58px; float: left; margin-right: 16px; overflow: hidden;}

.contact{width:100%; height:auto; margin:0 auto; background: url("../images/contactbj.jpg") center top no-repeat #f5f5f5; padding: 30px 0 100px 0;position: relative;}
.contactk{width:1080px; margin:0 auto; color: #0f0e13; text-align: left; }
.contactz{width:100%; font-size: 36px; padding: 30px 0; text-align: left; line-height: 60px;}
.contactzm{ height:auto; margin:0 auto; text-align: left; font-size: 24px;}
.contactzmgd{font-size: 16px; color:#6572a8;line-height: 58px; padding-bottom: 60px;}
.contactzmgd a:link{font-size: 16px; color:#6572a8;line-height: 58px; transition:all .8s;}
.contactzmgd a:visited{font-size: 16px; color:#6572a8;line-height: 58px; transition:all .8s;}
.contactzmgd a:hover{font-size: 18px; color:#6572a8; text-decoration:none; transition:all .8s;}

.contactzmgdlf{width: 495px; height: 576px; position: absolute; right: 16%; bottom: 0; background: url("../images/contactbj.png") center bottom no-repeat ; background-size:cover;}