@charset "utf-8";







/* CSS Document */



html,



body,



div,



span,



iframe,



input,



select,



map,



font,



img,



a img,



samp,



strong,



hr,



h1,



h2,



h3,



h4,



h5,



h6,



b,



p,



blockquote,



a,



address,



code,



dl,



dt,



dd,



ol,



ul,



li,



form,



label,



table,



tr,



td,



th {



	padding: 0;



	margin: 0;







	box-sizing: border-box;



	font-family: PingFang SC, Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, Microsoft Yahei, 微软雅黑, STHeiti, 华文细黑, sans-serif;



}







ol,



ul {



	list-style: none;



}







h1,



h2,



h3,



h4,



h5,



h6 {



	line-height: 1;



	font-weight: normal;



}







a {



	text-decoration: none;



	



}







i,



em {



	font-style: normal;



}







a:focus {



	outline: none;



}







a.hidefocus {



	outline: none

}







input[type=text],



input[type=submit],



input[type=button] {



	-webkit-appearance: none;



	/*去除iPhone input默认样式}*/



}







input {



	outline: none;



	background: none;



}







img {



	display: block;



}







.fl {



	float: left;



}







.fr {



	float: right;



}







.clear:after {



	display: block;



	content: "";



	clear: both;



	height: 0;



	overflow: hidden;



}







.clear {



	zoom: 1;



}







.hidden {



	display: none;



}







.moreBox {



	display: none;



}







@font-face {



	font-family: "MontserratBold";



	src: url("../fonts/Montserrat-Bold.ttf");



}







@font-face {



	font-family: "MontserratRegular";



	src: url("../fonts/Montserrat-Regular.ttf");



}







@font-face {



	font-family: "MontserratLight";



	src: url("../fonts/Montserrat-Light.ttf");



}







footer {



	box-sizing: border-box;



	width: 100%;



	max-width: 2000px;



	height: 100px;



	background: #12469b;



	overflow: hidden;



	text-overflow: ellipsis;



	white-space: nowrap;



}







footer p {



	width: 36%;



	margin: 0 auto;



	font-size: 13px;



	font-weight: 400;



	color: #ffffff;



	line-height: 15px;



	margin-top: -110px;



	text-align: center;



}







.left {



	width: 307px;



	position: fixed;



	z-index: 999;



	left: 0;



	top: 0;



	display: flex;



	justify-content: space-between;



	flex-direction: column;



	height: 100vh;



}







.left .logo {



	width: 100%;



	margin-top: 39px;



	margin-bottom: 39px;



}







.left .logo img {



	width: 237px;



	/*height: 22px;*/



	margin: 0 auto;



}







.left .logo img.cd {



	display: none;



}







.left .nav {



	width: 100%;



}







.left .nav>ul>li {



	width: 100%;



	height: 80px;



	padding-left: 40px;



	padding-right: 50px;



	display: flex;



	align-items: center;



	justify-content: space-between;



}







.left .nav>ul>li>a {



	display: flex;



	align-items: center;



	justify-content: space-between;



	width: 100%;



	height: 100%;



}







.left .nav>ul>li>a img {



	width: 22px;



}







.left .nav>ul>li>a .name {



	font-size: 20px;



	font-weight: 600;



	color: #000000;



	opacity: 0.8;



	width: 145px;



}







.left .nav>ul>li>a .arrow {



	/*width: 8px;*/



}







.left .nav>ul>li>a .jty {



	display: none;



}







.left .nav>ul>li .erji {



	width: 307px;



	height: 100vh;



	background-color: #E3E3E3;



	position: absolute;



	left: 100%;



	top: 0px;



	height: 1200px;



	z-index: 999;



	display: none;



}







.left .nav>ul>li .erji>ul {



	width: 100%;



	margin: 0 auto;



}







.left .nav>ul>li .erji>ul>li {



	width: 100%;



	height: 80px;



	padding: 0 15px;



	display: flex;



}







