body,dd,div,dl,dt,h1,h2,h3,h4,li,ol,ul {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-family: Noto Sans SC
}

li,ol,ul {
	text-decoration: none;
	font-family: Noto Sans SC
}

img {
	border: 0;
	vertical-align: middle
}

a {
	color: #000;
	outline: 0;
	font-family: Noto Sans SC;
	vertical-align: middle;
	display: inline-block
}

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

html {
	overflow-x: hidden
}

.clearBoth::after {
	content: "";
	display: block;
	clear: both
}

footer {
	display: block;
	width: 100%;
	background: #102338;
	padding-top: 35px;
	padding-bottom: 25px
}

footer h3 {
	font-size: 20px;
	text-transform: uppercase;
	color: #fff;
	font-family: Noto Sans SC;
	display: block;
	margin-bottom: 20px
}

.footer-left {
	display: block;
	float: left;
	width: 46%
}

.footer-left>a {
	display: block;
	height: 44px;
	font-size: 16px;
	font-family: Noto Sans SC;
	text-decoration: none;
	color: #fff;
	width: 100%;
	max-width: 400px;
	margin-bottom: 16px;
	line-height: 25px;
	padding-left: 48px;
	position: relative
}

.footer-left>a:hover {
	border-bottom: 1px solid #fff;
	border-bottom: 2px
}

.footer-left>a::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../image/tc44.png) no-repeat;
	width: 51px;
	height: 51px
}

.footer-left>a:nth-child(1)::before {
	background-position: 0 0
}

.footer-left>a:nth-child(2)::before {
	background-position: 0 -65px
}

.footer-left>a:nth-child(3)::before {
	background-position: 0 -130px
}

.footer-lsit {
	display: block;
	float: left;
	width: 33.333%;
	padding-left: 5px
}

.footer-lsit>ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.footer-lsit>ul>li {
	display: block;
	width: 100%;
	margin-bottom: 16px
}

.footer-lsit>ul>li>a {
	color: #fff;
	display: inline-block;
	border-bottom: 1px solid transparent;
	font-size: 15px;
	line-height: 20px
}

.footer-lsit>ul>li>a:hover {
	border-bottom: 5px;
	border-bottom: 1px solid #fff;
	text-decoration: none
}

.Follow-list {
	display: block;
	margin-bottom: 20px;
	margin-left: -6px
}

.Follow-list>a {
	display: inline-block;
	background: url(../image/tc45.png) no-repeat;
	width: 30px;
	height: 30px;
	margin-right: 3px;
	transform: all .8s
}

.Follow-list>a:hover {
	margin-top: -5px
}

.Follow-list>a:nth-child(1) {
	background-position: 0 0
}

.Follow-list>a:nth-child(2) {
	background-position: -34px 0
}

.Follow-list>a:nth-child(3) {
	background-position: -68px 0
}

.Follow-list>a:nth-child(4) {
	background-position: -100px 0
}

.Follow-list>a:nth-child(5) {
	background-position: -134px 0
}

.bottom_index {
	background-color: #000;
	padding-bottom: 0;
	border-top: solid 1px #384653
}

.bottom_index_body {
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 10px
}

.bottom_index_left {
	float: left
}

.bottom_index_left span {
	font-size: 14px;
	color: #aaa
}

.bottom_index_left span a {
	font-size: 14px;
	color: #fff;
	display: inline-block;
	margin-left: 5px;
	font-family: Noto Sans SC
}

.bottom_index_left>a {
	font-size: 14px;
	color: #fff;
	display: inline-block;
	margin-left: 30px
}

.foot_link {
	float: right;
	text-align: left
}

.link_index {
	list-style: none;
	float: left;
	width: 120px;
	transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s
}

.link_index>li {
	list-style: none;
	float: left;
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-right: 30px;
	background: url(../image/tc46.png) 106px 3px no-repeat;
	height: 30px
}

.link_index>li:hover {
	overflow: inherit;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-top: none
}

.link_index>li>p {
	float: left;
	font-size: 14px;
	color: #aaa;
	line-height: 20px;
	font-family: Noto Sans SC;
	margin: 0
}

.link_index>li>a {
	float: right;
	font-size: 14px;
	color: #fff
}

