/* body{opacity: 0.8;}::-webkit-scrollbar{width: 0;}html{background: top left no-repeat url(../images/1.png) !important;} */

.wrap_banner{position: relative;z-index: 1;}
.banner{position: relative;}
.banner::before{content: "";display: block;width: 100%;height: 30%;background-image: -moz-linear-gradient( 90deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 100%);position: absolute;left: 0;top: 0;z-index: 1;opacity: 0.659;}
.banner a{display: block;}
.banner a .slick-img{padding-bottom: 41.66%;}
.banner .slick-dots{}
.banner .slick-dots li{width: 10px;height: 10px;margin: 0 15px;} 
.banner .slick-dots li.slick-active button{border: 1px solid rgba(255,255,255,1);}
.banner .slick-dots li button{background: none;width: 10px;height: 10px;border: 1px solid rgba(255,255,255,0.55);border-radius: 50%;}
.banner .slick-dots li:hover button{ border: 1px solid rgba(255,255,255,1); } 
 
.content{margin: 53px 0 80px;}

.columnTitle{}
.columnTitle h2{font-weight: normal;text-align: center;} 
.columnTitle h2 a{color: #000;font-family: 'MFDianHei';}
.columnTitle h2 a span{display: inline-block;vertical-align: middle;width: 5px;height: 5px;border-radius: 50%;border: 1px solid #0d2c75;margin: 0 10px;} 
 
.mode1{}
.mode1 ul{overflow: hidden;margin: 53px 0 0 ;}
.mode1 ul li{width: 25%;float: left;margin-bottom: 23px;}
.mode1 ul li a{display: block;position: relative;padding-left: 20px;color: #333;transition: all 0.2s ease-in-out;}
.mode1 ul li a:hover{transform: translateX(6px);color: #16398b;}
.mode1 ul li a::before{content: "";display: block;width: 5px;height: 5px;border-radius: 50%;border: 1px solid #0d2c75;position: absolute;left: 0;top: 50%;margin-top: -3px;}
.mode1 .more{text-align: right;color: #16398b;}
.mode1 .more a{color: #16398b;}
.mode1 .more img{display: inline-block;vertical-align: middle;margin-right: 8px;}

.search_1{position: absolute;top: 50%;left: 0;width: 100%;transform: translateY(-40%);}
.search_box{background: rgba(34, 89, 154,0.769);width: 100%;box-sizing: border-box;padding: 45px 75px;}
.search_box .word{border-bottom: 1px solid rgba(255,255,255,0.2);display: flex;padding-bottom: 25px;margin-bottom: 25px;}
.search_box .word span{display: inline-block;color: #fff;}
.search_box .word ul {flex: 1;display: flex;margin-left: 5px;}
.search_box .word ul li {flex: 1;color: #fff;text-align: center;}
.search_box .word ul li a {color: #fff;display: inline-block;width: 1.5em;}
.search_box .word ul li a.active,.search_box .word ul li a:hover {background: #cfa972;}
.search_box .search_con{display: flex;}
.search_box .search_con .search_con_lt{flex: 1;}
.search_box .search_con .search_con_lt .name{display: inline-block;}
.search_box .search_con .search_con_lt .name span{color: #fff;vertical-align: middle;}
.search_box .search_con .search_con_lt .name input{color: #fff;vertical-align: middle;height: 33px;line-height: 33px;background: none;outline: none;border: 1px solid #fff;padding: 0 20px;width: 240px;box-sizing: border-box;}
.search_box .search_con .search_con_lt .name input::-webkit-input-placeholder { color: rgba(255,255,255,0.66); }
.search_box .search_con .search_con_lt .college{display: inline-block;margin-left: 80px;}
.search_box .search_con .search_con_lt .college span{color: #fff;vertical-align: middle;}
.search_box .search_con .search_con_lt .college .divSelect{display: inline-block;vertical-align: middle;}
.search_box .search_con .search_con_rt{} 
.search_box .search_con .search_con_rt a{display: inline-block;margin-left: 20px;} 
.search_box .search_con .search_con_rt .search_btn{width: 78px;height: 35px;text-align: center;line-height: 35px;background-color: rgb(207, 169, 114);border-radius: 5px;color: #fff;} 
.search_box .search_con .search_con_rt .reset{width: 78px;height: 35px;text-align: center;line-height: 35px;background-color: #fff;border-radius: 5px;color: #cfa972;} 



.divSelect{position: relative;width: 240px;height: 33px;border: 1px solid #fff;padding-left: 20px;box-sizing: border-box;} 
.select_mask{width: 10px;height: 8px;display: block;position: absolute;right: 24px;top: 12px;background: url(../images/down.png) no-repeat;transition: all 0.2s ease-in-out;}
.divSelect cite{height: 33px;line-height: 33px;width: 100%;color: #fff;opacity: 0.69;font-style: normal;display: block;cursor: pointer;}
.linkList02{position: absolute;left: 0;top: 33px;z-index: 5000;background-color: #fff;width: 100%;max-height:500px;overflow-y: auto;display: none;box-shadow: 5px 9px 10px rgba(0,0,0,0.15);}
.linkList02 li{padding:8px;font-size: 14px;text-align: center;line-height: 1.2;}
.linkList02 li:hover{background-color: #f1f1f1;}
.linkList02 li a{display: block;} 
.divSelect.active .select_mask{transform: rotate(-180deg);}

@media screen and (max-width:1600px) { 
  /* .search_box{bottom: 100px;} */
}
@media screen and (max-width:1240px) { 
  
}
@media screen and (max-width:1220px){
  
}
@media screen and (max-width:1200px){
  .search_box{padding: 30px;background: rgba(34, 89, 154,1);}
  .search_box .search_con .search_con_lt .college{margin-left: 30px;}
}
@media screen and (max-width:1180px){
  
}
@media screen and (max-width:1140px){ 
  
}
@media screen and (max-width:1060px) {
  
}
@media screen and (max-width:996px) {  
  .banner .slick-dots{bottom: 20px;}
  .banner .slick-dots li button{margin: 0 10px;}
  .search_1{position: relative;transform: translateY(0);margin-top: 20px;}
  /* .search_box .word{display: block;} */
  .search_box .word ul{display: inline-block;}
  .search_box .word ul li{display: inline-block;}
  .search_box .search_con{display: block;}
  .search_box .search_con .search_con_lt{margin-bottom: 20px;}
  .content{margin: 30px 0 50px;}
  .mode1 ul{margin-top: 25px;}
  .mode1 ul li{width: 33.3%;}
}
@media screen and (max-width:768px) {
  .banner .slick-dots{bottom: 10px;}
  .search_box .search_con .search_con_lt .name{display: block;margin-bottom: 15px;}
  .search_box .search_con .search_con_lt .college{display: block;margin-left: 0;margin-bottom: 15px;}

  .content{margin: 20px 0 30px;}
  .mode1 ul{margin-top: 15px;}
}
@media screen and (max-width:540px) { 
    
  .mode1 ul li{width: 50%;}
}
@media screen and (max-width:479px) {
   
  .search_box .search_con .search_con_lt .name input{width: 188px;}
  .search_box .search_con .search_con_lt .college .divSelect{width: 188px;}
}