input {
	border: none;
}

.page-tab.fixed {
	top: 80px;
}

footer {
	background-color: #f2f3f8;
	padding: 1% 0;
}

footer .bottom {
	position: relative;
	z-index: 6;
}

.auto_1600 {
	max-width: 1600px;
	margin: 0 auto;
}

footer .bottom_top {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	border-bottom: 1px solid #e6e7eb;
}

footer .bottom_top h3 {
	float: left;
	font-size: 32px;
	line-height: 1.5;
}

footer .bottom .bottom_share {
	float: right;
}

footer .bottom .bottom_share a {
	width: 60px;
	height: 60px;
	margin: 0;
	margin-left: 30px;
	border: none;
}

footer .bottom .bottom_share .icon-wechat {
	background: white url(../image/wx.png) no-repeat center;
}

footer .bottom .bottom_share .icon-wechat::before {
	display: none;
}

footer .bottom .bottom_share .icon-wechat .wechat-qrcode {
	left: 50%;
	transform: translateX(-50%);
}

footer .bottom .bottom_share .icon-weibo {
	background: white url(../image/wb.png) no-repeat center;
}

footer .bottom .bottom_share .icon-weibo::before {
	display: none;
}

footer .bottom_con {
	padding-top: 30px;
	overflow: hidden;
}

footer .bottom_con .leftBox {
	float: left;
}

footer .bottom_con .codeBox {
	float: right;
	text-align: center;
}

footer .bottom_con .codeBox p {
	margin-top: 10px;
	text-align: center;
	color: #aeb0b7;
}

footer .bottom_menu {
	margin-bottom: 50px;
}

footer .bottom_menu a {
	color: #0E1637;
	display: inline-block;
	padding: 0 15px;
	font-size: 18px;
	position: relative;
}

footer .bottom_menu a:first-child {
	padding-left: 0;
}

footer .bottom_menu a:hover {
	opacity: 0.8;
}

footer .bottom_us {
	font-size: 16px;
	color: #808598;
}

footer .bottom_us a {
	color: #808598;
	padding: 0 10px;
}

footer .bottom_us a:first-child {
	padding-left: 0;
}

footer .bottom_us a:hover {
	color: #0E1637;
}

footer .aritxt {
	font-size: 16px;
	color: #9d9fa9;
	margin-top: 5px;
}

* {
	text-align: justify;
}

header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 80px;
	line-height: 80px;
	z-index: 99;
	transition: 0.3s;
	background: #168adb;
}

header .logo {
	float: left;
	max-width: 20%;
}

header .logo .logo2 {
	display: none;
}

header .searchBox {
	float: right;
	padding-top: 5px;
	margin-left: 2%;
	position: relative;
}

header .searchBox .search_btn,
header .searchBox .open_search {
	display: inline-block;
	padding: 14px;
	background-image: url(../image/search1.png);
	background-position: center;
	background-repeat: no-repeat;
}

header .searchBox .open_search.open {
	background-image: url(../image/chacha.png);
}

header .searchBox .top_input {
	display: none;
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 66;
	background-color: white;
	border-radius: 10px;
	padding-right: 50px;
	line-height: 1.5;
	overflow: hidden;
}

header .searchBox .top_input input {
	width: 250px;
	height: 40px;
	padding: 0 15px;
}

header .searchBox .top_input .search_btn {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 50px;
	background-size: auto;
}

header .lang {
	float: right;
	padding-top: 5px;
	margin-left: 2%;
}

header .lang em {
	font-style: normal;
	display: inline-block;
}

header .lang em a {
	display: inline-block;
	width: 27px;
	height: 27px;
	background: url(../image/gal1.png) no-repeat center;
}

header .grodBox {
	float: right;
	color: white;
	font-size: 16px;
}

header .grodBox .txt {
	padding-right: 15px;
	background: url(../image/down1.png) no-repeat right center;
	cursor: pointer;
}

header .open_menu {
	display: none;
}

