/* css初始化 */
/*
  Josh's Custom CSS Reset
  https://www.joshwcomeau.com/css/custom-css-reset/
*/
*,
*::before,
*::after {
	box-sizing: border-box;
}

* {
	margin: 0;
}

html,
body {
	height: 100%;
}

ul li {
	list-style: none;
}

body {
	line-height           : 1.5;
	-webkit-font-smoothing: antialiased;
}

img,
picture,
video,
canvas,
svg {
	display  : block;
	max-width: 100%;
}

input,
button,
textarea,
select {
	font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
	overflow-wrap: break-word;
}

#__next {
	isolation: isolate;
}

::-webkit-scrollbar {
	width           : 6px;
	height          : 6px;
	background-color: rgba(0, 0, 0, 0);
}

::-webkit-scrollbar-thumb {
	background-color: #c8c8c8;
	border-radius   : 10px;
}

::-webkit-scrollbar-track {
	background-color: transparent;
}

/* css通用函数 */
:root {
	--ips-color-primarylight   : #3e8ef0;
	--ips-color-primary        : #1F4697;
	--ips-color-primary70      : #667FB5;
	--ips-color-primary50      : #91A3C8;
	--ips-color-primary30      : #BDC8DF;
	--ips-color-primary20      : #D3DAEA;
	--ips-color-primary10      : #E8ECF3;
	--ips-color-main           : #448239;
	--ips-color-main70         : #84A679;
	--ips-color-main50         : #A6BF9E;
	--ips-color-main30         : #CAD9C5;
	--ips-color-main20         : #DCE5D8;
	--ips-color-main10         : #EDF2EB;
	--ips-color-black          : #000000;
	--ips-color-white          : #FFFFFF;
	--ips-color-bg             : #F5F7FA;
	--ips-color-bsborder       : #DCDFE6;
	--ips-color-lightborder    : #E4E7ED;
	--ips-color-borderlighter  : #EBEEF5;
	--ips-color-bdextra        : #F2F6FC;
	--ips-color-diver          : #C1CBDB;
	--ips-color-footer         : #292C34;
	--ips-color-info           : #73767A;
	--ips-color-info100        : #909399;
	--ips-color-info70         : #B1B3B8;
	--ips-color-info50         : #73767A;
	--ips-color-info30         : #73767A;
	--ips-color-info20         : #73767A;
	--ips-color-info10         : #73767A;
	--ips-color-textwhite      : #FFFFFF;
	--ips-color-textplaceholder: #DCDFE6;
	--ips-color-textsecondary  : #909399;
	--ips-color-textregular    : #606266;
	--ips-color-textblack      : #131414;
	--ips-font-bold            : bold;
	--ips-font-size-h1         : 20px;
	--ips-font-size-h2         : 18px;
	--ips-font-size-h3         : 16px;
	--ips-font-size-body1      : 14px;
	--ips-font-size-body2      : 13px;
	--ips-font-size-body3      : 12px;
}

/* 头部导航栏样式 */
.nav .nav__container {
	height: 55px;
	width : 100%;
}

.nav__container__logo {
	width: 188px;
}

.nav .nav__container--bg {
	background-color: #1F4697;

}

.nav .nav__container--flex {
	display        : flex;
	display        : -webkit-flex;
	align-items    : center;
	justify-content: space-between;
}

.nav .nav__container__btn {
	width       : 160px;
	display     : flex;
	display     : -webkit-flex;
}

.nav .nav__container__btn .btn-link {
	width           : 84px;
	height          : 32px;
	background-color: #48AC7C;
	color           : #FFFFFF;
	border-radius   : 4px;
	font-size  : 12px;
	text-align : center;
	line-height: 32px;
	margin-right: 16px;
	
}

.nav .nav__container .nav__container__logo .nav__container__logo--style {
	height     : 32px;
	margin-left: 30px;
}

.nav .nav__container__menu {
	flex  : 1;
	height: 52px;
}

.nav .nav__container__menu .nav__container__menu__ul {
	display        : flex;
	display        : -webkit-flex;
	justify-content: center;
	line-height    : 55px;
	height         : 100%;
}