.left .nav>ul>li .erji>ul>li a {



	display: flex;



	align-items: center;



	justify-content: space-between;



	width: 100%;



	height: 100%;



	background: url("../images/lin_dot_gray.png") repeat-x left bottom;



}







.left .nav>ul>li .erji>ul>li a p {



	font-size: 18px;



	color: #333;



	line-height: 70px;



}







.left .nav>ul>li .erji>ul>li a .arrow {


    width: 22px;
	color: #e60f1c;



	font-size: 24px;



}







.left .nav>ul>li .erji>ul>li .erjis {



	width: 307px;



	height: 100vh;



	background-color: #666;



	position: absolute;



	left: 100%;



	top: 0px;



	height: 1200px;



	z-index: 999;



	display: none;



}







.left .nav>ul>li .erji>ul>li .erjis ul {



	width: 100%;



	margin: 0 auto;



}







.left .nav>ul>li .erji>ul>li .erjis ul>li {



	width: 100%;



	height: 80px;



	padding: 0 15px;



	display: flex;



}
.left .nav>ul>li .erji>ul>li:nth-child(3) .erjis{
	display: none !important;
}
.left .nav>ul>li .erji>ul>li:nth-child(4) .erjis{
	display: none !important;
}





.left .nav>ul>li .erji>ul>li .erjis ul>li a {



	display: flex;



	align-items: center;



	justify-content: space-between;



	width: 100%;



	height: 100%;



	background: url("../images/lin_dot_gray.png") repeat-x left bottom;



}







.left .nav>ul>li .erji>ul>li .erjis ul>li a p {



	font-size: 18px;



	color: #fff;



	line-height: 70px;



}







.left .nav>ul>li .erji>ul>li .erjis ul>li a .arrow {



	color: #e60f1c;



	font-size: 24px;



}







.left .nav>ul>li .erji>ul>li .erjis ul>li:hover {



	background-color: rgb(229,8,20);



}







.left .nav>ul>li .erji>ul>li:hover {



	background-color: #666;



}







.left .nav>ul>li .erji>ul>li:hover a p {



	color: #999;



}







.left .nav>ul>li .erji>ul>li:hover .erjis {



	display: block;



}







.left .nav>ul>li:hover {



	background-color: #eee;



}







.left .nav>ul>li:hover .erji {



	display: block;



}







.left .nav .Search_selections {



	width: 100%;



	height: 122px;



	background: rgb(229,8,20);



	margin-top: 215px;



	display: none;



}







.left .nav .Search_selections ul {



	display: flex;



	justify-content: space-evenly;



	flex-direction: column;



	height: 100%;



}







.left .nav .Search_selections ul .search {



	width: 167px;



	height: 32px;



	border: 1px solid #ffffff;



	border-radius: 16px;



	display: flex;



	align-items: center;



	padding-left: 21px;



	margin: 0 auto;



}







.left .nav .Search_selections ul .search img {



	width: 15px;



	margin-right: 12px;



}







.left .nav .Search_selections ul .search input {



	width: 100px;



	height: 100%;



	font-size: 12px;



	color: #fff;



}







.left .nav .Search_selections ul .search input::placeholder {



	font-size: 12px;







	font-weight: 400;



	color: #ffffff;



}







.left .nav .Search_selections ul .option {



	display: flex;



	align-items: center;



	justify-content: center;



}







.left .nav .Search_selections ul .option p {



	font-size: 12px;



	color: #fff;



	margin-left: 10px;



	margin-right: 10px;



}







.left .nav .Search_selections ul .option label {



	font-size: 12px;



	



	font-weight: 400;



	color: #ffffff;



	margin-left: 5px;



}







.left .Search_selection {



	width: 307px;
    


	height: 100px;



	/*background: rgb(229,8,20);*/
        background:#12469b ;


	position: absolute;



	/*top: 550px;*/
	bottom: 0;



}







