*{margin: 0px; padding: 0px; list-style: none; font-family: "微软雅黑";}
body{color: #333; font-size: 14px; line-height: 28px; /* background: linear-gradient(60deg, #b9dcff, #f5ecfa), linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #fff 500px, #fff); */}
a{color: #333; text-decoration: none;}
a:hover{color: #2776fc;}
img{border: 0;}

.header{
	background: #fff; position: sticky; box-shadow: 0 5px 5px #dedede; background: transparent;
	/* 初始透明 */
	transition: background 0.35s ease, box-shadow 0.35s ease, backdrop-filter 0.35s ease;
	/* 平滑过渡 */
	will-change: transform; z-index: 9999;
}
.header .box{width: 80%; margin: auto; overflow: hidden;}
.header .box .logo{float: left; margin: 10px 50px 10px 0; overflow: hidden;}
.header .box .logo img{display: block; height: 60px;}
.header .box .menu,.header .box .search{display: none; float: left; margin-right: 50px;}
.header .box ul.nav{float: left; line-height: 80px; font-size: 16px; overflow: hidden;}
.header .box ul.nav li{float: left;}
.header .box ul.nav li a{display: block; padding: 0 25px;}
.header .box ul.user{float: right; overflow: hidden;}
.header .box ul.user li{float: left; margin: 22px 0 22px 20px; overflow: hidden;}
.header .box ul.user li a{display: block; line-height: 34px; box-sizing: border-box; border: 1px solid #dedede; border-radius: 5px; padding: 0 30px;}
.header .box ul.user li:first-child a{border: 1px solid #2776fc; color: #2776fc;}
.header .box ul.user li a:hover{border: 1px solid #2776fc; background: #2776fc; color:  #fff;}

.is-fixed.mod-header{position: fixed; z-index:999; top: 0; width: 100%; background:rgba(255,255,255,0.9); box-shadow: 0 2px 2px rgba(2,2,2,0.3);}
.is-fixed.mod-header ul.nav{display: none;}
.is-fixed.mod-header .box .menu,.is-fixed.mod-header .box .search{display: block;}
.is-fixed.mod-header .box .menu{float: left;}
.is-fixed.mod-header .box .menu h4{font-size: 16px; font-weight: 500; line-height: 80px; cursor: pointer;}
.is-fixed.mod-header .box .menu h4 span{float: right; margin-left: 5px;}
.is-fixed.mod-header .box .menu ul{position: absolute; display: none; left: auto; margin-left: -80px; width: 200px; padding: 10px 25px; background: rgba(255,255,255,0.9); box-shadow: 0 5px 5px #dedede;}
.is-fixed.mod-header .box .menu ul li{line-height: 40px; width: 46%; float: left;}
.is-fixed.mod-header .box .menu ul li:nth-child(2n){margin-left: 8%;}
.is-fixed.mod-header .box .menu:hover ul{display: block;}
.is-fixed.mod-header .box .search{margin-top: 10px;}

.search{width: 45%; overflow: hidden;}
.search form{border: 5px solid rgba(255,255,255,0.3); box-sizing: border-box; border-radius: 5px; overflow: hidden;}
.search form input{width: calc(100% - 100px); padding: 0 10px; background: rgba(255,255,255,0.5); height: 50px; border: 3px solid rgba(39, 118, 252, 0.7); float: left; outline: none; box-sizing: border-box;}
.search form button{width: 100px; float: left; height: 50px; cursor: pointer; color: #fff; font-size: 16px; box-sizing: border-box; border: 0; background: #2776fc; float: left;}
.search form button .icon-fangdajing{font-size: 20px; margin-right: 5px;}


.banner{position: relative; overflow: hidden;}
.banner .bd ul li img{display: block; width: 100%;}
.banner .hd{position: absolute; bottom: 5px; width: 100%; text-align: center; overflow: hidden;}
.banner .hd ul li{display: inline-block; cursor: pointer; margin: 0 3px; width: 60px; height: 6px; background: #fff;}
.banner .hd ul li.on{background: #2776fc;}
.banner span{position: absolute; cursor: pointer; transition: all 0.5s; left: -60px; top: 50%; height: 60px; width: 60px; margin-top: -30px; text-align: center; line-height: 60px; color: #fff; background: rgba(0,0,0,0.3); font-size: 40px;}
.banner:hover span{left: 3%;}
.banner span.prev,.banner:hover span.prev{left: inherit;}
.banner span.prev{right: -60px;}
.banner:hover span.prev{right: 3%;}
.banner .search{position: absolute; bottom: 15%; left: 27.5%;}

.footer{background: #1b1b1b; padding: 30px 0; color: #7d7d7d; overflow: hidden;}
.footer a{color: #7d7d7d;}
.footer a:hover{color: rgba(255,255,255,0.6);}
.footer .user-say{line-height: 150px; padding: 0 5%; text-align: center; overflow: hidden;}
.footer .user-say ul li{float: left; width: 25%;}
.footer .user-say ul li span{font-size: 18px; margin-right: 5px;}
.footer .bottom{margin: 0 10%; border-top: 1px solid rgba(0,0,0,0.8); border-bottom: 1px solid rgba(0,0,0,0.8); overflow: hidden;}
.footer .bottom ul{border-top: 1px solid rgba(255,255,255,0.08); padding:30px 0; overflow: hidden;}
.footer .bottom ul li{float: left; width: 16%; overflow: hidden;}
.footer .bottom ul li h4{margin-bottom: 5px; font-size: 15px;}
.footer .bottom ul li span{display: block; line-height: 35px;}
.footer .bottom ul li:last-child{width: 20%; overflow: hidden;}
.footer .bottom ul li .tu{display: table-cell;width: 3.2rem; height: 173px; vertical-align: middle; text-align: center;}
.footer .bottom ul li .tu img{filter: brightness(0) invert(0.6);}
.footer .copy{border-top: 1px solid rgba(255,255,255,0.08); margin: 0 10%; padding-top: 20px; text-align: center; font-size: 12px; line-height: 26px;}

@media (max-width:1480px){
	.is-fixed.mod-header .box{width: 90%;}
}
@media (max-width:1300px){
	.is-fixed.mod-header .box .search{width: 40%;}
}