.nav .nav__container__menu__ul__li .nav__container__menu__ul__li__text {
	color    : #FFFFFF;
	font-size: 14px;
	cursor   : pointer;
}

.nav .nav__container__menu__ul__li .nav__container__menu__ul__li__text a {
	color    : #FFFFFF;
	font-size: 14px;
}

.nav .nav__container__menu__ul__li {
	margin-left: 12px;
	padding    : 0 12px;
	position   : relative;
	height     : 100%;
}

.nav .nav__container__menu__ul__li .nav__container__menu__ul__li__small {
	position        : absolute;
	left            : 50%;
	margin-left     : -60px;
	top             : 53px;
	background-color: white;
	padding         : 5px 10px;
	text-align      : center;
	box-shadow      : 0 2px 12px 0 rgba(0, 0, 0, 0.1);
	visibility      : hidden;
	transition      : transform .4s;
	transform       : translateY(-20px);

}
.nav__container__menu__ul__li__small a{
	color: #000000;
}
.nav__container__menu__ul__li__small a:hover{
	color: #0B63F8;
}
.nav .nav__container__menu__ul__li__small>div {
	width      : 100px;
	line-height: 30px;
	font-size  : 13px;
	color      : #131414;
	cursor     : pointer;

}

.nav .nav__container__menu__ul__li.active::after {
	content      : '';
	display      : block;
	width        : 100%;
	border-bottom: 4px solid #FFFFFF;
	position     : absolute;
	bottom       : 3px;
	left         : 0;
}

.nav .triangle {
	margin-top: 2px;
}

.nav .nav__container__menu__ul__li:hover .triangle {
	transform : rotate(180deg);
	transition: all .5s;
}

.nav .nav__container__menu__ul__li:hover .nav__container__menu__ul__li__small {
	transform : translateY(0px);
	visibility: visible;

}

.nav .nav__container__menu__ul__li .triangles {
	transform : rotate(180deg);
	transition: all .5s;
}

.nav .m-btn {
	display: none;
}

.nav__container__menu__m {
	display: block;
}

.nav__container__menu__m__hide {
	display: block;
}

.nav .nav__container__menu__ul__li__sj {
	display    : flex;
	display    : -webkit-flex;
	align-items: center;
}

.m-btn1 {
	display: none;
	cursor : pointer;
}

.m-btn-men {
	display: none;
}

/* 底部footer */
.footer {
	height    : 335px;
	background: #292C34;
}

.footer .footer__container .footer__container__one__img {
	padding-top: 30px;
}

.footer .footer__container .footer__container__one__img img {
	height: 32px;
}

.footer .footer__container__one__flex__container {
	margin-top: 25px;
	display   : flex;
	display   : -webkit-flex;
}

.footer .footer__container__one__flex__child {
	margin-left: 40px;
}

.footer .footer__container__one__flex__child__li {
	display  : flex;
	display  : -webkit-flex;
	font-size: 12px;
}

.footer .footer__container__one__flex__child__li--color {
	color: #94969A;
}

.footer .footer__container__one__flex__child__litext--color {
	color: #D8D8DA;
}

.footer__container__one__flex__child__li>div:nth-child(2) {
	margin-left: 8px;
}

.footer .footer__container__one__flex__child>div>div:nth-child(2) {
	margin-top: 10px;
}

.footer .footer__container__one__flex__child>div>div:nth-child(3) {
	margin-top: 10px;
}

.footer .footer__filing {
	color        : #D8D8DA;
	font-size    : 12px;
	margin-bottom: 12px;
	padding-top  : 80px;
}

.footer .footer__container {
	width  : 1100px;
	display: flex;
	display: -webkit-flex;
	margin : 0 auto;
}

.footer .footer__container__one {
	width      : 365px;
	margin-left: 4px;
}

.nav {
	position: fixed;
	width   : 100%;
}

.section {
	padding-top: 55px;
}

.footer .footer__container__two {
	flex: 1;

}

.footer .footer__container__two__flex {
	display    : flex;
	display    : -webkit-flex;
	padding-top: 80px;
	margin-left: 135px;
}

.footer .footer__container__two__flex .title {
	font-size   : 16px;
	font-weight : 600;
	color       : #FFFFFF;
	margin-right: 68px;
}

