@charset "utf-8";
/* header */
.header{background-color: #fff;padding: 40px 0; position: relative;}
.header > .container{position: relative;}
.header-toolbar{height: 46px; line-height: 46px; color: #0953ae; float: right;margin-top: 37px}
.header-toolbar a{color: #666666;}
.header-toolbar a:hover{text-decoration: underline;}
.header-toolbar li{position: relative; height: 46px; padding-left: 16px; float: left;}
.header-toolbar li + li:after{position: absolute; left: 0; top: 50%; margin-top: -7px; content:''; width: 1px; height:14px; background: #666666; opacity: .46;}
.header-toolbar li + li{margin-left: 15px;}
.header-toolbar li:hover .drop{display: block;}
.header-toolbar-r li:last-child{margin-right: 0;}
.header-toolbar li.bg{border-radius: 3px; margin-left: 25px; width: 70px; height: 50px;background: #F0F7FF;border:1px solid #BED4EB;text-align: center;padding-left: 0px;}
.header-toolbar li.bg a{color:#15386e}
.header-toolbar li.bg::after{content:initial;}
.header-toolbar li.icon a{position: relative; padding-left: 22px;}
.header-toolbar li.icon a:before{content: ''; position: absolute; left: 0; top: 50%; margin-top: -10px; width: 16px; height: 21px; background-repeat: no-repeat;}
.header-toolbar li.wza a:before{background-image: url(../images/header_icon_wza.png);}
.header-toolbar li.ipv6 img{display: block; margin-top: 13px;}
.header-toolbar li.zz a:before{background-image: url(../images/header_icon_zz.png);}
.drop{position:absolute; top:39px; left:50%; margin-left:-60px; width:120px; padding-top: 7px; display:none; z-index:999;}
.drop:before{content:''; width:0; height:0; overflow:hidden; border:7px solid transparent; border-bottom-color:rgba(0,0,0,0.4);; position:absolute; left:50%; top:-7px; margin-left:-7px;}
.drop dt{padding:10px; background: rgba(0,0,0,0.4); border-radius: 8px; overflow: hidden;}
.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;}
.drop dt span{display:block; text-align:center; color:#fff; padding-top:5px; line-height:18px; font-size:12px;}
.header-toolbar li:hover .drop,.drawer-menu li:hover .drop{display: block;}

.header-logo{float: left;width: 45.5%;}
.header-logo img{display: block; margin: 0 auto; }

.header-search-box{position: absolute;width: 100%;bottom: -52px}
.header-search{position: relative;  z-index: 99; float: right; width: 170px; box-shadow:0 0 10px 2px rgb(45 161 134 / 17%);  border:#aecbe7 1px solid; background: #fff; border-radius:50px; overflow: hidden;}
.header-search-txt{width:115px; padding: 0 20px 0 15px; height:40px; line-height:40px;border:0;  color: #4675bd;border-radius: 50px;  }
.header-search-btn{background: url(../images/header_icon_search.png) no-repeat center #2DA186;  background-size: 50%;  position:absolute; top: 0; right: 0; width:40px; height:40px; font-size: 1.125em; border:0; cursor:pointer; border-radius:50%;  transition: all .3s; -webkit-transition: all .3s;}
.header-search-btn:hover{filter:alpha(opacity=85); -moz-opacity: 0.85; opacity:0.85;}

.openDrawer .mainnav{position:initial;}
.mainnav{position: relative; z-index: 9; height: 60px; background: #fff;border-top:1px solid #9DB0C9; border-bottom: 4px solid #05713d;}
.mainnav li{float: left; position: relative;margin-right: 4em;width: 10%;}
.mainnav li a{display:inline-block; line-height: 60px; font-size: 1.3em; text-align:center;position: relative;}
.mainnav li span{position: relative; display: inline-block; font-weight: bold; color: #1e2832; transition: .3s;}
.mainnav li a:after{content:''; position: absolute; top: -2px; left: 0; width: 0; height: 4px; background:url(../images/header_nav_bg.png) no-repeat #04614f; vertical-align: middle; opacity: 0; transition: width .3s;}
.mainnav li:hover span, .mainnav li.on span{color: #1e2832;}
.mainnav li:hover a:after, .mainnav li.on a:after{width: 100%; opacity: 1;}
.mainnav li i{display: inline-block;vertical-align: middle; width: 25px; height: 70px;background-size: 100%!important;margin-right: 10px;}
.mainnav li.nav1 i{background: url(../images/header_nav_icon1.png) no-repeat center;}
.mainnav li.nav2 i{background: url(../images/header_nav_icon2.png) no-repeat center;}
.mainnav li.nav3 i{background: url(../images/header_nav_icon3.png) no-repeat center;}
.mainnav li.nav4 i{background: url(../images/header_nav_icon4.png) no-repeat center;}
.mainnav li.nav5 i{background: url(../images/header_nav_icon5.png) no-repeat center;}
.mainnav li.nav6 i{background: url(../images/header_nav_icon6.png) no-repeat center;}

.mainnav li.nav1.on i,.mainnav li.nav1:hover i{background: url(../images/header_nav_icon1_on.png) no-repeat center;}
.mainnav li.nav2.on i,.mainnav li.nav2:hover i{background: url(../images/header_nav_icon2_on.png) no-repeat center;}
.mainnav li.nav3.on i,.mainnav li.nav3:hover i{background: url(../images/header_nav_icon3_on.png) no-repeat center;}
.mainnav li.nav4.on i,.mainnav li.nav4:hover i{background: url(../images/header_nav_icon4_on.png) no-repeat center;}
.mainnav li.nav5.on i,.mainnav li.nav5:hover i{background: url(../images/header_nav_icon5_on.png) no-repeat center;}
.mainnav li.nav6.on i,.mainnav li.nav6:hover i{background: url(../images/header_nav_icon6_on.png) no-repeat center;}


.column-toggle-btn{display: none;}
.openDrawer .column-toggle-btn{display: block;}
.openDrawer .header-drawer { position: fixed;}
.header-toggle-btn:hover{ background:url(../images/header_menu_btn_on.png) no-repeat; background-size: 100%; }
.header-toggle-btn{position:absolute; right:0; bottom:-61px; z-index:1002; width:88px; height:60px; color:#fff; background:url(../images/header_menu_btn.png) no-repeat; background-size: 100%; cursor:pointer;}
.header-toggle-btn div{width:30px; height:20px;position:absolute; left: 0; right: -15px; top: 0; bottom: 0; margin: auto; cursor:pointer;  transition:200ms;}
.header-toggle-btn span{position:absolute; display:block; right:0px; width:100%; height:15%; background:#fff; border-radius: 3px; transition:all .2s; margin-top: -1px;}
.header-toggle-btn span:nth-child(1){top:0;width: 55%}
.header-toggle-btn span:nth-child(2){top:50%; width: 80%;}
.header-toggle-btn span:nth-child(3){top:100%;}
.openDrawer .header-toggle-btn{background:none;}

.openDrawer .header-toggle-btn span:nth-child(1){
		top:50%;
		-webkit-transform:translateY(-50%) rotate(-45deg);
		-ms-transform:translateY(-50%) rotate(-45deg);
		transform:translateY(-50%) rotate(-45deg);
		width: auto;
}
.openDrawer .header-toggle-btn span:nth-child(2) {
		-webkit-transform:translateY(-50%) scaleX(0);
		-ms-transform:translateY(-50%) scaleX(0);
		transform:translateY(-50%) scaleX(0);
}
.openDrawer .header-toggle-btn span:nth-child(3) {
		top:50%;
		bottom:auto;
		-webkit-transform:translateY(-50%) rotate(45deg);
		-ms-transform:translateY(-50%) rotate(45deg);
		transform:translateY(-50%) rotate(45deg);
}
.header-drawer{position:absolute; top:0; right:0; left:0; z-index:1000; width:100%; height:0; opacity:0; overflow: hidden; transition:all .3s; -webkit-transition:all .3s; background:#fff; box-sizing:border-box; background-size: 100% auto;}
.openDrawer .home-header:after{display: none;}
.openDrawer .home-mainNav{display: none; opacity: 0;}
.openDrawer .home-header-menu .txtLink li + li:before,
.openDrawer .home-header-menu .txtLink li a,
.openDrawer .home-header-menu .en,
.openDrawer .home-header-menu .ss{opacity: .6;}
.openDrawer .home-header-menu .txtLink li a:hover,
.openDrawer .home-header-menu .en:hover,
.openDrawer .home-header-menu .ss:hover{opacity: 1;}
.openDrawer .home-header-menu .txtLink{display: block;}
.openDrawer .home-header-menu .ss{display: block;}

/* 抽屉 */
.openDrawer .header-drawer{opacity:100; height:100vh;}
.drawer-warp{ float: left;position: relative; width: 60%; height:100vh;}
.drawer-logo{position: absolute; left: 30px; top: 16px;}
.drawer-logo img{display: block; width: 60%;}
.drawer-menu{position: absolute; right: 20px; top: 38px;}
.drawer-menu ul li{float: left; position: relative;border:1px solid #BED4EB; height: 32px;border-radius: 3px;padding:0px 10px;margin-right: 1em;}
.drawer-menu ul li a{color: #15386e;cursor: pointer;font-size: 1em; line-height: 32px;}
.drawer-menu ul li.icon::before{content: '';position: absolute; top: 0px;left: 12px;width: 15px; height: 15px; top: 50%;margin-top: -7px;background-size: 100%!important;}
.drawer-menu ul li.icon{padding:0px 20px 0px 35px;}
.drawer-menu ul li.wza::before{background: url(../images/header_icon_wza.png) no-repeat; }
.drawer-menu ul li.mobile::before{background: url(../images/header_icon_mobile.png) no-repeat;}

.drawer-item{float: right;background: url(../images/drawer_gzdt_bg.png) no-repeat; width: 40%; height:100vh;background-size: 100% 100%;}
.drawer-item .drawer-item-box{padding: 60px;position: relative;overflow-y: auto; height: calc(100vh - 60px);}
.drawer-item .drawer-title{border-bottom: solid 1px #7ED9AB;padding-bottom: 20px;}
.drawer-item .drawer-title a{color:#FFF;font-size: 1.3em;}
.drawer-item .drawer-jsdt{margin-top: 40px;}
.drawer-item .drawer-news{border-bottom: 1px solid #319471;padding:10px 16px 10px 0px;background: url(../images/index_icon2.png) no-repeat right 37px; background-size: 16px;}
.drawer-item .drawer-news a{color:#fff;}
.drawer-item .drawer-news span{color:#419e71;display: block; margin-bottom: 2px;}
.drawer-item  .drawer-footer{bottom: 0px;color:#fff;line-height: 30px; font-size: 0.9em;margin-top: 20px;}
.drawer-item  .drawer-footer span{margin-right: 20px;}
.drawer-item  .drawer-footer a{color:#fff}

.drawer-mainNav{margin-top: 150px; height: calc(100vh - 150px); overflow-y: auto;}
.drawer-mainNav ul{display: flex;justify-content: flex-start;flex-wrap: wrap;}
.drawer-mainNav ul li{width: 33%;}
.drawer-mainNav ul li dl{ margin: 6% 28%;}
.drawer-mainNav ul li dl dt{height: 146px;border-bottom: 2px solid #e4e5e7;background-size: 100%!important;}
.drawer-mainNav ul li dl dt h1{font-weight: normal;padding:10px 0 0;color:#164a79;font-size: 2.2em;}
.drawer-mainNav ul li dl dt b{display:block;margin:10px 0;font-size: 1.2em;}	
.drawer-mainNav ul li dl dd a{font-size:1em;display: block; color:#666;margin-top: 10px;}
.drawer-mainNav ul li.li1 dl dt{background: url(../images/header_nav01.png) no-repeat;}
.drawer-mainNav ul li.li2 dl dt{background: url(../images/header_nav02.png) no-repeat;}
.drawer-mainNav ul li.li3 dl dt{background: url(../images/header_nav03.png) no-repeat;}
.drawer-mainNav ul li.li4 dl dt{background: url(../images/header_nav04.png) no-repeat;}
.drawer-mainNav ul li.li5 dl dt{background: url(../images/header_nav05.png) no-repeat;}
.drawer-mainNav ul li.li6 dl dt{background: url(../images/header_nav06.png) no-repeat;}

/* 设置滚动条的样式 */
.drawer-mainNav::-webkit-scrollbar{width: 4px; border-radius: 2px; background: none;}
/*滚动槽*/
.drawer-mainNav::-webkit-scrollbar-track{  border-radius: 5px; background:#2584e3;}
/* 滚动条滑块 */
.drawer-mainNav::-webkit-scrollbar-thumb{ background-color: rgba(255,255,255,.2); border-radius: 4px;}


/* 设置滚动条的样式 */
.drawer-item-box::-webkit-scrollbar{width: 4px; border-radius: 2px; background: none;}
/*滚动槽*/
.drawer-item-box::-webkit-scrollbar-track{  border-radius: 5px; background: rgba(255,255,255,.15);}
/* 滚动条滑块 */
.drawer-item-box::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,.2); border-radius: 4px;}


.column-header.active .fix-mainNav{opacity: 1; height: 80px;overflow: visible;}
.openDrawer .header-toggle-btn{position: fixed; display: block; width: 40px; height: 40px;background: #fff;border-radius: 50%; top: 20px;right: 20px}
.openDrawer .header-toggle-btn span{background: #3641D1;left: 0px;}
.openDrawer .header-toggle-btn div{width: 17px;right: 0px}
.openDrawer .column-header.active .header-drawer{position: fixed;}

.fix-mainNav .fix-search-btn{position: relative;cursor: pointer;width: 7%;top:21px;}
.fix-mainNav .fix-search-btn img{position: relative; display: none;max-width: 100%;margin:0 auto;-webkit-transition-delay: 0.3s;-moz-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s;}
.fix-mainNav .fix-search-btn:before{content:"";position: absolute;left:0;right:0;bottom:1px;height: 0;background: url(../images/fix_search_bg1.png) no-repeat;background-size: 100% 100%;}
.fix-mainNav .fix-search-btn:hover{transform:scale(1.05);}
.fix-search{display: none; margin:0 auto;width:25.48%;max-width:366px;padding:0 4% 18px;background: url(../images/fix_search_bg.png) no-repeat center;background-size: 100% 100%;}
.fix-search .fix-search-box{position: relative;padding:0 47px 0 20px;background: #2584e3;margin:0 auto 8px;height: 38px;line-height: 38px;border-radius: 19px;}
.fix-search .fix-search-box input{border:none;background: none;outline: none;color:#fff;}
.fix-search .fix-search-box .fix-s-txt{width:100%;height: 100%;}
.fix-search .fix-search-box .fix-s-btn{cursor: pointer; position: absolute;right:0;top:0;height:100%;width:47px;background: url(../images/fix_seaicon.png) no-repeat center;}
.fix-mainNav.showSea{background-image: linear-gradient(#2181e7 8%, #3a95f2);}
.fix-mainNav.showSea ul li{transition: all 0.2s;}
.fix-mainNav.showSea .fix-search-btn{width:84px;display: none;transition: all 0.05s;}

.column-header.active .fix-mainNav .fix-search-btn img{display: block;}
.column-header.active .fix-mainNav .fix-search-btn:before{height: 15px;transition-delay: 0.4s;}

/*responsive*/
@media (max-width: 1780px) {
	.mainnav li{margin-right: 3em;}
}

@media (max-width: 1600px) {
	.header-search-box{right:2%}
	.mainnav li{width: auto}
	.mainnav li{margin-right: 4em;}
}
@media (max-width: 1480px) {
	.mainnav li{margin-right: 2.3em;}
	.drawer-mainNav ul li dl{margin:6% 22%}
	.drawer-mainNav ul li dl dt{ height: 116px;}
	.drawer-logo img{width: 49%}
}
@media (max-width: 1300px) {
	.header-search-box{right:5%}
	.header-toolbar{margin-top: 26px;}
}
@media (max-width: 1200px) {
	.mainnav li{margin-right: 1em;}
}


@media (max-width: 1080px) {
	.mainnav{font-size: 13px}
}

@media (max-width: 991px) {
	.header{padding: 10px 0 20px;}
	.header-toolbar{float: none;margin-top: 0px}
	.header-logo{float: none;width: auto;margin-top: 20px;}
	.header-logo img{width: 90%;}
	.header-toolbar li{float: none; display: inline-block;}
	.header-toolbar li.bg{ height: 30px; line-height: 30px;}
	.header-search-box{position: initial;width: auto;margin:20px auto 0px;}
	.header-search-box .header-search{width: 100%}
	.header-search-txt{width: 90%;}
	.header-search #header-search_form{position: relative;}
	.header-toggle-btn{width: 70px;height: 56px;top: 0px;}
	
	.mainnav .container{padding-left: 0; padding-right: 0;}
	.mainnav{ height: auto;}
	.mainnav li{width: 16.6%; position:relative;}
	.mainnav li a{overflow: hidden; padding:4px 0;  line-height:40px; font-size: 1.125em;}
	.mainnav li{margin-right: 0;}
	.mainnav li i{ height: 25px;display: inline-block;vertical-align: middle; float: none;}

	
    .drawer-warp,.drawer-item{width: auto; float: none;}
	.drawer-mainNav{margin-top: 89px;}
	.drawer-logo,.drawer-menu{position: initial;margin:20px}
	.openDrawer .header-toggle-btn{background: #277a78;z-index: 9999;}
	.openDrawer .header-toggle-btn span{background: #fff;}
	.drawer-mainNav ul li dl dt{background-size: 100px!important;}
	.drawer-item{display: none;}
	.header-search-txt{font-size: 100%}
}

@media (max-width: 860px) {

}


/* xs mobile*/
@media (max-width: 768px) {
	.header-search{width: 86%;}
	.mainnav li{width: 33.333333%;text-align: center}
}

@media (max-width: 767px) and (min-width: 375px) {
	
}


@media (max-width: 640px) {
	.header-logo img{max-width: 90%;}
	.drawer-mainNav ul li dl dt{background-size: 75px!important;}
	.drawer-mainNav ul li dl dt{height: auto;}
}


@media (max-width: 480px) {
	.drawer-mainNav ul li{width: 50%;}
	
    .header-toggle-btn{width: 50px;height: 40px;top: 14px; }
    .header-toggle-btn div{right: -7px;width: 20px;height: 13px;}
	
}

@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-top: 5px;}
	.mainnav li span{font-weight: normal;}
	
}


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