* {

	margin: 0;

	padding: 0;

	box-sizing: border-box;

}



html,

body {

	background-color: #F7F7F7;

}



p {

	color: #666;

	font-size: 14px;

}



img {

	vertical-align: middle;

}



a {

	text-decoration: none;

}



li {

	list-style: none;

}



.container {

	width: 1200px;

	margin: 0 auto;

}



.nav_top {

	height: 30px;

	background-color: #F5F5F5;

	line-height: 30px;

}



.nav_top>div {

	display: flex;

	justify-content: space-between;

	align-items: center;

}



.nav_mid {

	height: 120px;

	background-color: #fff;

}



.nav_mid>div {

	display: flex;

	justify-content: space-between;

	align-items: center;

	height: 100%;

}



.nav_mid a img {

	height: 70px;

}



.tel img {

	height: 60px;

	margin-right: 12px;

}



.tel {

	display: flex;

	align-items: center;

}



.tel p {

	color: #B50301;

	font-size: 30px;

	font-weight: bold;

	line-height: 1;

}



.nav_fot {

	height: 46px;

	background-color: #023177;

}



.nav_fot li {

	width: 16.6666666%;

	float: left;

	height: 100%;

	text-align: center;

	line-height: 46px;

}



.nav_fot li:hover {

	background-color: #B50301;

}



.nav_fot a {

	display: block;

	color: #fff;

}



.swiper img {

	width: 100%;

}



.common_tit {

	height: 46px;

	background-color: #023278;

	display: flex;

	justify-content: space-between;

	align-items: center;

	padding: 0 30px;

}



.common_tit p {

	color: #fff;

	font-size: 20px;

}



.common_tit a {

	color: #fff;

}



.fot_top {

	background-color: #333333;

	padding: 30px 0;

}



.link {

	color: #fff;

	font-size: 16px;

	padding-bottom: 30px;

	border-bottom: 1px solid #fff;

}



.link a {

	color: #fff;

}



.link a::before {

	content: "|";

	display: inline-block;

	vertical-align: middle;

	margin: -6px 5px 0 5px;

}



.link a:first-child::before {

	display: none;

}



.fot_msg {

	margin-top: 30px;

	display: flex;

	justify-content: space-between;

	align-items: center;

}



.fot_msg p {

	line-height: 1.5;

	color: #fff;

	font-size: 16px;

}



.fot_msg div:last-child {

	text-align: center;

}



.fot_bot {

	background-color: #262626;

	height: 80px;

}



.fot_bot>div {

	height: 100%;

	display: flex;

	justify-content: space-between;

	align-items: center;

}



.fot_bot p {

	color: #fff;

	font-size: 16px;

}



.page {

	text-align: center;

	margin-top: 30px;

}



/*pages*/

.pagination-wrapper{

margin: 0px 0;

}

.pagination{

height: 34px;

text-align: center;

}

.pagination li {

display: inline-block;

height: 34px;

margin-right: 5px; 

}

.pagination li a{

float: left;

display: block;

height: 32px;

line-height: 32px;

padding: 0px 12px;

font-size: 16px;

border: 1px solid #dddddd;

color: #555555;

text-decoration: none; margin-top:12px

}

.pagination li a:hover{

background:#f5f5f5;

color:#b50301;

}

.pagination li.thisclass {

background: #b50301;

color: #fff; padding: 0 12px; height: 32px;

line-height: 32px;

}

.pagination li.thisclass a,.pagination li.thisclass a:hover{

background: transparent;

border-color: #b50301;

color: #fff;

cursor: default;

}



.nav,.logo2,

.nav_menu {

	display: none;

}



