.shubiao{background:#fff}
.gezia{font-size:30px;width:420px;height:49px;display:block;font-weight: inherit; position:relative;margin:auto;border-bottom:1px solid #f18101;text-align:center;line-height:30px;box-sizing:border-box;margin:45px auto 30px;color:#1e1e1e}
.gezib{font-size:19px;width:850px;text-align:center;margin-top:10px;left:50%;margin-left:-425px;display:inline-block;position:relative;color:#3d3d3d;word-break:break-all}
.ssb{text-align:center;font-size:18px;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;transition:.3s}
.ssb.swiper-slide-active,.swiper-slide-duplicate-active{transform:translate3d(0,130px,0);-webkit-transform:translate3d(0,130px,0);-moz-transform:translate3d(0,130px,0);-ms-transform:translate3d(0,130px,0);-o-transform:translate3d(0,130px,0)}
.gediv{width:auto;overflow:hidden}

.material-swiper{width: 100%;}
.material-swiper .swiper-slide{width:33.3%;background:#fff;border-radius:45px;overflow:hidden;display:flex;justify-content:center;align-items:center;font-size:30px;font-weight:700;color:#fff;transform:scale(.8);transition:all .4s ease;opacity:1}
.material-swiper .swiper-slide-active{transform:scale(1);opacity:1;z-index:10}

.ssbimg{display:block;width:80%}
.geswiper{width:100%;overflow:hidden;height:800px;margin-top:-130px}
.divtwo{margin:auto;width: 96%; max-width:1400px; padding-top:60px;overflow:hidden;padding-bottom:40px}
.dtleft{width:48.6%;float:left;position:relative}
.dtimga{width:100%;display:block;position:relative;}
.dtright{width:48.6%;float:right}

.bg-grey{background:#f9f8f8}
.bg-white{background:#fff}

.dtp{position:relative;display:inline-block;font-size:18px;margin-top:20px;line-height:62px;width:100%;transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear}
.dtpb{position:relative;display:inline-block;font-size:18px;margin-top:20px;line-height:62px;width:100%;transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear}
.dtimga{transition:all 2s linear;-webkit-transition:all 2s linear;-moz-transition:all 2s linear;-ms-transition:all 2s linear;-o-transition:all 2s linear}
.dtp:after{width:0!important;left:auto!important;right:0!important;content:'';position:absolute;z-index:1;bottom:0;left:0;-webkit-transform-origin:left;transform-origin:left;height:2px;background:#f18101;transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear}
.dtp:hover:after{width:100%!important;left:0!important;right:auto!important}
.dtpb:after{width:0!important;left:auto!important;right:0!important;content:'';position:absolute;z-index:1;bottom:0;left:0;-webkit-transform-origin:left;transform-origin:left;height:2px;background:#f18101;transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear}
.dtpb:hover:after{width:100%!important;left:0!important;right:auto!important}
.dtimga:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}
.news{width:100%;height:690px;}
.newsing{width:80%;position:relative;margin:auto}
.ngleft{padding-top:80px;width:31%;float:left}
.ngleft p{font-size: 16px;line-height: 26px;}
.ntpa{font-size:30px;width:394px;border-bottom:1px solid #000;line-height:66px}
.ntpb{font-size:22px;margin-top:30px;width:442px;color:#3d3d3d;line-height:34px}
.ngright{padding-top:0}
.sccimg{display:block;width:100%}
.tanlv{width:398px;height:270px;background:rgb(245,200,36,.5);top:370px;left:0;position:absolute;z-index:2}
.c{background:rgb(255,255,255,.5)}
.slide-content{width:100%;display:block;margin-top:50px;margin-bottom:50px;overflow:hidden;height:auto}
.slide-content ul li{color:#999;font-size:18px;text-align:center;cursor:pointer;height:100%;position:relative}
.slide-content ul li:hover{color:#0a888e}
.slide-content ul li.cur{color:#0a888e}
.slide-content ul li span{font-size:120px;color:#0a888e;display:block;text-align:center;overflow:hidden;height:180px;line-height:180px}
.slide-content ul li font{font-size:18px;text-align:center;display:block;text-align:center;line-height:25px}
.samore{color:#fff;font-size:25px;position:absolute;top:150px;left:27px; height: 50px;line-height: 50px;vertical-align: middle;}
.samore img{width:40px;top:2px;vertical-align: middle;}
.samore:hover{border-bottom:2px solid #fff}
.sbnc{left:30px}
.spnc{left:90px}
.fourp{font-size:30px;width:420px;border-bottom:1px solid #f18101;line-height:65px;text-align:center;display:block;margin:auto;margin-top:20px;margin-bottom:41px}
.fddiv{padding:0 1%;width:23%;float:left;overflow:hidden;position:relative}
.fdwhite{width:2%;height:1px;float:left}
.fourdiv{width:79.7%;margin:auto;overflow:hidden;margin-bottom:40px}
.fvp{position:absolute;font-size:28px;line-height:63px;color:#fff;text-align:center;top:37%;width:100%}
.fvimg{display:block;transition:all 1.5s linear;object-fit:cover;width:100%;-webkit-transition:all 1.5s linear;-moz-transition:all 1.5s linear;-ms-transition:all 1.5s linear;-o-transition:all 1.5s linear}
.fvimg:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}
.ssbp{position:absolute;text-align:center;width:100%;font-size:28px;color:#fff;top:44.5%}
.ssbimgs{position:absolute;display:block;top:50%;width:100px}
.slide_items li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.daover{border-radius: 16px;overflow:hidden;}
/* .erweimaa{width:142px;position:absolute;right:80px;top:0;display:none} */
/* .scaacs:hover .erweimaa{display:block} */
/* .scaatel{position:absolute;top:5px;right:80px;background:#666;color:#fff;font-size:18px;padding:10px;width:220px;display:none}
.scatel:hover .scaatel{display:block} */
.swiper-pagination-bullet-active{background:#f18101}
.swiper-pagination-bullet{width:15px;height:15px}
@media screen and (max-width:1680px){.divtwo{padding-top:30px;padding-bottom:30px}
.fourdiv{width:83.33%;margin-bottom:40px}
.tanlv{top:330px}
.slide-content ul{height:513.03px!important}
.news{height:650px}
.geswiper{margin-top:-190px}
}
@media screen and (max-width:1600px){
.gezia{margin-top:50px!important}
.gezib{margin-top:10px!important}
.ngleft{padding-top:125px!important}
.slide-content ul{width:70%!important;height:464.73px!important}
.tanlv{width:330px;height:257px;left:30px;top:345px}
.slide_wrap{top:90px!important}
.samore{top:150px}
.dtpb{font-size:24px;}
.dtp{font-size:23px;}
.slide_items li{width:325px!important}
.news{height:645px}
}
@media screen and (max-width:1500px){.ngleft{padding-top:117px!important}
.fourdiv{margin-bottom:127px}
.slide-content ul{width:65%!important;height:404.28px!important}
.tanlv{left:52px;top:340px}
.fourdiv{margin-bottom:40px}
.fvp{font-size:28px}
.ssbp{font-size:26px}
.dtp{font-size:21px;margin-top:16px;line-height:58px}
.dtpb{font-size:21px;margin-top:16px;line-height:58px}
.news{height:640px}
}
@media screen and (max-width:1400px){
.slide-content ul{width:60%!important;height:375px!important}
.ngleft{padding-top:110px!important}
.tanlv{height:240px;left:70px}
.slide_wrap{top:80px!important}
.samore{top:135px}
.fourdiv{margin-bottom:120px}
.fourdiv{margin-bottom:40px}
.fvp{font-size:26px}
.ssbp{font-size:24px}
.dtp{font-size:19px;margin-top:14px;line-height:54px}
.dtpb{font-size:19px;margin-top:14px;line-height:54px}
.news{height:620px}
.geswiper{margin-top:-200px}
}
@media screen and (max-width:1300px){.geswiper{margin-top:-215px!important}
.ssbp{font-size:22px}
.dtp{font-size:21px;margin-top:10px;line-height:52px}
.dtpb{font-size:18px;margin-top:10px;line-height:52px}
.ngleft{padding-top:60px!important}
.tanlv{top:325px}
.container{height:600px}
.fourdiv{margin-bottom:40px}
.fvp{font-size:24px}
.ssbimgs{width:100px}
.slide-content ul{height:360px!important}
.news{height:610px}
}
@media screen and (max-width:1200px){.geswiper{margin-top:-260px!important;height:860px}
.ngright{padding-top:0}
.fourp{margin-top:25px!important;margin-bottom:45px!important}
.fourdiv{margin-bottom:38px}
.fvp{font-size:22px}
.ssbp{font-size:20px}
.dtp{font-size:16px;margin-top:7px;line-height:50px}
.dtpb{font-size:17px;margin-top:7px;line-height:50px}
.newsing{width:88%}
.slide-content ul{height:327.47px!important}
.news{height:610px}
}
@media screen and (max-width:1100px){.ngleft{padding-top:80px!important}
.ntpb{width:450px}
.tanlv{top:260px}
.container{height:600px}
.news{height:675px}
.fourp{margin-top:55px!important}
.fourdiv{margin-bottom:70px}
.slide-content ul{height:280px!important}
}
@media screen and (max-width:768px){.slide-content ul{height:260px!important}
.gezib{width:90%;margin-left:0;left:5%;margin:auto}
.gezia{margin-top:60px!important}
.geswiper{margin-top:-90px!important;height:500px}
.dtpb{font-size:18px;margin-top:7px;line-height:48px}
.dtp{font-size:18px;margin-top:7px;line-height:48px}
.ssbp{font-size:15px}
.ssbp{font-size:15px}
.ssb.swiper-slide-active,.swiper-slide-duplicate-active{transform:translate3d(0,70px,0);-webkit-transform:translate3d(0,70px,0);-moz-transform:translate3d(0,70px,0);-ms-transform:translate3d(0,70px,0);-o-transform:translate3d(0,70px,0)}
.ngleft{padding-top:65px!important}
.ntpb{width:310px;font-size:25px;line-height:30px}
.tanlv{top:240px;left:55px}
.container{height:530px}
.news{height:645px}
.fourp{margin-top:40px!important;margin-bottom:57px!important}
.fourdiv{margin-bottom:57px;width:90%}
.scaimg{width:45px}

.erweimaa{width:100px}
}
@media screen and (max-width:450px){.scaimg{width:35px}

.gezia{font-size:22px;width:300px;height:42px;margin-top:18px!important}
.gezib{font-size:16px;margin-top:14px!important}
/* .home-material .image-box img{border-radius: 30px;} */
.material-swiper .swiper-slide{border-radius: 30px;}
.ssbimg{width:100%;border-radius: 30px;}
.ssb.swiper-slide-active,.swiper-slide-duplicate-active{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0)}
.geswiper{margin-top:30px!important;height:200px}
.divtwo{padding-top:30px!important;padding-bottom:30px!important;width:100%;box-sizing: border-box;}
.dtp{display:block;font-size:16px;margin:auto;margin-top:10px;line-height:35px;text-align: center;}
.dtleft{width:100%;margin-bottom:20px}
.dtright{width:100%}
.dtpb{display:block;font-size:16px;margin:auto;margin-top:10px;line-height:35px;text-align: center;}
.ntpa{font-size:22px;line-height:55px;width:70%;text-align:center;margin:auto}
.ngleft{width:100%;padding-top:20px!important}
.ntpb{width:100%;font-size:16px;margin-top:13px}
.ngright{width:100%;float:left;padding-top:0;height:340px}
.slide-content ul{width:75%!important;height:173.73px!important}
.container{width:100%!important;height:354px!important}
.tanlv{top:150px;left:0;width:200px;height:150px}
.button{width:30px!important;height:30px!important}
.sbnc{left:14px}
.spnc{left:60px}
.samoreimg{top:4px}
.slide_items li span{font-size:18px!important}
.slide_wrap{top:60px!important}
.slide_items li{text-indent:15px!important}
.samore{top:95px;font-size:18px;left:15px}
.slide-content{margin-top:40px}
.fourp{width:70%;font-size:22px;margin-top:20px!important;margin-bottom:28px!important}
.fddiv{width:100%;margin-left:1%;margin-right:1%;margin-bottom:7px}
.fddiv:first-child{margin-left:0}
.fdwhite{display:none}
.fourdiv{margin-bottom:27px}
.fvp{font-size:22px}
.ssbp{font-size:12px}
.ssbimgs{width:60px;top:58%}
.news{height:530px}
.slide_items li{width:195px!important}
.erweimaa{width:70px;right:50px}

}
@media screen and (max-width:375px){.slide-content ul{height:168px!important}
}
@media screen and (max-width:350px){.news{height:630px}
.slide-content ul{height:165px!important}
}