@charset "utf-8";
/* CSS Document */
html,body{ min-height: 100vh;}

.warp{ width: 100%; max-width: 1920px; min-width: 1900px; position: relative; overflow: hidden; margin: 0 auto;}
.TopMain{ height:600px;}
.TopBarPart{position: relative;box-sizing: border-box;height: 100px;background-color: #0059d1;display: flex;align-items: center;z-index: 5;}

/*logo与搜索*/
.Home_Logo{ position: relative; user-select: none; }
.Home_Logo img{ }

/*导航菜单*/
.NavBox{height: 58px;display: flex;user-select: none;}
.NavBox ul{ display: -webkit-flex; display: flex; justify-content: space-between; }
.NavBox li{position: relative;height: 58px;font-size:20px;margin-right: 30px;}
.NavBox li + li{ margin-left: 5px; }
.NavBox li::before{content: '';position: absolute;height: 4px;width: 0;background-color:#c80000;left: 50%;transform: translateX(-50%);bottom: -23px;transition:width 0.5s ease-in-out 0s;}
.NavBox li>a{display:block;height: 58px;text-align: center;color: #ffffff;font-weight: bold;line-height: 58px;transition: all 0.3s;}
.NavBox li:hover::before,.NavBox li.on::before{width: 100%;}
.NavBox li:hover a,.NavBox li.on a{color:#c80000;}

/*检索框*/
.SearchOpen{width: 36px;height: 36px;border-radius: 50%;position: relative;overflow: hidden;transition: all 0.3s;margin-left: 20px;border: 1px solid #ffffff;margin-top: 11px;}
.SearchOpen a{ display: flex; height: 100%; font-size: 18px; color: #FFF; user-select: none; align-items: center; justify-content: center; cursor: pointer; }
.SearchOpen a::before{content: '';display: block;width: 100%;height: 100%;background: url("../images/search_icon.png") no-repeat center center;}
.SearchOpen:hover{ opacity: 0.9; }

.SearchPart{position: absolute;overflow: hidden;left: 0;top: 100px;width: 100%;background-color: #f3f3f3;z-index: 1;height: 0px;display: flex;align-items: center;justify-content: center;}
.SerachBox{ width: 600px; height: 40px; border-radius: 20px; border: 1px solid #0059d1; display: flex; align-items: center; justify-content: space-between; background-color: #FFF; position: relative; overflow: hidden; }
.SerachBox input{ outline: medium; background: none; border: none; width: calc(100% - 130px); padding: 0 15px; position: relative; z-index: 1; color: #333; font-size: 16px; line-height: 40px; transition: all 0.3s; box-sizing: border-box; }
.SerachBox input::-webkit-input-placeholder{ color: #333; }
.SerachBox input:-moz-placeholder{ color: #333; }
.SerachBox input::-moz-placeholder{ color: #333; }
.SerachBox input:-ms-input-placeholder{ color: #333; }
.SerachBox a{ display: flex; width: 120px; height: 100%; font-size: 18px; color: #FFF; user-select: none; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s; background-color: #0059d1; }
.SerachBox a::before{ content: ''; display: block; width: 23px; height: 23px; background: url("../images/search_icon.png") no-repeat center; margin-right: 5px; }
.SerachBox a:hover{ opacity: 0.9; }
.SearchPart a.Close{ position: absolute; height: 42px; width: 42px; top: calc(50% - 21px); left: calc(50% + 330px); cursor: pointer; opacity: 0; transition: all 0.5s; }
.SearchPart a.Close::before,
.SearchPart a.Close::after{ content: ''; display: block; position: absolute; width: 90%; height: 3px; border-radius: 3px; background-color: #0059d1; left: 5%; top: calc(50% - 1.5px); }
.SearchPart a.Close::before{ transform: rotateZ(-45deg); }
.SearchPart a.Close::after{ transform: rotateZ(45deg); }
.SearchPart:hover a.Close{ opacity: 1; transform: rotateZ(180deg); }

/*背景图*/
.BannerBox{width: 100%; height: 600px; overflow: hidden; position:absolute; left: 0; top: 0px;}
.BannerBox .biaoyu{width: 100%;text-align: center;height: 100%;overflow: hidden;position: absolute;left: 0;top: 28px;z-index: 1;display: flex;justify-content: center;align-items: center;}
.BannerBox .BannerSlide{inset:0; width: 100%; height:auto; overflow: hidden;}
.BannerBox .BannerSlide .bd,
.BannerBox .BannerSlide .bd ul,
.BannerBox .BannerSlide .bd li,
.BannerBox .BannerSlide .bd li img{ width: 100%; height:740px; display: block; position: relative; }
.BannerBox .BannerSlide .bd li img{ object-fit: inherit; }

/*新闻资讯*/
.BannerBox.xwzx .biaoyu{top: 15px;}
/*建议反馈*/
.BannerBox.jyfk .biaoyu{top: 7px;}
/*企业文化*/
.BannerBox.qywh .biaoyu{top: 23px;}
/*信息公开*/
.BannerBox.xxgk .biaoyu{}
/*企业概况*/
.TopMain.qygk{ height:740px;}
.TopBarPart.qygk{border-bottom: 1px solid #8db4ef;}
.BannerBox.qygk{ height: 740px;}
.BannerBox.qygk .biaoyu{top: -34px;}