header{display: block;}
.head_nav_wap{display: none;}
/***********top***************/
.header{ width: 100%; float: left; position: fixed; background: rgba(0,0,0,0.1); z-index: 999; transition: 0.3s;}
.header_logo{ float: left; margin-top: 20px; margin-left: 3%; transition: 0.3s;}
.header_logo img{ height: 65px; transition: 0.3s;}
.header_logo img.logo2{ display: none;}
.header_logo span{ margin-left: 5px;  color: #fff;  position: relative;  top: -5px;  font-size: 12px;}
.header_fr{float: right;}
.header_nav{float: left; margin-right: 30px; font-size: 16px;}
.header_nav>ul>li{ float: left; position: relative; }
.header_nav>ul>li>a{ line-height: 100px; color: #fff; display: inline-block; padding: 0 30px; transition: 0.3s;}
.header_nav>ul>li:hover>a{ background:#2857a7;}

.header_nav>ul>li>ul{ position: absolute; width: auto;border-top: 0px solid #2857a7; background: rgb(255 255 255 / 85%); left: 50%; transform: translateX(-50%); padding: 10px 0; top: 100%; display: none; box-shadow: 0px 0px 10px #5c5c5c; border-radius: 10px; width: 100%;  text-align: center;}
.header_nav>ul>li>ul li{ width: 100%; width: 100%; white-space: nowrap; line-height: 30px; font-size: 16px; position: relative; }
.header_nav>ul>li>ul li>a{ color: #1a191e; padding: 0 20px;}
.header_nav>ul>li>ul li>a:hover,.header_nav>ul>li>ul li.on>a{ color: #2857a7;}

.header_nav>ul>li>ul ul{ position: absolute; width: auto; background: #edeff6; left: 100%; top: 0; padding: 10px 0; display: none; border-radius: 10px; }
.header_nav_bg{ position: absolute; background: #fff; top: 100%;  border-radius: 10px;}
.header_nav.on2>ul>li ul{ border-top: 0px solid #2857a7; box-shadow: 0px 0px 0px #5c5c5c;}
.header_nav>ul>li:hover>ul{ display: inline-block;}


.header_lang {float: left; color: #fff;line-height: 100px; margin-right: 25px; font-size: 16px; position: relative; cursor: pointer;transition: 0.3s;}
.header_lang i{ font-size: 14px; margin-left: 9px;}
.gpdm{float: left; line-height: 100px; margin-right: 25px; color: #fff;transition: 0.3s;}
.header_cnen2{ position: absolute; width: 100%; width: 100%;top: 80%;left:0px;  background: rgba(0,0,0,0.1); display: none; box-shadow: 0px 0px 10px 0px  #313131;} 
.header_cnen2 a{float: left; width: 100%;font-size: 16px;text-align: center; color: #fff !important; line-height: 30px; }
.header_cnen2 a:hover{  background: rgb(57 100 173);}
.header_search{ float: right; height: 100px; width: 100px; background: #2857a7; color: #fff; text-align: center;  line-height: 100px; font-weight: bold; cursor: pointer;transition: 0.3s;}
.header_search i{ font-size: 22px;}
.header .searchinput { position: absolute; left: 0; right: 0; top: 100%; background: #fff; text-align: center; border-top: .9975px solid #eaeaea; padding: 30px 0; display: none; z-index: 11;}
.header .searchinput { background: rgba(0,0,0,0.1); box-shadow: 0px 0px 5px .9975px rgba(0,0,0,0.1);}
.header .searchinput .close { position: absolute; top: 20px; right: 20px; display: inline-block; line-height: 39.9975px; width: 39.9975px; text-align: center; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; font-size: 20px;}
.header .searchinput .close { opacity: 1; color: #fff;}
.header .searchinput .inb { overflow: hidden; border-bottom: .9975px solid #fff; display: inline-block;}
.header .searchinput input { float: left; line-height: 35px; background: none; padding: 0 9.9975px; height: 35px; color: #fff; border: 0; font-size: 16px;}
.header .searchinput input[type="text"] { width: 399.9975px;}
.header .searchinput input::-webkit-input-placeholder{ color:#fff;}
.header .searchinput input { float: left; line-height: 35px; background: none; padding: 0 9.9975px; height: 35px;}
.header .searchinput input[type="button"], .header .searchinput input[type="submit"] { font-size: 20px; color: #ffff;}
[onclick] { cursor: pointer;}


.header_nav_cp{ position: absolute; top: 100px; width: 100%; float: left; background: #fff;  overflow: hidden; transition: 0.3s; left: 0; height: 0;}
.header_nav_c_zi2{ float: left; width: 100%; padding: 30px 0;}
.header_nav_c_zi2 .header_nav_c_zi2_title{  width: 200px; float: left; color: #000; line-height: 40px; margin-top: 20px;}
.header_nav_c_zi2 .header_nav_c_zi2_title a{ font-size: 20px; color: #000; font-weight: bold; display: inline-block; width: 100%; margin-bottom: 10px;}
.header_nav_c_zi2 .header_nav_c_zi2_title a.on{  color: #2857a7;}
.header_nav_c_zi2 .header_nav_c_zi3{ line-height: 40px; float: left; width: calc(100% - 262px); margin-left: 20px; padding: 20px; border-left: 1px solid #e2e2e2;  display: none;}
.header_nav_c_zi2 .header_nav_c_zi3.on{ display: inline-block;}
.header_nav_c_zi2 .header_nav_c_zi3 li{ width: 13%; float: left; margin-right: 1.25%; margin-bottom: 1.25%;}
.header_nav_c_zi2 .header_nav_c_zi3 li:nth-child(5n){ margin-right: 0;}
.header_nav_c_zi2 .header_nav_c_zi3 li .header_nav_c_zi3_tu{ width: 100%;  position: relative; overflow: hidden; padding-bottom: 100%; border-radius: 10px;}
.header_nav_c_zi2 .header_nav_c_zi3 li .header_nav_c_zi3_tu img{ position: absolute; width: 100%; height: 100%; object-fit: cover; transition: 0.5s;}
.header_nav_c_zi2 .header_nav_c_zi3 li .header_nav_c_zi3_title{ text-align: center; font-size: 16px;font-weight: bold;}
.header_nav_c_zi2 .header_nav_c_zi3 li:hover .header_nav_c_zi3_tu img{ transform: scale(1.1);}
.header_nav_c_zi2 .header_nav_c_zi3 li:hover .header_nav_c_zi3_title{ color: #2857a7;}

.header_b{ height: 100px;}
.header_b,.header_b .header{ background: #fff; }
.header_b img.logo1{ display: none;}
.header_b img.logo2{ display: inline-block;}
.header_b .header_nav li a{ color: #000;}
.header_b .header_nav li a:hover{ color: #fff;}
.header_b .header_lang{ color: #000;}
.header_b .gpdm{ color: #000;}
.header_b .header_nav_cp{ border-top: 1px solid #e2e2e2;}

.header_fd,.header_b .header_fd,.header_b .header_wap,.header_wap { background: #2857a7;}
.header_fd .header_logo,.header_wap .header_logo{  margin-top: 10px;}
.header_fd .header_logo img,.header_wap .header_logo img{  height: 60px;}
.header_fd img.logo2,.header_b .header_wap img.logo2{ display: none;}
.header_fd img.logo1,.header_b .header_wap img.logo1{ display: inline-block;}
.header_fd .header_nav>ul>li>a{ line-height: 80px; color: #fff;}
.header_fd .header_lang{ line-height: 80px; color: #fff;}
.header_fd .gpdm{ line-height: 80px; color: #fff;}
.header_fd .header_cnen2{   background: #2857a7;}
.header_fd .header_search{ height: 80px;  line-height: 80px;}
.header_fd .header_nav_cp{top: 80px;}
@media screen and (max-width:1400px){
	.header_nav>ul>li>a{ padding: 0 20px;}
	.header_nav_c_zi2 .header_nav_c_zi3 li .header_nav_c_zi3_title{ font-size: 14px;}

}
@media screen and (max-width:1200px){
	.header_nav{ margin-right: 15px; font-size: 14px;}
	.header_nav>ul>li>a { padding: 0px 15px; }
	.header_lang{ margin-right: 20px; font-size: 14px;}
	.header_nav_c_zi2{  padding: 15px 0;}
	.header_nav_c_zi2 .header_nav_c_zi2_title{ line-height: 35px; margin-top: 0px; width: 150px;}
	.header_nav_c_zi2 .header_nav_c_zi2_title a{ font-size: 18px; margin-bottom: 5px;}
	.header_nav_c_zi2 .header_nav_c_zi3{ width: calc(100% - 192px); padding: 10px;}
	.header_nav_c_zi2 .header_nav_c_zi3 li .header_nav_c_zi3_title { font-size: 12px;}

}	
@media screen and (max-width:999px){
	.header_logo{ margin: 10px 0;  margin-left: 3%;}
	.header_nav,.header_lang,.header_search{ display: none; }
	.head_nav_wap{ display: inline-block; margin-right: 20px; margin-top: 20px;}
}	
@media screen and (max-width:599px){
	.header_logo img{ height: 45px;}
	.header_logo span{ font-size: 10px;}
	.header_fd .header_logo img, .header_wap .header_logo img { height: 45px;}
	.head_nav_wap{ margin-right: 10px; margin-top: 10px;}
}