@charset "utf-8";

.top {
	width: 100%;
	height: 100px;
}

.nav {
	width: 100%;
	height: 50px;
	background: #C4282F;
}

.banner {
	width: 100%;
	height: 402px;
}

.grey {
	width: 100%;
	height: 402px;
	background: #F5F5F5;
}

.white {
	width: 100%;
	height: 484px;
}

.link {
	width: 100%;
	height: 120px;
	margin-top: 20px;
	background: #C83535;
}

.footer {
    width: 100%;
    height: 120px;
    line-height: 120px;
    text-align: center;
    font-size: 16px;
    background: #c83535;
    color: #FFFFFF;
}

/* ======================================================================== */

.logo {
	width: 489px;
	height: 95px;
	display: block;
	margin-top: 2.5px;
}

.logo img {
	width: 100%;
	height: 100%;
}

.login a {
	height: 30px;
	line-height: 30px;
	margin: 35px 10px;
}

.login a:hover {
	color: #C4282F;
}

.nav .home {
	width: 86px;
	height: 50px;
	margin-right: 10px;
}

.nav .yi_ul .yi_li {
	margin: 0 10px;
	position: relative;
}

.nav .yi_ul .yi_li .yi_a {
	display: block;
	width: 80px;
	height: 50px;
	text-align: center;
	font-size: 16px;
	line-height: 50px;
	color: #FFFFFF;
}

.nav .er_ul {
	display: none;
	z-index: 999999;
	position: absolute;
	left: 0;
	top: 50px;
}

.nav .er_ul .er_li .er_a {
	display: block;
	width: 150px;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	background: #C4282F;
	color: #FFFFFF;
}

.nav .er_ul .er_li .er_a:hover {
	background: #0d5798;
}

.nav .search {
	width: 200px;
	height: 50px;
	margin-left: 9px;
}

.nav .search .sub {
	width: 50px;
	height: 50px;
	background: url(../images/search.png) center center no-repeat;
	cursor: pointer;
}

.nav .search .inp {
	width: 150px;
	height: 50px;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}

/* 修改提示框中字体颜色 */
input::-webkit-input-placeholder {
	/*WebKit browsers*/
	color: #FFFFFF;
}

input::-moz-input-placeholder {
	/*Mozilla Firefox*/
	color: #FFFFFF;
}

input::-ms-input-placeholder {
	/*Internet Explorer*/
	color: #FFFFFF;
}

.swiper-container {
	width: 100%;
	height: 402px;
}

.swiper-slide a {
	width: 460px;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	margin-top: 294px;
	font-size: 18px;
	color: #FFFFFF;
	background: url(../images/banner_text_bg.png) center center no-repeat;
	display: block;
}

.swiper-slide a:hover {
	margin-left: 20px;
}

.grey .zhong {
	position: relative;
}

.grey .xyxw {
	width: 400px;
	height: 395px;
	border-top: 4px solid #C4282F;
	z-index: 888;
	background: #FFFFFF;
	position: absolute;
	left: 0;
	top: -41px;
}

.grey .xyzmt {
	width: 466px;
	height: 334px;
	background: #FFFFFF;
	margin: 20px 0 0 417px;
}

.grey .xyhd {
	width: 300px;
	height: 334px;
	margin-top: 20px;
}

.grey .xyhd ul {
	width: 100%;
	height: 334px;
	padding: 9.5px 0;
	background: #FFFFFF;
}

.title {
	width: 100%;
	height: 52px;
	padding-left: 20px;
	background: #FFFFFF;
}

.title a {
	height: 52px;
	line-height: 52px;
	font-size: 18px;
	font-weight: bold;
	color: #b8ad89;
	display: block;
}

.title a.fl:hover {
	color: #C4282F;
}

.title .more {
	width: 48px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-size: 12px;
	color: #E3E3E3;
	margin: 14px 20px;
}

.title a.fr:hover {
	color: #C4282F;
}

.slideTxtBox {
	width: 400px;
	position: relative;
}

.slideTxtBox .bd li {
	width: 100%;
	height: 148px;
	padding: 20px;
}

.slideTxtBox .bd li a {
	width: 100%;
	height: 16px;
	line-height: 16px;
	color: #555555;
	font-size: 16px;
	font-weight: bold;
	display: block;
}

.slideTxtBox .bd li a:hover {
	color: #C4282F;
}

.slideTxtBox .bd li span {
	width: 100%;
	height: 72px;
	line-height: 24px;
	color: #696969;
	margin-top: 20px;
	display: block;
}

.slideTxtBox .bd li:last-child {
	border-top: 2px solid #F5F5F5;
}

.slideTxtBox .bd li:last-child span {
	width: 80%;
}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideTxtBox .arrow {
	width: 44px;
	height: 44px;
	z-index: 888;
	overflow: hidden;
	background: #FFFFFF;
	position: absolute;
	right: 20px;
	bottom: 20px;
}

.slideTxtBox .arrow div {
	width: 88px;
	height: 44px;
}

.slideTxtBox .arrow .next,
.slideTxtBox .arrow .prev {
	width: 44px;
	height: 44px;
	line-height: 24px;
	padding: 10px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: gray;
	border: 1px solid #F5F5F5;
	cursor: pointer;
	display: block;
}