header .menuBox {
	float: right;
	width: 68%;
}

header .menuBox ul {
	font-size: 0;
	text-align: center;
	height: 80px;
	margin-bottom: 0 !important;
}

header .menuBox ul li {
	font-size: 18px;
	display: inline-block;
	text-align: center;
	margin-left: 7%;
}

header .menuBox ul li:first-child {
	margin-left: 0;
}

header .menuBox ul li em {
	font-style: normal;
}

header .menuBox ul li a {
	color: #FFFFFF;
}

header.topDown {
	top: -150px;
}

header.bgon {
	background-color: white;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

header.bgon .logo .logo1 {
	display: none;
}

header.bgon .logo .logo2 {
	display: inline;
}

header.bgon .searchBox .search_btn,
header.bgon .searchBox .open_search {
	background-image: url(../image/search2.png);
}

header.bgon .searchBox .open_search.open {
	background-image: url(../image/chacha.png);
}

header.bgon .lang em a {
	background: url(../image/gal2.png) no-repeat center;
}

header.bgon .grodBox {
	color: #0e1637;
}

header.bgon .grodBox .txt {
	background: url(../image/down2.png) no-repeat right center;
}

header.bgon .menuBox ul li a {
	color: #0e1637;
}

header:hover {
	background-color: white;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

header:hover .logo .logo1 {
	display: none;
}

header:hover .logo .logo2 {
	display: inline;
}

header:hover .searchBox .search_btn,
header:hover .searchBox .open_search {
	background-image: url(../image/search2.png);
}


/* header:hover .searchBox .open_search.open{background-image:url(../image/chacha.png);}
*/

header:hover .lang em a {
	background: url(../image/gal2.png) no-repeat center;
}

header:hover .grodBox {
	color: #0e1637;
}

header:hover .grodBox .txt {
	background: url(../image/down2.png) no-repeat right center;
}

header:hover .menuBox ul li a {
	color: #0e1637;
}

header .grodBox {
	position: relative;
}

header .tow {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	height: auto;
	background: #eaeef7;
	max-height: 0;
	height: auto;
	overflow: hidden;
	transition: all .5s;
}


/* header .grodBox .tow::before{content:'';width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid #eaeef7;position:absolute;top:0;left:50%;transform:translateX(-50%);}
*/

header .tow2 {
	width: 300px;
	padding: 0 18px;
}

header .grodBox:hover .tow2 {
	max-height: 300px;
}

header .grodBox .tow2 .div {
	width: 100%;
	padding-top: 26px;
}

header .grodBox .tow2 a {
	font-size: 14px;
	color: #333;
	display: block;
	margin-bottom: 26px;
	line-height: 1;
	padding-right: 25px;
	position: relative;
	transition: all .5s;
}

header .grodBox .tow2 a::before {
	content: '';
	width: 21px;
	height: 13px;
	background-image: url(../image/img1.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
	transition: all .5s;
}

header .grodBox .tow2 a:hover {
	color: #168adb;
}

header .grodBox .tow2 a:hover::before {
	right: 0;
	opacity: 1;
}

header .lang {
	height: 80px;
	position: relative;
	box-sizing: border-box;
	padding-top: 10px;
}

header .tow3 {
	width: 160px;
	top: 100%;
}

header .lang:hover .tow3 {
	max-height: 200px;
}

header .tow3 .div {
	padding: 0 18px;
	padding-bottom: 26px;
}

header .lang .tow3 a {
	font-size: 16px;
	color: #555555;
	display: block;
	line-height: 38px;
	border-bottom: 1px solid #ced9e2;
	transition: all .5s;
	margin-top: 12px;
}

header .lang .tow3 a:hover {
	color: #168adb;
	border-bottom-color: #168adb;
}

header .searchBox {
	width: 50px;
	height: 80px;
	box-sizing: border-box;
	position: relative;
	z-index: 100;
}

header .searchBox .open_search {
	padding: 0;
	width: 50px;
	height: 100%;
	float: left;
	background: url(../image/search1.png);
	background-position: center;
	background-repeat: no-repeat;
	border: none;
}

header .searchBox .div {
	width: auto;
	height: 50px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50px;
	overflow: hidden;
	transition: all .5s;
}

header .searchBox .div1 {
	width: 0;
	height: 100%;
	float: left;
	padding-right: 37px;
	padding-left: 14px;
	position: relative;
	overflow: hidden;
	transition: all .5s;
}

header .searchBox .div1 input {
	width: 100%;
	height: 100%;
	font-size: 16px;
	padding: 0;
	display: block;
	background: rgba(0, 0, 0, 0);
	color: #c3c3c3;
	transition: all .5s;
}

header .searchBox .div1 span {
	width: 36px;
	height: 100%;
	background-image: url(../image/img2.png);
	background-size: 8px;
	background-position: 20% center;
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .5s;
}

header .top {
	position: relative;
}

header .menuBox li .tow1 {
	width: 100%;
	top: 100%;
	text-align: center;
}

header .menuBox li:hover .tow1 {
	max-height: 100px;
	line-height: 68px;
}

header .menuBox li .tow1 a {
	font-size: 16px;
	color: #555555;
	display: inline-block;
	line-height: 68px;
	margin: 0 18px;
	position: relative;
	transition: all .5s;
}

header .menuBox li .tow1 a::before {
	content: '';
	width: 0%;
	height: 2px;
	background: #168adb;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all .5s;
}

header .menuBox li .tow1 a:hover {
	color: #168adb;
}

header .menuBox li .tow1 a:hover::before {
	width: 100%;
}

header .menuBox ul li:hover em a {
	color: #168adb;
}

header .menuBox ul li em::before {
	content: '';
	width: 0%;
	height: 2px;
	background: #168adb;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all .5s;
}

header .menuBox ul li:hover em::before {
	width: 100%;
}

header .menuBox ul li em {
	display: block;
	position: relative;
}

@media(min-width:1024px) {
	header .searchBox:hover .open_search {
		background: url(../image/img3.png);
		background-position: center;
		background-repeat: no-repeat;
	}
	header .searchBox:hover .div {
		background: #f5f5f5;
		width: 295px;
		border-radius: 50px;
	}
	header .searchBox:hover .div1 {
		width: 245px;
	}
}

@media(max-width:1024px) {
	header .searchBox.active .open_search {
		background: url(../image/img3.png) no-repeat center !important;
		background-position: center;
		background-size: 22px;
	}
	header .searchBox.active .div {
		background: #f5f5f5;
		width: 200px;
		border-radius: 50px;
		padding: 0 5px;
	}
	header .searchBox.active .div1 {
		width: 158px;
		display: block !important;
	}
}

@media(max-width:500px) {
	header .lang .tow3 a {
		font-size: 14px;
		line-height: 30px;
		margin-top: 6px;
	}
}

@media (max-width:1100px) {
	header .menuBox {
		width: 100% !important;
	}
	header .menuBox .tow {
		position: static;
		transform: translateX(0);
	}
	header .menuBox li .tow1 a {
		font-size: 14px;
		line-height: 40px;
	}
	header .menuBox li:hover .tow1 {
		max-height: 200px;
		line-height: 40px;
		padding: 10px 0;
	}
	header .menuBox ul li em::after {
		content: '';
		width: 9px;
		height: 6px;
		background-image: url(../image/down2.png);
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: all .5s;
	}
	header .menuBox li:hover em::after {
		transform: translateY(-50%) rotate(180deg);
	}
	header .lang .tow3,
	header .lang:hover .tow3,
	header .grodBox .tow2,
	header .grodBox:hover .tow2 {
		max-height: 100000px;
		display: none;
		transition: all 0s;
	}
}

@media (max-width:1100px) {
	header .menuBox .tow {
		text-align: left;
	}
}

.logo img {
	border: none;
	max-width: 100%;
	vertical-align: middle;
}