*{margin:0;padding:0}
body{font:14px microsoft yahei;color:#222; background:#222; font-family:Arial;}
a{color: inherit;text-decoration:none}
img{border:0}
li{list-style:none}
.none{text-align:center;}
.fl{float:left;}
.fr{float:right;}

@media(min-width:1200px)and (max-width:3000px){
.w1000{ width:1000px; margin:auto;}
.w90{ width:90%; margin:auto;}

/* 导航 */
#header{z-index:999; display: flex; justify-content: space-between; background:#FFF; height:100px;}
#header .logo img{margin-top:10px;}
.navBar{ position:relative; z-index:1;  color:#fff;}
.nav{margin:0 auto; display: flex; align-items:center;}
.nav .m{position:relative;}
.nav .m h3{float:left; font-size:100%; font-weight:normal; font-size:16px; overflow:hidden; color:#333; height:100px; line-height:100px; margin-left:15px; padding-right:20px;}
.nav .m h3 a:hover{color:#2a6ab2;}
.nav .sub{display:none; /*默认隐藏*/ width:105px; position:absolute; top:70px; background:#fff; text-align:left;}
.nav .sub li{margin-left:15px; margin-right:15px; margin-bottom:12px; line-height:20px; padding-bottom:10px;}
.nav .sub li:nth-child(1){ margin-top:12px;}
.nav .sub li a{display:block; color:#454545;}
.nav .sub li a:hover{color:#ff6600;}

#Menu-btn{display:none;}
#Menu-btn-h{display:none;}
#Menu-btn-h img{float:right;right: 6.25%;width:100%;position:relative;overflow:hidden;z-index:1;}
#menu{display:none;}

/* banner */
.banner{width:100%;  overflow:hidden; position:relative;}
.banner .bd{z-index:0; padding-bottom:26%;}
.banner .bd ul{width:100% !important; }
.banner .bd li{ position:relative; padding-bottom:26%;}
.banner .bd li img{width:100%; position:absolute; height:100%; transition: all 5s;}
.banner .bd li:hover img{transition: all 5s; transform: scale(1.2);}
.banner .bd li .info{background:rgba(0,0,0,0.4);position:absolute; text-align:center; width:100%; height:100%; color:#FFF; display: flex; align-items:center; justify-content:center;}
.banner .bd li .info dl{ width:820px;}
.banner .bd li .info dt{ font-size:48px; text-shadow:3px 3px 3px rgba(0,0,0,0.5); text-transform:uppercase;}
.banner .bd li .info dd{ font-size:24px; margin-top:20px; text-shadow:3px 3px 3px rgba(0,0,0,0.5);}
.banner .hd{width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(../images/dot-black.png) 0 0; overflow:hidden; line-height:9999px; filter:alpha(opacity=40);opacity:0.4;}
.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1;  }
.banner .prev,.banner .next {width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px;}
.banner .prev {left:0; opacity:0.4;}
.banner .next {background-position: 0 -90px; right: 0;opacity:0.4;}
.banner .prev:hover,.banner .next:hover { filter:alpha(opacity=50) !important;opacity:0.8 !important;  }
.banner1{display:none;}

.index-txt{text-align:center;}
.index-txt dt{font-size:48px; color:#0a407b; text-transform:uppercase;}
.index-txt dd{ margin-top:10px;}
.index-txt p{font-size:18px; color:#666; margin-top:10px;}

.box1{overflow:hidden; margin-top:40px; text-align:center;}
.box1 img{}

.box2{overflow:hidden; margin-top:40px; border-top:#FFF 1px solid; padding-top:40px; border-bottom:#FFF 1px solid; padding-bottom:20px;}
.box2 .bod{display: flex; flex-wrap:wrap; justify-content: space-between;}
.box2 .bod dl{ width:49%; margin-bottom:20px;}
.box2 .bod dl dt{ position:relative; padding-bottom:60%;}
.box2 .bod dl dt img{ position:absolute; width:100%; height:100%;}
.box2 .bod dl dt .info{ position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.7); display: flex; align-items:center; justify-content:center; color:#FFF; font-size:36px; transition: all 2s;}
.box2 .bod dl:hover dt .info{background:rgba(0,0,0,0); transition: all 2s;}

.box3{ overflow:hidden; margin-top:40px; margin-bottom:40px;}
.box3 .txt{ text-align:center; font-size:48px; color:#FFF; margin-bottom:40px;}
.box3 .bod{ display: flex; flex-wrap:wrap; justify-content: space-between;}
.box3 .bod dl{width:19%; background:#454545; display: flex; align-items:center; justify-content: center; text-align:center;}
.box3 .bod .info dt{ font-size:24px; color:#FFF; font-weight:bold;}
.box3 .bod .info dd{ font-size:16px; color:#999; margin-top:5px;}
.box3 .bod .info dd:hover{ color:#b28080;}
.box3 .bod li{ width:19%;}
.box3 .bod li img{ width:100%;}

.footer{background:#f5f5f5; overflow:hidden;}
.footer .bod{display: flex; flex-wrap:wrap; justify-content: space-between; color:#333; padding:40px 0px;}
.footer .bod .item1{width:26%;}
.footer .bod .item1 img{ height:60px;}
.footer .bod .item1 li{margin-top:10px;}
.footer .bod .item2{width:20%; margin-top:50px; }
.footer .bod .item2 dd{text-align:right; display: flex; flex-wrap:wrap; align-items:center; padding-top:10px;}
.footer .bod .item2 dd a{ color:#333;}
.footer1{ display:none;}

.bannerny{ width:100%; overflow:hidden;}
.bannerny .img{position:relative; padding-bottom:18%;}
.bannerny .img img{ position:absolute; width:100%; height:100%;}
.bannerny .img .info{ position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.4); display: flex; flex-wrap:wrap;align-items:center; justify-content:center;}
.bannerny .img .info dl{width:820px; color:#FFF; text-align:center;}
.bannerny .img .info dt{font-size:30px; text-shadow:3px 3px 3px rgba(0,0,0,0.5);}
.bannerny .img .info p{ font-size:48px; margin-bottom:10px;}
.bannerny .img .info form{display: flex; align-items:center; justify-content:center;}
.bannerny .img .info form input{ width:450px; height:55px; font-family:"金山云技术体"; font-size:14px; padding-left:25px; border-radius:30px 0px 0px 30px; border:none;}
.bannerny .img .info form button{ width:130px; height:55px; border:none; background:#ff6600; color:#FFF; font-size:20px; font-family:"金山云技术体"; padding-bottom:5px; margin-left:-1px; border-radius:0px 30px 30px 0px;}

/*about us*/
.Family{ color:#FFF; overflow:hidden; margin-top:40px;}
.Family .txt{ font-size:40px; margin-left:40px; margin-right:40px;}
.Family .bod{margin-top:15px; font-size:16px; font-weight:normal; line-height:24px; margin-left:40px; margin-right:40px;}

.box4{overflow:hidden; background:url(../images/nyabout.jpg) no-repeat center; margin-top:50px;}
.box4 .bod{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; background:rgba(255,255,255,0.5); padding:40px;}
.box4 .bod .item{width:48%; margin-bottom:40px;}
.box4 .bod .item .txt{font-size:40px;}
.box4 .bod .item .wenan{margin-top:15px; font-size:16px; font-weight:normal; line-height:24px;}

/*about*/
.aboutus{overflow:hidden;}
.aboutus .txt{font-size:40px; color:#FFF; margin-top:40px; margin-bottom:30px;}
.aboutus .bod{font-size:16px; color:#CCC; margin-top:15px; margin-bottom:40px; line-height:24px;}
.aboutus .fen{margin-top:15px; margin-bottom:40px; display: flex; flex-wrap:wrap; justify-content: space-between;}
.aboutus .fen .item1{width:40%; color:#FFF;}
.aboutus .fen .item2{width:30%; color:#FFF;}
.aboutus .fen .item3{width:20%; color:#FFF;}
.aboutus .fen .item1 form dt{margin-bottom:25px;}
.aboutus .fen .item1 form dt p{margin-top:8px;}
.aboutus .fen .item1 form input{width:100%; height:35px; border:none;}
.aboutus .fen .item1 form textarea{ width:100%; height:120px; border:none;}
.aboutus .fen .item1 form button{ width:140px; border:none; height:35px;}
.aboutus .fen .item2 dt{ font-size:24px;}
.aboutus .fen .item2 dt p{ font-size:16px; color:#999; margin-top:5px; margin-bottom:25px;}
.aboutus .fen .item2 dd{ font-size:20px; display: flex; flex-wrap:wrap; align-items:center;}
.aboutus .fen .item2 dd p{ font-size:16px; color:#999; margin-top:5px;}
.aboutus .fen .item3 dt{ font-size:24px; margin-bottom:30px;}
.aboutus .fen .item3 dt p{font-size:16px; color:#999; margin-top:5px;}
.aboutus .fen .item3 dd{display: flex; flex-wrap:wrap; align-items:center;}
.aboutus .message{margin-top:15px; margin-bottom:40px;}
.aboutus .message dl{display: flex; flex-wrap:wrap; justify-content: space-between; margin-bottom:10px;}
.aboutus .message dl dt{width:48%;}
.aboutus .message dl input{width:100%; border:none; height:40px; padding-left:10px;}
.aboutus .message li textarea{ width:100%; height:120px; border:none; padding:10px; font-size:14px; font-family:Arial; margin-bottom:20px;}
.aboutus .message li button{ width:200px; height:40px; border:none; font-size:16px; color:#666;}

/*case*/
.caselist{overflow:hidden; background:#FFF; border-bottom:#CCC 1px solid; padding:40px 0px;}
.caselist .bod{ display: flex; flex-wrap:wrap; justify-content: space-between;}
.caselist .bod dl{ width:48%; margin-bottom:40px;}
.caselist .bod dl dt img{height:50px;}
.caselist .bod dl dd{ margin-top:20px; font-size:16px; color:#666;}
.caselist .bod dl dd a{ text-decoration:underline;}

.fanye{display: flex; flex-wrap:wrap; align-items:center; margin-bottom:30px; overflow:hidden;}
.fanye a{ border:#ddd 1px solid; margin-right:5px; background:#FFF; padding:5px 10px; margin-bottom:5px;}

/*p-list*/
.p-list{overflow:hidden; margin-top:40px; margin-bottom:40px;}
.p-list .txt{ font-size:20px; color:#FFF; margin-bottom:30px;}
.p-list .bod{display: flex; flex-wrap:wrap; justify-content: space-between;}
.p-list .bod dl{ width:32%; overflow:hidden;}
.p-list .bod dl dt{ position:relative; padding-bottom:65%;}
.p-list .bod dl dt img{ position:absolute; width:100%; height:100%;}
.p-list .bod dl dt .info{ position:absolute; top:0; left:0; right:0; bottom:0; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:24px; background:rgba(0,0,0,0.7); color:#FFF; transition: all 2s;}
.p-list .bod dl:hover dt .info{ background:none; transition: all 2s;}

/*productlist*/
.productlist{overflow:hidden; margin-top:40px;}
.productlist .txt{ font-size:24px; color:#FFF; margin-bottom:20px;}
.productlist .playbox{}
.productlist .playbox dl{width:196px; margin-bottom:4px; float:left; margin-right:4px;}
.productlist .playbox dl dt{ position:relative; padding-bottom:100%;}
.productlist .playbox dl dt img{ position:absolute; width:100%; height:100%;}
.productlist .playbox dl .info{position:absolute; transition: all 1s;}
.productlist .playbox dl:hover .info{ position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.7);transition: all 1s;}
.hovertreeinfo{text-align:center;}
.hovertreeinfo a{color:blue}

/*返回顶部*/
.xuanfu{position:absolute; top:80%; right:3%; position: fixed;}
.xuanfu img{ width:37px; background:rgba(10,64,123,0.5); padding:10px; transition: all 0.5s;}
.xuanfu img:hover{background:rgba(10,64,123,1); transition: all 0.5s;}

.news{ overflow:hidden; color:#FFF; display: flex; flex-wrap:wrap; padding-top:40px;}
.news dl{ width:48%; margin-right:4%; margin-bottom:40px; font-size:20px;}
.news dl:nth-child(2n){ margin-right:0;}
}

@media only screen and (max-width:1200px){
.w94{ width:94%; margin:auto;}
.navBar{ display:none;}

#header{background:#FFF; overflow:hidden;}
#header .logo img{height:2rem; margin-top:0.3rem;}
#Menu-btn{float:right;position:relative;overflow:hidden;display:block; width:2rem; padding-top:0.8rem;}
#Menu-btn img{width:2rem;}
#Menu-btn-h{padding: 5.46% 0;width: 8.33%;overflow: hidden; max-height: 110px;display:none;background-color: rgba(255, 255, 255, 1);margin-left:85%;}
#Menu-btn-h img{float:right;right: 6.25%;width:100%;position:relative;overflow:hidden;z-index:1;}
#menu{position:absolute;display:none;top:0;right: 0;margin:0;padding:0;z-index:999;width:100%;background-color: rgba(255, 255, 255, 1);z-index: 1;padding-bottom:20%;}
#menu li{font-size:1rem;height:2rem; text-align:center; list-style:none;}
#menu .border_none{border-bottom:none;}
#menu li a{color:#666;display:block;width:100%;}
#menu li:hover a,#stop a{color:#fff;}

/* banner */
.banner{ display:none;}
.banner1{width:100%;  overflow:hidden; position:relative;}
.banner1 .bd1{z-index:0; padding-bottom:100%;}
.banner1 .bd1 ul{width:100% !important; }
.banner1 .bd1 li{ position:relative; padding-bottom:100%;}
.banner1 .bd1 li img{width:100%; position:absolute; height:100%; object-fit: cover;}
.banner1 .bd1 li .info1{background:rgba(0,0,0,0.4);position:absolute; text-align:center; width:100%; height:100%; color:#FFF; display: flex; align-items:center; justify-content:center;}
.banner1 .bd1 li .info1 dl{width:90%;}
.banner1 .bd1 li .info1 dt{font-size:1.8rem; margin-bottom:1rem; text-shadow:3px 3px 3px rgba(0,0,0,0.5); text-transform:uppercase;}
.banner1 .bd1 li .info1 dd{ font-size:1.3rem;}
.banner1 .hd1{ display:none;}
.banner1 .hd1 ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(../images/dot-black.png) 0 0; overflow:hidden; line-height:9999px; filter:alpha(opacity=40);opacity:0.4;}
.banner1 .hd1 ul .on{filter:alpha(opacity=100);opacity:1;  }
.banner1 .prev,.banner .next {width:30px; height:45px; margin:-30px 0 0; display: none; background: url(../images/ad_ctr1.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;}
.banner1 .prev {left: 0; }
.banner1 .next {background-position:0 -45px; right: 0; }
.banner1 .prev:hover,.banner .next:hover { filter:alpha(opacity=50) !important;opacity:1 !important;  }

.box1{overflow:hidden; margin-top:1rem; text-align:center; background:none;}
.box1 img{ width:100%;}

.box2{overflow:hidden; margin-top:1rem; border-top:#FFF 1px solid; padding-top:2rem; border-bottom:#FFF 1px solid; padding-bottom:1rem; background:none;}
.box2 .bod{display: flex; flex-wrap:wrap; justify-content: space-between; width:90%; margin:auto;}
.box2 .bod dl{ width:100%; margin-bottom:1rem;}
.box2 .bod dl dt{position:relative; padding-bottom:60%;}
.box2 .bod dl dt img{ position:absolute; width:100%; height:100%;}
.box2 .bod dl dt .info{ position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.7); display: flex; align-items:center; justify-content:center; color:#FFF; font-size:1.6rem; transition: all 2s;}
.box2 .bod dl:hover dt .info{background:rgba(0,0,0,0); transition: all 2s;}

.box3{ display:none;}

.footer{ display:none;}
.footer1{background:#f5f5f5; overflow:hidden;}
.footer1 .bod{padding:1rem 0.5rem; background:#f5f5f5;}
.footer1 .bod .item1{width:100%;}
.footer1 .bod .item1 img{ height:3rem;}
.footer1 .bod .item1 li{margin-top:0.5rem; color:#333;}
.footer1 .bod .item2{width:100%; margin-top:1rem;}
.footer1 .bod .item2 dt{font-size:1rem; color:#0a407b; text-transform:uppercase; margin-bottom:0.5rem}
.footer1 .bod .item2 dd {font-size:0.8rem; color:#333; display: flex; flex-wrap:wrap; align-items:center;}
.footer1 .bod .item2 dd a{color:#333;}
.footer1 .bod .item3{width:100%; margin-top:1rem;}
.footer1 .bod .item3 dt{font-size:1rem; color:#0a407b; text-transform:uppercase;}
.footer1 .bod .item3 dd{margin-top:0.5rem; color:#333;}
.footer1 .bod .item3 dd a{color:#333;}

.bannerny{ width:100%; overflow:hidden;}
.bannerny .img{position:relative; padding-bottom:40%;}
.bannerny .img img{ position:absolute; width:100%; height:100%;}
.bannerny .img .info{ position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.4); display: flex; flex-wrap:wrap;align-items:center; justify-content:center;}
.bannerny .img .info dl{width:90%; text-transform:uppercase; color:#FFF; text-align:center;}
.bannerny .img .info dt{ font-size:1rem; text-shadow:3px 3px 3px rgba(0,0,0,0.5);}
.bannerny .img .info form{display: flex; align-items:center; justify-content:center;}
.bannerny .img .info form input{width:70%; height:2.5rem; font-family:"金山云技术体"; font-size:0.6rem; padding-left:1rem; border-radius:2rem 0px 0px 2rem; border:none;}
.bannerny .img .info form button{ width:30%; height:2.5rem; border:none; background:#ff6600; color:#FFF; font-size:1rem; font-family:"金山云技术体"; padding-bottom:0.2rem; margin-left:-1px; border-radius:0px 2rem 2rem 0px;}

/*jieshao*/
.Family{color:#FFF; overflow:hidden; margin-top:1rem; background: none;}
.Family .txt{ font-size:1.8rem;}
.Family .bod{font-size:1rem; font-weight:normal; color:#CCC; margin-top:0.5rem;}

.box4{overflow:hidden; margin-top:2rem;}
.box4 .bod{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; background:url(../images/wapabout.jpg) center no-repeat; padding-top:1.5rem; padding-left:0.5rem; padding-right:0.5rem; padding-bottom:0.5rem;}
.box4 .bod .item{width:100%; margin-bottom:1rem; background:none; background:rgba(255,255,255,0.3); padding:1rem;}
.box4 .bod .item .txt{font-size:1.8rem;}
.box4 .bod .item .wenan{margin-top:0.5rem; font-size:1rem; font-weight:normal;}

.tuandui{overflow:hidden; margin-top:1rem;}
.tuandui .playbox{margin-top:1rem; display: flex; flex-wrap:wrap; justify-content: space-between;}
.tuandui .playbox a{width:48.5%; margin-bottom:0.5rem;}
.tuandui .playbox a dt{ position:relative; padding-bottom:66.5%;}
.tuandui .playbox a dt img{ position:absolute; width:100%; height:100%;}
.tuandui .playbox a:nth-child(5){ display:none;}
.hovertreeinfo{text-align:center;}
.hovertreeinfo a{color:blue}

/*about*/
.aboutus{overflow:hidden;}
.aboutus .txt{ font-size:1.8rem; color:#FFF; margin-top:1rem;}
.aboutus .bod{ font-size:1rem; color:#CCC; margin-top:0.5rem; margin-bottom:1.5rem;}
.aboutus .fen{margin-top:15px; margin-bottom:40px; display: flex; flex-wrap:wrap; justify-content: space-between;}
.aboutus .fen .item1{width:100%; color:#FFF; border-bottom:#CCC 1px dashed; padding-bottom:1rem; margin-bottom:2rem;}
.aboutus .fen .item2{width:100%; color:#FFF; margin-bottom:2rem;}
.aboutus .fen .item3{width:100%; color:#FFF;}
.aboutus .fen .item1 form dt{margin-bottom:1rem;}
.aboutus .fen .item1 form dt p{margin-top:0.5rem;}
.aboutus .fen .item1 form input{width:100%; height:2.2rem; border:none;}
.aboutus .fen .item1 form textarea{ width:100%; height:7rem; border:none;}
.aboutus .fen .item1 form button{ width:50%; border:none; height:2.2rem;}
.aboutus .fen .item2 dt{ font-size:1.4rem;}
.aboutus .fen .item2 dt p{ font-size:1rem; color:#999; margin-top:0.5rem;}
.aboutus .fen .item2 dd{ font-size:1.2rem; margin-top:25px;}
.aboutus .fen .item2 dd p{ font-size:1rem; color:#999; margin-top:0.5rem;}
.aboutus .fen .item3 dt{ font-size:1.4rem; margin-bottom:2rem;}
.aboutus .fen .item3 dt p{font-size:1rem; color:#999; margin-top:0.5rem;}
.aboutus .fen .item3 dd{display: flex; flex-wrap:wrap; align-items:center;}
.aboutus .message{margin-top:1rem; margin-bottom:2rem;}
.aboutus .message dl{display: flex; flex-wrap:wrap; justify-content: space-between;}
.aboutus .message dl dt{width:100%;}
.aboutus .message dl input{width:100%; border:none; height:2.2rem; padding-left:10px;}
.aboutus .message li textarea{ width:100%; height:4rem; border:none; padding:10px; font-size:0.8rem; font-family:Arial; margin-bottom:1rem;}
.aboutus .message li button{ width:50%; height:2.2rem; border:none; font-size:1rem; color:#666;}

/*case*/
.caselist{overflow:hidden; border-bottom:#CCC 1px solid; padding:40px 0px; background:#Fff;}
.caselist .bod{ display: flex; flex-wrap:wrap; justify-content: space-between;}
.caselist .bod dl{width:100%; margin-bottom:2rem; border-bottom:#CCC 1px dashed; padding-bottom:2rem;}
.caselist .bod dl dt img{height:2rem;}
.caselist .bod dl dd{margin-top:0.5rem; font-size:16px; color:#666;}
.caselist .bod dl dd a{ text-decoration:underline;}

.fanye{display: flex; flex-wrap:wrap; align-items:center; margin-bottom:30px;}
.fanye a{ border:#ddd 1px solid; margin-right:5px; background:#FFF; padding:5px 10px; margin-bottom:5px;}

/*p-list*/
.p-list{overflow:hidden; margin-top:2rem; margin-bottom:1.5rem;}
.p-list .txt{ font-size:1.4rem; color:#FFF; margin-bottom:1.5rem;}
.p-list .bod{display: flex; flex-wrap:wrap; justify-content: space-between;}
.p-list .bod dl{ width:100%; overflow:hidden; margin-bottom:0.5rem;}
.p-list .bod dl dt{ position:relative; padding-bottom:65%;}
.p-list .bod dl dt img{ position:absolute; width:100%; height:100%;}
.p-list .bod dl dt .info{ position:absolute; top:0; left:0; right:0; bottom:0; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:24px; background:rgba(0,0,0,0.7); color:#FFF; transition: all 2s;}
.p-list .bod dl:hover dt .info{ background:none; transition: all 2s;}

/*productlist*/
.productlist{overflow:hidden; margin-top:40px;}
.productlist .txt{ font-size:24px; color:#FFF; margin-bottom:20px;}
.productlist .playbox{display: flex; flex-wrap:wrap; justify-content: space-between;}
.productlist .playbox dl{width:49%; margin-bottom:0.4rem;}
.productlist .playbox dl dt{ position:relative; padding-bottom:100%;}
.productlist .playbox dl dt img{ position:absolute; width:100%; height:100%;}
.productlist .playbox dl .info{position:absolute; transition: all 1s;}
.productlist .playbox dl:hover .info{ position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.7);transition: all 1s;}
.hovertreeinfo{text-align:center;}
.hovertreeinfo a{color:blue}

.news{ overflow:hidden; color:#FFF; display: flex; flex-wrap:wrap; padding-top:2rem;}
.news dl{ width:100%; margin-bottom:2rem; font-size:1.2rem;}
.news dl:nth-child(2n){ margin-right:0;}

/*返回顶部*/
.xuanfu{position:absolute; top:93%; right:0; position: fixed;}
.xuanfu img{ width:1rem; background:rgba(10,64,123,1); padding:0.3rem; transition: all 0.5s;}
}