@charset "utf-8";
.pgsize {
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.title-base-line {
	position: relative;
	border-bottom: 1px solid #ddd;
}
.title-base-line:after {
	display:block;
	clear:both;
	content:"";
	visibility:hidden;
	height:0;
}
.title-base-line .txt {
	float: left;
	position: relative;
}
.title-base-line .txt:before {
	position: absolute;
	left: 0;
	bottom: -2px;
	content: '';
	height: 2px;
	width: 100%;
	background-color: #ed1c24;
}
.ban {
	width:100%;
	height:auto;
	margin-bottom:20px;
}
.ban img {
	width:100%;
	height:auto;
}
.nyleft {
	width:20%;
	height:auto;
	float:left;
}
.navtit {
	width:100%;
	height:140px;
	float:left;
	background-image:url(../img/navbg.jpg);
	background-position:center;
	background-repeat:no-repeat;
	color:#FFFFFF;
	background-size:100%;
}
.hzhb {
	width:100%;
	height:auto;
	float:left;
	font-size:18px;
	margin-top: 30px;
}
.navtit01 {
	width:80%;
	margin-left:10%;
	float:left;
	margin-top:2rem;
	font-size:1.2rem;
	font-weight:bold;
}
.navtit02 {
	width:80%;
	margin-left:10%;
	float:left;
	margin-top:1rem;
	line-height:1.2rem;
	font-size:1.2rem;
}
.bianju {
	padding-bottom:30px;
}
.leftnav {
	width:100%;
	height: auto;
	float:left;
	border:1px solid #D0D0D0;
}
.leftnav ul {
}
.leftnav ul li {
	width:100%;
	height:2.6rem;
	float:left;
	list-style:none;
	line-height:2.6rem;
	background-image:url(../img/icon01.png);
	background-position:left;
	border-bottom:1px solid #D0D0D0;
	background-repeat:no-repeat;
	color:#272727;
	display:block;
	font-size:1rem;
	overflow:hidden;
}
.leftnav ul li a {
	width:90%;
	height:2.6rem;
	float:left;
	list-style:none;
	line-height:2.6rem;
	background-position:left;
	border-bottom:1px solid #CCCCCC;
	padding-left:10%;
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;
}
.leftnav ul li a:hover {
	width:90%;
	height:2.6rem;
	float:left;
	list-style:none;
	line-height:2.6rem;
	background-image:url(../img/icon02.png);
	background-position:left;
	border-bottom:1px solid #CCCCCC;
	background-repeat:no-repeat;
	color: #FFFFFF;
	background-color:#FF3300;
	display:block;
	overflow:hidden;
}
.current {
	width:90%;
	height:2.6rem;
	float:left;
	list-style:none;
	line-height:2.6rem;
	background-image:url(../img/icon02.png);
	background-position:left;
	border-bottom:1px solid #CCCCCC;
	background-repeat:no-repeat;
	color: #FFFFFF;
	background-color:#FF3300;
	display:block;
	overflow:hidden;
}
.lfetpic {
	width:100%;
	height:auto;
	float:left;
	margin:20px 0px;
}
.lfetpic img {
	width:100%;
	height:auto;
}
.lsftlx {
	height:100px;
}
.lsftlx02 {
	margin-top: 1.1rem;
}
.lxnr {
	width:90%;
	height:auto;
	float:left;
	line-height:22px;
	font-size:0.9rem;
	padding:10px;
	border:1px solid #CCCCCC;
}
.wenzi {
	font-weight:bold;
	color:#dd1d25;
}
.wenzi02 {
	color:#dd1d25;
}
.nyright {
	width:77%;
	height:auto;
	float:left;
	margin-left:3%;
}
.weizhi {
	width:100%;
	height:36px;
	float:left;
	line-height:36px;
	font-size:16px;
	border-bottom:2px solid #CCCCCC;
}

.weizhi a{ color:#333333;

}

.weizhi a:hover{ color:#dd1d25;

}


.wenzi02 a{
    color: #dd1d25;
}


.lmtitle {
	width:98%;
	height:42px;
	float:left;
	line-height:42px;
	font-size:16px;
	border-bottom:2px solid #CCCCCC;
	background-color:#e0e0e0;
	color:#dd1d25;
	font-weight:bold;
	margin-top:16px;
	padding-left:2%;
	margin-bottom:10px;
}
.titicon {
	float:left;
	width:auto;
	height:42px;
	margin-top:-10px;
	padding-left:10px;
}
.lmtitle02 {
	width:auto;
	float:left;
	height:42px;
}
.lmlb {
	width: 100%;
	//height: 150px;
	float: left;
	border-bottom: 1px solid #E8E8E8;
	margin-top: 20px;
}
.lmlbpic {
	width:20%;
	height:110px;
	float:left;
	padding:10px;
	border:1px solid #CCCCCC;
	margin-right:20px;
}
.lmlbpic img {
	width:100%;
	height:110px;
}
.lmlbright {
	width:75%;
	height:150px;
	float:left;
}
.xmtit {
	width:88%;
	height:36px;
	line-height:36px;
	float:left;
	font-size:18px;
	font-weight:bold;
	color:#333333;
}

.xmtit a{
	color:#333333;
}

.xmtit a:hover{
	color:#dd1d25;
}



.xmrq {
	width:12%;
	height:36px;
	line-height:36px;
	float:right;
	font-size:14px;
	color:#666666;
}
.xmnr {
	width:100%;
	height: auto;
	line-height:24px;
	float:left;
	font-size:16px;
	color:#4a4a4a;
	overflow:hidden;
}

.xmnr a{
	color:#4a4a4a;
}

.xmnr a:hover{
	color:#dd1d25;
}


.more {
	width:30%;
	height:36px;
	line-height:36px;
	float:right;
	font-size:14px;
	color:#dd1d25;
	text-align:right;
}


.more a{
	color:#dd1d25;
}

.more a:hover{
	color:#dd1d25;
}









.fenye {
	width:100%;
	float:left;
	margin-top:15px;
}
.fenyenr {
	width: auto;
	margin:0 auto;
	//margin-left:200px;
}
.fenyeys {
	width: auto;
	height:36px;
	padding:0 10px;
	line-height:36px;
	float:left;
	border:1px solid #CCCCCC;
	margin-right:10px;
	color:#333333;
}

.fenyeys a{ color:#333333;
}


.fenyeys a:hover{ color:#dd1d25;
}




.fenyeys02 {
	width: auto;
	height:36px;
	
	line-height:36px;
	float:left;
	border:1px solid #CCCCCC;
	margin-right:10px;
	background-color:#CCCCCC;display:block;
}

.fenyeys02 a{padding:0 10px;

}

.fenyeys02 a:hover{
	background-color:#dd1d25; color:#FFFFFF;display:block;padding:0 10px;
}




.mnav {
	width:0px;
	height:0px;
	overflow:hidden;
}
.fenyeys a {
	color:#666666;
}
.fenyeys02 a {
	color:#666666;
}
 @media (max-width:1100px) {
 .small-mg {
margin-left: 15px;
margin-right: 15px;
}
}
.header {
	position: relative;
	padding-top: 8px;
	z-index: 10;
}
.header .pgsize {
	position: relative;
}
.header .pgsize .bg-heart {
	position: absolute;
	top: 0;
	right: -143px;
	background: url(../img/heart.png) no-repeat top right;
	width: 128px;
	height: 62px;
}
.header .__right-info {
	padding-top: 19px;
}
.header .__right-info .up-info p {
	background-color: #222;
	color: #fff;
	font-size: 14px;
	line-height: 28px;
	padding: 1px;
	padding-left: 10px;
}
.header .__right-info .up-info span {
	color: #222;
	background-color: #e5e5e5;
	padding: 0 10px;
	margin-left: 8px;
}
.header .logo {
	width: 320px;
	margin-top: 10px;
}
.header .bd-red {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 50%;
	z-index: 0;
}
.header .nav, .header .bd-red {
	background-color: #e2383f;
	height: 58px;
}
.header .nav {
	position: relative;
	z-index: 1;
	margin-top: 12px;
}
.header .nav:before {
	position: absolute;
	content: '';
	top: 0;
	left: -35px;
	width: 0;
	height: 0;
	overflow: hidden;
	border-left: 35px dashed transparent;
	border-bottom: 58px solid #e2383f;
}
.header .top-nav>li {
	float: left;
	position: relative;
}
.header .top-nav>li>a {
	color: #fff;
	display: block;
	padding: 0 7px;
	font-size: 16px;
	line-height: 58px;
}
.header .sub-nav {
	display: none;
	position: absolute;
	left: 0;
	top: 58px;
	right: 0;
	background-color: #e2383f;
	width:180px;
	text-align:left;
	border-top:1px;
	border-top-color:#f5f807;
}
.header .sub-nav a {
	display: block;
	text-align: center;
	color: #fff;
	line-height: 1.6;
	padding: 5px 0;
	margin-left:5px;
	margin-right:5px;
	width:180px;
	text-align:left;
}
.header .search {
	margin-left: 5px;
	margin-top: 16px;
}
.header .search .icon {
	display: block;
	width: 26px;
	height: 26px;
	background: url(../img/search.png) no-repeat center;
	background-size: 100%;
}
.header .top-nav>li:hover .sub-nav {
	display: block;
}
.header .menu-btn {
	position: absolute;
	right: 15px;
	top: 50%;
	width: 30px;
	height: 38px;
	margin-top: -19px;
	display: none;
}
.header .menu-btn i {
	top: 50%;
	margin-top: -2px;
}
.header .menu-btn i, .header .menu-btn i:before, .header .menu-btn i:after {
	height: 3px;
	left: 0;
	right: 0;
	position: absolute;
	background-color: #e2383f;
}
.header .menu-btn i:before, .header .menu-btn i:after {
	content: '';
}
.header .menu-btn i:before {
	bottom: -9px;
}
.header .menu-btn i:after {
	top: -9px;
}
.header .menu-btn i, .header .menu-btn i:before, .header .menu-btn i:after {
	transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
.header .menu-btn.--show i {
	background-color: transparent;
}
.header .menu-btn.--show i:before {
	top: 0;
	transform: rotate(-45deg);
}
.header .menu-btn.--show i:after {
	top: 0;
	transform: rotate(45deg);
}
 @media (max-width:1100px) {
 .pgsize {
width: auto;
}
 .header {
padding: 6px 0;
}
 .header .menu-btn {
display: block;
}
 .header .bd-red {
display: none;
}
 .header .nav:before {
display: none;
}
 .header .pgsize .bg-heart {
display: none;
}
 .header .__right-info {
margin-left: 30px;
padding-top: 14px;
float: left;
}
 .header .logo {
margin-left: 15px;
margin-top: 0;
width: 240px;
}
 .header .nav {
position: fixed;
left: 0;
right: 0;
top: 70px;
bottom: 0;
margin-top: 0;
z-index: 1000;
background-color: #060000;
height: auto;
display: none;
}
 .header .nav-just {
overflow-y: auto;
float: none;
max-height: 100%;
}
 .header .search {
position: absolute;
margin-left: 0;
margin-top: 0;
right: 8px;
top: 7px;
}
 .header .top-nav {
padding-bottom: 20px;
}
 .header .top-nav>li {
float: none;
}
 .header .top-nav>li .sub-arrow {
position: absolute;
right: 0;
top: 0;
height: 40px;
width: 40px;
display: block;
}
 .header .top-nav>li .sub-arrow:before {
position: absolute;
content: '';
left: 50%;
top: 50%;
width: 0;
height: 0;
overflow: hidden;
border-left: 8px dashed transparent;
border-right: 8px dashed transparent;
border-top: 8px solid #fff;
margin-left: -7px;
margin-top: -5px;
}
 .header .top-nav>li>a {
padding: 0 15px;
line-height: 40px;
}
 .header .top-nav>li:hover .sub-nav {
display: none;
}
 .header .top-nav .sub-nav {
position: static;
padding: 10px 0;
background-color: #1b1818;
}
 .header .top-nav .sub-nav a {
text-align: left;
padding: 8px 30px;
}
 .header .top-nav>li.--show .sub-nav {
display: block;
}
 .header .top-nav>li.--show .sub-arrow {
transform: rotate(180deg);
}
}
 @media (max-width: 650px) {
 .header .logo {
width: 200px;
}
 .header .__right-info .up-info {
display: none;
}
 .header .nav {
top: 60px;
}
}
#banner .swiper-pagination .swiper-pagination-bullet {
	margin: 0 2px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #ccc;
	opacity: 1;
}
#banner .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #e2383f;
}
#banner .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23e2383f'%2F%3E%3C%2Fsvg%3E");
}
#banner .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23e2383f'%2F%3E%3C%2Fsvg%3E");
}
#banner .swiper-button-prev, #banner .swiper-button-next {
	display: none;
}
#banner:hover .swiper-button-prev, #banner:hover .swiper-button-next {
	display: block;
}
#banner .swiper-wrapper {
	text-align: center;
}
#banner .swiper-wrapper img {
	display: none;
	width: 100%;
}
 @media (min-width:761px) {
 #banner .swiper-wrapper .big {
display: inline-block;
}
}
@media (max-width:760px) {
 #banner .swiper-wrapper .small {
display: inline-block;
width: 100%;
}
}
.footer {
	margin-top: 20px;
	background-color: #1e1e23;
	padding: 18px 0;
}
.footer .pgsize {
	position: relative;
}
.footer, .footer a {
	color: #fff;
}
.footer .qrcode-slogan {
	display: table;
	position: absolute;
	left: 0;
	top: 0;
	width: 342px;
}
.footer .qrcode-slogan>span {
	display: table-cell;
	vertical-align: middle;
}
.footer .qrcode-slogan .sloagan {
	padding-left: 12px;
}
.footer .tel-nav {
	margin-left: 358px;
	height: 158px;
}
.footer .tel-nav .tel {
	display: table;
	text-align: center;
	border-bottom: 1px solid #353535;
	padding: 0 50px 10px;
	margin: 0 auto;
	font-size: 24px;
	line-height: 1.5;
	font-weight: normal;
}
.footer .tel-nav .tel em {
	display: block;
	font-size: 28px;
}
.footer .foot-nav {
	font-size: 15px;
	margin-left: -10px;
	margin-top: 20px;
}
.footer .foot-nav li {
	margin-left: 10px;
}
.footer .info {
	margin-top: 10px;
	font-size: 12px;
	line-height: 1.7;
}
 @media (max-width: 1100px) {
 .footer .qrcode-slogan {
width: 300px;
}
 .footer .tel-nav {
margin-left: 30%;
}
}
 @media (max-width: 1050px) {
 .footer .qrcode-slogan {
position: static;
float: none;
width: 200px;
margin: 10px auto 0;
}
 .footer .tel-nav {
float: none;
display: table;
margin: 10px auto 0;
}
 .footer .info {
float: none;
display: table;
margin: 4px auto 0;
text-align: center;
}
 .footer .tel-nav {
margin-top: 0;
height: auto;
}
 .footer .tel-nav .tel {
padding: 0 20px 10px;
font-size: 14px;
}
 .footer .tel-nav .tel em {
font-size: 16px;
}
 .footer .foot-nav {
float: none;
margin-top: 10px;
text-align: center;
}
 .footer .foot-nav li {
display: inline-block;
float: none;
margin-bottom: 6px;
}
}
 @media (max-width:1100px) {
 .lmlbright {
 width: 72%;
 height: 150px;
 float: left;
}
 .fenyenr {
 width: auto;
 margin: 0 auto;
 margin-left:100px;
}
 .navtit02 {
 width: 80%;
 margin-left: 10%;
 float: left;
 margin-top: 1rem;
 line-height: 1.2rem;
 font-size: 1rem;
}
}


 @media (max-width:750px) {
 
 
 .lmlbpic {
    width: 26%;
    height:80px;
    float: left;
    padding:6px;
    border: 1px solid #CCCCCC;
    margin-right: 20px;
}
 
.lmlbpic img {
    width: 100%;
    height:80px;
} 
 
 
 .nyleft {
 width:0px;
 height:0px;
 overflow:hidden;
}
 .nyright {
 width:96%;
 height: auto;
 float: left;
 margin-left:2%;
}
 .lmlbright {
 width:70%;
 height: 150px;
 float: left;
}
 .fenyenr {
 width: auto;
 margin: 0 auto;
 margin-left: auto;
 margin-left:0px;
}
 .mnav {
width:100%;
height:auto;
float:left;
margin-top:20px;
}
 .mnav ul {
}
 .mnav ul li {
width: auto;

float:left;
list-style:none;

color:#272727;
display:block;
font-size:0.7rem;
border:1px solid #CCCCCC;
border-radius:3px;
margin:0px 3px;
}
 .mnav ul li a {
width: auto;
height:2.3rem;
float:left;
list-style:none;
line-height:2.3rem;
display:block;
font-size:0.9rem;
padding:0px 6px;

border-radius:3px; font-weight:bold;
}
 .mnav ul li a:hover {
width: auto;
height:2.3rem;
float:left;
list-style:none;
line-height:2.3rem;
background-repeat:no-repeat;
color: #FFFFFF;
background-color:#FF3300;
display:block;
}
 .current02 {
height:2.3rem;
float:left;
list-style:none;
line-height:2.3rem;
color: #FFFFFF;
background-color:#FF3300;
display:block;
}

.xmtit {
    width:70%;
	overflow: hidden;
}

.xmrq {
    width:30%;

}

.more {
    width:50%;
}


.fenyeys {
padding: 0 6px;
    margin-right: 5px;
}



}

