*{margin: 0; padding: 0; list-style: none; font-family: "微软雅黑";}
body{font-size: 14px; line-height: 26px; color: #333;}
a{color: #333; text-decoration: none;}
a:hover{color: #3aaee5; text-decoration: none;}
img{border: 0px;}

@font-face{font-family: "hy"; src: url(../font/hy.ttf);}

.header{position: fixed; background: linear-gradient(to bottom,rgba(0,0,0,0.6),rgba(0,0,0,0)); width: 100%; top: 0; z-index: 999; line-height: 49px; height: 60px;}
.header .top{width: 80%; margin: auto;}
.header .top .logo{float: left; margin: 10px 0;}
.header .top .logo img{display: block; height: 40px;}
.header .top .nav{float: right;}
.header .top .nav h1{display: none;}
.header .top .nav ul li{float: left; font-size: 15px; padding: 0 15px;}
.header .top .nav ul li a{display: block; padding:5px 15px; color: #f2f2f2;}
.header .top .nav ul li a span{display: block;}
.header .top .nav ul li hr{display: block; transition: all 0.5s; margin: auto; width: 0; border: 0; border-top: 1px solid #f2f2f2;}
.header .top .nav ul li:hover hr{width: 100%;}
.header .top .nav ul li dl{position: absolute; display: none; left: 0; width: 100%; background: #555;}
.header .top .nav ul li:nth-child(3) dl,
.header .top .nav ul li:nth-child(5) dl{background: rgba(0,0,0,0.75);}
.header .top .nav ul li:hover dl{display: block;}
.header .top .nav ul li dl dd{width: 70%; text-align: center; margin: auto;}
.header .top .nav ul li dl dd a{display: inline-block; margin: 0 20px; font-size: 13px;}
.header .top .nav ul li:nth-child(4) dl dd a:first-child{margin-left: 50%;}
.header .top .nav ul li dl dt{width: 80%; padding-bottom: 0.1rem; max-height: calc(100vh - 65px); margin: auto; text-align: center; overflow: auto;}
/* 定义滚动条的宽度 */
.header .top .nav ul li dl dt::-webkit-scrollbar {width: 10px; height: 10px;}
/* 定义滚动条轨道的颜色 */
.header .top .nav ul li dl dt::-webkit-scrollbar-track {background: rgba(0,0,0,0.3);}
.header .top .nav ul li dl dt a{float: left; line-height: 35px; margin:0.1rem 0 0 1%; padding: 0;  width: 18.8%; overflow: hidden;}
.header .top .nav ul li dl dt a h4{font-size: 13px;}
.header .top .nav ul li dl dt a span{display: block; border: 1px solid #dedede; padding: 1px; overflow: hidden;}
.header .top .nav ul li dl dt a span img{display: block; width: 100%; height: 2.1rem; transition: all 0.5s;}
.header .top .nav ul li dl dt a:hover span img{transform: scale(1.1);}
.header .top .nav ul li dl dt a font{display: inline-block; font-size: 12px; padding: 0 15px; margin-top: 10px; border-radius: 20px; background: #3aaee5;}
.header .top .nav ul li dl dt a:hover font{background: #3aaee5; color: #fff;}

.is-fixed.mod-header{background: #333; z-index: 999999999;}

.footer{border-top: 2px solid #3aaee5; background: #12151a; padding: 20px 10%; font-size: 13px; overflow: hidden;}
.footer .lt{float: left;}
.footer .lt nav{overflow: hidden;}
.footer .lt nav a{float: left; margin-right: 20px; color: #c5cbcf; font-size: 13px;}
.footer .lt nav a:hover{color: #e2e8eb;}
.footer .lt p{color: #585b5d; margin-top: 5px; font-size: 13px;}
.footer .lt p a{color: #585b5d;}
.footer .lt p a:hover{color: #c5cbcf;}
.footer .rt{float: right; line-height: 67px; color: #898a8d;}
.footer .rt ul li{float: left; margin-left: 40px;}
.footer .rt ul li a{color: #898a8d;}
.footer .rt ul li dl{position: absolute; display: none; border-radius: 10px; border: 1px solid #585b5d; margin-top: -200px; margin-left: -60px;}
.footer .rt ul li:first-child dl{margin-left: -120px; margin-top: -218px;}
.footer .rt ul li:hover dl{display: block;}
.footer .rt ul li dl dt{background: #12151a; border-radius: 10px; padding: 10px; overflow: hidden; position: relative; z-index: 1;}
.footer .rt ul li dl dd{width: 14px; height: 14px; background: #12151a; margin-left: 47.5%; margin-top: -10px; border: 1px solid #585b5d; transform: rotate(45deg); position: absolute;}
.footer .rt ul li dl dt span{display: block; width: 120px; float: left;}
.footer .rt ul li dl dt span img{display: block; width: 120px; height: 120px;}
.footer .rt ul li dl dt span font{display: block; line-height: 12px; padding-top: 6px; font-size: 12px; text-align: center;}
.footer .rt ul li:first-child dl dt span:first-child{margin-right: 10px;}

@media (max-width:1550px){
	.header .top{width: 90%;}
	.header .top .nav ul li{padding: 0 10px;}
}
@media (max-width: 1200px){
    .header{height: 2.5rem;}
	.header .top{width: 96%;}
	.header .top .logo{margin: 0.25rem 0;}
	.header .top .logo img{display: block; height: 2rem;}
	
	.header .top .nav h1{display: block; height:2.5rem; width:2.5rem; background:url(../img/menu.png) no-repeat center; background-size: 1.8rem;}
	.header .top .nav:hover h1{background:url(../img/close.png) no-repeat center; background-size: 1.8rem;}
	.header .top .nav ul{background: rgba(0,0,0,0.7); transition: all 0.5s; height: calc(100vh - 2.5rem); position: fixed; top: 2.5rem; right: -10rem;}
	.header .top .nav:hover ul{right: 0;}
	.header .top .nav ul li{float: initial; font-size: 15px; padding: 0 15px;}
	.header .top .nav ul li a{display: block; padding:5px 15px; color: #f2f2f2;}
	.header .top .nav ul li a span{display: block;}
	.header .top .nav ul li hr{display: block; transition: all 0.5s; margin: auto; width: 0; border: 0; border-top: 1px solid #f2f2f2;}
	.header .top .nav ul li:hover hr{width: 100%;}
	.header .top .nav ul li dl{position: absolute; height:0; display: none; left: 0; width: 100%; background: #555; overflow:hidden;}
	.header .top .nav ul li:nth-child(3) dl,
	.header .top .nav ul li:nth-child(5) dl{background: rgba(0,0,0,0.75);}
	.header .top .nav ul li:hover dl{display: block;}
	.header .top .nav ul li dl dd{width: 70%; text-align: center; margin: auto;}
	.header .top .nav ul li dl dd a{display: inline-block; margin: 0 20px; font-size: 13px;}
	.header .top .nav ul li:nth-child(4) dl dd a:first-child{margin-left: 50%;}
	.header .top .nav ul li dl dt{width: 80%; padding-bottom: 0.1rem; max-height: calc(100vh - 65px); margin: auto; text-align: center; overflow: auto;}
	/* 定义滚动条的宽度 */
	.header .top .nav ul li dl dt::-webkit-scrollbar {width: 10px; height: 10px;}
	/* 定义滚动条轨道的颜色 */
	.header .top .nav ul li dl dt::-webkit-scrollbar-track {background: rgba(0,0,0,0.3);}
	.header .top .nav ul li dl dt a{float: left; line-height: 35px; margin:0.1rem 0 0 1%; padding: 0;  width: 18.8%; overflow: hidden;}
	.header .top .nav ul li dl dt a h4{font-size: 13px;}
	.header .top .nav ul li dl dt a span{display: block; border: 1px solid #dedede; padding: 1px; overflow: hidden;}
	.header .top .nav ul li dl dt a span img{display: block; width: 100%; height: 2.1rem; transition: all 0.5s;}
	.header .top .nav ul li dl dt a:hover span img{transform: scale(1.1);}
	.header .top .nav ul li dl dt a font{display: inline-block; font-size: 12px; padding: 0 15px; margin-top: 10px; border-radius: 20px; background: #3aaee5;}
	.header .top .nav ul li dl dt a:hover font{background: #3aaee5; color: #fff;}
}