* {margin:0px;padding:0px;font-family:"Arial Microsoft YaHei"}

/*  公式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%;height:100%;}
body {height:100%;}

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

.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:#18263A;height:3.3rem;}
.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.3rem;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-left-img img {width:1.8rem}

.header-container-top-right {display:flex;align-items:center;}
.header-container-top-right .search-div {position:relative;margin-right:2rem}
.header-container-top-right .search-div input {background-color: rgba(0, 0, 0, 0.9);color: #fff; outline: none;border:0px solid #fff;border-radius:1rem;height:2.4rem;width:18rem;text-indent:2.8rem}
.header-container-top-right .search-div img {position:absolute;top:.6rem;width:1.6rem;left:1rem}
.header-container-top-right a.icon-a {margin-right:2.0rem}
.header-container-top-right a.icon-a:last-child {margin-right:0rem}
.header-container-top-right a.icon-a img {max-width:1.8rem}

.header-container-bottom {width:100%;height:7rem;border-bottom:3px solid #2d5fde;}
.header-container-bottom-main {display:flex;justify-content:space-between;align-items:center;height:7rem;}
.header-container-bottom-main-left {}
.header-container-bottom-main-left img {width:4rem;margin-right:1rem}
.header-container-bottom-main-left a {color:#fff;font-weight:600;font-size:2rem;}
.header-container-bottom-main-left a:hover {text-decoration:none}

.header-container-bottom-main-right {display:flex;}
.header-container-bottom-main-right .parent-a {color:#fff;font-size:1.5rem;margin-right:3rem;display:block;position:relative;height:7rem;line-height:7rem}

.header-container-bottom-main-right .parent-a font {cursor:pointer}

.header-container-bottom-main-right .parent-a span {display:none;width:6rem;height:5px;background:#2d5fde;position:absolute;bottom:3px;left:0;right:0;margin:auto}
.header-container-bottom-main-right a:hover, .header-container-bottom-main-right a:link, .header-container-bottom-main-right a:visited, .header-container-bottom-main-right a:active {text-decoration:none;}
.header-container-bottom-main-right .parent-a:hover span {display:none}
.header-container-bottom-main-right .current span {display:none}
.header-container-bottom-main-right a.current {color:#2B91C5}

.header-container-bottom-main-right .parent-a div.child-menu {display:none;position:absolute;}
.header-container-bottom-main-right .parent-a div.child-menu .child-menu-div {display:block;height:4.5rem;position:relative;width:35rem;margin-bottom:.2rem}
.header-container-bottom-main-right .parent-a div.child-menu .child-menu-div-short {width:9rem;}
.header-container-bottom-main-right .parent-a div.child-menu .child-menu-div .child-menu-div-back {display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:#000;opacity:0.7}
.header-container-bottom-main-right .parent-a div.child-menu .child-menu-div .child-menu-a {display:block;width:100%;height:100%;font-size:1.4rem;line-height:4.5rem;color:#fff;position:absolute;padding-left:1rem}

/*.header-container-bottom-main-right .parent-a:hover div.child-menu {display:block}*/

.header-container-bottom-main-right a.contact-us-a {line-height:0;margin-right:0rem;}
.header-container-bottom-main-right a.contact-us-a div.contact-us-a-div {
background:#2B91C5;
width:100%;
height:4rem;
margin-top:1.5rem;
border-radius:4px;
padding:0 2.5rem;
color:#fff;
line-height:4rem;font-size:1.4rem;}

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

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


