/*reset*/
*{box-sizing: border-box;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; position: relative; font-size:20px;}
body{margin: 0; padding: 0; background: #f5f5f5;  position: relative; font-family: "Hiragino Sans GB", "Helvetica Neue", Helvetica, "Microsoft YaHei", "PingFang SC", Arial, sans-serif;position: relative;}
input:focus {outline: none;}
html,body{width:100%; height:100%;}
a{text-decoration: none; outline:none;}
ul,li,dl,dt,dd,ol{ margin:0; padding:0; list-style:none;}
em,i{ font-style:normal; margin:0; padding:0;}
h1,h2,h3,h4,h5,p{ margin:0; padding:0;}
a:link,a:visited{outline:none; text-decoration: none; blr:expression(this.onFocus=this.blur());}
a:hover{ outline:none; text-decoration: none;}

/* 滚动条样式 */
::-webkit-scrollbar {
width: 5px;
height: 4px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.9);
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: skyblue;
background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent );
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(227,227,227,0.5);
}
/*public*/
.banner img {display: block;width: 100%;}

.container {
 width: 100%;
 height: auto;
 padding-right:0px;
 padding-left:0px;
 margin:0 auto;

}
.index .navbar .container .menu{ width: 100%;height: 80px; display: flex;justify-content: center;align-items: center; background: #fff;  box-shadow: 0 0 5px 5px rgba(0,5,98,0.1);border-bottom-left-radius: 0.3rem;border-bottom-right-radius: 0.3rem}
.index .navbar .container .menu li{margin: 0 40px;position: relative}
.index .navbar .container .menu li a{font-size: 22px;color: #000000;line-height: 50px}
.index .navbar .container .menu li.active a{font-weight: 700}
.index .navbar .container .menu li.active::after{content: '';display: block;width: 100%;height: 0.2rem;border-radius: 0.2rem;background: linear-gradient(to right,#0df0fe,#001796);position: absolute;bottom: 0 ;left: 0}
.index .search{width: 100%;height: 100px;padding: 0 20px; margin: 80px auto 50px auto; display: flex;justify-content:space-between;align-items: center;overflow: hidden;background: #6d9ae3;border-radius: 0;border: none}
.index .search select{flex:1;border-radius: 10px; height:45px;background: #ffffff;border: none;margin-right: 20px;padding: 0 20px;font-size: 18px;}
.index .search select option{font-size: 18px;}
.index .search .inputSearch{height: 50px;flex: 1; display: flex;justify-content: space-between;align-items: center;border-radius: 15px;overflow: hidden;position: relative}
.index .search .inputSearch input{flex: 1;width: 0;background: #ffffff;border: none;height: 50px;line-height: 50px;padding: 0 20px;font-size: 18px;}
.index .search .inputSearch button{width: 50px;height: 50px; position: absolute;top: 0;right: 0;z-index: 1000; border-radius:15px; background:#0134a3; border: none; display: flex;justify-content: center;align-items: center }
.index .search button img{display: block;width: 20px }
.index .jobList{margin: 40px auto 180px auto;}
.index .jobList li{height: 70px;border: 3px solid #42ecfd; margin-bottom: 30px;box-shadow: 0 5px 5px rgba(0,5,98,0.25)}
.index .jobList li a{display: flex;justify-content: flex-start;align-items: center;height: 100%;padding: 0 20px;}
.index .jobList li a .jobTitle{flex: 3;width: 0;height: inherit;font-size: 20px; line-height:70px;color: #0237a5; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index .jobList li a span{ font-size: 18px;width: 140px;text-align: center;color: #ffffff; height: 45px; line-height:45px; border-radius: 0.4rem; background: linear-gradient(to bottom,#187fe9,#0541af);box-shadow: 0 2px 2px rgba(0,5,98,0.2) }
.index .jobList p{text-align: center;line-height: 5rem;font-size: 1rem;background: rgba(255,255,255,0.5);color: #0237a5;}
.index .footer{height: 80px;line-height: 80px;background: #002d74;text-align: center;color: #ffffff;font-size: 18px;margin-top: 1.5rem}
.about{overflow: hidden;width: 750px;height: 1334px;position: absolute;left: 0;top: 0;}
.about .title{ height: 2rem;line-height: 2rem;padding: 0;text-align:center;margin:1.5rem auto;background: #0285ff;border-radius: 0.5rem; box-shadow: 4px 4px #ffffff;color: #ffffff;font-size: 0.8rem;font-weight: 700}
.about .department-img img{display: block;width: 8rem;margin: 0 auto}
.about .introduce{max-height: 12rem;width: 100%; background: url("../images/introduce-bg.png") no-repeat center top;background-size: 100% 100%;padding: 1rem 1rem 1rem 1rem;margin: 1.5rem auto}
.about .introduce .introduce-con{height: 10rem; width:100%; overflow: hidden; overflow-y: auto;font-size: 0.65rem;color: #ffffff;line-height: 1.8;text-align: justify}
.about .introduce .introduce-con p{text-indent: 2em; line-height: 1.8;text-align: justify}
.about .contact .connection-title{height: 1.8rem;line-height: 1.8rem;font-size:0.8rem;font-weight: 700;color: #ffffff;margin-bottom:1.5rem;text-align: center;background: url("../images/contact-title-bg.png") no-repeat center center; background-size: auto 100%}
.about .contact .contact-item{width: 80%; position: relative; margin: 0 auto 1rem auto; padding: 0.5rem 1rem;border-radius: 0.5rem;background:#ffffff;display: flex;justify-content: flex-start;align-items: flex-start}
.about .contact .contact-item::before{content: '';display: block;width: 0;height: 0; position: absolute;top: 50%; left: -1.6rem;border-color: transparent; border-style: solid; border-width:0.3rem 0.8rem 0.3rem 0.8rem;transform:translateY(-0.2rem);border-right-color: #ffffff; }
.about .contact .contact-item .left{width: 5rem;display: flex;justify-content: flex-start;align-items: center;}
.about .contact .contact-item .left img{display: block;width: 1rem;margin-right: 0.5rem}
.about .contact .contact-item .left span{font-size: 0.65rem;font-weight: 700;color:#005cff;}
.about .contact .contact-item .right {font-size: 0.65rem;flex: 1;width: 0;line-height: 1.5}
@media screen and (min-width:1000px){
 .container {
   max-width:1200px;
 }
 .container{max-width:1200px;}
}
@media screen and (max-width:1000px){
 .container {
  width: 100% !important;
  max-width: 100% !important;
  padding-right:1rem;
  padding-left:1rem;
 }
 .index .navbar .container .menu{ width: 100%;height: 2.7rem; display: flex;justify-content: center;align-items: center; background: #fff;  box-shadow: 0 0 5px 5px rgba(0,5,98,0.1);border-bottom-left-radius: 0.3rem;border-bottom-right-radius: 0.3rem}
 .index .navbar .container .menu li{margin: 0 1rem;position: relative}
 .index .navbar .container .menu li a{font-size: 0.7rem;color: #000000;line-height: 2rem;}
 .index .navbar .container .menu li.active a{font-weight: 700}
 .index .navbar .container .menu li.active::after{content: '';display: block;width: 100%;height: 0.2rem;border-radius: 0.2rem;background: linear-gradient(to right,#0df0fe,#001796);position: absolute;bottom: 0 ;left: 0}
 .index .search{width: 100%;height: 2.5rem;padding: 0 0.5rem; margin: 2rem auto 1.5rem auto; display: flex;justify-content:space-between;align-items: center;overflow: hidden;background: #6d9ae3;border-radius: 0;border: none}
 .index .search select{flex:1;width: 0; border-radius: 10px;height:1.5rem;background: #ffffff;border: none;margin-right: 0.5rem;font-size: 0.6rem;overflow: hidden;padding: 0 0.5rem}
 .index .search select option{font-size: 0.6rem;}
 .index .search .inputSearch{height:1.5rem;flex: 1;width: 0; display: flex;justify-content: space-between;align-items: center;border-radius: 0.5rem;overflow: hidden;position: relative;font-size: 0.6rem}
 .index .search .inputSearch input{flex: 1;width: 0;background: #ffffff;border: none;height: 1.4rem;line-height: 1.4rem;padding: 0.5rem;font-size: 0.6rem}
 .index .search .inputSearch button{width: 1.5rem;height: 1.5rem; position: absolute;top: 0;right: 0;z-index: 1000; border-radius:0.5rem; background:#0134a3; border: none; display: flex;justify-content: center;align-items: center }
 .index .search button img{display: block;width: 0.8rem }
 .index .jobList{margin: 1rem auto;}
 .index .jobList li{height: 2rem;border: 2px solid #42ecfd; margin-bottom: 0.8rem;box-shadow: 0 5px 5px rgba(0,5,98,0.25)}
 .index .jobList li a{display: flex;justify-content: flex-start;align-items: center;height: 100%;padding: 0 0.5rem;}
 .index .jobList li a .jobTitle{flex: 3;width: 0;height: inherit;font-size: 0.75rem; line-height:2rem;color: #0237a5; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
 .index .jobList li a span{flex:1; font-size: 0.6rem;width: 3.5rem;text-align: center;color: #ffffff; height: 1.3rem; line-height:1.3rem; border-radius: 0.4rem; background: linear-gradient(to bottom,#187fe9,#0541af);box-shadow: 0 2px 2px rgba(0,5,98,0.2) }
 .index .jobList p{text-align: center;line-height: 5rem;font-size: 1rem;background: rgba(255,255,255,0.5);color: #0237a5;}
 .index .footer{height: 2.5rem;line-height: 2.5rem;background: #002d74;text-align: center;color: #ffffff;font-size: 0.6rem;margin-top: 1.5rem}

 .about {
  width: 750px;
  height: 1334px;
  overflow:hidden;
  position: absolute;
  left: 0;
  top: 0;
 }
 .about .title{ height: 60px;line-height: 60px;padding: 0; text-align:center;margin:30px auto;background: #0285ff;border-radius: 10px; box-shadow: 5px 5px #ffffff;color: #ffffff;font-size:28px;font-weight: 700}
 .about .department-img img{display: block;width: 300px;margin: 0 auto}
 .about .introduce{max-height: 400px;width: 100%; background: url("../images/introduce-bg.png") no-repeat center top;background-size: 100% 100%;padding: 30px;margin: 30px auto}
 .about .introduce .introduce-con{height:340px; width:100%;text-indent: 2em; overflow: hidden; overflow-y: auto;font-size: 22px;color: #ffffff;line-height: 1.8;text-align: justify}
 .about .introduce .introduce-con p{text-indent: 2em; line-height: 1.8;text-align: justify}
 .about .contact .connection-title{height: 60px;line-height: 60px;font-size:28px;font-weight: 700;color: #ffffff;margin-bottom:30px;text-align: center;background: url("../images/contact-title-bg.png") no-repeat center center; background-size: auto 100%}
 .about .contact .contact-item{width: 80%; position: relative; margin: 0 auto 20px auto; padding: 20px 30px;border-radius: 15px;background:#ffffff;display: flex;justify-content: flex-start;align-items: flex-start}
 .about .contact .contact-item:before{content: '';display: block;width: 0;height: 0; position: absolute;top: 50%; left: -1.6rem;border-color: transparent; border-style: solid; border-width:0.3rem 0.8rem 0.3rem 0.8rem;transform:translateY(-0.2rem);border-right-color: #ffffff; }
 .about .contact .contact-item .left{width: 180px;display: flex;justify-content: flex-start;align-items: center;}
 .about .contact .contact-item .left img{display: block;width: 30px;margin-right:15px;}
 .about .contact .contact-item .left span{font-size: 24px;font-weight: 700;color:#005cff;line-height: 29px}
 .about .contact .contact-item .right {font-size: 24px;flex: 1;width: 0;line-height: 29px;font-weight: 700}
}