.link_index>li .link_ej {
	position: absolute;
	bottom: 50%;
	left: -1px;
	background-color: #212121;
	z-index: -1;
	width: 101.5%;
	transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	opacity: 0;
	padding: 0 10px 10px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border: solid 1px #fff
}

.link_index>li:hover .link_ej {
	bottom: 100%;
	opacity: 1;
	z-index: 1
}

.link_index>li .link_ej>li {
	float: left;
	width: 100%;
	margin-top: 3px
}

.link_index>li .link_ej>li a {
	font-size: 14px;
	color: #fff
}

@media screen and (min-width:768px) {
	body {
		overflow-x: hidden
	}

	.header-hompa-search {
		display: block;
		width: 40px;
		height: 40px;
		position: relative;
		float: right;
		margin-top: 30px
	}

	.header-hompa-search>img {
		display: none;
		margin: 0 auto;
		max-width: 100%
	}

	.header-top-form {
		border: 1px solid #999;
		height: 35px;
		position: absolute;
		width: 420px;
		background-color: #fff;
		border-radius: 15px;
		margin: 0 auto;
		z-index: 5555;
		right: 0
	}

	.header-top-form-input {
		padding: 0 0 0 5px!important;
		line-height: 35px;
		font-size: 1rem;
		outline: 0!important;
		display: block;
		width: 80%!important;
		height: 35px!important;
		border: 0!important;
		float: left!important;
		padding-left: 19px!important;
		background-color: transparent!important;
		margin-top: -9px
	}

	.header-top-form-sbm {
		outline: 0;
		width: 15%;
		font-size: 0;
		position: absolute;
		top: 0;
		left: 85%;
		float: left;
		height: 35px;
		display: block;
		border: 0;
		background: url(../image/anho2.png) center center no-repeat;
		padding: 0
	}

	.header_index {
		width: 100%;
		left: 0
	}

	.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
		text-decoration: none;
		color: #000;
		font-family: Noto Sans SC;
		font-size: 16px;
		text-transform: capitalize
	}

	.cr-logo {
		display: none
	}

	.navbar-default {
		border: 0;
		width: 100%;
		border-radius: 0;
		clear: both;
		z-index: 999;
		box-shadow: #9e9e9e94 0 2px 7px 3px;
		background-color: #fff
	}

	.head_index {
		padding: 0;
		margin: 0
	}

	.navbar-nav>li {
		margin-right: 15px;
	}

	.dropdown-menu>li {
		display: block;
		width: 100%
	}

	.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
		background-color: transparent;
		color: #fff
	}

	.nav-header-p {
		margin-left: 15px;
		display: block;
		float: left
	}

	.nav-header-p>i {
		font-size: 16px;
		line-height: 19px;
		display: block;
		font-style: normal;
		color: #000
	}

	.nav-header-p>span {
		font-size: 24px;
		line-height: 24px;
		display: block;
		font-family: Noto Sans SC;
		color: #1d5aaa
	}

	.head_index_text>li:hover>a>i {
		opacity: 1
	}

	.navbar-nav>li:hover>.dropdown-menu {
		display: block
	}

	.navbar-default .navbar-nav>li>a {
		position: relative;
		text-transform: capitalize;
		font-size: 18px;
		line-height: 26px;
		transition: all .3s;
		display: block;
		padding: 10px 8px;
		color: #000
	}

	.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
		color: #00409c
	}

	.navbar-default .navbar-nav>li:focus>a,.navbar-default .navbar-nav>li:hover>a {
		color: #00409c;
		text-decoration: none
	}

	.navbar-default .navbar-nav>li:focus>a>i,.navbar-default .navbar-nav>li:hover>a>i {
		opacity: 1;
		transform: rotate(0)
	}

	.head_index_go {
		background-color: transparent;
		max-width: 1280px;
		border: 0;
		margin: 0 auto;
		clear: both
	}

	.nav-header-top {
		margin-top: 20px;
		display: block;
		float: left
	}

	.nav-header-top>h1 {
		display: block;
		margin: 0;
		padding: 0;
		float: left
	}

	.nav-header-top>h2 {
		display: block;
		margin: 0;
		padding: 0;
		float: left
	}

	.nav-header-top>a {
		display: block;
		float: left
	}

	.header-dy-top {
		position: unset;
		z-index: 9999
	}

	.dropdown-menu>li>a {
		color: #fff
	}

	.head_index_text {
		float: right;
		margin: 0;
		padding: 0;
        width: 90%;
	}

	.head_index_text>li>ul {
		left: 0;
		background-color: #fff;
		position: absolute
	}

	.head_index_text>li>ul>li {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
		position: relative
	}

	.head_index_text>li>ul>li:hover>ul {
		display: block;
		top: 0;
		left: 100%
	}

	.dropdown-menu>li>a {
		text-transform: capitalize;
		text-align: left;
		border-bottom: 1px solid #fff;
		display: block;
		padding: 10px 15px;
		color: #666;
		font-size: 14px
	}

	.head_index_text>li>ul>li>a {
		text-transform: capitalize;
		text-align: left;
		border-bottom: 1px solid #fff;
		display: block;
		padding: 10px 15px;
		color: #666;
		font-size: 14px
	}

	.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
		background-color: #00409c;
		color: #fff
	}

	.header-dy-top {
		position: unset;
		top: 0;
		box-shadow: #777 0 2px 8px 0;
		background-color: #fff
	}

	.header-dy-top .header-top {
		display: none
	}
}