/* footer */
.footer-row {background:#0A1628;margin-top:7rem;}

.footer-row-container {display:flex;justify-content:space-between;padding-top:6rem;padding-bottom:4rem}
.footer-row-container-left {height:50rem;position:relative}
.footer-row-container-left .footer-row-container-left-top {display:flex;}
.footer-row-container-left .footer-row-container-left-top .footer-row-container-left-top-left {}
.footer-row-container-left .footer-row-container-left-top .footer-row-container-left-top-left a.footer-logo-a {color:#fff;font-weight:600;font-size:2rem;}
.footer-row-container-left .footer-row-container-left-top .footer-row-container-left-top-left img.logo1 {width:4rem;margin-right:1rem}
.footer-row-container-left .footer-row-container-left-top .footer-row-container-left-top-left p {font-size:1.4rem;color:#6c7595;margin-top:1.5rem;line-height:2.8rem}
.footer-row-container-left .footer-row-container-left-top .footer-row-container-left-top-right {margin-left:1rem;}
.footer-row-container-left .footer-row-container-left-top .footer-row-container-left-top-right p {font-size:1.8rem;color:#f1f1f1;}
.footer-row-container-left .footer-row-container-left-top .footer-row-container-left-top-right ul {margin-top:2rem;}
.footer-row-container-left .footer-row-container-left-top .footer-row-container-left-top-right ul li {margin-bottom:1rem}
.footer-row-container-left .footer-row-container-left-top .footer-row-container-left-top-right ul li a {color:#6c7595;font-size:1.4rem;}
.footer-row-container-left .footer-row-container-left-bottom {position:absolute;bottom:0;display:flex;align-items:center;}
.footer-row-container-left .footer-row-container-left-bottom img {margin-right:3rem;}


.footer-row-container-center {height:50rem;position:relative}
.footer-row-container-center .footer-row-container-center-top {}
.footer-row-container-center .footer-row-container-center-top p {font-size:1.8rem;color:#fff;font-weight:400;}
.footer-row-container-center .footer-row-container-center-top ul {margin-top:2rem;}
.footer-row-container-center .footer-row-container-center-top ul li {margin-bottom:1rem}
.footer-row-container-center .footer-row-container-center-top ul li a {color:#6c7595;font-size:1.4rem;}
.footer-row-container-center .footer-row-container-center-bottom {position:absolute;bottom:1.5rem;display:flex;align-items:center;}
.footer-row-container-center .footer-row-container-center-bottom img {margin-left:2rem;}
.footer-row-container-center .footer-row-container-center-bottom img.n-1-1 {max-width:6rem}
.footer-row-container-center .footer-row-container-center-bottom img.n-1-2 {max-width:12rem}


.footer-row-container-right {height:50rem;position:relative;}
.footer-row-container-right-top {}
.footer-row-container-right-top a.footer-row-container-right-top-a {color:#f1f1f1;font-size:1.8rem;}
.footer-row-container-right-top .t1 {color:#6c7595;font-size:1.4rem;margin-top:2rem;}
.footer-row-container-right-top .t2 {color:#6c7595;font-size:1.4rem;margin-top:1rem;}
.footer-row-container-right-top .t3 {color:#6c7595;font-size:1.4rem;margin-top:1rem;}
.footer-row-container-right-top .em {background:#ffd35c;color:#000;width:28rem;padding:1rem;font-size:2rem;margin-bottom:1rem;}
.footer-row-container-right .footer-row-container-right-top .em-first {margin-top:3rem;}
.footer-row-container-right-bottom {display:flex;width:100%;padding-bottom:2.5rem;align-items:center;margin-top:3rem}
.footer-row-container-right-bottom a {margin-right:3.5rem}
.footer-row-container-right-bottom img {width:2.4rem}


.footer-row-bottom {width:100%;height:6rem;line-height:6rem;text-align:center;color:#fff;font-size:1.6rem;background:#243e67;}







/*手机*/
@media (max-width:1024px) {
	
	.header-row {position:fixed;}
	
	.header-container-top-main {width:98%;}
	.header-container-top-left-img {display:none}
	.header-container-top-left {margin-left:1rem}
	.header-container-top-left a {color:#fff;font-size:1.3rem;margin-right:.6rem}
	.header-container-top-left a.shu {font-size:.6rem}
	.header-container-top-right .search-div {position:relative;margin-right:1rem}
	.header-container-top-right .search-div input {border:0px solid #fff;border-radius:.3rem;height:2.4rem;width:16rem;padding-left:1rem}
	.header-container-top-right .search-div img {position:absolute;right:1rem;top:.6rem}
	.header-container-top-right a.icon-a {margin-right:1rem;}
	.header-container-top-right a.icon-a img {width:1.8rem}
	

	.mobile-nav-menu {display:block;}
	.header-container-bottom-main {}
	.header-container-bottom {}
	.header-container-bottom-main-left {margin-left:1rem;}
	.header-container-bottom-main-left img {width:3rem}
	.header-container-bottom-main-right {
		position:fixed;
		width:60%;
		max-width:300px;
		height:auto;
		max-height:calc(100vh - 10.3rem);
		background:rgba(0,0,0,0.85);
		z-index:999;
		top:10.3rem;
		right:-300px;
		left:auto;
		display:flex !important;
		flex-direction:column;
		padding-top:0;
		overflow-y:auto;
		transition:right 0.3s ease;
		border-radius:0 0 0 8px;
	}
	.header-container-bottom-main-right.active {right:0}
	.mobile-menu-close {
		position:absolute;
		top:2rem;
		right:2rem;
		width:3rem;
		height:3rem;
		cursor:pointer;
		display:none;
		align-items:center;
		justify-content:center;
	}
	.header-container-bottom-main-right.active .mobile-menu-close {display:flex}
	.mobile-menu-close::before,
	.mobile-menu-close::after {
		content:'';
		position:absolute;
		width:2rem;
		height:2px;
		background:#fff;
	}
	.mobile-menu-close::before {transform:rotate(45deg)}
	.mobile-menu-close::after {transform:rotate(-45deg)}
	.mobile-menu-overlay {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.5);
		z-index:998;
		display:none;
	}
	.mobile-menu-overlay.active {display:block}
	.header-container-bottom-main-right a.parent-a {color:#fff;font-size:1.8rem;margin-right:0rem;display:block;position:relative;height:5rem;line-height:5rem;text-indent:2rem;border-bottom:1px solid rgba(45,95,222,0.5)}
	.header-container-bottom-main-right a.contact-us-a div.contact-us-a-div {font-size: 1.8rem;background:transparent;width:100%;height:5rem;line-height:5rem;margin-top:0rem;border-radius:0;padding:0rem;color:#fff;border-bottom:1px solid rgba(45,95,222,0.5);}
	.header-container-bottom-main-right a.contact-us-a div.contact-us-a-div img {display:none}
	.header-container-bottom-main-right .parent-a span {display:none}

	/* 下拉处理 */
	.header-container-bottom-main-right div.parent-a {color:#fff;font-size:1.8rem;margin-right:0rem;display:block;position:relative;height:auto;line-height:5rem;text-indent:2rem;border-bottom:1px solid rgba(45,95,222,0.5)}
	.header-container-bottom-main-right .parent-a div.child-menu {display:none;position:relative;background:rgba(0,0,0,0.3);}
	.header-container-bottom-main-right .parent-a div.child-menu .child-menu-div {display:block;min-height:4rem;position:relative;width:100%;margin-bottom:0;border-bottom:1px solid rgba(45,95,222,0.3)}
	.header-container-bottom-main-right .parent-a div.child-menu .child-menu-div-short {width:100%;}
	.header-container-bottom-main-right .parent-a div.child-menu .child-menu-div .child-menu-div-back {background:transparent;opacity:1}
	.header-container-bottom-main-right .parent-a div.child-menu .child-menu-div .child-menu-a {font-size:1.4rem;line-height:4rem;color:#fff;text-indent:3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;padding-right:1rem;box-sizing:border-box}


	/* footer */
	.footer-row {background:#262626;margin-top:0rem;}
	.footer-row-container {display:block;}
	.footer-row-container-left {height:auto;}
	.footer-row-container-left .footer-row-container-left-top {display:block;}
	.footer-row-container-left .footer-row-container-left-top .footer-row-container-left-top-left {text-align:center;}
	
	.footer-row-container-left .footer-row-container-left-top .footer-row-container-left-top-right {margin-left:0rem;text-align:center;margin-top:3rem;}
	.footer-row-container-left .footer-row-container-left-bottom {position:relative;display:flex;justify-content:center;margin-top:3rem;}
	.footer-row-container-left .footer-row-container-left-bottom img {margin-right:1rem;width:10rem}



	.footer-row-container-center {height:auto;margin-top:5rem;}
	.footer-row-container-center .footer-row-container-center-top {text-align:center;}
	.footer-row-container-center .footer-row-container-center-bottom {position:relative;bottom:0;display:flex;align-items:center;justify-content:center;margin-top:3rem;}
	.footer-row-container-center .footer-row-container-center-bottom img {margin-left:2rem}


	.footer-row-container-right {height:auto}
	.footer-row-container-right-top {text-align:center;margin-top:5rem;}
	.footer-row-container-right-bottom {position:relative;bottom:0;display:flex;justify-content:center;width:100%;padding-bottom:2.5rem;align-items:center;margin-top:3rem;}
	.footer-row-container-right-bottom a {margin-right:3.5rem}
	.footer-row-container-right-bottom a:last-child {margin-right:0rem;}
	.footer-row-container-right-top a.footer-row-container-right-top-a, .footer-row-container-right-top .em {margin-left:auto;margin-right:auto;}
	
}

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

}

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

}

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