.left .Search_selection ul {



	display: flex;



	justify-content: space-evenly;



	flex-direction: column;



	height: 100%;



}







.left .Search_selection ul .search {



	width: 234px;



	height: 50px;



	border: 2px solid #ffffff;



	border-radius: 5px;



	display: flex;



	align-items: center;



	



	margin: 10px auto;



}







.left .Search_selection ul .search img {



	width: 15px;



	margin-right: 12px;



}







.left .Search_selection ul .search input {



	width: 100px;



	height: 100%;



	font-size: 12px;



	color: #fff;



}







.left .Search_selection ul .search input::placeholder {



	font-size: 12px;






	font-weight: 400;



	color: #ffffff;



}







.left .Search_selection ul .option {



	display: flex;



	align-items: center;



	justify-content: center;



}

.left .Search_selection ul .option .option_bg{
	height: 40px;
    position: relative;
    background: #fff;
    width: 234px;
	padding: 3px 5px 5px 5px;
	border-radius: 10px;
}






.left .Search_selection ul .option p {



	font-size: 12px;



	color: #fff;



	margin-left: 10px;



	margin-right: 10px;



}







.left .Search_selection ul .option a {



	font-size: 14px;
    font-weight: 600;
    color: #12469b;
    margin-left: 5px;
    background-color: #fff;
    border: 3px solid #fff;
    margin-left: 0;
    height: 34px;
    line-height: 21px;
	position: absolute;    
	padding: 5px 30px;
	border-radius: 7px;



}

.left .Search_selection ul .option a.active{

	color: #fff;
    background-color: #12469b;

}
.option_spot{
	width: 6px;
    height: 10px;
    background: #12469b;
    position: absolute;
    z-index: 999;
    top: 40%;
    left: 110px;
}












.right {



	width: 100%;



	max-width: 2000px;



	padding-left: 307px;
	min-height: 104vh;



}







.footer__nav {



	width: 70%;



	height: 33px;



	margin: 0 auto;



	font-size: 13px;



	line-height: 33px;



	display: flex;



	justify-content: space-between;

}







.footer__nav .item {



	width: 20%;



}



.footer__nav .item:nth-of-type(1),

.footer__nav .item:nth-of-type(2),

.footer__nav .item:nth-of-type(3) {



	width: 15%;



}



.footer__nav .item:nth-of-type(4) {

	width: 25%;

}



.footer__nav .item:nth-of-type(5) {

	width: 10%;

}



.footer__nav .item a {



	color: #FFFFFF;
    text-align: center;
    width: 100%;
    display: block;


	/*padding: 0 0 0 12px;*/



	text-decoration: none;



}







@media screen and (max-width: 1550px) and (min-width: 750px) {



	body {



		zoom: 0.9;



	}



}







