@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2') format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* 设置网页统一的字体大小、行高、字体系列相关属性 */
body {
  font: 14px/1.5 'Roboto', sans-serif;
  color: #444;
}

:root {
--primary:#004884;	
--main: #4aa4e0;
--hs:#595857;
}

*{
	
	word-wrap: break-word;
	word-break: break-word;
}

.div-img{
	overflow: hidden;
}

.div-img img{
	width: 100%;
	transition: all .3s ease;
}

.pageWrap{
	position: relative;
	overflow-x: hidden;
}

.container-fluid{
	width: 96%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}


/*顶部*/
.headTop{
	background-color: #FFF;
    color: #444;
    
    transition: all .3s ease;
    padding:25px 0px;
}

.headTop a{
	display: inline-block;	
	/* margin-right: 15px; */
}

.headTop span{
	display: inline-block;	
}

.headTop .topLeft{
	padding-left: 3%;
}

.topRight{
	/* padding: 10px 3%; */
	/* text-align: right; */
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	/* height: 100%; */
}

.topRight .tbs span{
	display: inline-block;
	margin-left: 5px;
}

.topRight .tbs span svg{
	width: 24px;
	height: 24px;
	fill: var(--primary);
}


.topRight p{
	margin-right: 10px;
	
}

.topRight p strong{
	font-size: 18px;
}

.topRight .topLinks{
	/* margin-bottom: 25px; */
	text-align: right;
}


.topRight .topLinks a{
	display: inline-block;
    color: #333;
    position: relative;
    margin-right: 0;
    font-weight: lighter;
    padding-left: 10px;
    padding-right: 6px;
    font-size: 0.75rem;
}

.topRight .topLinks a:hover{
	color: var(--primary);
}

.topRight .topLinks a:not(:first-child):after{
	position: absolute;
	content: " ";
	width: 1px;
	background-color: #999;
	height: 10px;
	top: 50%;
	transform: translateY(-50%);
    left: 0;
}

.topRight .topLinks a:last-child{
	padding-right: 0px;
}


.topLeft .item{
	margin-right: 25px;
}

.topLeft .item a{
	display: block;
}

.topLeft .item span.s1{
	display: inline-block;
	width: 24px;
	height: 24px;
	fill: #fff;
}

.topLeft .item.item2 span.s2{
	margin-left: 3px;
}

/*PC头部样式*/

.pcHeader{
	/* position: fixed; */
	width: 100%;
	left: 0;
	top: 0;
	background: #fff;
	z-index: 999;
	transition: all .3s ease;
	/* box-shadow: 0 0 15px rgb(0 0 0 / 20%); */
}

.pcHeader .div-logo img{
	height: 71px;
}

.pcHeader .div-logo a{
	display: block;
}

.pcHeader .div-logo span{
	font-size: 16px;
    font-weight: bold;
}

.pcdh{
	background-color: #e5e5e5;
	position: relative;
}



/*菜单*/
.divNav{
	/* margin-right: 10%; */
}
.divSearch{
	margin: 0 1.4rem;
}
.divSearch .tb img{
	width: 0.85rem;
	font-weight: bold;
	cursor: pointer;
}
.divSearch .tb img:hover{
	opacity: 0.7;
}
.navItems{
	display: block;
}

.navItems>li{
	display: inline-block;
}

.navItems>li>a{
	display: block; 
	font-size: 14px;
	font-weight: bold;
	height: 66px;
	line-height: 66px;
	width: max-content;
	padding: 0 3px;
	transition: all .15s;
	position: relative;
	border-radius: 25px;
	color: #444;
	text-transform: uppercase;
}

.navItems>li>a strong{
	font-weight: bold;
}

.navItems>li:hover>a{
	color: var(--primary);
}

.navItems .topmenua {
	position: relative;
}

.navItems>li:hover .topmenua::after{
	position: absolute;
    top: 66px;
    left: 50%;
    transform: translateX(-50%) rotate(360deg) !important;
    content: "";
    z-index: 111111111;
    width: 0px;
    height: 0px;
    -webkit-transform: translateX(-50%) rotate(360deg) !important;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #e5e5e5 transparent transparent transparent;
    display: inline-block;
}
.topmenua.hide-after::after {
  opacity: 0 !important;
}

.navItems>li>a i{
	
    color: #07101a;
    margin-left: 8px;
    transition: all .3s ease;
}

.navItems>li:hover>a i{
	transform: rotate(180deg);
    color: var(--primary);
}

.navItems>li .subnav{
	position: absolute;
    /* transform: translateY(50%); */
    z-index: 10;
    opacity: 0;
    pointer-events: none;
    transition: all 0.4s;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,0.06);
    width: 100%;
    left: 0;
    padding: 25px 0;
	padding-top: 2.5rem;
    background-color: var(--primary);
    color: #fff;
}

.navItems>li .subnav.on{
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}