@media (max-width:640px) {
 
 
 .lmlbpic {
    width: 26%;
    height:80px;
    float: left;
    padding:6px;
    border: 1px solid #CCCCCC;
    margin-right: 20px;
}
 
.lmlbpic img {
    width: 100%;
    height:80px;
} 
 
 
 .nyleft {
 width:0px;
 height:0px;
 overflow:hidden;
}
 .nyright {
 width:96%;
 height: auto;
 float: left;
 margin-left:2%;
}
 .lmlbright {
 width:63%;
 height: 150px;
 float: left;
}
 .fenyenr {
 width: auto;
 margin: 0 auto;
 margin-left: auto;
 margin-left:0px;
}
 .mnav {
width:100%;
height:auto;
float:left;
margin-top:20px;
}
 .mnav ul {
}
 .mnav ul li {
width: auto;

float:left;
list-style:none;

color:#272727;
display:block;
font-size:0.7rem;
border:1px solid #CCCCCC;
border-radius:3px;
margin:0px 3px;
}
 .mnav ul li a {
width: auto;
height:2.3rem;
float:left;
list-style:none;
line-height:2.3rem;
display:block;
font-size:0.8rem;
padding:0px 6px;

border-radius:3px; font-weight:bold;
}
 .mnav ul li a:hover {
width: auto;
height:2.3rem;
float:left;
list-style:none;
line-height:2.3rem;
background-repeat:no-repeat;
color: #FFFFFF;
background-color:#FF3300;
display:block;
}
 .current02 {
height:2.3rem;
float:left;
list-style:none;
line-height:2.3rem;
color: #FFFFFF;
background-color:#FF3300;
display:block;
}

.xmtit {
    width:70%;
}

.xmrq {
    width:30%;

}

.more {
    width:50%;
}


.fenyeys {
padding: 0 6px;
    margin-right: 5px;
}



}