.slideTxtBox .arrow .next:hover,
.slideTxtBox .arrow .prev:hover {
	border: 1px solid #C4282F;
}

.slideTxtBox .arrow .nextStop {
	display: none;
}

/* 焦点图 */
.focusBox {
	position: relative;
	width: 466px;
	height: 282px;
	overflow: hidden;
}

.focusBox .pic img {
	width: 466px;
	height: 282px;
	display: block;
}

.focusBox .txt-bg {
	position: absolute;
	bottom: 0;
	z-index: 1;
	height: 36px;
	width: 100%;
	background: #333;
	filter: alpha(opacity=40);
	opacity: 0.4;
	overflow: hidden;
}

.focusBox .txt {
	position: absolute;
	bottom: 0;
	z-index: 2;
	height: 36px;
	width: 100%;
	overflow: hidden;
}

.focusBox .txt li {
	height: 36px;
	line-height: 36px;
	position: absolute;
	bottom: -36px;
}

.focusBox .txt li a {
	display: block;
	color: white;
	padding: 0 0 0 10px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.focusBox .txt li a:hover {
	color: #C4282F;
}

.focusBox .num {
	position: absolute;
	z-index: 3;
	bottom: 8px;
	right: 8px;
}

.focusBox .num li {
	float: left;
	position: relative;
	width: 18px;
	height: 15px;
	line-height: 15px;
	overflow: hidden;
	text-align: center;
	margin-right: 1px;
	cursor: pointer;
}

.focusBox .num li a,
.focusBox .num li span {
	position: absolute;
	z-index: 2;
	display: block;
	color: white;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-decoration: none;
}

.focusBox .num li span {
	z-index: 1;
	background: black;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.focusBox .num li.on a,
.focusBox .num a:hover {
	background: #f60;
}

.news li {
	border-bottom: 2px solid #F5F5F5;
}

.news li a {
	height: 43px;
	line-height: 43px;
	padding: 0 20px;
	font-size: 16px;
	display: block;
}

.news li a:hover {
	color: #C4282F;
}

.white .xyfc_l .xyfc_l_div {
	width: 326px;
	height: 367px;
	border-bottom: 2px solid #EDEADB;
	background: #F5F5F5;
}

.white .xyfc_l .xyfc_l_div img {
	width: 326px;
	height: 183px;
}

.white .xyfc_l .xyfc_l_div a.bt {
	height: 16px;
	line-height: 16px;
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
	padding: 0 20px;
	color: #555555;
	display: block;
}

.white .xyfc_l .xyfc_l_div a.bt:hover {
	color: #C4282F;
}

.white .xyfc_l .xyfc_l_div span {
	height: 9px;
	line-height: 9px;
	font-size: 12px;
	margin-top: 10px;
	padding: 0 20px;
	color: #9a9a9a;
	display: block;
}

.white .xyfc_l .xyfc_l_div p {
	margin-top: 20px;
	height: 72px;
	line-height: 24px;
	padding: 0 20px;
	color: #696969;
}

.white .xyfc_r ul li {
	width: 498px;
	height: 40px;
	margin-top: 20px;
}

.white .xyfc_r ul li:first-child {
	margin-top: 0;
}

.white .xyfc_r ul li div.fl {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #EAEAEA;
	margin-right: 10px;
}

.white .xyfc_r ul li div.fl p {
	width: 100%;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	color: #696969;
}

.white .xyfc_r ul li div.fl span {
	width: 100%;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #696969;
	display: block;
}

.white .xyfc_r ul li div.fr a {
	width: 448px;
	height: 16px;
	line-height: 16px;
	font-size: 16px;
	color: #555555;
	display: block;
}

.white .xyfc_r ul li div.fr a:hover {
	color: #C4282F;
}

.white .xyfc_r ul li div.fr span {
	height: 14px;
	line-height: 14px;
	font-size: 12px;
	color: #9a9a9a;
	margin-top: 10px;
	display: block;
}

.white .xyfc_r .gdjz {
	width: 112px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 2px solid #E0D9BF;
	background: #FFFFFF;
	margin: 47px auto 0;
	font-size: 16px;
	color: #555555;
	display: block;
}

.white .xyfc_r .gdjz:hover {
	color: #FFFFFF;
}

a.hvr-shutter-out-vertical:before {
	background: #C4282F !important;
}

.link .dropdown {
	width: 249px;
	height: 30px;
	margin: 56px 20px 0 0;
	outline: none;
}

/* 图片列表 */

.right_list li.phone_list {
	width: 423px;
	margin: 15px;
	line-height: normal;
	border: 1px solid #ccc;
	cursor: pointer;
}

.right_list li.phone_list div {
	height: 230px;
	overflow: hidden;
}

.right_list li.phone_list img {
	padding: 5px 5px 0 5px;
	width: 413px;
}

.right_list li.phone_list a {
	width: 413px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	padding: 0 10px;
	font-size: 14px;
}

.right_list li.phone_list a:hover {
	color: #c34649;
}

.right_list li.phone_list2 {
	width: 910px;
	height: 250px;
	text-align: center;
	overflow: hidden;
	margin-top: 10px;
	margin-left: 0px;
	line-height: normal;
	border: none;
	cursor: pointer;
}

.right_list li.phone_list2 img {
	height: 250px;
}