@media screen and (max-width:1200px) and (min-width:768px) {
	.fj-chooseUsImg>b {
		background: url(https://www.cnfilter.net/res/baiila/images/fj20a.png) center center no-repeat;
		background-size: 100%
	}
}

.current-menu-item>a {
	color: #00409c!important
}

@media screen and (max-width:1100px) and (min-width:768px) {
	.nav-header-p {
		display: none
	}
}

@media screen and (max-width:767px) {
	.header-hompage {
		display: none
	}

	.header-hompa-search {
		display: none
	}

	.header-img,.header-top {
		display: none
	}

	.navbar-default .navbar-toggle {
		border-color: #000
	}

	.navbar-default .navbar-toggle .icon-bar {
		background-color: #000
	}

	.head_index_go {
		background-color: #fff
	}

	.navbar-default {
		background-color: #fff;
		border: 0
	}

	.cr-logo {
		display: block;
		float: left;
		margin-left: 10px;
		width: 21%
	}

	.cr-logo>img {
		display: block;
		max-width: 191px;
		width: 100%;
		margin-top: 8px
	}

	.head_index_text>li:hover>ul {
		width: 100%
	}

	.head_index_text>li:hover>ul>li>a {
		padding: 8px 20px
	}

	.navbar-default .navbar-nav>li>a {
		transition: all .3s;
		display: block;
		border-bottom: 2px solid transparent;
		color: #000;
		font-size: 16px
	}

	.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
		color: #00409c
	}

	.header-top-sreach,.nav-header-top {
		display: none
	}

	.footer-left {
		width: 100%;
		margin-bottom: 40px
	}

	.footer-left>a {
		text-align: left;
		margin-bottom: 5px
	}

	.footer-lsit {
		width: 100%;
		border-bottom: 1px solid #fff;
		margin-bottom: 15px
	}

	footer {
		padding: 35px 15px
	}

	.bottom_index_left {
		float: none;
		width: 100%;
		text-align: center
	}

	.foot_link {
		clear: both;
		float: none;
		margin: 30px auto 0
	}

	.link_index {
		float: none;
		margin: 0 auto
	}

	.link_index>li {
		float: none
	}
}

.header-us {
	margin: 10px 0 10px 0
}

.header-us span {
	padding-right: 10px
}

.header-us span a {
	color: #1d5aaa;
	font-family: Noto Sans SC
}

.header_index .topbox {
	background: #8bd0ed;
	padding: 8px 0;
}

.header_index .topbox .infobox {
	max-width: 1280px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.header_index .topbox .infobox>div {
	color: #fff;
	width: 33.333%;
}
.header_index .topbox .infobox>div span{
    display: block;
}
.header_index .topbox img{
	display: inline-block;
}
.header_index .topbox a {
	color: #fff;
	width: 85%;
	font-size: 16px;
}

@media(max-width:640px) {
	.header_index .topbox {
		display: none
	}
}