@media screen and (max-width: 750px) {



	.left {



		width: 100%;



		height: 1rem;



		background-color: #fff;



		position: static;



	}







	.left .nav {



		position: absolute;



		width: 100%;



		height: 17vh;



		background-color: #fff;



		top: -4.2rem;



		right: 0;



		z-index: 2;



	}







	.left .nav>ul {



		display: flex;



		justify-content: space-between;



		flex-wrap: wrap;



	}







	.left .nav>ul>li {



		width: 50%;



		height: 0.7rem;



		padding-left: 0.2rem;



		padding-right: 0.2rem;



		border-bottom: none;



		background-color: #12469b;



		border-bottom: 1px solid #fff;



	}







	.left .nav>ul>li a img {



		display: none;



	}







	.left .nav>ul>li a .arrow {



		display: none;



	}







	.left .nav>ul>li a .jty {



		display: block;

        filter: brightness(20);

		width: .3rem;



	}







	.left .nav>ul>li a .name {



		font-size: 0.32rem;



		width: 100%;



		font-weight: 400;



		color: #fff;



	}







	.left .nav>ul>li .erji {


		
		    position: absolute !important;
		    top: 0px !important;
		    height: auto !important;
		    width: 100% !important;
		    left: 0 !important;
			display: none;



	}
	.left .nav>ul>li .erji>ul>li:hover .erjis{
		width: 50%;
		left: 50%;
		height: 100%!important;
	}







	.left .nav>ul>li:hover {



		background-color: rgb(229,8,20);



	}







	.left .nav>ul>li:nth-child(2n) {



		border-left: 1px solid #fff;



	}
.left .nav>ul>li:nth-child(5) a{
    width: 100% !important;
}






	.left .nav>ul>li:nth-child(5) {
		width: 50%;

	}

	.left .nav>ul>li:nth-child(6) {
		/*display: none;*/
		width: 50%;

	}
.left .Search_selection ul .option{
    padding-bottom:10px ;
}





	.left .nav .Search_selections {



		width: 100%;



		height: 2rem;



		background: rgb(229,8,20);



		margin-top: 0rem;



		display: block;



	}







	.left .nav .Search_selections ul {



		display: flex;



		justify-content: space-evenly;



		flex-direction: column;



		height: 100%;



	}







	.left .nav .Search_selections ul .search {



		width: 5rem;



		height: 0.75rem;



		border: 1px solid #ffffff;



		border-radius: 0.5rem;



		display: flex;



		align-items: center;



		padding-left: 0.21rem;



		margin: 0 auto;



	}







	.left .nav .Search_selections ul .search img {



		width: 0.5rem;



		margin-right: 0.12rem;



	}







	.left .nav .Search_selections ul .search input {



		width: 2rem;



		height: 100%;



		font-size: .24rem;



		color: #fff;



	}







	.left .nav .Search_selections ul .option {



		display: flex;



		justify-content: center;



		align-items: center;



		padding-left: 0.2rem;



	}







	.left .nav .Search_selections ul .option a {



		font-size: 0.26rem;



		font-weight: 400;



		color: #ffffff;



		margin-right: 0.2rem;



		margin-left: 0.2rem;



	}







	.left .nav .Search_selections ul .option a:first-child {



		color: #B1B1B1;



		margin-left: 0;



	}







	.left .Search_selection {



		display: none;



	}







	.left .logo {



		height: 1.5rem;



		width: 7.5rem;



		margin: 0 auto;



		display: flex;



		align-items: center;



		justify-content: center;



		position: relative;



		z-index: 999999999999;



		background-color: #fff;



	}







	.left .logo img {



		width: 5rem;



		margin: 0.1rem auto;



	}







	.left .logo img.cd {



		margin: 0;



		display: block;



		position: absolute;



		transform: translate(-50%, -50%);



		top: 50%;



		right: 0.1rem;



		width: 0.5rem;



	}







	.right {



		width: 100%;



		padding: 0;



	}







	footer {



		/*height: 2rem;*/

	    height: 6rem;

		display: block;



		align-items: center;



		flex-wrap: wrap;



		padding-left: 0;



	}







	footer p {



		font-size: 0.2rem;



		line-height: 0.4rem;



		width: 6rem;



		text-align: center;



		margin: 0 auto;

		

		margin-top: -1.2rem;



	}







	.footer__nav {



		width: 80%;



		/*height: 1.15rem;*/
		
			height: 4rem;



		font-size: 0.2rem;



		line-height: .3rem;



		/*margin: 0 auto;*/
			margin: 10px auto;



		flex-wrap: wrap;



	}



	.footer__nav .item:nth-of-type(1),

	.footer__nav .item:nth-of-type(2),

	.footer__nav .item:nth-of-type(3),

	.footer__nav .item:nth-of-type(4),

	.footer__nav .item:nth-of-type(5) {

		width: 100%;
		padding: 5px 0;
			/*width: 50%;*/

	}



	.footer__nav .item a {



		display: flex;



		color: #FFFFFF;



		padding: 0 0 0 12px;



		text-decoration: none;



	}
	


}
	footer{
		margin-top: 20px;
	}