.footer .footer__container__two__flex .titleMaring {
	margin-right: 0;
}

.footer .footer__container__two__flex__li {
	margin-top: 24px;
}

.footer .footer__container__two__flex__li>div {
	font-size    : 13px;
	color        : #D8D8DA;
	margin-bottom: 10px;
}

#myBtn {
	position  : fixed;
	right     : 35px;
	bottom    : 35px;
	z-index   : 9999;
	cursor    : pointer;
	visibility: hidden;
	transition: all 2s;
	transform : translateX(100px);
}

@media (min-width: 1069px) {

	.triangle {
		display: block;
	}

	.triangleM {
		display: none;
	}
}

/*@max 767px */
@media (max-width: 1069px) {
	.section {
		padding-top: 60px;
	}

	.nav .nav__container {
		height: 60px;
	}

	.triangle {
		display: none;
	}

	.triangleM {
		display    : block;
		margin-left: auto;
	}

	.m-btn1 {
		display    : none;
		margin-left: auto;
	}

	.nav .nav__container__btn .btn-link {
		display: none;
	}

	.nav .m-btn {
		display    : block;
		margin-left: auto;
		cursor     : pointer;
	}

	.nav .nav__container__menu {
		position: relative;
	}

	.nav .nav__container__menu .nav__container__menu__ul {

		flex-direction: column;
	}

	.nav .nav__container__menu__ul__li {
		padding-left: 16px;
		margin      : 0;
	}

	.nav .nav__container__menu__ul__li.active {
		border     : none;
		border-left: 4px solid #0B63F8;

	}

	.nav__container__menu__m {
		display: none;
	}

	.nav .nav__container__menu__ul__li__small .active {
		color: #0B63F8 !important;
	}
	.nav__container__menu__ul__li__small a{
		color: #606266;
	}
	.nav__container__menu__ul__li__small a:hover{
		color: #606266;
	}
	.nav .nav__container__menu__ul__li {
		min-height : 48px;
		line-height: 48px;
	}

	.nav .nav__container__menu__ul__li .nav__container__menu__ul__li__textx {
		/* transition: all 1.5s; */
		transform: translateX(110%);
	}

	.nav .nav__container__menu__ul__lix {
		transform: translateX(0) !important;
	}

	.nav .nav__container__menu .nav__container__menu__ul {
		justify-content : start;
		background-color: #FFFFFF;
	}

	.nav .nav__container__menu>div {
		position        : fixed;
		top             : 60px;
		width           : 100%;
		min-height      : calc(100vh - 60px);
		left            : 0;
		background-color: rgba(0, 0, 0, .5);
	}

	.nav .nav__container__menu__ul__li .nav__container__menu__ul__li__text {
		color: #131414;
	}

	.nav .nav__container__menu__ul__li .nav__container__menu__ul__li__text a {
		color: #131414;
	}

	.nav__container__menu__ul__li.active .nav__container__menu__ul__li__text a {
		color: #0B63F8;
	}

	.nav .nav__container__menu__ul__li__small>div {
		line-height: 42px;
	}

	.nav .nav__container__menu__ul__li .nav__container__menu__ul__li__small {
		position        : static;
		left            : 0;
		margin-left     : 20px;
		display         : none;
		top             : 0;
		background-color: transparent;
		padding         : 0;
		text-align      : left;
		box-shadow      : none;
		transition      : none;

		visibility: visible;
		transform : translateY(0px);
	}

	.footer .footer__container__one {
		margin: 0 auto;

	}

	.nav .nav__container__menu__ul__li:hover .nav__container__menu__ul__li__small {
		visibility: visible;
	}

	.footer .footer__filing {
		padding-top  : 35px;
		margin-bottom: 0px;

	}

	.footer .footer__container__two {
		display: none;
	}

	.footer .footer__container {
		width: auto;
	}

	.footer .footer__container {
		width: 100%;
	}

	.footer .footer__container__one__flex__container {
		justify-content: space-between;
	}

	.footer .footer__container__one {
		width: 100%;
	}

	.footer__container__one>div {
		margin-left : 16px;
		margin-right: 16px;
	}

	.footer {
		height: 269px;
	}
}