@charset "utf-8";
/* header */
.qft-mobile{display: none;}
.header{background: url(../images/public/header_bg.png) no-repeat center top #fff; background-size: 1920px auto;}
.header .hdbanner{display: none;position: absolute;top: 0;left: 0;width: 100%;height: 510px;}
.header .hdbanner img{width: 100%;height: 100%;}
.header > .container{position: relative; height: auto;padding-bottom: 77px;z-index: 2;}
.header, .header a{color: #575757;}
.header-toolbar{line-height: 30px;padding-top: 16px;}
.header-toolbar a:hover{font-weight: bold;}
.header-toolbar li{position: relative;padding-left: 16px;float: left;top: 0;right: 0;}
.header-toolbar li.split:after{position: absolute; left: 0; top: 50%; margin-top: -6px; content:''; width: 1px; height:14px; background: #575757;}
.header-toolbar li.split{margin-left: 15px;}
.header-toolbar .pullDown .pullDown{position: relative;}
.header-toolbar .pullDown .drop{position:absolute; top:39px; left:50%; transform: translateX(-50%); padding-top: 7px; z-index:9; display:none;}
.header-toolbar .pullDown.ewm .drop{width: 120px;}
.header-toolbar .pullDown.menu .drop{width: 100px;}
.header-toolbar .pullDown.ewm .drop:after{content:''; width:0; height:0; overflow:hidden; border:7px solid transparent; border-bottom-color:rgba(0,0,0,0.4); -webkit-border-bottom-color:rgba(0,0,0,0.4); position:absolute; left:50%; top:-7px; margin-left:-7px;}
.header-toolbar .pullDown.menu .drop:after{content:''; width:0; height:0; overflow:hidden; border:8px solid transparent; border-bottom-color:#fff; position:absolute; left:50%; top:-7px; margin-left:-8px;}
.header-toolbar .pullDown.ewm .drop dt{padding:10px; background: rgba(0,0,0,0.4); -webkit-background: rgba(0,0,0,0.4); border-radius: 8px; overflow: hidden;}
.header-toolbar .pullDown.ewm .drop dt img{display:block; margin:0 auto; width:100%; background: #fff; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
.header-toolbar .pullDown.ewm .drop dt span{display:block; text-align:center; color:#fff; padding-top:5px; line-height:18px; font-size:12px;}
.header-toolbar .pullDown.menu .drop dl{ color:#fff; line-height:18px; border-radius: 4px; padding:0 10px; background: #fff; box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%); font-size: 15px;}
.header-toolbar .pullDown.menu .drop dl dd{padding: 12px 0; border-bottom:1px solid rgba(0,0,0,0.1);}
.header-toolbar .pullDown.menu .drop dl dd:last-child{border-bottom: none;}
.header-toolbar .pullDown.menu .drop dl a{color: #689EE3;}
.header-toolbar .pullDown.menu .drop dl a:hover{color: #1A56A3}
.header-toolbar li:hover .drop{display: block;}
.header-toolbar-l li:first-child{padding-left: 0;}
.header-toolbar .conspicuous{display: inline-block; line-height: 24px; background: #FF5757; color: #fff; padding: 0 12px; border-radius: 999px;}
.header-toolbar .conspicuous:hover{color: #fff; font-weight: bold;}
.header-toolbar .color-white,
.header-toolbar .color-white a{color: #fff;}
.header-toolbar .ipv6 span{display: inline-block; line-height: 24px;box-sizing: border-box; color: #fff; padding: 0 10px; border-radius: 12px;background-color: rgba(6, 100, 207, 1);}

.header-logo{margin-top: 33px;margin-bottom: 16px;float: left;}
.header-logo .img1{height: 86px;}
.header-logo .img2,.header-logo .img3{display: none;}

.header-search{float: right;margin-top: 40px;width: 646px;height: 58px;background-color: #fff;border-radius: 6px;}
.header-search-padding{position: relative;width: 100%;height: 100%;}
.header-search-txt{width:100%;height: 100%; box-sizing: border-box; padding: 0 20px; border:0;  font-size: 1em;padding-right: 180px;border-radius: 6px;}
.header-search-btn-box{height: 100%;position:absolute; z-index: 1; top: 0; right: 0;}
.header-search-btn-box img{display: none;}
.header-search-btn-box > * {float: left;}
.header-search-icon{padding-top: 5px;cursor: pointer;}
.header-search-btn-box .line{display: none;height: 100%;width: 1px;background-color: rgba(217, 217, 217, 1);margin: 0 15px;}
.header-search-btn{cursor: pointer;vertical-align: middle; width: 90px;height: 100%;font-size: 0; border:0; cursor:pointer; color: #fff;background: #236CC2 url(../images/public/icon_ss_blue.png) no-repeat center center;border-radius: 0 6px 6px 0; -webkit-appearance:none; transition: all .3s; -webkit-transition: all .3s;}
.header-search-txt::-webkit-input-placeholder{color: #999999;}

.mainnav{position: relative;z-index: 9;height: 64px;background: rgba(35, 108, 194, 1);overflow: hidden;}
.mainnav li{float: left;position: relative;width: 17%;}
.mainnav li.nav1{width: 15%;}
.mainnav li a{display:block; position: relative; height: 100%; line-height: 64px; font-size: 22px; text-align:center; color: #fff; transition-property: background-color; transition-duration: .3s; position: relative; text-align: center; font-weight: bold;}
.mainnav li.on a{ font-size: 28px;}

.mainnav li:not(.on) a:hover{background: rgba(74, 155, 247, 0.3);}
.mainnav li a span{display: block; }
.mainnav ul li:not(:last-child)::after{content: "";display: inline-block;width: 1px;height: 20px;background-color: #fff;opacity: 0.6; position: absolute;right: 0;top: 50%;transform: translate(50%,-50%);}
/* 移动端导航 */
.menubtn{width: 26px;height: 58px;position: absolute;top: 0;right: 10px;z-index: 999999;float: right;cursor: pointer;display: none;transition: 0.4s;cursor: pointer;}
.menubtn.on{position:fixed;}
.menubtn span{ margin-top: 28px; display:block; width:15px; height:2px; background:#205BB8; position:relative; vertical-align: middle; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s;}
.menubtn span:after,
.menubtn span:before { content: ""; position: absolute; display: inline-block; width: 26px; height: 2px; left: 0;
 background-color: #205BB8; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}
.menubtn span:before {top: -8px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.menubtn span:after {bottom: -8px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.menubtn.on span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s;}
.menubtn.on span:after,.menubtn.on span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s;background: #fff;}
.menubtn.on span:before {top: 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menubtn.on span:after {bottom:0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}

/** 动画 **/
.search-anim{-webkit-animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-duration: 0.3s; animation-fill-mode: both;}
.search-anim-upbit{-webkit-animation-name: search-upbit; animation-name: search-upbit;}
/* 微微往上滑入 */
@-webkit-keyframes search-upbit{
  from {-webkit-transform: translate3d(0, 15px, 0); opacity: 0.3;}
  to {-webkit-transform: translate3d(0, 0, 0);  opacity: 1;}
}
@keyframes search-upbit{
  from {transform: translate3d(0, 15px, 0);  opacity: 0.3;}
  to {transform: translate3d(0, 0, 0);  opacity: 1;}
}

/*responsive*/
@media (max-width: 1500px) {
	
}
@media (max-width: 1280px) {
	/* body:not(.nores) .header > .container{height: auto;} */

	body:not(.nores) .header-search{width: 100%;}
	/* body:not(.nores) .header-search{position: relative; top: auto; right: auto; width: 100%; max-width: 640px; margin: 0 auto 50px; border-radius: 25px; padding-right: 50px; padding-left: 20px;}
	body:not(.nores) .header-search-txt{height: 50px; line-height: 50px;}
	body:not(.nores) .header-search-btn{height: 50px; width: 50px;} */
	body:not(.nores) .mainnav li a{font-size: 1.25em;}

    .menubtn{display: block;}
}


@media (max-width: 992px) {
	body:not(.nores) .header-toolbar li.wza{/* display: none; */}
	body:not(.nores) .header-toolbar-l{display: none;}
	.header-logo{padding-top: 20px;}
	/* body:not(.nores) .mainnav .container{padding-left: 0; padding-right: 0;}
	body:not(.nores) .mainnav{padding:12px 0; height: auto;}
	body:not(.nores) .mainnav li{width: 33%;position:relative;}
	.mainnav ul li::after{content: "";display: inline-block;width: 1px;height: 20px;background-color: #fff;opacity: 0.6; position: absolute;right: 0;top: 50%;transform: translate(50%,-50%);}
	body:not(.nores) .mainnav li a{overflow: hidden; padding:4px 0 !important; height: auto; line-height:30px; }
	body:not(.nores) .mainnav li:nth-child(3):after, body:not(.nores) .mainnav li:nth-child(6):after{display:none;}
	body:not(.nores) .mainnav li a:hover, body:not(.nores) .mainnav li.on a{background: none; margin-top: 0;} */
	.header-toolbar-r{padding-right: 30px;}
	.mainnav ul li:not(:last-child)::after{display: none;}
	body:not(.nores) .mainnav{position: fixed;margin-top: 0;top: 0;right: -200px;width: 200px;height: 100%;z-index: 999;padding-top: 40px;transition: all .5s;background: #385AAF;}
    body:not(.nores) .mainnav .container{width:100% !important;}
	body:not(.nores) .mainnav.on{right: 0;}
    body:not(.nores) .mainnav li{width: 100%;font-size: 18px;font-weight: normal;/* padding-left: 40px; */text-align: left;}
    body:not(.nores) .mainnav li.on a::after{display: none;}
    body:not(.nores) .mainnav li a{color: #fff;}
    body:not(.nores) .mainnav ul{padding: 0;position: relative;z-index: 9999;}
	/* body:not(.nores) .mainnav li.nav1{width: 16%; height:76px;}
	body:not(.nores) .mainnav li.nav1 a{padding:0; line-height:76px;}
	body:not(.nores) .mainnav li.nav1 a{background: #1A56A3; border-radius:0 5px 5px 0;} */

}

@media (max-width: 768px) {
	body:not(.nores) .header-logo .img1{height: auto; width: 548px;}
	body:not(.nores) .header-toolbar li.ipv6{display: none;}
	body:not(.nores) .header-search .hotkey{display: none;}
	body:not(.nores) .header > .container{height: auto;padding-bottom: 0;}
	body:not(.nores) .header-search{margin-bottom: 25px;margin-top: 0;height: 48px;}

	/* body:not(.nores) .mainnav li a{font-size: 1.125em;} */

	body:not(.nores) .header-search .hd li.snr a{width: 108px; margin-left: -9px;}
	body:not(.nores) .header-search .hd li.sfw a{width: 108px;}
	body:not(.nores) .header-search-select{width: 80px;}
	body:not(.nores) .header-search-select input{padding-left: 5px; height: 42px;}
	body:not(.nores) .header-search-select dl dt, .header-search-select dl dd{padding-left: 13px; padding-right: 13px;}
	body:not(.nores) .header-search-select dl{top: 55px;}
	body:not(.nores) .header-search-form{padding-left: 12px; padding-right: 42px; height: 42px;}
	body:not(.nores) .header-search-txt{background: none;padding-left: 0;line-height: 34px;padding-left: 20px;padding-right: 100px;}
	/* body:not(.nores) .header-search-btn{width: 42px; height: 42px; padding: 0; background: url(../images/public/icon_ss_blue.png) no-repeat center center / 22px 22px; font-size: 0;} */
}

@media (max-width: 480px) {
	body:not(.nores) .header-logo{padding-top: 0;margin-bottom: 20px;margin-top: 10px;}
	body:not(.nores) .header-logo img{transform:scale(0.9); }
	/* body:not(.nores) .header-toolbar .conspicuous{background: none; padding: 0;} */
	/* body:not(.nores) .mainnav li a{font-weight: normal;}
	body:not(.nores) .mainnav li:after{opacity: 0.2;} */
	.header, .header a{color: black;}
	.header-toolbar li.split{margin-left: 7px;}
	.header-toolbar li{padding-left: 10px;}
}

@media (max-width: 360px) {
	/* body:not(.nores) .mainnav li a{font-size: 1em;} */
}