@charset "utf-8";
/* 首页header */
.header{position: relative;overflow: hidden;}
.header>.container{position: relative;padding-bottom: 20%;padding-top:20px;}
.header .header-logo{float:left;width: 50%;position:relative;z-index: 3;}
.header .header-toolbar{position: absolute;right: -30px; top: 71px;z-index: 3;}
.header .header-toolbar dl{color:#fff}
.header .header-toolbar dl a{color:#fff}
.header .header-toolbar dl dt{background: rgb(255 255 255 / 17%);border:1px solid  rgb(255 255 255 / 50%);padding: 10px 20px;border-radius: 50px;display: inline-block;}
.header .header-toolbar dl dt li font{ display: inline-block;padding-right: 5px;padding-left: 10px;}
.header .header-toolbar dl dt li{display: inline-block;}
.header .header-toolbar dl dd{display: inline-block;margin-left: 20px;}
.header .header-toolbar dl dd span img{width: 30px; vertical-align: middle;margin-right: 10px;}
.header .page-logo{display: none;}
.home-header .header .header-toolbar dl dd span.red{display:none;}
.home-header .header .header-toolbar dl dd span.white{display:  block;}

.mainnav{position: relative; z-index: 9; height: 60px; background: #b33636;}
.mainnav li{float: left; position: relative; width: 16.666667%;}
.mainnav li a{display:block; line-height: 60px; font-size: 1.25em; text-align:center;}
.mainnav li h4 span{position: relative; display: inline-block; font-weight: bold; color: #fffcfc;opacity: 0.8;}
/* .mainnav li span:after{content:''; position: absolute; bottom: 1px; left: 0; width: 0; height: 3px; background: #fff; vertical-align: middle; opacity: 0; transition: width .3s;} */
.mainnav li h4 span:after{content:''; position: absolute;opacity: 0;top: 50px;left: 50%;transform: translate(-50%, 0);width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 15px solid #fff;;transition:.3s;z-index: 999;}
.mainnav li:hover span, .mainnav li.on span{color: #fff;opacity: 1;}
.mainnav li:hover span:after, .mainnav li.on span:after{opacity: 1;}	

.page-header{background: #fff;}
.page-header .header>.container{padding-bottom: 50px;}
.page-header .page-logo{display: block;}
.page-header .home-logo{display: none;}
.page-header .header-toolbar dl dt{border: 1px solid #333;color:#333}
.page-header .header .header-toolbar dl dd span.red{display: block;}
.page-header .header .header-toolbar dl dd span.white{display: none;}
.page-header .header .header-toolbar dl a{color:#333}
/* .header.page-header .header-search{ margin-top: 15px;} */

.search-box{position: absolute;z-index: 1;right: 28%;top: 0;z-index: 999}
.header .header-search{margin: auto; margin-top: 65px;; padding:0 100px 0 0; position: relative; box-shadow:0 0 10px 2px rgba(22,70,116,.2); border-radius: 5px; overflow: hidden;}
.header .header-search-txt{width:100%; padding: 0 20px 0 75px; height:52px; line-height:52px; border:0px; color: #000; background:  no-repeat 18px center rgb(255,255,255,0.65); background-size: 24px; border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px;}
.header .header-search-btn{ position:absolute; top: 0; right: 0; width:100px; height:56px; font-size: 1.125em; color: #fff; border:0; cursor:pointer; background:#af3a3e; border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; -webkit-appearance:none; transition: all .3s; -webkit-transition: all .3s;}
.header .header-search-btn:hover{filter:alpha(opacity=85); -moz-opacity: 0.85; opacity:0.85;}

/*手机右侧导航 */
.m-navigation{position:fixed;right: 20px;top: 50%;z-index: 99}
.m-navigation li {margin-bottom: 20px}
.m-navigation li a{background: rgb(212 106 106 / 80%);width: 60px;height: 60px;display: block;text-align: center;border-radius: 50%}
.m-navigation li a img{width: 24px;margin-top:6px}
.m-navigation li a span{display: block;color:#fff;font-size: 12px;}
/*responsive*/

    .header{overflow: unset;}
		.nav-wp2{z-index:96;position:relative;}
		.nav-wp2 .nav-itm{position:relative}
		.nav-wp2 .nav-itm .nav-name a{display:block;font-size:16px;transition:color .3s}
		.nav-wp2 .nav-itm .nav-name a:hover{color:red}
		.nav-wp2 .active .nav-name a{color:red}
		.nav-wp2 .scd-list{display:none;position:absolute;top:99%;left:50%;width:75%;;box-sizing: border-box;border: 2px solid #60a3e8;z-index: 10;transform: translate(-50%, 0px);}
		.nav-wp2 .scd-wp{position:relative;text-align:center;width:100%;height: 50px;}
		.nav-wp2 .scd-wp .scd-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity: 1;height: 50px;}
		.nav-wp2 .scd-wp a{position:relative;display:block;padding:3px 0;border-bottom:1px solid #e0e0e0;color:#3f3f3f;font-size:16px;background-color:transparent;transition:color,background-color .2s;height: 50px;box-sizing: border-box;line-height: 50px;width: 80%;margin: 0 auto;}
		/* .nav-wp2 .scd-wp a:hover{color:#ff0;background-color:#a6181e} */
    .search-box .search_main{width: 370px;}


@media (max-width: 1500px) {
	.search-box{width:315px}
	.search-box .search_main { width: 386px;}
}
@media (max-width: 1280px) {
	.search-box{right: 20%;}
	.header-search{max-width: 100%;width: 620px;}
	.header-search, .header-search-txt{box-sizing:border-box; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;}
	.header-search-txt{width: 100%; height: 56px;}
	.header .header-logo{width: 50%;}
	.header .header-toolbar{display: none;}
	.header .header-search{float: right;width: 80%;}
	/* .search-box{right: 0;} */
}

@media (max-width: 1023px) {
	.header-toolbar .wza, .header-toolbar .zz{display: none;}
	.mainnav li a{line-height: 64px;}
}

@media (max-width: 991px) {
	.home-header{padding-bottom: 15px;}
	.header .header-logo{width: 100%;float: none;margin: auto;text-align: center;}
	.header .header-search{width: 70%;margin: auto; float: none;}
	.search-box{position: initial;margin: 20px 0;width: 100%;right: 0}
	.header>.container{padding-bottom: 15%;padding-top: 20px;}
	.page-header .header>.container{padding-bottom: 30px;}
	.home-gcbl.tab-brief > .hd ul{float: left}
	.com-slide-content{display: none}
	.ban-swiper .pagination-wrap{right: 50%;transform: translate(50%, 10px);}
	.search-box .search_main{width: auto}
}

@media (max-width: 860px) {

}


/* xs mobile*/
@media (max-width: 768px) {
	.header-banner .place{padding-top: 50%;}
	.mainnav .container{padding-left: 0; padding-right: 0;}
	.mainnav{padding:12px 0; height: auto;}
	.mainnav li{width: 33.333333%; position:relative;}
	.mainnav li:after{content:""; width:1px; height:16px; background:#fff; position:absolute; top:50%; margin-top:-8px; right:0; filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2;}
	.mainnav li a{ overflow: hidden; padding:4px 0; height: auto; line-height:30px; font-size: 1.125em;}
	.mainnav li:nth-child(3):after, .mainnav li:nth-child(6):after{display:none;}
	.mainnav li:hover span:after, .mainnav li.on span:after{display: none;}
	/* .mainnav li.nav1{height:68px;} */
	/* .mainnav li.nav1 a{padding:0; line-height:68px;} */
	.m-navigation.none{display: block}
}

@media (max-width: 767px) and (min-width: 375px) {
	.mainnav li.nav1 a:before{content: ''; display: inline-block; width: 18px; height: 18px; background: url(/uploads/image/2images/mainnav_icon_index.png) no-repeat; vertical-align: middle; margin: 0 10px 0 0; opacity: 0.7;}
	.mainnav li.nav1.on a:before{opacity: 1;}
}


@media (max-width: 640px) {
	.header-logo img{max-width: 81%;margin: auto}
	.header-search{width: 100%;}
	.search-box .search_main{width: 100%!important}
	.ban-swiper .pagination-wrap{bottom:25%}
	.ban-swiper .pagination .swiper-pagination-switch{width: 14px;height: 14px}
	.search-box{    margin: 20px auto;}
	.header .header-search{width: 100%}
	.infolist li{padding-top: 0px;}
}


@media (max-width: 480px) {
	.header .header-search-txt{height: 40px; line-height: 40px; border: 0; background: #fff; padding:0 0 0 15px;}
	.header .header-search-btn{width: 60px; height: 40px; }
	.header .header-search:after{right: 60px; left: auto;}
	.mainnav li a{font-size: 16px;}
	.header .header-search{width: 95%;}
	.ban-swiper .swiper-wrapper .swiper-slide a img{height: 260px;object-fit: cover}
	.header>.container{padding-bottom: 45%;}

	
}

@media (max-width: 414px) {
	.header-toolbar li.ipv6{padding-left: 0;}
	.header-toolbar li.ipv6:after{display: none;}

}

@media (max-width: 375px) {
	.header-toolbar{height: 30px; line-height: 30px; font-size: 12px;}
	.header-toolbar li{height: 30px;}
	.header-toolbar li.ipv6 img{height: 16px; margin-top: 7px;}
	.header-logo{padding-bottom: 28px; padding-top: 5px;}
	.mainnav li span{font-weight: normal;}
	
}


@media (max-width: 320px) {
	.mainnav li a{font-size: 15px;}
}