.navItems>li .subnav p.title{
	margin-bottom: 15px;
	text-transform: uppercase;
}

.navItems>li .subnav p.title a{
	color: #fff;
}


.navItems>li .subnav .itemLists a{
	color: #fff;
	display: block;
	
	padding-left: 1.2rem;
	position: relative;
	/* margin-left: 10px; */
	margin-bottom: 10px;
}

.navItems>li .subnav .itemLists a:after{
	position: absolute;
	content: "";
	width: 12px;
	height:100%;
	top: 0%;
	left: 0;
	/* background-color: #fff; */
	background-image: url(/assets/images/right.png);
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: center;
}

.navItems>li .subnav .item{
	margin-right: 45px;
	margin-bottom: 15px;
}

.navItems>li .subnav .item .itemLists{
	margin-bottom: 15px;
}



/*右侧放大镜*/
.pcHeader .divRight a{
	display: inline-block;
}

.pcHeader .divRight a svg{
	fill: var(--primary);
	width: 23px;
	height: 23px;
}

.fhead{
	/* height: 193px; */
}

@media (max-width: 1430.98px) {
	.navItems>li>a{
		padding: 0 15px;
	}
}

@media (max-width: 1299.98px) {
	.navItems>li>a{
		padding: 0 10px;
		font-size: 14px;
	}

	.divTel{
		display: none;
	}
}

@media (max-width: 1199.98px) {
	.navItems>li>a {
        padding: 0 5px;
        font-size: 12px;
    }
	.divTel{
		display: none;
	}
	.pcHeader .div-logo img{
		height: 55px;
	}
}

@media (max-width: 1099.98px) {
	.navItems>li>a{
		font-size: 16px;
	}

	.pcHeader .div-logo img{
		height: 45px;
	}

	.navItems>li .subnav a{
		
		min-width: 140px;
	}
	.conS{
		float: none !important;
	}
}

/*PC头部样式 END*/

/*手机端导航*/
@media (max-width: 1199.98px) { 

	.container-fluid{
		width: 100%;
	}

	.fhead{
		height: 60px;
	}

	.moHeader{
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		background: #fff;
		z-index: 999;
		box-shadow: 0 0 5px rgba(0,0,0,.1);
	}
	.moHeader .div-logo{
		width: 180px;
		padding: 5px 0;
	}
	.moHeader .mobmenu {
		display: inline-block;
		vertical-align: top;
		width: 17px;
		height: 17px;
		position: relative;
		cursor: pointer;
	}
	.moHeader .mobmenu dl{
		transform: rotateY(180deg);
        margin-right: 10px;
	}
	.moHeader .mobmenu span {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		background: #004884;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease;
		-moz-transition: .25s ease;
		-o-transition: .25s ease;
		transition: .25s ease;
	}
	.moHeader .mobmenu span:nth-child(1) {
		top: 2px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	.moHeader .mobmenu span:nth-child(2) {
		top: 7px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	.moHeader .mobmenu span:nth-child(3) {
		top: 12px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}


	.sliderCon{
		margin-left: unset;
		max-width: 100%;
	}

	/*手机导航按钮*/
	@keyframes sjnav{
		0% {
		    width: 0;
		}
		25% {
		    width: 15px;
		}
		50% {
		    width: 30px;
		}
		75% {
		    width: 15px;
		}
		100% {
		    width: 0;
		}
	}


	/*下拉菜单*/
	.moNav{
	    position: fixed;
	    top: 0;
	    left: 0;
	    transform: translateX(100vw);
	    z-index: 9999;
	    width: 100%;
	    height: 100vh;
	    background: #fff;
	    overflow-y: auto;
	    opacity: 0;
	    transition: all 0.3s;
	}

	.moNav.show{
		opacity: 1;
		transform: translateX(0);
	}

	.moNav .div-logo{
		width: 180px;
		padding: 15px 15px;
	}

	.moNav .gbBtn i{
		font-size: 24px;
		margin-right: 15px;
	}

	.monavItems>li{
		margin-bottom: 10px;
	}

	.monavItems .navList{
		padding: 0 15px;
		background: #e5e5e554;
		
	}

	.monavItems .navList a{
		height: 55px;
		line-height: 55px;	
	}

	.monavItems .navList span{
		min-width: 45px;
		text-align: right;
		height: 55px;
    	line-height: 55px;
	}

	.monavItems .subnav{
		display: none;
	}

	.monavItems .subnav a{
		display: block;
		margin: 0 10px;
		padding: 0 15px;
		height: 50px;
		line-height: 50px;
		
	}

	.monavItems .subnav a:not(:last-child){
		border-bottom: 1px solid #f5f5f5;
	}

	.monavItems>li.on .navList span i{
		transform: rotate(180deg);
	}
}

@media (max-width: 575.98px) { 
	.moHeader .div-logo,.moNav .div-logo{
		width: 120px;
	}
}
/*手机端导航END*/