@font-face {
  font-family: 'syheiti'; 
  src: url('./syheiti.otf') format('truetype');
}

* {margin:0px;padding:0px;list-style-type:none;font-family:"syheiti SimHei"}

button, input, select, textarea {
    font-family: 'syheiti SimHei';
}

/*  公式16px*62.5%=10px  浏览器的默认字体都是16px，为了简化font-size的换算，我们在根元素html中加入font-size: 62.5%; 这样页面中1rem=10px,1.2rem=12px,1.4rem=14px,1.6rem=16px; */ 
html {font-size: 62.5%;width:100%;height:100%}
body {height:100%;position:relative}

/* 自定义滚动条样式 */
body::-webkit-scrollbar {
	width: 10px; /* 设置滚动条宽度 */
}
body::-webkit-scrollbar-track {
	background: #f1f1f1; /* 滚动条轨道颜色 */
}
body::-webkit-scrollbar-thumb {
	background: #888; /* 滚动条手柄颜色 */
}
body::-webkit-scrollbar-thumb:hover {
	background: #555; /* 滚动条手柄hover颜色 */
}

.clear {clear:both;height:0px;overflow:hidden;}

.row-fluid, .container-fluid, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .row {margin:0px;padding:0px;}
.container {padding:0px}
/*默认大屏幕*/


.header-row {position:fixed;width:100%;z-index:9999}
.header-container {}

/*.header-container-top {width:100%;background:#14489a;height:6rem;}
.header-container-top .header-container-top-main-out {height:100%}
.header-container-top-main {display:flex;width:100%;justify-content:space-between;margin-left:auto;margin-right:auto;align-items:center;height:100%}
.header-container-top-left {color:#fff;display:flex;align-items:center;}
.header-container-top-left a {color:#fff;font-size:1.8rem;margin-right:1rem}
.header-container-top-left a.shu {font-size:1.4rem}
.header-container-top-left a.current {font-weight:bolder;text-decoration:underline;}

.header-container-top-right {display:flex;align-items:center;}
.header-container-top-right .search-div {position:relative;margin-right:9rem}
.header-container-top-right .search-div input {border:0px solid #fff;border-radius:.3rem;height:4rem;width:23rem;padding-left:1rem}
.header-container-top-right .search-div img {position:absolute;right:1rem;top:1rem}
.header-container-top-right a.icon-a {margin-right:3rem}
.header-container-top-right a.icon-a:last-child {margin-right:0rem}*/

