@charset "utf-8";
@import url("./base.css");

/*注：2024.3.20之后的专题页，PC头部，PC左侧纵向锚链接导航栏，phone菜单栏展开&收起，需要引入此样式文件*/
html{scroll-padding: 100px;}

/*header*/
header{z-index: 9;position: sticky;left: 0;top: 0;width: 100%;height: 80px;background-color: #fff;box-shadow: 0 4px 10px rgba(0,0,0,.1);}
/*logo*/
header .logo{position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
header .logo img{display: block;max-height: 52px;}
/*导航-水平方向*/
header .nav-box-horizontal{position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 0;white-space: nowrap;}
header .nav-box-horizontal li{position: relative;display: inline-block;margin: 0 23px;font-size: 16px;line-height: 80px;transition: 0.3s;}
header .nav-box-horizontal li:after{content: "";position: absolute;left: 0;bottom: 15px;width: 100%;height: 4px;background-image: linear-gradient(90deg,#3088F5 25%,#10208E);transform: scaleX(0);transition: 0.3s;}
header .nav-box-horizontal li:first-child{margin-left: 0;}
header .nav-box-horizontal li:last-child{margin-right: 0;}
header .nav-box-horizontal li:last-child a{color: #009adc;}
header .nav-box-horizontal li a{display: block;}
header .nav-box-horizontal li.on:after{transform: scaleX(1);}
/*菜单按钮*/
header .menu-btn{display: none;z-index: 1;position: absolute;right: 3%;top: 50%;width: 26px;height: 18px;cursor: pointer;transform: translateY(-50%);}
header .menu-btn span{display: block;height: 2px;background-color: #000;transition: .3s;}
header .menu-btn span:nth-child(2){margin: 6px 0;}
/*菜单内容*/
header .menu-box{z-index: 4;position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: #F1F4FA url(../images/topic_page_bg2.jpg) center top;background-size: contain;opacity: 0;;transform: translateX(100%);transition: .3s;}
header .menu-box.open{opacity: 1;transform: translateX(0);}
header .menu-box > .menu-wrap{display: flex;justify-content: center;align-items: center;height: 100vh;padding: 0 15vw;}
header .menu-box .close-btn{position: absolute;right: 0;top: 0;width: 50px;height: 50px;cursor: pointer;}
header .menu-box .close-btn::before{content: '';position: absolute;left: 50%;top: 50%;width: 20px;height: 2px;margin: -1px 0 0 -10px;background-color: #000;transform: rotate(-45deg);}
header .menu-box .close-btn::after{content: '';position: absolute;left: 50%;top: 50%;width: 20px;height: 2px;margin: -1px 0 0 -10px;background-color: #000;transform: rotate(45deg);}
header .menu-box .menu-list{width: 100%;height: 70vh;padding: 0 30px;background-color: #fff;}
header .menu-box .menu-list li{border-bottom: 1px solid #eee;}
header .menu-box .menu-list li a{display: inline-block;vertical-align: top;padding: 1.5em 1em 1.5em .5em;font-size: 16px;line-height: 1;}

/*banner*/
.top-banner{position: relative;}
.top-banner img{display: block;width: 100%;}


/*笔记本1920*1080显示放大比例为125%，实际分辨率为1920/1.25=1536*/
@media screen and (max-width: 1550px){
	
}

/*中屏PC，分辨率1366*/
@media screen and (max-width: 1440px){
	/*纵向锚链接导航栏*/
	.vertical-anchor-nav{left: 10px;}
}

/*小屏PC，分辨率1280*/
@media screen and (max-width: 1300px){
	
}

/*pad横屏，分辨率1024*/
@media screen and (max-width: 1024px){
    /*header*/
	header{height: 50px;}
	header .w1140{width: 96%;}
	/*logo*/
	header .logo img{max-height: 24px;}
	/*导航-水平方向*/
	header .nav-box-horizontal{display: none;}
	/*菜单按钮*/
	header .menu-btn{display: block;}
	/*菜单内容*/
	header .menu-box{display: block;}
    
	/*纵向锚链接导航栏*/
	.vertical-anchor-nav{display: none!important;}
}

/*phone和pad竖屏，分辨率820*/
@media screen and (max-width: 820px){
    
}