@media (max-width:768px) {

	.container {

		width: 100%;

	}

    .wapdh{

    	display: block!important;

    }

	.pc_nav {

		display: none;

	}



	.page {

		margin-top: 10px;

	}



	.page a {

		width: 100px;

		display: inline-block;

		vertical-align: middle;

	}



	/* 手机导航 */

	.nav,

	.nav_menu,.logo2 {

		display: block;

	}



	.nav {

		position: fixed;

		right: 15px;

		top: 0px;

		z-index: 990;

	}

	.logo2 {

		position: fixed;

		left: 0px;

		top: 0px;

		z-index: 990; height:50px; line-height:50px; width:100%; background:#FFF

	}

.swiper-container { margin:40px auto;  position: relative;

  overflow: hidden;

  list-style: none;

}

.swiper{ margin-top:50px}

	.nav p {

		position: absolute;

		right: 40px;

		width: 60px;

		top: 5px;

		padding-left: 15px;

		color: #fff;

		font-weight: bold;

		height: 40px;

		line-height: 40px;

		border-radius: 40px 0 0 40px;

		background-color: #B50301;

		font-size: 14px;

		transition: all .5s;

		white-space: nowrap;

	}



	.menu {

		background-color: #fff;

		box-shadow: 0 0 10px #ccc;

		height: 50px;

		width: 50px;

		padding-top: 10px;

		position: relative;

		border-radius: 50%;

	}



	.menu div {

		width: 25px;

		height: 3px;

		background-color: #B50301;

		border-radius: 3px;

		transition: all .3s;

		position: absolute;

		left: 0;

		right: 0;

		margin: auto;

	}



	.menu div:nth-child(1) {

		top: 16px

	}



	.menu div:nth-child(2) {

		top: 23px

	}



	.menu div:nth-child(3) {

		top: 30px

	}



	.menu_f {

		transform: rotate(45deg);

		top: 24px !important;

	}



	.menu_t {

		transform: rotate(-45deg);

		top: 24px !important;

	}



	.nav_menu>div {

		z-index: 100;

		position: fixed;

		top: 0;

		display: flex;

		justify-content: center;

		align-items: center;

		text-align: center;

		height: 100%;

		transition: all 1s ease-in-out;

	}



	.nav_menu>div:first-child {

		z-index: 101;

	}



	.nav_menu_l {

		width: 30%;

		background-color: #fff;

		left: -100%;

		z-index: 10;

	}



	.nav_menu_r {

		width: 70%;

		left: -70%;

		z-index: 9;

		background-color: #F9EBD8;

	}



	.nav_menu a {

		color: #333;

		font-size: 16px;

	}



	.nav_menu li {

		margin-top: 20px;

	}



	.nav_menu_r img:nth-child(1) {

		width: 130px;

	}



	.nav_menu_r p:nth-child(2) {

		font-size: 22px;

		font-weight: bold;

		color: #4d4d4d;

		margin: 80px 0 60px 0;

	}



	.nav_menu_r img:nth-child(3) {

		width: 100px;

	}



	.nav_menu_r p:last-child {

		color: #4D4D4D;

		margin-top: 10px;

	}



	.nav_menu_r p:last-child {

		font-size: 16px;

	}



	.nav_menu_r p:last-child span {

		font-size: 20px;

		font-weight: bold;

	}

	.fot_top{

		display: none;

	}

	.fot_bot>div{

		display: block;

	}

	.fot_menu{

		display: block!important;

		background-color: #333;

		padding: 15px 0;

	}

	.fot_menu ul{

		border-top: 1px solid #fff;

	}

	.fot_menu li{

		height: 35px;

		line-height: 35px;

		border-bottom: 1px solid #fff;

		position: relative;

	}

	.fot_menu li::before{

		content: "";

		display: block;

		height: 15px;

		width: 15px;

		position: absolute;

		right: 10px;

		top:0;

		bottom: 0;

		margin:auto;

		background: url(../images/right.png) no-repeat;

		background-size: cover;

	}

	.fot_menu li a{

		color: #fff;

		padding-left: 10px;

		font-size: 14px;

		display: block;

	}

	.fot_bot{

		padding: 15px; margin-bottom:30px

	}

	.fot_bot p{

		font-size: 12px;

	}

}