.header-container-bottom {width:100%;height:8rem;border-bottom:0px solid #2d5fde;}
.header-container-bottom-main {display:flex;justify-content:space-between;align-items:center;height:8rem;}

.header-container-bottom-main-left {}
.header-container-bottom-main-right {display:flex;margin-top:.6rem}
.header-container-bottom-main-right .header-container-bottom-main-right-menu {
	display:flex;
	align-items:center;
}

.header-container-bottom-main-right .header-container-bottom-main-right-menu a.menu-link {
	color:#fff;
	font-size:1.6rem;
	font-family:"syheiti";
	margin-right:4.5rem;
}
.header-container-bottom-main-right .header-container-bottom-main-right-menu a.menu-link:hover {
	color:Red;
	text-decoration:none;
}
.header-container-bottom-main-right .header-container-bottom-main-right-menu a.menu-link.current {
	color:Red;
}
.header-container-bottom-main-right .header-container-bottom-main-right-opt {
	flex:1;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.header-container-bottom-main-right-opt-mobile {
	display:none
}
.top-search {padding-right:1rem;border-right:1px solid #fff;margin-right:1rem;}
.top-search img {width:1.8rem;}
.top-search a {display:block;position:relative;}
.top-search a .search-keyword {
	position:absolute;
	top:2.3rem;
	left:-1rem;
	border:1px solid #d9d9d9;
	border-radius:4px;
	height:3rem;
	width:15rem;
	outline: none;
	display:none;
}
.top-search a:hover .search-keyword {
	display:block;
}



.top-lang {margin-top:.2rem}
.top-lang a.main-lang {font-size:1.8rem;display:flex;justify-content:space-between;align-items:center;color:#fff;position:relative;}


.top-lang a.main-lang:hover {
	text-decoration:none;
}

.top-lang .lang-change {
	position:absolute;
	/*display:none;*/
}

.top-lang .lang-change a.list-lang {
	display:block;
	color:#fff;
	font-size:1.4rem;
	font-family:"syheiti";
	height:3rem;
	line-height:3rem;
}
/*.top-lang:hover .lang-change {
	display:block
}*/

.mobile-nav-menu {display:none;margin-right:1rem;}
.mobile-nav-menu img {width:4rem}

.header-container-bottom-container {width:100%;height:8rem}
.header-container-bottom-back {width:100%;height:8rem;position:absolute;z-index:1;background:#000;opacity: 0;}
.header-container-bottom {position:absolute;z-index:2}


/* footer start */
.footer {
	width:100%;
	padding-top:8rem;
	padding-bottom:12rem;
	background:#164d96;
	
	/*position:absolute;
	z-index:6;*/

}

.footer-main {width:100%;display:flex;}
.footer-main .footer-left {}
.footer-main .footer-left .footer-left-row1 {display:flex;align-items:center;}
.footer-main .footer-left .footer-left-row1 .footer-left-row1-left {}
.footer-main .footer-left .footer-left-row1 .footer-left-row1-left img {border-radius:5px;border:5px solid #fff;}
.footer-main .footer-left .footer-left-row1 .footer-left-row1-right {margin-left:3rem;color:#fff;font-size:1.8rem}
.footer-main .footer-left .footer-left-row1 .footer-left-row1-right p:nth-child(1) {}
.footer-main .footer-left .footer-left-row1 .footer-left-row1-right p:nth-child(2) {}
.footer-main .footer-left .footer-left-row1 .footer-left-row1-right p:nth-child(3) {margin-top:2rem}
.footer-main .footer-left .footer-left-row1 .footer-left-row1-right p:nth-child(4) {font-size:1.4rem;margin-top:2rem}

.footer-main .footer-left .footer-left-row2 {font-size:1.4rem;margin-top:2rem;color:#fff;}
.footer-main .footer-left .footer-left-row3 {display:flex;margin-top:3rem;}

.footer-main .footer-left .footer-left-row3 a {display:block;border:1px solid #fff;width:6rem;height:6rem;display:flex;align-items:center;justify-content:center;margin-right:2rem}
.footer-main .footer-left .footer-left-row3 a:last-child {margin-right:0rem}
.footer-main .footer-left .footer-left-row3 a img {}



.footer-main .footer-right {flex:1;display:flex;justify-content:flex-end}
.footer-main .footer-right .footer-right-column1 {}
.footer-main .footer-right .footer-right-column2 {}
.footer-main .footer-right .footer-right-column3 {}
.footer-main .footer-right .footer-right-column {text-align:right;border-left:0px solid #658aba;height:32rem;padding-left:0rem;padding-right:3rem;} 
.footer-main .footer-right .footer-right-column:last-child {padding-right:0px}
.footer-main .footer-right .footer-right-column .column-title {color:#fff;font-size:1.8rem;font-weight:600;letter-spacing:2px} 
.footer-main .footer-right .footer-right-column ul {} 
.footer-main .footer-right .footer-right-column ul li {margin-top:1.5rem;} 
.footer-main .footer-right .footer-right-column ul li a {color:#fff;font-size:1.4rem;} 
/* footer end */



/*手机*/
@media (max-width:1024px) {
	.header-container-bottom-back {opacity:.9;background:#fff;}
	.header-container-bottom-main-left {margin-left:1rem;}
	.header-container-bottom-main-left img {width:12rem}

	.header-container-bottom-main-right {
		position:absolute;
		width:100%;
		height:100%;
		background:#fff;
		z-index:999;
		top:8rem;
		bottom:0;
		left:0;
		right:0;
		display:none;
		margin-top:0rem
	}

	.mobile-nav-menu {display:block;}


	.header-container-bottom-main-right .header-container-bottom-main-right-menu {
		display:block;
	}

	.header-container-bottom-main-right .header-container-bottom-main-right-menu a.menu-link {
		display:block;
		color:#164d96;
		font-size:1.8rem;
		font-family:"syheiti";
		margin-right:0rem;
		height:6rem;
		line-height:6rem;
		border-bottom:1px solid #d9d9d9;
		text-align:center;
	}
	.header-container-bottom-main-right .header-container-bottom-main-right-menu a.menu-link:hover {
		color:Red;
		text-decoration:none;
	}
	.header-container-bottom-main-right .header-container-bottom-main-right-menu a.menu-link.current {
		color:Red;
	}

	.header-container-bottom-main-right .header-container-bottom-main-right-opt {
		display:none;
	}

	.header-container-bottom-main-right-opt-mobile {text-align:center;margin-top:2rem;}
	.header-container-bottom-main-right-opt-mobile .top-search-mobile {display:flex;justify-content:center;}
	.header-container-bottom-main-right-opt-mobile .top-search-mobile .search-keyword-mobile {width:20rem;height:3.4rem;border:1px solid #d9d9d9;padding:0px;margin:0px;border-right:0px;}
	.header-container-bottom-main-right-opt-mobile .top-search-mobile .search-btn-mobile {width:6rem;height:3.4rem;border:1px solid #164d96;background:#164d96;color:#fff;padding:0px;margin:0px}

	.header-container-bottom-main-right-opt-mobile .top-lang-mobile {margin-top:1.5rem;display:flex;justify-content:center;}

	.header-container-bottom-main-right-opt-mobile .top-lang-mobile a.list-lang {display:block;padding:4px 8px;font-size:1.6rem;}


	/* footer start ************/
	.footer-main {display:block;}

	.footer-main .footer-left .footer-left-row1 {display:block;text-align:center;}
	.footer-main .footer-left .footer-left-row1 .footer-left-row1-right {margin-left:0rem;color:#fff;font-size:1.8rem}
	.footer-main .footer-left .footer-left-row1 .footer-left-row1-right p:nth-child(1) {margin-top:2rem}
	.footer-main .footer-left .footer-left-row1 .footer-left-row1-right p:nth-child(2) {margin-top:2rem}
	.footer-main .footer-left .footer-left-row1 .footer-left-row1-right p:nth-child(3) {margin-top:2rem}
	.footer-main .footer-left .footer-left-row1 .footer-left-row1-right p:nth-child(4) {font-size:1.4rem;margin-top:2rem}
	.footer-main .footer-left .footer-left-row2 {font-size:1.4rem;margin-top:2rem;color:#fff;text-align:center;width:100%}

	.footer-main .footer-left .footer-left-row3 {justify-content:center;width:98%;margin-left:1%;}

	.footer-main .footer-right {display:flex;width:96%;margin-left:2%;margin-top:5rem;justify-content:space-between;}
	.footer-main .footer-right .footer-right-column {text-align:center;border-left:0px solid #658aba;height:auto;padding-left:0rem;padding-right:0rem;} 
	.footer-main .footer-right .footer-right-column1 {}
	.footer-main .footer-right .footer-right-column2 {margin-top:0rem}
	.footer-main .footer-right .footer-right-column3 {margin-top:0rem}
}




/*平板*/
@media screen and (max-width: 992px) and (min-width: 768px) {

}

/*如普通显示器*/
@media screen and (max-width: 1200px) and (min-width: 992px) {

}

/*大屏幕*/
@media (min-width:1200px) {
	
}

/*大屏幕*/
@media (min-width:1400px) {
	.container {
		width:132rem
	}
}