.bd>.c{ display: none;transition: all .3s}
.bd>.on{ display: block}
input::-webkit-search-cancel-button{
display: none;
} 
input[type=search]::-ms-clear{
display: none;
} 

.header-box{ height: 350px}
.header{ background: url(../jpg/ckbql7.jpg) center top;background-size: cover;padding-top: 10px;overflow: hidden;width: 100%;height: 350px}
.header.fixed{ position: fixed;top: -277px;left: 0;z-index: 999999;box-shadow: 0 0 10px 0 #ccc;background: #fff}
.header.fixed .logo{ margin-bottom: 10px}
.header.fixed .nav-box .nav{ padding-top: 24px}
.header.fixed .navsub{ position: fixed}
.header.fixed .advanced-box{ position: fixed}

.header .topbar{ overflow: hidden;color: #005293;line-height: 26px;height: 26px}
.header .topbar a{ color: #005293}
.header .topbar .userInfo{ display: none}
.header .topbar .ipv{ border: 1px solid #005293;border-radius: 15px;padding: 0 10px;margin-left: 10px}

.header .logo{ text-align: center;width: 443px;margin: 16px auto 0;height: 215px}

.header .nav-box{ height: 72px;position: relative}
.header .nav-box .nav{ width: 85.5%;padding-top: 30px;height: 72px}
.header .nav-box .nav a{ font-size: 133.33%;color: #005293;font-weight: 700;position: relative}
.header .nav-box .nav a:hover{ color: #a81010}
.header .nav-box .nav .on a{ color: #a81010}
.header .nav-box .nav .on a:after{ content: "";position: absolute;width: 100%;height: 6px;background-color: #a81010;left: 0;bottom: -15px}
.header .nav-box .search-box{ position: absolute;width: 22%;top: 0;left: 89%;height: 72px;z-index: 2}
.header .nav-box .search-box:before{ content: "";position: absolute;width: 24px;height: 100%;background: url(../png/kn0cfc.png) no-repeat right bottom;left: -24px;top: 0}
.header .nav-box .search-box:after{ content: "";position: absolute;background-color: #fff;width: 500%;height: 100%;transform: skewX(-18deg);z-index: 1;top: 23px;left: 20px}
.header .nav-box .search-box .bg{ position: absolute;background-color: #BD1A2D;width: 500%;height: 100%;top: 0;left: 0;z-index: 2}
.header .nav-box .search-box form{ position: relative;z-index: 5;padding-top: 13px}
.header .nav-box .search-box form input{ width: 100%;background: #980b0c url(../png/5dmik5.png) no-repeat 7%;color: #fff;font-size: 88.88%;height: 50px;line-height: 50px;border-radius: 29px;padding: 0 50px 0 18%}
.header .nav-box .search-box form input::-moz-placeholder{ color: #fff}
.header .nav-box .search-box form input::placeholder{ color: #fff}
.header .nav-box .search-box form button{ position: absolute;width: 58px;height: 58px;top: 7px;right: 0;border-radius: 50%;cursor: pointer;background: 0 0}
.header .nav-box .search-box .advanced{ position: absolute;top: 50%;margin-top: -8px;right: -100px;z-index: 4;color: #fff;cursor: pointer}

.navsub{ height: auto;position: absolute;left: 0;background-color: #2162a2;width: 100%;z-index: 100;padding-bottom: 30px;display: none}
.navsub a{ color: #fff}
.navsub a:hover{ opacity: .8}
.navsub dl{ margin-top: 30px}
.navsub dt{ font-size: 18px;margin-bottom: 20px}
.navsub dd{ font-size: 14px;line-height: 30px}

.advanced-box{ position: absolute;left: 0;background-color: #2162a2;width: 100%;z-index: 100;overflow: hidden;box-shadow: 0 0 10px 0 #999;display: none}
.advanced-box .container{ position: relative;padding-bottom: 50px}
.advanced-box .searchbox{ width: 72%;text-align: center;color: #fff;padding-bottom: 30px}
.advanced-box .searchbox a{ color: #fff}
.advanced-box .searchbox .type{ padding-top: 60px}
.advanced-box .searchbox .type li{ display: inline-block;cursor: pointer;font-size: 111.1111%}
.advanced-box .searchbox .type li.on{ font-weight: 700}
.advanced-box .searchbox form{ position: relative;width: 654px;margin: 30px auto 0}
.advanced-box .searchbox form .dropdown{ position: absolute;left: 0;top: 8px;z-index: 555555;cursor: pointer;color: #333;width: 80px}
.advanced-box .searchbox form .dropdown a{ color: #333}
.advanced-box .searchbox form .dropdown .butn{ display: block;line-height: 35px;height: 35px;border-right: 1px solid #e8e8e8;position: relative;padding: 0 20px 0 0;box-sizing: border-box}
.advanced-box .searchbox form .dropdown .butn:after{ content: "";position: absolute;width: 0;height: 0;border-left: 6px solid transparent;border-top: 6px solid grey;border-right: 6px solid transparent}
.advanced-box .searchbox form .dropdown .butn:after{ right: 10px;top: 50%;margin-top: -3px}
.advanced-box .searchbox form .dropdown .dropdown-menu{ display: none;background-color: #fff;box-shadow: 0 0 10px 0 #ddd;padding: 5px 0;top: 99%;max-height: none;overflow: visible}
.advanced-box .searchbox form .dropdown .dropdown-menu li{ font-size: 14px;line-height: 26px;text-align: left;padding-left: 15px}
.advanced-box .searchbox form .dropdown .dropdown-menu li:hover{ background-color: #eee}
.advanced-box .searchbox form input{ width: 100%;line-height: 52px;height: 52px;border-radius: 4px;padding: 0 10px 0 90px;background: #fff url(../png/ukci97.png) no-repeat 97%}
.advanced-box .searchbox form button{ position: absolute;top: 0;right: -150px;width: 144px;height: 52px;line-height: 52px;color: #fff;background-color: #b70000;padding-left: 2%;text-align: center;box-shadow: none;border: none;cursor: pointer}
.advanced-box .searchbox .hotword{ margin-top: 25px;font-size: 88.888888%}
.advanced-box .searchbox .hotword a{ display: inline-block;margin-right: 5px}
.advanced-box .ovh{ overflow: hidden}
.advanced-box .tab{ margin-top: 55px}
.advanced-box .tab .hd{ font-size: 111.1111%}
.advanced-box .tab .hd span{ cursor: pointer}
.advanced-box .tab .hd .on{ font-weight: 700}
.advanced-box .tab .bd{ width: 560px;margin: 25px auto 0}
.advanced-box .tab .bd .c{ position: relative;font-size: 88.88888%}
.advanced-box .tab .bd .swiper-wrapper{ display: flex}
.advanced-box .tab .bd .swiper-slide a{ display: block;padding: 0 8px}
.advanced-box .tab .bd .arrow-left{ position: absolute;width: 15px;height: 17px;left: -12px;top: 2.5px;cursor: pointer;z-index: 33}
.advanced-box .tab .bd .arrow-left:after{ content: "";position: absolute;width: 0;height: 0;border-top: 7px solid transparent;border-right: 7px solid #fff;border-bottom: 7px solid transparent}
.advanced-box .tab .bd .arrow-left:after{ left: 0}
.advanced-box .tab .bd .arrow-right{ position: absolute;width: 15px;height: 17px;right: -12px;top: 2.5px;cursor: pointer;z-index: 33}
.advanced-box .tab .bd .arrow-right:after{ content: "";position: absolute;width: 0;height: 0;border-top: 7px solid transparent;border-left: 7px solid #fff;border-bottom: 7px solid transparent}
.advanced-box .tab .bd .arrow-right:after{ right: 0}
.advanced-box .ranking{ position: absolute;width: 20%;left: 87.25%;top: 0;z-index: 1;height: 100%}
.advanced-box .ranking .bg{ background-color: #fff;position: absolute;z-index: 1;width: 1000%;height: 100%}
.advanced-box .ranking .content{ position: relative;z-index: 5;padding-top: 15px}
.advanced-box .ranking h5{ padding-left: 40px;font-size: 88.8888%;line-height: 40px;width: 1000%;margin-top: 5px;cursor: pointer}
.advanced-box .ranking h5.on{ background-color: #2162a2;color: #fff}
.advanced-box .ranking h3{ font-size: 100%;margin: 15px 0 0 40px}
.advanced-box .ranking h3:before{ display: none}
.advanced-box .ranking ul{ padding-left: 40px;margin-top: 10px}
.advanced-box .ranking ul li{ line-height: 32px;padding-left: 28px;position: relative}
.advanced-box .ranking ul li .layui-badge{ vertical-align: middle;position: absolute;top: 50%;left: 0;margin-top: -9px;line-height: 18px}
.advanced-box .ranking ul li a{ overflow: hidden;display: block;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis}

.advanced-box .ranking ul li span{transition: all .3s;}
.advanced-box .ranking ul li,
.advanced-box .ranking h5:after,
.advanced-box .ranking ul li:after{
  transition: all .8s cubic-bezier(.7,.5,.2,1);
  -webkit-transition: all .8s cubic-bezier(.7,.5,.2,1);
  -o-transition: all .8s cubic-bezier(.7,.5,.2,1);
  -moz-transition: all .8s cubic-bezier(.7,.5,.2,1);
  -ms-transition: all .8s cubic-bezier(.7,.5,.2,1);
}
.advanced-box .ranking h5,
.advanced-box .ranking ul li{position: relative;}
.advanced-box .ranking h5:after,
.advanced-box .ranking ul li:after{ content:""; content: "";width: 0;height: 100%;background: #e6ecf5;position: absolute;top: 0;left: 0;z-index: -1;}
.advanced-box .ranking h5:hover:after,
.advanced-box .ranking ul li:hover:after{width: 100%;}
.advanced-box .ranking ul li:hover{padding: 0 5px 0 38px;}
.advanced-box .ranking ul li:hover span{left: 10px;}

.lt10 .shrink{ display: none!important}

.ovh .swiper-slide{width: auto;}


@media (max-width:1600px){ 
  .header .nav-box .nav{  width: 77% }
  .header .nav-box .search-box{  left: 80% }

  .advanced-box .searchbox{  width: 80% }
  .advanced-box .searchbox form{  width: 530px }
  .advanced-box .ranking{  left: 78.2% }
}

@media (max-width:1440px){ 
  .header .nav-box .nav{  width: 73% }
  .header .nav-box .search-box{  left: 76% }

  .advanced-box .searchbox{  width: 74% }
  .advanced-box .searchbox form{  width: 530px }
  .advanced-box .ranking{  left: 74.2% }
}

@media (max-width:1280px){ 
  .header .nav-box .nav{  width: 69% }
  .header .nav-box .search-box{  left: 72%;width: 28% }
  .header .nav-box .search-box form{  width: 72% }
  .header .nav-box .search-box .advanced{  right: 0 }

  .advanced-box .ranking{  left: 70.2% }
}

@media (max-width:1100px) and (min-width:991px){ 
  .header .nav-box .nav{  width: 65% }
  .header .nav-box .nav a{  font-size: 111% }
  .header .nav-box .search-box{  left: 68%;width: 32% }
  .header .nav-box .search-box form{  width: 68% }
  .header .nav-box .search-box form button{  right: -10px }
  .header .nav-box .search-box .advanced{  right: 0 }
}

@media (max-width:991px){ 
  .header-box{  height: auto }
  .header{  padding-top: 5px;height: auto;overflow: visible;background: url(../png/s736gb.png) no-repeat;background-size: cover }
  .header .logo{margin-top: 30px;height: auto;max-width: 90%;width: auto; }
  .header .logo .m_logo{display: block;max-height: 160px;margin: 0 auto;max-width: 100%;}
  .header .topbar{  height: auto }
  .header .topbar .flex{  align-items: center }
  .header .topbar .left{  padding-top: 0 }
  .header .shrink{  width: 32px;position: relative;cursor: pointer; }
  .header .m-nav-box{  position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;display: none }
  .header .m-nav-box .bg{  position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1 }
  .header .m-nav-box .m-nav{  position: absolute;right: 0;top: 0;background-color: #005293;padding: 10px 50px;font-size: 16px;height: 100%;z-index: 2;color: #fff }
  .header .m-nav-box .m-nav a{  color: #fff }
  .header .m-nav-box .m-nav li a{  line-height: 44px }
  .header .m-nav-box .login-box a{  display: block;width: 116px;line-height: 32px;border: 1px solid #6a93da;border-radius: 16px;text-align: center;margin-top: 24px }
  .header .m-nav-box .login-box a:first-child{  background-color: #0468ba }
  .advanced-box{  display: block;background: 0 0;box-shadow: none;position: relative;overflow: visible }
  .advanced-box .searchbox{  width: 80%;margin: auto }
  .advanced-box .searchbox form{  width: auto;margin-top: 34px;font-size: 18px; }
  .advanced-box .searchbox form .dropdown{  left: 0;top: 0; }
  .advanced-box .searchbox form .dropdown .butn{  line-height: 48px;height: 48px;width: 94px;padding: 0 30px 0 20px;text-align: left; }
  .advanced-box .searchbox form .dropdown .butn::after{  border-width: 5px;right: 20px }
  .advanced-box .searchbox form .dropdown .dropdown-menu li{  line-height: 44px;font-size: .875em; }
  .advanced-box .searchbox form input{  background: #fff;line-height: 48px;height: 48px;padding: 0 100px 0 114px; color: #333;}
  .advanced-box .searchbox form button{right: 0;width: 80px;height: 48px;line-height: 48px;padding-left: 0;border-radius: 0 4px 4px 0;background: linear-gradient(131.04deg,#93ccfa 0,#57b3ff 100%); }
}

@media (max-width:768px){
  .advanced-box .searchbox form{font-size: 17px;}
}

@media (max-width:640px){
  .advanced-box .searchbox form{font-size: 16px;}
}

@media (max-width:580px){
  .advanced-box .searchbox{width: 95%;}
}
.shu{display: none;}
	@media screen and (max-width:991px){
	.topbar .right{display: block !important;}
	.shu{display: none;}
	#StranLink{display: none;}
	.loginbox{display: none;}
	.ipv{display: none;}
	.shu1{display: none;}
	}