article, aside, dialog, footer, header, main, section, nav, figure, menu {

	display: block;

}

* {

	margin: 0px;

	padding: 0px;

}

html {

	font-size: 62.5%;

	height: 100%;

}

body {

	width: 100%;

	overflow-x: hidden;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	max-width: 1920px;

	margin: 0 auto;

}

a {

	color: #333;

	text-decoration: none;

	outline: none;

	tap-highlight-color: transparent;

	focus-ring-color: transparent;

	-webkit-tap-highlight-color: transparent;

	-webkit-focus-ring-color: transparent;

	-moz-tap-highlight-color: transparent;

	-moz-focus-ring-color: transparent;

	-webkit-transition: all 350ms;

	-o-transition: all 350ms;

	-moz-transition: all 350ms;

	transition: all 350ms;

}

a:hover {

	color: #d61819;

}

ol, ul, li {

	list-style: none;

}

img {

	max-width: 100%;

	border: 0px solid #ccc;

}

table, embed, video {

	max-width: 100%;

}

input, textarea {

	border: none;

	background: none;

	font-family: Arial, Helvetica, sans-serif;

}

input[type="submit"], textarea[type="submit"] {

	cursor: pointer;

}

input[type="checkbox"], textarea[type="checkbox"] {

	cursor: pointer;

}

input[type="radio"], textarea[type="radio"] {

	cursor: pointer;

}

input:focus, textarea:focus {

	outline: none;

}

textarea {

	resize: none;

}

button {

	border: none;

	background: none;

	cursor: pointer;

}

em, i {

	font-style: normal;

}

input, textarea {

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

/* .c-xx start */















.c-fl {

	float: left;

}

.c-fr {

	float: right;

}

.c-cb {

	clear: both;

}

.c-mg {

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}

.c-oh {

	overflow: hidden;

}

.c-wd {

	width: 1200px;

}

.c-tsn {

	-webkit-transition: all 350ms;

	-o-transition: all 350ms;

	-moz-transition: all 350ms;

	transition: all 350ms;

}

.c-bbx {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.c-pr {

	position: relative;

}

.c-mt-5 {

	margin-top: 5px;

}

.c-mt-10 {

	margin-top: 10px;

}

.c-mt-15 {

	margin-top: 15px;

}

.c-mt-20 {

	margin-top: 20px;

}

.c-mt-25 {

	margin-top: 25px;

}

.c-mt-30 {

	margin-top: 30px;

}

.c-mt-35 {

	margin-top: 35px;

}

.c-mt-40 {

	margin-top: 40px;

}

.c-mt-45 {

	margin-top: 45px;

}

.c-mt-50 {

	margin-top: 50px;

}

.c-nomt {

	margin-top: 0 !important;

}

.c-nomr {

	margin-right: 0 !important;

}

.c-nomb {

	margin-bottom: 0 !important;

}

.c-noml {

	margin-left: 0 !important;

}

.c-nofont {

	line-height: 0;

	font-size: 0;

}

.c-nobg {

	background: none !important;

}

/* .c-xx end */















/* .f-xx start */















.f-czjz {

	position: relative;

	top: 50%;

	-webkit-transform: translate(0px, -50%);

	-moz-transform: translate(0px, -50%);

	-ms-transform: translate(0px, -50%);

	-o-transform: translate(0px, -50%);

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

}

.f-box {

	margin: 0 auto;

	max-width: 1200px;

	overflow: hidden;

}

 @media screen and (min-width: 960px) and (max-width: 1219px) {

.f-box {

	width: 950px;

}

}

 @media screen and (min-width: 768px) and (max-width: 959px) {

.f-box {

	width: 750px;

}

}

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

.f-box {

	padding-left: 10px;

	padding-right: 10px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

}

/* .f-xx end */















.l {

	float: left;

}

.r {

	float: right;

}

.fix {

 *zoom: 1;

}

.fix:after, .fix:before {

	display: block;

	content: "clear";

	height: 0;

	clear: both;

	overflow: hidden;

	visibility: hidden;

}

.box {

	width: 100%;

	position: relative;

	max-width: 1920px;

	margin: 0 auto;

}

.mln {

	margin-left: 0 !important;

}

.clear {

	clear: both;

}

.wp {

	width: 1200px;

	margin: auto;

}

 @media screen and (min-width: 1220px) {

.wp {

	width: 1200px;

	margin: auto;

}

}

 @media screen and (min-width: 1000px) and (max-width: 1219px) {

.wp {

	width: 980px;

	margin: auto;

}

}

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

.wp {

	width: 95%;

	margin: auto;

}

}

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

.m-tt1 {

	font-size: 24px !important;

	font-size: 2.4rem !important;

}

.m-tt2 {

	font-size: 20px !important;

	font-size: 2rem !important;

}

.m-tt3 {

	font-size: 18px !important;

	font-size: 1.8rem !important;

}

.m-desc1 {

	font-size: 16px !important;

	font-size: 1.6rem !important;

}

.m-desc2 {

	font-size: 14px !important;

	font-size: 1.4rem !important;

}

[class*="-item"] .item-title {

	font-size: 14px;

	font-size: 1.4rem;

}

[class*="-item"] .item-desc {

	font-size: 13px;

	font-size: 1.3rem;

}

[class*="-item"] .item-link {

	font-size: 13px;

	font-size: 1.3rem;

}

[class*="-item"] .item-modal {

	display: none;

}

}

/* .m-xx end */















/* .j-xx start */















.j-offset-top {

	-webkit-transition: all 750ms;

	-o-transition: all 750ms;

	-moz-transition: all 750ms;

	transition: all 750ms;

	-webkit-transform: translateY(100px);

	-moz-transform: translateY(100px);

	-ms-transform: translateY(100px);

	-o-transform: translateY(100px);

	transform: translateY(100px);

	opacity: 0;

}

.j-offset-top.run {

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	opacity: 1;

}

.j-offset-left {

	-webkit-transition: all 750ms;

	-o-transition: all 750ms;

	-moz-transition: all 750ms;

	transition: all 750ms;

	-webkit-transform: translateX(100px);

	-moz-transform: translateX(100px);

	-ms-transform: translateX(100px);

	-o-transform: translateX(100px);

	transform: translateX(100px);

	opacity: 0;

}

.j-offset-left.run {

	-webkit-transform: translateX(0);

	-moz-transform: translateX(0);

	-ms-transform: translateX(0);

	-o-transform: translateX(0);

	transform: translateX(0);

	opacity: 1;

}

.j-offset-right {

	-webkit-transition: all 750ms;

	-o-transition: all 750ms;

	-moz-transition: all 750ms;

	transition: all 750ms;

	-webkit-transform: translateX(-100px);

	-moz-transform: translateX(-100px);

	-ms-transform: translateX(-100px);

	-o-transform: translateX(-100px);

	transform: translateX(-100px);

	opacity: 0;

}

.j-offset-right.run {

	-webkit-transform: translateX(0);

	-moz-transform: translateX(0);

	-ms-transform: translateX(0);

	-o-transform: translateX(0);

	transform: translateX(0);

	opacity: 1;

}

/* .j-xx end */















[class*="-item"] .item-pic {

	position: relative;

	display: block;

	line-height: 0;

	font-size: 0;

	text-align: center;

	overflow: hidden;

}

[class*="-item"] .item-pic img {

	-webkit-transition: all 350ms;

	-o-transition: all 350ms;

	-moz-transition: all 350ms;

	transition: all 350ms;

}

[class*="-item"] .item-pic:hover img {

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

	transform: scale(1.1);

}

[class*="-item"] .item-title {

	overflow: hidden;

}

[class*="-item"] .item-title a:hover {

	color: #d61819;

}

[class*="-item"] .item-desc {

	overflow: hidden;

}

[class*="-item"] .item-desc a {

	display: block;

}

[class*="-item"] .item-desc a:hover {

	color: #d61819;

}
.xinzgdt img{ display:block; max-width:100%}
.m-crm {

	line-height: 30px;

	font-size: 16px;

	font-size: 1.6rem;

	color: #333333;

	padding-bottom: 10px;

	padding-top: 10px;

}

.m-crm a {

	color: #333333;

}

.m-crm a:hover {

	color: #d61819;

}

.m-crm a.active {

	color: #d61819;

}

.m-page {

	margin-bottom: 100px;

	letter-spacing: 0;

	font-size: 0;

	text-align: center;

}

.m-page a {

	margin: 0 4px;

	display: inline-block;

 *display: inline;

 *zoom: 1;

	min-width: 26px;

	height: 26px;

	line-height: 24px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #fff;

	text-align: center;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-transition: all 350ms;

	-o-transition: all 350ms;

	-moz-transition: all 350ms;

	transition: all 350ms;

	-moz-border-radius: 50%;

	border-radius: 50%;

	background: #333333;

}

.m-page a:hover {

	color: white;

	border-color: #d61819;

	background-color: #d61819;

}

.m-page a.active {

	color: white;

	border-color: #d61819;

	background-color: #d61819;

}

.m-page a.big {

	

	border: 0px;

	background: #fff;

	color: #333;

}

.m-page a.big:hover{ color: #d61819}

.m-page a.no:hover{color: #333 !important;}

.m-page span {

	display: inline-block;

	width: 50px;

	text-align: center;

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

	position: relative;

	top: 3px;

}

.m-page img {

	display: inline-block;

	position: relative;

	top: 1px;

	margin-left: 15px;

	margin-right: 0px;

}

.m-page .ins {

	margin-left: 4px;

	width: 173px;

	display: inline-block;

	height: 30px;

	line-height: 28px;

	text-align: center;

	border: none;

	outline: none;

	background-color: #d61819;

	color: #fff;

	font-size: 12px;

	font-size: 1.2rem;

	cursor: pointer;

}

.m-page2 {

	position: relative;

}

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

.m-page {

	margin-bottom: 40px;

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: horizontal;

	-webkit-box-direction: normal;

	-webkit-flex-flow: row wrap;

	-moz-box-orient: horizontal;

	-moz-box-direction: normal;

	-ms-flex-flow: row wrap;

	flex-flow: row wrap;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	-moz-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

}

.m-page a {

	margin-left: 5px;

	margin-right: 5px;

	margin-bottom: 10px;

}

}

.returntop {

	position: fixed;

 *position: absolute;

	z-index: 9;

	right: 6px;

	bottom: 30px;

	width: 72px;

	height: 72px;

	background: url("../images/gotop.png") no-repeat center;

	line-height: 0;

	font-size: 0;

	display: none;

}

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

.returntop {

	right: 0;

	bottom: 65px;

	width: 36px;

	height: 36px;

	background-size: contain;

}

}

.wap-nav {

	width: 5px;

	height: 100%;

	position: absolute;

	right: 0;

	-webkit-transition: all 0.4s ease 0s;

	-o-transition: all 0.4s ease 0s;

	-moz-transition: all 0.4s ease 0s;

	transition: all 0.4s ease 0s;

	z-index: 999999999999999;

	cursor: pointer;

	position: fixed;

	top: -5px;

	right: 0;

	display: block;

}

.wap-nav .nav {

	overflow: hidden;

	width: 300px;

	background: rgba(0, 0, 0, 0.8);

	position: absolute;

	top: 0;

	right: 0;

	display: block;

	height: auto;

	overflow: scroll;

}

.wap-nav .nav span {

	font-family: Arial, Helvetica, sans-serif;

}

.wap-nav .nav form {

	margin: 15px auto;

	width: 258px;

	height: 26px;

	border: 1px solid #fff;

}

.wap-nav .nav form .iptc {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	padding-left: 15px;

	background-color: #fff;

	width: 80%;

	height: 26px;

	line-height: 26px;

	display: block;

	float: left;

}

.wap-nav .nav form .ipsc {

	width: 20%;

	height: 26px;

	line-height: 26px;

	display: block;

	float: right;

	background: #fff url("../images/sch2.png") no-repeat center center;

}

.wap-nav .nav > ul {

	display: none;

	margin-top: 0px;

	margin-bottom: 0px;

	overflow: scroll;

	padding-top: 45px;

	-ms-box-sizing: border-box;

	-o-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.wap-nav .nav > ul > li {

	line-height: 40px;

	font-size: 12px;

	font-size: 1.2rem;

	text-indent: 20px;

	position: relative;

	color: #fff

}

.wap-nav .nav > ul > li .addition {

	width: 20px;

	height: 20px;

	position: absolute;

	right: 15px;

	top: 10px;

	background: url("../images/shizi.png") no-repeat center center;

}

.wap-nav .nav > ul > li .addition.fa:before {

	margin-right: 5px;

	color: #fff;

	text-indent: 0;

}

.wap-nav .nav > ul > li > a {

	margin-right: 40px;

	color: #fff;

	font-size: 12px;

	font-size: 1.2rem;

	display: block;

}

.wap-nav .nav > ul > li > a span {

	color: #fff;

	font-size: 12px;

	font-size: 1.2rem;

}

.wap-nav .nav > ul > li .c-show {

	display: none;

	width: 100%;

}

.wap-nav .nav > ul > li .c-show1 .c-s1 {

	position: relative;

	padding-left: 15px;

}

.wap-nav .nav > ul > li .c-show1 .c-s1 > a {

	position: relative;

	margin-right: 40px;

	font-size: 12px;

	font-size: 1.2rem;

	color: #fff;

	display: block;

	padding-top: 5px;

	padding-bottom: 5px;

	line-height: 30px;

}

.wap-nav .nav > ul > li .c-show1 .c-s1 > a span {

	font-size: 12px;

	font-size: 1.2rem;

	color: #fff;

}

.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 {

	position: relative;

}

.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 {

	position: relative;

}

.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a {

	margin-right: 40px;

	text-indent: 35px;

	font-size: 12px;

	font-size: 1.2rem;

	color: #fff;

	display: block;

	padding-top: 5px;

	padding-bottom: 5px;

	line-height: 30px;

}

.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a span {

	font-size: 12px;

	font-size: 1.2rem;

	color: #fff;

}

.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 {

	position: relative;

}

.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a {

	margin-right: 40px;

	text-indent: 50px;

	font-size: 12px;

	font-size: 1.2rem;

	color: #fff;

	display: block;

	padding-top: 5px;

	padding-bottom: 5px;

	line-height: 30px;

}

.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span {

	font-size: 12px;

	font-size: 1.2rem;

	color: #fff;

}

.wap-nav .nav > ul > dl {

	padding: 20px;

}

.wap-nav .nav > ul > dl dd {

	float: left;

	margin: 0 2px;

}

.wap-nav .menubtn {

	width: 23px;

	height: 18px;

	position: absolute;

	top: 12px;

	right: 12px;

	-webkit-transition: all 0.4s ease 0s;

	-o-transition: all 0.4s ease 0s;

	-moz-transition: all 0.4s ease 0s;

	transition: all 0.4s ease 0s;

	z-index: 9999;

	display: none\0;

}

.wap-nav .menubtn span {

	display: block;

	width: 100%;

	height: 3px;

	margin-bottom: 3px;

	background-color: #d61819;

}

 @media screen and (min-width: 801px) {

.wap-nav, .menubtn {

	display: none;

}

}

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

.wap-nav {

	display: block

}

}

.m-hdlang {

	position: relative;

	height: 36px;

	display: inline-block;

}

.m-hdlang .lang-click {

	position: relative;

	display: block;

	width: 56px;

	height: 27px;

	border: 1px solid #999999;

	text-indent: 48px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #6b6b6b;

}

.m-hdlang .lang-click:before {

	content: "";

	position: absolute;

	right: 0;

	width: 15px;

	height: 100%;

	background: url("../images/lang2.png") no-repeat center;

}

.m-hdlang .lang-list {

	position: absolute;

	display: none;

	top: 100%;

	left: 0;

	width: 100%;

	padding: 10px 0;

	background-color: #f8f7f7;

	border: 1px solid #fff;

	z-index: 999;

}

.m-hdlang .list-item {

	padding: 0 5px;

}

.m-hdlang .list-item a {

	display: block;

	line-height: 24px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #666;

	text-align: center;

}

.m-hdlang .list-item a:hover {

	color: #fff;

	background-color: #d61819;

}

.m-hdlang .list-item a.active {

	color: #fff;

	background-color: #d61819;

}

/* header_top */















.header_top {

	margin-top: 27px;

	margin-bottom: 30px;

}

.header_top .down {

	display: inline-block;

	width: 89px;

	height: 27px;

	line-height: 27px;

	text-align: center;

	-moz-border-radius: 5px;

	border-radius: 5px;

	border: 1px solid #999999;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	color: #999999;

	margin-left: 20px;

}

.header_top .down:hover {

	background: #d61819;

	color: #fff;

	border: 1px solid #d61819;

}

.header_top p {

	font-size: 16px;

	font-size: 1.6rem;

	font-weight: bold;

	margin-top: 8px;

	color: #d61819;

	line-height: 30px;

	padding-left: 26px;

	background: url(../images/tel.png) no-repeat left center;

}



/* header */



.search-box ::-webkit-input-placeholder {

color:#fff

}

.search-box :-o-placeholder {

color:#fff

}

.search-box ::-moz-placeholder {

color:#fff;

opacity:1

}

.search-box :-ms-input-placeholder {

color:#fff

}

.search {

	position: relative;

	margin-top: 7px;

	margin-right: 74px

}

.search .search-icon {

	cursor: pointer;

	width: 33px;

	height: 33px;

	display: block;

	background: url(../images/search.png) no-repeat center

}

.search .search-box {

	width: 221px;

	height: 28px;

	-moz-border-radius: 0;

	border-radius: 0;

	background-color: transparent;

	cursor: pointer;

	overflow: hidden;

	z-index: 999;

	margin-right: 0;

	position: relative;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box

}

.search .search-input {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 28px;

	line-height: 26px;

	padding: 0 28px 0 3px;

	color: #fff;

	border-bottom: solid 1px #fff;

	cursor: pointer;

	font-size: 12px;

	font-size: 1.2rem;

	font-style: italic

}

.search .search-submit {

	position: absolute;

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

	width: 28px;

	height: 28px;

	top: 0;

	right: 0;

	cursor: pointer

}

.header {

	background: url(../images/navbg.jpg) no-repeat center;

	font-family: Tahoma, Geneva, sans-serif

}

.h-top {

	line-height: 44px;

	padding-bottom: 4px

}

.h-top a, .h-top span {

	color: #d7d7d7

}

.h-top .email {

	background: url(../images/nav2.png) no-repeat left center;

	padding-left: 27px;

	padding-right: 49px

}

.h-top .email a:hover {

	color: #e70012

}

.h-top .tel {

	background: url(../images/nav1.png) no-repeat left center;

	padding-left: 25px

}

.logo {

	width: 34.83%;

	float: left;

	margin: 10px 0 6px

}

.logo img {

	display: block

}

.navlist {

	position: relative;

	margin-top: 16px

}

.navlist>li {

	float: left;

	margin-left: 20px;

	padding-bottom: 15px; position:relative

}

.navlist>li:first-child {

	margin-left: 50px

}

.navlist>li>a {

	display: block;

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 40px;

	font-weight: 700;

	color: #fff;

	text-transform: uppercase

}

.navlist .nav-active>a, .navlist>li:hover>a {

	border-bottom: solid 2px #fff

}

.navlist>li:hover .yiji {

	top: 100%

}

.yiji {

	position: absolute;

	top: -9999px;

	left: 0px;

	width: 232px;

	z-index: 99;

	background-color: #f6f6f6;

	padding: 0 0 11px

}

.yiji>li {

	position: relative

}

.yiji>li:first-child {

	padding-top: 10px

}

.yiji>li>a {

	display: block;

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 25px;

	padding: 10px 10px

}

.yiji>li:hover>a {

	color: #fff;

	background-color: #e70012

}

.yiji>li:hover .erji {

	left: 235px

}

.erji>li:hover .sanji {

	left: 235px

}

.erji, .sanji {

	position: absolute;

	width: 232px;

	left: -9999px;

	top: 0;

	background-color: #f6f6f6;

	padding: 0 0 11px

}

.erji>li, .sanji>li {

	position: relative

}

.erji>li:first-child, .sanji>li:first-child {

	padding-top: 10px

}

.erji>li>a, .sanji>li>a {

	display: block;

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 25px;

	padding: 11px 10px 11px 26px

}

.erji>li:hover>a, .sanji>li:hover>a {

	color: #fff;

	background-color: #e70012

}

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

.header {

	background-image: none

}

.header>.wp {

	width: 100%!important

}

.h-top {

	width: 100%;

	background-color: #333;

	float: none!important;

	padding: 0 2.5%;

	box-sizing: border-box

}

.logo {

	float: none!important;

	margin: 15px auto

}

.logo img {

	margin-left: auto;

	margin-right: auto;

	max-width: 100%

}

.navlist {

	width: 100%;

	background-color: #e70012;

	margin-top: 0

}

.navlist>li {

	padding-bottom: 0;

	margin-left: 3%!important;

	margin-right: 3%

}

.navlist>li:first-child {

	margin-left: 0

}

.navlist>li>a {

	text-align: center

}

}

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

.navlist>li {

	padding-bottom: 0;

	margin-left: 2%!important;

	margin-right: 2%

}

}

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

.navlist>li {

	padding-bottom: 0;

	margin-left: 1%!important;

	margin-right: 1%

}

}

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

.navlist, .search-box form {

	display: none

}

.logo {

	width: 100%

}

.logo img {

	margin: 0 auto

}

.h-top {

	padding: 0 0 2px

}

.h-top .email, .h-top .tel {

	display: none

}

.h-top .search {

	margin-top: 0;

	margin-right: 40px

}

}

.navlist1 {

	display: none;

	width: 100%;

	background-color: #e70012

}

.navlist1>li {

	float: left;

	width: 25%;

	text-align: center;

	line-height: 36px

}

.navlist1>li>a {

	color: #fff;

	display: block;

}

.navlist1 .nav-active a, .navlist1 li:hover a {

	border-bottom: solid 2px #fff

}

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

.navlist1 {

	display: block

}

.navlist1 li a {

	border-bottom: solid 2px #e70012

}

}

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

.navlist1>li {

	float: left;

	width: 25%;

	text-align: center;

	line-height: 36px

}

}

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

.slide .carousel-control {

	display: none;

}

}

/* footer */















.footer {

	background: #1c1c1d url(../images/footer.png) no-repeat center top;

	padding-bottom: 46px;

}

.footer a:hover {

	color: #fff;

}

.footer .title {

	font-size: 24px;

	font-size: 2.4rem;

	font-style: italic;

	font-weight: bold;

	color: #fff;

	line-height: 30px;

}

.footer .title a {

	color: #fff;

}

.footer .title a:hover {

	color: #d61819

}

.footer .title b {

	display: block;

	width: 109px;

	height: 1px;

	background: #5f5f5f;

	margin-top: 13px;

}

.footer_left {

	float: left;

	width: 224px;

	padding-top: 18px;

}

.footer_center {

	float: left;

	margin-left: 128px;

	width: 300px;

}

.footer_right {

	float: right;

	width: 343px;

}

.ftx_ul {

	margin-top: 13px;

	float: left;

}

.ftx_ul li {

	line-height: 35px;

	color: #bbbbbb;

	padding-left: 33px;

}

.ftx_ul li a {

	color: #bbbbbb;

}

.ftx_ul li.li1 {

	background: url(../images/foli1.png) no-repeat left 7px;

}

.ftx_ul li.li2 {

	padding-left: 81px;

}

.ftx_ul li.li3 {

	background: url(../images/foli2.png) no-repeat left 7px;

}

.ftx_ul li.li3myb span {

	margin-left: 26px;

	display: inline-block

}

.ftx_ul li.li5 {

	background: url(../images/foli4.png) no-repeat left 4px;

}

.ftx_ul li.li6 {

	padding-left: 81px;

}

.ftx_ul li.li7 {

	background: url(../images/foliew.png) no-repeat left 4px;

}

.ftx_ul2 {

	margin-top: 13px;

	float: right;

	max-width: 250px;

}

.ftx_ul2 li {

	line-height: 35px;

	color: #bbbbbb;

	padding-left: 33px;

}

.ftx_ul2 li a {

	color: #bbbbbb;

}

.ftx_ul2 li.li1 {

	background: url(../images/foli5.png) no-repeat left 8px;

	width: 100%;

}

.ftx_ul2 li.li2 {

	background: url(../images/foliqq.png) no-repeat left 8px;

}

.ftx_ul li.li3 {

	background: url(../images/foli7.png) no-repeat left 2px;

}

.ftx_ul li.li4 {

	background: url(../images/foli3.png) no-repeat left 4px;

}
/*.ftx_ul2 li.li5 {

	background: url(../images/folitel.png) no-repeat left 8px;

}*/

.ftx_ul li.li4myb span {

	margin-left: 32px;

	display: inline-block

}

.ftx_ul2 li.li3myb span {

	margin-left: 32px;

	display: inline-block

}

.footer_left p {

	color: #fff;

	line-height: 35px;

	font-size: 20px;

	font-size: 2rem;

	font-weight: bold;

	margin-top: 23px;

}

.footer_right p {

	color: #bbbbbb;

	line-height: 36px;

}

.footer_right a {

	color: #bbbbbb;

}

.footer .shejiao {

	padding-top: 19px;

	padding-bottom: 16px;

}

.footer .shejiao a {

	display: block;

	margin-left: 19px;

	float: left;

}

.shejiao a img {

	-webkit-transition: 0.3s all;

	-moz-transition: 0.3s all;

	-o-transition: 0.3s all;

	transition: 0.3s all;

	max-width: 100%;

}

.shejiao a:hover img {

	-webkit-transform: rotate(360deg);

	-moz-transform: rotate(360deg);

	-ms-transform: rotate(360deg);

	-o-transform: rotate(360deg);

	transform: rotate(360deg);

}

.footer_bot {

	margin-bottom: 35px;

	color: #fff;

	font-size: 24px;

	font-size: 2.4rem;

	font-weight: bold;

	font-style: italic;

}

.Links {

	min-height: 60px;

	line-height: 60px;

	color: #fff;

}

.Links a {

	display: inline-block;

	margin-left: 20px;

	margin-right: 20px;

	color: #fff;

	font-size: 16px;

	font-size: 1.6rem;

}

.Links a:hover {

	text-decoration: underline

}

 @media screen and (min-width: 768px) and (max-width: 797px) {

.ftx_ul li {

	padding-left: 25px;

}

.ftx_ul2 li {

	padding-left: 25px;

}

}

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

.footer_left {

	width: 191px;

}

.footer_center {

	float: left;

	width: 420px;

	margin-left: 0px;

}

.footer_right {

	width: 330px;

}

.ftx_ul {

	width: 200px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.ftx_ul2 {

	width: 200px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.ftx_ul li.li2 {

	padding-left: 30px;

}

}

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

.footer .shejiao {

	padding-bottom: 0px;

}

.footer {

	padding-bottom: 20px;

}

.footer .shejiao a {

	margin-bottom: 16px;

	margin-left: 0px;

	margin-right: 10px;

}

.footer_left {

	width: 40%;

	float: left;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.footer_center {

	width: 60%;

	float: right;

	margin-left: 0px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.footer_right {

	width: 100%;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	margin-top: 20px;

}

.ftx_ul {

	width: 49%;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.ftx_ul2 {

	width: 49%;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

}

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

.footer {

	background: #1c1c1d;

	padding-top: 0px;

	padding-bottom: 60px;

}

.footer_left {

	display: none;

}

.footer_center {

	display: none;

}

.footer_right {

	padding-left: 0px;

	background: none;

}

.Links {

	display: none;

}

.footer_bot {

	display: none;

}

}

/*==========main1==================*/















.main1 {

	padding-top: 103px;

	background: url(../images/main1.jpg) no-repeat center top;

	padding-bottom: 123px;

}

.main1 .img {

	width: 49.5%;

}

.main1 .m1_r {

	width: 46.16667%;

	padding-top: 39px;

}

.main1 .title {

	padding-bottom: 16px;

	background: url(../images/ab_iti.png) no-repeat left bottom;

	font-size: 40px;

	font-size: 4rem;

	font-weight: bold;

	font-style: italic;

	line-height: 40px;

}

.main1 .title span {

	color: #d61819;

}

.main1 p {

	padding-top: 30px;

	padding-bottom: 14px;

	line-height: 30px;

}

.main1 p a {

	font-size: 16px;

	font-size: 1.6rem;

	display: block;

	overflow: hidden;

}

.main1 .more {

	display: block;

	width: 169px;

	height: 34px;

	line-height: 34px;

	text-align: center;

	text-transform: uppercase;

	border: 1px solid #d61819;

	color: #d61819;

}

.main1 .more:hover {

	background: #333;

	color: #fff;

	border: 1px solid #333;

}

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

.main1 p {

	padding-top: 29px;

	padding-bottom: 29px;

}

}

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

.main1 {

	background: none;

	padding-bottom: 40px;

}

.main1 .img {

	width: 100%;

	float: none;

}

.main1 .img img {

	display: block;

	margin: 0 auto;

}

.main1 .m1_r {

	width: 100%;

	float: none;

	padding-top: 33px;

}

}

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

.main1 {

	padding-top: 30px;

}

.main1 .title {

	font-size: 30px;

	font-size: 3rem;

	line-height: 30px;

}

.main1 p a {

	font-size: 14px;

	font-size: 1.4rem;

}

}

/*==========main2==================*/















.main2 {

	background: url(../images/main2.jpg) repeat-y center top;

	padding-top: 107px;

	padding-bottom: 91px;

}

.main2 .m2_l {

	width: 46%;

}

.main2 .m2_r {

	width: 53%;

	padding-top: 78px;

}

.main2 .title {

	padding-right: 67px;

	text-align: right;

}

.main2 .title a {

	display: block;

	color: #fff;

	font-size: 40px;

	font-size: 4rem;

	font-weight: bold;

	font-style: italic;

}

.main2 .title span {

	color: #d61819;

}

.main2 .title a:hover span {

	color: #fff

}

.main2 .title b {

	margin-top: 14px;

	margin-bottom: 10px;

	display: block;

	width: 53px;

	height: 2px;

	background: #fff;

}

.main2 .title2 {

	padding-right: 67px;

	text-align: right;

	margin-bottom: 30px;

}

.main2 .title2 a {

	display: block;

	color: #fff;

	line-height: 30px;

	font-size: 16px;

	font-size: 1.6rem;

}

.main2 .title2 a:hover {

	color: #d61819;

}

.main2 .img {

	display: block;

	width: 100%;

	position: relative;

	overflow: hidden;

}

.main2 .img span {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	padding-right: 60px;

	padding-left: 20px;

	width: 100%;

	color: #fff;

	height: 65px;

	line-height: 48px;

	position: absolute;

	left: 0px;

	bottom: 0px;

	font-size: 16px;

	font-size: 1.6rem;

	font-weight: bold;

	text-align: center;

	font-style: italic;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.main2 .img:hover span {

	text-decoration: underline

}

.main2 .more {

	text-transform: uppercase;

	margin-top: 22px;

	display: block;

	width: 245px;

	height: 35px;

	line-height: 35px;

	text-align: center;

	color: #fff;

	border: 1px solid #fff;

}

.main2 .more:hover {

	color: #d61819;

	border: 1px solid #d61819;

}

.main2 .m2_ul li {

	width: 264px;

	margin-bottom: 23px;

}

.main2 .m2_ul img {

	display: block;

	margin: 0 auto;

}

.main2 .m2_ul a {

	display: block;

}

.main2 .m2_ul .wrap {

	position: relative;

	overflow: hidden;

	max-width: 264px;

	width: 100%;

	margin: 0 auto;

}

.main2 .m2_ul .wrap:hover .fu {

	top: 0px;

}

.main2 .m2_ul .wrap:hover p {

	background: none;

}

.main2 .m2_ul .fu {

	position: absolute;

	top: 100%;

	left: 0px;

	width: 100%;

	height: 100%;

	-webkit-transition: 0.3s all;

	-moz-transition: 0.3s all;

	-o-transition: 0.3s all;

	transition: 0.3s all;

}

.main2 .m2_ul p {

	height: 35px;

	line-height: 35px;

	text-align: center;

	font-weight: bold;

	text-align: centere;

	width: 100%;

	position: absolute;

	bottom: 0px;

	background: #d61819;

	background: rgba(214, 24, 25, 0.7);

}

.main2 .m2_ul p a {

	display: block;

	color: #fff;

}

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

.main2 .m2_ul li {

	width: 49%;

}

}

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

.main2 {

	padding-top: 0px;

	background: #080808 url()

}

.main2 .m2_l {

	width: 100%;

	float: none;

	margin: 0 auto;

}

.main2 .m2_r {

	max-width: 701px;

	width: 100%;

	float: none;

	margin: 0 auto;

	margin-bottom: 30px;

}

}

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

.main2 .title {

	padding-right: 0px;

}

.main2 .title a {

	font-size: 30px;

	font-size: 3rem;

	line-height: 30px;

}

.main2 .title2 {

	padding-right: 0px;

}

.main2 .title2 a {

	font-size: 14px;

	font-size: 1.4rem;

}

.main2 .img {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	margin: 0 auto;

	display: block;

}

.main2 .img span {

	font-size: 14px;

	font-size: 1.4rem;

	display: block;

	position: relative;

	bottom: 0px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	width: 100%;

	padding: 10px;

}

}

/*==========main3==================*/















.main3 {

	padding-top: 95px;

	padding-bottom: 90px;

}

.main3 .title {

	padding-bottom: 11px;

	background: url(../images/ab_iti.png) no-repeat center bottom;

	text-align: center;

	text-transform: uppercase;

	font-size: 40px;

	font-size: 4rem;

	font-weight: bold;

	font-style: italic;

	line-height: 40px;

	margin-bottom: 40px;

}

.main3 .title span {

	color: #d61819;

}

.main3 .m3_ul {

	font-size: 0;

	letter-spacing: 0

}

.main3 .m3_ul li {

	float: none;

	display: inline-block;

	vertical-align: top;

	width: 230px;

	margin-left: 6px;

}

.main3 .m3_ul a {

	display: block;

}

.main3 a:hover {

	color: #d61819 !important;

}

.main3 .m3_ul a:hover {

	color: #d61819 !important;

}

.main3 .m3_ul img {

	display: block;

	margin: 0 auto;

}

.main3 .m3_ul span {

	display: block;

	text-align: center;

	line-height: 24px;

	font-size: 16px;

	font-size: 1.6rem;

	font-weight: bold;

	margin-top: 16px;

}

.main3 .m3_ul .li1 {

	margin-top: 50px;

}

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

.main3 .m3_ul li {

	width: 18%;

	margin-left: 0.8% !important;

	margin-right: 0.8%;

}

}

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

.main3 .m3_ul li {

	width: 23%;

	margin-left: 0.8% !important;

	margin-right: 0.8%;

	margin-top: 20px !important;

}

.main3 .m3_ul span {

	height: 48px;

	overflow: hidden;

}

}

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

.main3 {

	padding-top: 50px;

	padding-bottom: 40px;

}

.main3 .title {

	font-size: 30px;

	font-size: 3rem;

	margin-bottom: 0px;

}

.main3 .m3_ul li {

	width: 31%;

	margin-left: 0.8% !important;

	margin-right: 0.8%;

	margin-top: 20px !important;

}

.main3 .m3_ul span {

	height: 48px;

	overflow: hidden;

}

}

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

.main3 .m3_ul li {

	width: 48%;

	margin-left: 0.8% !important;

	margin-right: 0.8%;

	margin-top: 20px !important;

}

}

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

.main3 .m3_ul span {

	height: 48px;

	overflow: hidden;

	font-size: 14px;

	font-size: 1.4rem;

}

}

/*==========main4==================*/















.main4 {

	position: relative;

}

.main4 .j-lazy {

	display: block;

}

.main4 .m4_wrap {

	position: absolute;

	width: 100%;

	text-align: center;

	top: 16%;

}

.main4 a {

	color: #fff;

	display: inline-block;

}

.main4 a:hover {

	color: #d61819

}

.main4 .title {

	font-size: 30px;

	font-size: 3rem;

	font-weight: bold;

	font-style: italic;

}

.main4 .title a {

	text-align: center;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	display: block

}

.main4 p {

	line-height: 24px;

	text-align: center;

	margin-top: 30px;

	font-size: 16px;

	font-size: 1.6rem;

	overflow: hidden;

}

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

.main4 .title {

	font-size: 24px;

	font-size: 2.4rem;

	line-height: 26px;

}

}

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

.main4 .title {

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 24px;

}

.main4 p {

	margin-top: 3px;

	height: auto !important

}

.main4 .j-lazy {

	display: none;

}

.main4 .m4_wrap {

	position: relative;

	width: 100%;

	text-align: center;

	top: 0%;

}

.main4 a {

	color: #333

}

}

/*==========main5==================*/















.main5 {

	background: url(../images/main5.jpg) no-repeat center top;

	padding-top: 110px;

}

.main5 .img {

	width: 45.08333%;

}

.main5 .m1_r {

	width: 46.33333%;

	padding-top: 16px;

}

.main5 .m1_r .title {

	padding-bottom: 13px;

	background: url(../images/ab_iti.png) no-repeat left bottom;

	font-size: 40px;

	font-size: 4rem;

	font-weight: bold;

	font-style: italic;

	line-height: 40px;

	text-transform: uppercase

}

.main5 .m1_r .title span {

	color: #d61819;

}

.main5 .m1_r p {

	padding-top: 29px;

	padding-bottom: 75px;

	line-height: 30px;

}

.main5 .m1_r p a {

	display: block;

	max-height: 240px;

	overflow: hidden;

}

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

.main5 .m1_r p {

	padding-top: 29px;

	padding-bottom: 29px;

}

}

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

.main5 {

	background: none;

	padding-bottom: 40px;

}

.main5 .img {

	width: 100%;

	float: none;

}

.main5 .img img {

	display: block;

	margin: 0 auto;

}

.main5 .m1_r {

	width: 100%;

	float: none;

	padding-top: 33px;

}

}

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

.main5 .m1_r .title {

	font-size: 30px;

	font-size: 3rem;

	line-height: 30px;

}

.main5 .m1_r p a {

	font-size: 14px;

	font-size: 1.4rem;

}

}

.main5 .title2 {

	padding-bottom: 13px;

	margin-top: 114px;

	margin-bottom: 39px;

	background: url(../images/ab_iti.png) no-repeat center bottom;

	text-align: center;

	text-transform: uppercase;

	font-size: 40px;

	font-size: 4rem;

	font-weight: bold;

	font-style: italic;

	line-height: 40px;

}

.main5 .title2 span {

	color: #d61819;

}

.main5 .news_ul {

	padding-bottom: 63px;

}

.main5 .news_ul li {

	margin-bottom: 28px;

	background: url(../images/newlribj.png) no-repeat left top;

}

.main5 .news_ul .wrap {

	position: relative;

}

.main5 .news_ul .time {

	left: 0px;

	position: absolute;

	top: 0px;

	width: 66px;

	text-align: center;

}

.main5 .news_ul .time span {

	margin-top: 11px;

	margin-bottom: 5px;

	display: block;

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 22px;

	color: #fff;

}

.main5 .news_ul .time i {

	display: block;

	font-style: normal;

	font-size: 12px;

	font-size: 1.2rem;

	line-height: 22px;

	color: #fff;

}

.main5 .news_ul .title {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 20px;

	font-weight: bold;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.main5 .news_ul .title a {

	color: #000000;

}

.main5 .news_ul p {

	line-height: 30px;

}

.main5 .news_ul p a {

	color: #000000;

	display: block;

	height: 60px;

	overflow: hidden;

}

.main5 .news_ul a:hover {

	color: #d61819

}

.main5 .news_ul .new_r {

	padding-left: 100px;

}

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

.main5 .title2 {

	margin-top: 50px;

	margin-bottom: 20px;

}

}

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

.main5 {

	padding-top: 50px;

}

.main5 .news_ul {

	padding-bottom: 30px;

}

}

/*==========about==================*/















.topcat {

	background: url(../images/bg-about-topcat.png) repeat-x center 56px;

	text-align: center;

	margin-bottom: 55px;

}

.topcat .item {

	display: inline-block;

 *display: inline;

 *zoom: 1;

	margin-left: 88px;

 *width: 200px;

}

.topcat .item:first-child {

	margin-left: auto;

}

.topcat .item .img {

	display: block;

	width: 116px;

	height: 116px;

	-moz-border-radius: 50%;

	border-radius: 50%;

	margin: auto;

	margin-bottom: 17px;

}

.topcat .item .title {

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

}

.topcat .item .title:hover, .topcat .item.on .title {

	color: #d61819;

}

.topcat .item.it1 .img {

	background: url(../images/bg-about-t-1.png) no-repeat right center;

}

.topcat .item.it2 .img {

	background: url(../images/bg-about-t-2.png) no-repeat right center;

}

.topcat .item.it3 .img {

	background: url(../images/bg-about-t-3.png) no-repeat right center;

}

.topcat .item.it4 .img {

	background: url(../images/bg-about-t-4.png) no-repeat right center;

}

.topcat .item.it5 .img {

	background: url(../images/bg-about-t-5.png) no-repeat right center;

}

.topcat .item .img:hover, .topcat .item.on .img {

	background-position: left center;

}

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

.topcat .item {

	margin-left: 37px;

}

}

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

	 .topcat { font-size:0; letter-spacing:0}

.topcat .item { width:18%; margin-left:1%; margin-right:1%; display:inline-block; vertical-align:top; float:none



}

.topcat .item .title {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 30px;

}

}

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

.topcat {

	background: none;

	margin-bottom: 10px;

}

.topcat .item {

	;

	margin-left: 1%;

	margin-right: 1% !important;

	width: 31% !important;

	margin-bottom: 20px;

	min-height: 1px;

}

}

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

.topcat .item {

	display: block;

	float: left;

	margin-left: 1%;

	margin-right: 1% !important;

	width: 48% !important;

	margin-bottom: 10px;

}

}

/*==========about==================*/















.about .ab_top1 {

	margin-bottom: 47px;

}

.about .ab_top1 img {

	display: block;

	margin-right: 50px;

}

.about .ab_top1 .title {

	font-size: 20px;

	font-size: 2rem;

	font-weight: bold;

	font-style: italic;

	margin-bottom: 11px;

}

.about .ab_top1 .title p {

	font-size: 40px;

	font-size: 4rem;

	color: #d61819;

	display: inline-block;

}

.about .ab_top1 .titl2 {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

}

.about .ab_top1 .span {

	color: #d61819;

	font-weight: normal;

}

.about .ab_top1 .titl4 {

	padding-top: 44px;

}

.about .ab_top2 {

	margin-bottom: 47px;

}

.about .ab_top2 img {

	display: block;

	margin-left: 30px;

}

.about .ab_top2 .title {

	font-size: 20px;

	font-size: 2rem;

	font-weight: bold;

	font-style: italic;

	margin-bottom: 11px;

}

.about .ab_top2 .title p {

	font-size: 40px;

	font-size: 4rem;

	color: #d61819;

	display: inline-block;

}

.about .ab_top2 .titl2 {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

}

.about .ab_top2 .span {

	color: #d61819;

	font-weight: normal;

}

.about .ab_top2 .titl4 {

	padding-top: 44px;

}

.about .ab_top4 {

	padding-bottom: 31px;

}

.about .ab_top4 .title {

	font-size: 20px;

	font-size: 2rem;

	font-weight: bold;

	font-style: italic;

	margin-bottom: 11px;

}

.about .ab_top4 .title span {

	font-size: 40px;

	font-size: 4rem;

	color: #d61819;

}

.about .ab_top4 .titl2 {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

}

.about .ab_top4 .span {

	color: #d61819;

	font-weight: normal;

}

.about .ab_top3 {

	padding-bottom: 100px;

}

.about .ab_top3 img {

	display: block;

	margin: 0 auto;

}

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

.about .ab_top1 {

	margin-bottom: 74px;

}

.about .ab_top1 img {

	display: block;

	margin-right: 50px;

	width: 50%;

	margin-bottom: 10px;

}

.about .ab_top1 .titl4 {

	padding-top: 0px;

}

.about .ab_top2 {

	margin-bottom: 47px;

}

.about .ab_top2 img {

	display: block;

	margin-left: 30px;

	width: 50%;

	margin-bottom: 10px;

}

.about .ab_top2 .titl4 {

	padding-top: 0px;

}

}

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

.about .ab_top1 {

	margin-bottom: 74px;

}

.about .ab_top1 img {

	display: block;

	margin-right: 50px;

	width: 100%;

	float: none;

	max-width: 581px;

	margin: 10px auto;

}

.about .ab_top1 .titl4 {

	padding-top: 0px;

}

.about .ab_top2 {

	margin-bottom: 47px;

}

.about .ab_top2 img {

	display: block;

	margin-left: 30px;

	width: 100%;

	float: none;

	max-width: 581px;

	margin: 10px auto;

}

.about .ab_top2 .titl4 {

	padding-top: 0px;

}

}

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

.about .ab_top1 {

	margin-bottom: 30px;

}

.about .ab_top1 .titl2 {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 30px;

}

.about .ab_top2 {

	margin-bottom: 20px;

}

.about .ab_top2 .titl2 {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 30px;

}

.about .ab_top3 {

	padding-bottom: 50px;

}

.about .ab_top3 img {

	display: block;

	margin: 0 auto;

}

}

/*********************************************************************  about2  *********************************************************/















.ab2main {

	background: url(../images/ab2t.jpg) no-repeat top center;

	padding-top: 6px;

	padding-bottom: 115px;

}

.ab2main > .zong {

	background: url(../images/ab2xian.jpg) repeat-y center;

	padding-bottom: 86px;

	padding-top: 100px;

}

.ab2lie {

	background: url(../images/ab2dian.jpg) no-repeat center 42px;

	margin-top: 46px;

}

.ab2tu {

	width: 50%;

	text-align: center;

}

.ab2tu img {

	display: block;

	margin: auto;

	max-width: 215px;

	

	width: 100%;

	overflow: hidden;

	-moz-border-radius: 50%;

	border-radius: 50%;

}

.ab2zi {

	width: 50%;

	padding-top: 31px;

}

.ab2lie1 .ab2tu {

	float: right;

}

.ab2lie2 .ab2tu {

	float: left;

}

.ab2lie1 .ab2zi {

	float: left;

	text-align: right;

}

.ab2lie2 .ab2zi {

	float: right;

}

.ab2lie1 .ab2zin {

	padding-right: 46px;

}

.ab2lie2 .ab2zin {

	padding-left: 40px;

}

.ab2zin span {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 24px;

	font-weight: bold;

	color: #d61819;

}

.ab2zin p {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 24px;

	margin-top: 26px;

}

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

.ab2main {

	padding-bottom: 25px;

	background: none;

	padding-top: 0px;

}

.ab2main > .zong {

	background: none;

	padding-top: 0px;

}

.ab2lie {

	background: none;

}

.ab2tu {

	width: 100%;

	float: none !important;

	text-align: center;

}

.ab2zi {

	width: 100%;

	float: none !important;

	text-align: left !important;

}

.ab2zin {

	padding: 0px !important;

}

}

.ab_titlew {

	font-size: 20px;

	font-size: 2rem;

	line-height: 35px;

	text-align: center;

	margin-bottom: 28px;

	font-weight: bold;

	font-style: italic;

}

.ab_ul3 {

	font-size: 0;

	letter-spacing: 0

}

.ab_ul3 li {

	display: inline-block;

	vertical-align: top;

	margin-left: 70px;

	margin-bottom: 51px;

	width: 246px;

}

.ab_ul3 .abtu {

	position: relative;

	overflow: hidden;

}

.ab_ul3 img {

	display: block;

	margin: 0 auto;

}

.ab_ul3 .fangda {

	position: absolute;

	left: 0px;

	top: 100%;

	width: 100%;

	height: 100%;

	-webkit-transition: 0.3s all;

	-moz-transition: 0.3s all;

	-o-transition: 0.3s all;

	transition: 0.3s all;

}

.ab_ul3 p {

	font-size: 20px;

	font-size: 2rem;

	font-weight: bold;

	text-align: center;

	line-height: 30px;

	margin-top: 15px;

}

.ab_ul3 .wrap {

	max-width: 246px;

	width: 100%;

	margin: 0 auto;

}

.ab_ul3 .wrap:hover .fangda {

	top: 0px;

}

.ab_ul3 .tittnt_p p {

	line-height: 16px;

	line-height: 35px;

}

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

.ab_ul3 li {

	width: 22%;

	margin-left: 1% !important;

	margin-right: 1%;

}

}

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

.ab_ul3 li {

	width: 30%;

	margin-left: 1% !important;

	margin-right: 1%;

}

.ab_ul3 .fangda {

	opacity: 0;

	top: 0px;

}

}

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

.ab_ul3 li {

	width: 47%;

	margin-left: 1% !important;

	margin-right: 1%;

	margin-bottom: 30px;

}

.ab_ul3 p {

	font-size: 14px;

	font-size: 1.4rem;

	margin-top: 10px;

}

}

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

.ab_ul3 li {

	width: 98%;

	margin-left: 0.8% !important;

	margin-right: 0.8%;

	margin-bottom: 30px;

}

.ab_ul3 p {

	font-size: 14px;

	font-size: 1.4rem;

	margin-top: 10px;

}

}

/*==========abou4==================*/















.abou4 {

	padding-bottom: 100px;

}

.abou4 .title {

	font-size: 20px;

	font-size: 2rem;

	font-weight: bold;

	font-style: italic;

	color: #d61819;

}

.abou4 .tittnt_p {

	margin-top: 10px;

	font-size: 16px;

	font-size: 1.6rem;

	padding-bottom: 38px;

}

.abou4 .tittnt_p p {

	line-height: 35px;

	display: inline-block;

	color: #333;

}

.abou4 .tittnt_p span {

	color: #d61819;

}

.abou4 .ab4ul>div {

	width: 562px;

}

.abou4 .ab4ul .wrap {

	background: #e25d5e;

	max-width: 562px;

	width: 100%;

	padding-bottom: 5px;

}

.abou4 .ab4ul .ab4_title3 {

	font-size: 24px;

	font-size: 2.4rem;

	line-height: 32px;

	color: #fff;

}

.abou4 .ab4ul p {

	margin-top: 39px;

	line-height: 30px;

	font-size: 20px;

	font-size: 2rem;

	color: #fff;

}

.abou4 .ab4ul p:first-child {

	padding-left: 15px;

	display: inline-block;

	margin-top: 0;

}

.abou4 .ab4ul .ab4_div {

	padding: 20px 27px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.abou4 .ab4ul span {

	padding-left: 35px;

}

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

.abou4 .ab4ul>div {

	width: 49%;

}

}

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

.abou4 .ab4ul .ab4_title3 {

	background: none;

	padding-left: 0px;

}

.abou4 .ab4ul .ab4_title3 span {

	padding-left: 0px;

}

.abou4 .ab4ul p:first-child {

	padding-left: 0px;

}

.abou4 .ab4ul .ab4_div {

	padding: 10px;

}

.abou4 .ab4ul p {

	font-size: 14px;

	font-size: 1.4rem;

	margin-top: 20px;

}

}

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

.abou4 .ab4ul .ab4_div {

	padding: 10px;

	min-height: 193px;

}

}

/*==========about5==================*/















.about5 {

	padding-bottom: 100px;

}

.about5 img {

	margin-left: 37px;

}

.about5 .title3 {

	line-height: 30px;

	margin-top: 36px;

	font-size: 20px;

	font-size: 2rem;

	font-weight: bold;

	font-style: italic;

	color: #d61819;

}

.about5 .title4 {

	margin-top: 20px;

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 35px;

}

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

.about5 img {

	width: 49%;

	margin-left: 20px;

	margin-bottom: 10px;

}

}

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

.about5 img {

	width: 100%;

	float: none;

	max-width: 589px;

	margin: 0 auto;

	display: block;

}

}

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

.about5 .title4 {

	font-size: 14px;

	font-size: 1.4rem;

}

}

/* ===============================================================product====================================================== */















/*goods*/















.pro_ul1 {

	width: 100%;

}

.pro_ul1 li {

	float: left;

	margin-left: 12px;

	width: 270px;

	margin-bottom: 46px;

}

.pro_ul1 li .libox {

	border: 1px solid #dadada;

}

.pro_ul1 li .img {

	width: 100%;

}

.pro_ul1 li .img > a {

	display: block;

	width: 100%;

	position: relative;

	overflow: hidden;

}

.pro_ul1 li .img > a img {

	display: block;

	width: 100%;

	height: 100%;

}

.pro_ul1 li .img > a .przz {

	position: absolute;

	top: 100%;

	left: 0;

	width: 100%;

	height: 100%;

	transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	-webkit-transition: 0.5s;

}

.pro_ul1 li .img > a .przz span {

	display: block;

	width: 113px;

	height: 36px;

	line-height: 36px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	background-color: #fff;

	text-align: center;

	margin: 89px auto 0;

	transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	-webkit-transition: 0.5s;

}

.pro_ul1 li .img > a .przz span:hover {

	color: #d61819;

}

.pro_ul1 li .img > a:hover .przz {

	top: 0;

}

.pro_ul1 li .wenzi1 {

	text-align: center;

	padding-top: 8px;

	padding-bottom: 8px;

	border-top: 1px solid #dadada;

}

.pro_ul1 li .wenzi1 a {

	font-weight: bold;

	line-height: 30px;

	color: #333;

	display: block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.pro_ul1 li .wenzi1 a:hover {

	color: #d61819;

}

.pro_ul1 li .wenzi {

	width: 165px;

	height: 28px;

	margin: 0 auto 10px;

}

.pro_ul1 li .wenzi a {

	display: block;

	float: right;

	width: 135px;

	height: 26px;

	-moz-border-radius: 13px;

	border-radius: 13px;

	line-height: 26px;

	color: #d61819;

	border: 1px solid #d61819;

	color: #fff;

	background-color: #d61819;

	font-size: 14px;

	font-size: 1.4rem;

	text-align: center;

}

.pro_ul1 li .wenzi a:hover {

	color: #d61819;

	background-color: #fff;

}

.pro_ul1 li .wenzi input {

	cursor: pointer;

	display: block;

	float: left;

	margin-top: 7px;

}

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

.pro_ul1 li {

	width: 31%;

	margin-left: 1% !important;

	margin-right: 1%;

}

}

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

.pro_ul1 li {

	width: 48%;

	margin-left: 1% !important;

	margin-right: 1%;

}

}

/*==========product==================*/















.product .goods {

	width: 834px;

}

.product .list {

	width: 320px;

	margin-bottom: 50px;

}

.product .list .title1 {

	width: 100%;

	margin-bottom: 5px;

}

.product .list .title1 a {

	display: block;

	width: 100%;

	text-align: center;

	font-size: 24px;

	font-size: 2.4rem;

	height: 50px;

	line-height: 50px;

	font-weight: bold;

	color: #d61819;

	font-style: italic;

	text-transform: uppercase;

	background-color: #f7f7f7;

}

.product .list .title1 a:hover {

	color: #333

}

.product .list .subNavBox {

	width: 100%;

}

.product .list .subNav {

	cursor: pointer;

	background: #fff;

	margin-top: 4px;

}

.product .list .subNav.div1 {

	margin-top: 0px;

	padding-top: 4px;

}

.product .list .subNav a {

	display: block;

	line-height: 30px;

	padding-top: 5px;

	padding-bottom: 5px;

	padding-left: 13px;

	padding-right: 28px;

	background: #f7f7f7 url(../images/parrow.png) no-repeat right center;

	font-size: 16px;

	font-size: 1.6rem;

	color: #333333;

	-webkit-transition: 0s;

	-o-transition: 0s;

	-moz-transition: 0s;

	transition: 0s;

}

.product .list .subNav:hover a {

	background: #d61819 url(../images/parrowon.png) no-repeat right center;

	color: #fff;

}

.product .list .currentDd a {

	background: #d61819 url(../images/parrowon.png) no-repeat right center;

	color: #fff;

}

.product .list .navContent {

	background-color: #fafafa;

	padding-top: 9px;

	padding-bottom: 11px;

	display: none;

	position: relative;

	top: 0px;

}

.product .list .navContent > li a {

	display: block;

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 30px;

	color: #333;

	padding-left: 40px;

	background: url(../images/xian.png) no-repeat left top;

}

.product .list .navContent > li a:hover {

	color: #d61819;

}

.product .list .navContent2 {

	margin-bottom: 2px;

	background-color: #fff;

	padding-top: 3px;

	display: none;

	position: relative;

	top: 0px;

}

.product .list .navContent2 > li a {

	display: block;

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 30px;

	color: #999999;

	padding-left: 51px;

}

.product .list .navContent2 > li a:hover {

	color: #d61819;

}

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

.product .goods {

	width: 634px;

}

.product .list {

	width: 320px;

	margin-bottom: 30px;

}

}

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

.product .list .title1 a {

	font-size: 20px;

	font-size: 2rem;

}

}

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

.product .goods {

	width: 100%;

	float: none;

}

.product .list {

	width: 100%;

	float: none;

}

}

.product2 #showArea img {

	cursor: pointer;

	display: block;

	width: 149px;

	height: 108px;

	margin-bottom: 11px;

	border: 1px solid #dadada;

}

.product2 #showArea a {

	padding-left: 8px;

	display: block;

}

.product2 #showArea img:hover {

	border: 1px solid #d61819;

}

.product2 #showArea a:hover {

	background: url(../images/sanjiao.png) no-repeat left center;

}

.product2 #main_img {

	cursor: pointer;

	display: block;

}

.product2 #gotop {

	cursor: pointer;

	display: block;

	margin: auto;

}

.product2 #gobottom {

	cursor: pointer;

	display: block;

	margin: auto;

}

.product2 #showArea {

	height: 353px;

	overflow: hidden;

	margin-top: 8px;

	margin-bottom: 6px;

}

.product2 .MagicZoomBigImageCont {

	background: #FFF;

}

.product2 .MagicZoomBigImageCont img {

	max-width: 1202px;

	display: block;

}

.product2 .MagicZoomPup {

	border: 0px solid #aaa;

	background: #ffffff;

}

.product2 .left-pro {

	width: 774px;

	text-align: left;

	margin: 0px auto;

	margin-top: 39px;

}

.product2 .left-pro .t1 {

	width: 159px;

	float: right;

}

.product2 .left-pro .t2 {

	width: 601px;

	text-indent: 0;

	float: left;

	border: 1px solid #d61819;

}

.product2 .left-pro .t2 a {

	display: block;

	margin-bottom: 0px;

}

.product2 .left-pro .t2 img {

	text-indent: 0;

	display: block;

}

.product2 .content .title {

	padding-top: 43px;

	text-align: center;

}

.product2 .content .title h1 {

	font-size: 30px;

	font-size: 3rem;

	text-align: center;

	color: #333;

	text-align: center;

	font-weight: bold;

}

.product2 .content .btn {

	width: 444px;

	margin: 0 auto;

	margin-top: 23px;

	margin-bottom: 42px;

}

.product2 .content .btn a {

	display: block;

	font-size: 20px;

	font-size: 2rem;

	-moz-border-radius: 50px;

	border-radius: 50px;

	color: #d61819;

	width: 205px;

	height: 46px;

	line-height: 46px;

	text-align: center;

	border: 1px solid #d61819;

}

.product2 .content .btn a:hover {

	color: #fff;

	background-color: #d61819;

}

.product2 .content .btn .shpl:hover {

	color: #d61819 !important;

	background-color: #fff !important;

}

.product2 .content .share1 {

	width: 254px;

	margin: 0 auto;

}

.product2 .content .share1 .span {

	font-size: 14px;

	font-size: 1.4rem;

	color: #d61819;

	height: 26px;

	line-height: 26px;

	margin-right: 10px;

}

.product2 .at-resp-share-element .at-icon {

	width: 26px !important;

	height: 26px !important;

}

.product2 .at-style-responsive .at-share-btn {

	padding: 0 !important;

	-moz-border-radius: 2px !important;

	border-radius: 2px !important;

}

.product2 .at-resp-share-element .at-share-btn .at-icon-wrapper {

	width: 26px !important;

	height: 26px !important;

}

.product2 .at-resp-share-element .at-share-btn {

	margin-bottom: 0 !important;

	margin-right: 3px !important;

}

.product2 .protitle1 {

	background: #eeeeee;

	width: 100%;

	margin-bottom: 30px;

	margin-top: 30px;

}

.product2 .protitle1 a, .product2 .protitle1 span {

	display: inline-block;

	height: 48px;

	line-height: 48px;

	text-transform: uppercase;

	font-size: 18px;

	font-size: 1.8rem;

	color: #000;

	padding: 0px 15px;

	background: #eeeeee url(../images/xian1.png) repeat-x bottom center;

}

.product2 .protitle1 a:hover {

	color: #d61819

}

.product2 .pro_x {

	font-size: 14px;

	font-size: 1.4rem;

	color: #000000;

	line-height: 30px;

	margin-top: 10px;

	margin-bottom: 30px;

}

.product2 .pro_x a {

	color: #d61819;

	line-height: 30px;

	color: #d61819;

}

.product2 .pro_x img {

	display: block;

	max-width: 100%;

}

.product2 .pro_x iframe {

	display: block;

	max-width: 100%;

	margin: 0 auto;

}

.product2 .pro_x .table table {

	width: 100%;

	border-collapse: collapse;

	line-height: 22px;

	border: 1px solid #333;

	text-align: center;

}

.product2 .pro_x .table table tr td {

	padding: 3px;

	border: 1px solid #333;

}

.product2 .pro_x .table table tr:first-child td {

	padding: 3px;

	border: 1px solid #333;

	font-weight: bold;

}

.product2 .pro_x .table table tr td:nth-child(2) {

	width: 50px;

}

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

.product2 .pro_x .table {

	width: 100%;

	overflow: scroll;

}

.product2 .pro_x .table table {

	width: 885px;

}

}

.product2 .pro_ul1 {

	padding-bottom: 37px;

}

.product2 .pro_ul1 li .img {

	border: 1px solid #dadada;

}

.product2 .pro_ul1 li .libox {

	border: 0px;

}

.product2 .pro_ul1 li .wenzi1 {

	border: 0px;

	padding-top: 1px;

}

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

.product2 .MagicZoomBigImageCont {

	display: none !important;

}

.product2 .MagicZoomPup {

	display: none !important;

}

.product2 .goods {

	width: 100%;

	float: none;

}

.product2 .list {

	width: 100%;

	margin-bottom: 50px;

}

}

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

.product2 .left-pro {

	display: none;

}

}

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

.product2 .content .btn {

	width: 100%;

	max-width: 300px;

}

.product2 .content .btn a {

	width: 48%;

	font-size: 16px;

	font-size: 1.6rem;

}

.product2 .content .title h1 {

	font-size: 20px;

	font-size: 2rem;

}

.product2 .protitle1 {

	margin-top: 20px;

	margin-bottom: 10px;

}

.product2 .protitle1 a {

	font-size: 16px;

	font-size: 1.6rem;

	text-transform: capitalize;

}

}

.product2 .img980 {

	display: none;

}

.product2 .img-scroll {

	position: relative;

	width: 100%;

}

.product2 .img-scroll .prev {

	position: absolute;

	display: block;

	width: 39px;

	height: 39px;

	z-index: 99;

}

.product2 .img-scroll .next {

	position: absolute;

	display: block;

	width: 39px;

	height: 39px;

	z-index: 99;

}

.product2 .img-scroll .prev {

	left: 0;

	cursor: pointer;

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

}

.product2 .img-scroll .next {

	right: 0;

	cursor: pointer;

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

}

.product2 .img-list {

	position: relative;

	width: 100%;

	overflow: hidden;

	margin: 0 auto;

}

.product2 .img-list ul {

	width: 1000%;

}

.product2 .img-list li {

	float: left;

	width: 285px;

	margin-right: 0%;

}

.product2 .img-list li:hover .m4fu {

	top: 0;

}

.product2 .img-list li:hover .m4zi {

	background: #d61819;

}

.product2 .img-list li:first-child .m3lien {

	border: 1px solid #363535;

}

.product2 .img-list img {

	display: block;

	max-width: 285px;

	width: 100%;

	margin: 0 auto;

}

.product2 .img-list .m3lien {

	max-width: 285px;

	text-align: center;

	position: relative;

	margin: 0 auto;

	overflow: hidden;

	border: 1px solid #363535;

	border-left: 0px;

}

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

.product2 .img980 {

	display: block;

}

.product2 .img-scroll .hot {

	position: absolute;

	top: 40%;

	float: none;

	max-width: 100%;

	width: 100%;

}

.product2 .img-list li .m3lien .m4fu {

	top: 0px;

	display: none;

}

.product2 .img-list {

	width: 100%;

}

.product2 .img-list li {

	width: 2.5%;

}

.product2 .img-list .m4zi {

	padding: 0px 10px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.product2 .protitle2 {

	margin-bottom: 30px;

	font-size: 20px;

	font-size: 2rem;

	background: none;

}

}

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

.product2 .img-scroll {

	margin-top: 20px;

}

.product2 .img-list li {

	width: 3.33%;

}

}

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

.product2 .protitle1, .product2 .protitle2 {

	font-size: 20px;

	font-size: 2rem;

}

.product2 .img-list {

	width: 235px;

	margin: 0 auto;

}

.product2 .img-list li {

	width: 235px;

}

}

/*==========project==================*/















.project {

	padding-bottom: 95px;

}

.project .title {

	font-size: 20px;

	font-size: 2rem;

	line-height: 30px;

	font-weight: bold;

}

.project .title2 {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	margin-top: 30px;

}

.project .title3 {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 30px;

	margin-top: 30px;

}

.project .zhanshi_tp2 {

	position: relative;

	width: 834px;

	margin: auto;

	margin-top: 39px;

	margin-bottom: 4px;

}

.project .zhanshi_tp2 .ulBigPic {

	width: 715px;

	margin-left: 63px;

	overflow: hidden;

}

.project .zhanshi_tp2 .ulBigPic li {

	width: 715px;

	display: none;

	position: relative;

}

.project .abfu {

	position: absolute;

	width: 100%;

	font-size: 16px;

	font-size: 1.6rem;

	color: #fff;

	text-align: center;

	line-height: 46px;

	bottom: 0px;

	left: 0px;

	background: #000;

	background: rgba(0, 0, 0, 0.5);

}

.project .zhanshi_tp2 .ulBigPic .liSelected {

	display: block;

}

.project .zhanshi_tp2 .ulBigPic img {

	display: block;

	width: 100%;

	max-width: 715px;

	max-height: 525px;

}

.project .zhanshi_tp2 .dSmallPicBox {

	width: 834px;

	height: 106px;

	position: relative;

	margin-top: 32px;

}

.project .zhanshi_tp2 .dSmallPic {

	width: 715px;

	height: 106px;

	position: absolute;

	left: 63px;

	top: 0px;

	overflow: hidden;

}

.project .zhanshi_tp2 .dSmallPic ul {

	position: absolute;

}

.project .zhanshi_tp2 .dSmallPic li {

	width: 190px;

	height: 106px;

	float: left;

	display: inline;

	cursor: pointer;

	overflow: hidden;

}

.project .zhanshi_tp2 .dSmallPic .sPic {

	width: 190px;

	height: 106px;

	display: block;

}

.project .zhanshi_tp2 .dSmallPic .sPic img {

	width: 145px;

	height: 106px;

}

.project .zhanshi_tp2 .sLeftBtnB, .project .zhanshi_tp2 .sLeftBtnBSel, .project .zhanshi_tp2 .sLeftBtnBBan, .project .zhanshi_tp2 .sRightBtnB, .project .zhanshi_tp2 .sRightBtnBSel, .project .zhanshi_tp2 .sRightBtnBBan {

	width: 39px;

	height: 39px;

	display: block;

	position: absolute;

	top: 34px;

	-moz-border-radius: 50%;

	border-radius: 50%;

}

.project .zhanshi_tp2 .sLeftBtnB, .project .zhanshi_tp2 .sLeftBtnBSel, .project .zhanshi_tp2 .sRightBtnB, .project .zhanshi_tp2 .sRightBtnBSel {

	cursor: pointer;

}

.project .zhanshi_tp2 .sRightBtnB, .project .zhanshi_tp2 .sRightBtnBSel, .project .zhanshi_tp2 .sRightBtnBBan {

	right: 0px;

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

}

.project .zhanshi_tp2 .sRightBtnB, .project .zhanshi_tp2 .sRightBtnBSel, .project .zhanshi_tp2 .sRightBtnBBan:hover {

	right: 0px;

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

}

.project .zhanshi_tp2 .sLeftBtnB, .project .zhanshi_tp2 .sLeftBtnBSel, .project .zhanshi_tp2 .sLeftBtnBBan {

	left: 0px;

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

}

.project .zhanshi_tp2 .sLeftBtnB, .project .zhanshi_tp2 .sLeftBtnBSel, .project .zhanshi_tp2 .sLeftBtnBBan:hover {

	left: 0px;

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

}

.project .gongchang2 {

	display: none;

}

 @media screen and (min-width: 1000px) and (max-width: 1219px) {

.project .zhanshi_tp2 {

	width: 526px;

}

.project .zhanshi_tp2 .ulBigPic {

	width: 526px;

	margin-left: 0px;

}

.project .zhanshi_tp2 .ulBigPic li {

	width: 526px;

}

.project .zhanshi_tp2 .dSmallPicBox {

	width: 526px;

	overflow: hidden;

}

.project .zhanshi_tp2 .dSmallPic {

	left: 0px;

}

.project .zhanshi_tp2 .sRightBtnB, .project .zhanshi_tp2 .sRightBtnBSel, .project .zhanshi_tp2 .sRightBtnBBan {

	right: 0px;

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

}

.project .zhanshi_tp2 .sRightBtnB, .project .zhanshi_tp2 .sRightBtnBSel, .project .zhanshi_tp2 .sRightBtnBBan:hover {

	right: 0px;

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

}

.project .zhanshi_tp2 .sLeftBtnB, .project .zhanshi_tp2 .sLeftBtnBSel, .project .zhanshi_tp2 .sLeftBtnBBan {

	left: 0px;

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

}

.project .zhanshi_tp2 .sLeftBtnB, .project .zhanshi_tp2 .sLeftBtnBSel, .project .zhanshi_tp2 .sLeftBtnBBan:hover {

	left: 0px;

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

}

}

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

.project .zhanshi_tp2 {

	display: none;

}

.project .gongchang2 {

	width: 100%;

	display: block;

}

.project .gonglie2 {

	display: block;

	float: left;

	width: 31%;

	margin-left: 1%;

	margin-right: 1%;

	margin-top: 20px;

}

.project .gongtu2 img {

	display: block;

	width: 100%;

	max-width: 715px;

	max-height: 525px;

}

.project .abmain4 {

	padding-bottom: 38px;

}

.project .gongtu2 {

	display: block;

}

}

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

.project .gonglie2 {

	width: 48%;

}

.project .title2 {

	font-size: 14px;

	font-size: 1.4rem;

}

}

.project .img-scroll {

	position: relative;

	width: 100%;

	margin-top: 34px;

}

.project .img-scroll .prev {

	position: absolute;

	display: block;

	width: 33px;

	height: 33px;

	width: 39px\0;

	height: 39px\0;

	top: 50%;

	margin-top: -16.5px;

	z-index: 99;

}

.project .img-scroll .next {

	position: absolute;

	display: block;

	width: 33px;

	height: 33px;

	width: 39px\0;

	height: 39px\0;

	top: 50%;

	margin-top: -16.5px;

	z-index: 99;

}

.project .img-scroll .prev {

	left: 0;

	cursor: pointer;

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

	background-size: cover;

}

.project .img-scroll .next {

	right: 0;

	cursor: pointer;

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

	background-size: cover;

}

.project .img-scroll .prev:hover {

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

	background-size: cover;

}

.project .img-scroll .next:hover {

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

	background-size: cover;

}

.project .img-list {

	position: relative;

	width: 85%;

	overflow: hidden;

	margin: 0 auto;

}

.project .img-list ul {

	width: 1000%;

}

.project .img-list li {

	float: left;

	width: 160px;

	margin-right: 22px;

}

.project .img-list li .m4fu {

	position: absolute;

	top: 100%;

	left: 0px;

	width: 100%;

	height: 100%;

}

.project .img-list li img {

	display: block;

	max-width: 160px;

	max-height: 117px;

	width: 100%;

	margin: 0 auto;

}

.project .img-list li .m4zi {

	display: block;

	margin: 0 auto;

	max-width: 160px;

	width: 100%;

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

	line-height: 38px;

	text-align: center;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.project .img-list li .m3lien {

	max-width: 160px;

	text-align: center;

	position: relative;

	margin: 0 auto;

	overflow: hidden;

}

.project .img-list li .m3lien:hover .m4fu {

	top: 0;

}

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

.project .img-list li {

	width: 3%;

	margin-right: .5%;

}

}

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

.project .img-list li .m3lien .m4fu {

	top: 0px;

	opacity: 0;

}

.project .img-list {

	width: 100%;

}

.project .img-list li {

	width: 3%;

	margin-right: .5%;

}

}

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

.project .img-scroll {

	margin-top: 20px;

}

.project .img-list li {

	width: 4.5%;

	margin-right: 1%;

}

}

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

.project .img-list li {

	width: 10%;

	margin-right: .487%;

}

}

.vi_ul1 {

	padding-bottom: 10px;

}

.vi_ul1 li {

	width: 554px;

	margin-bottom: 28px;

}

.vi_ul1 .wen {

	line-height: 30px;

	margin-top: 12px;

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

	font-weight: bold;

	text-align: center;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.vi_ul1 .litop {

	position: relative;

	padding-bottom: 68%;

	height: 0;

	overflow: hidden;

}

.vi_ul1 .litop iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	border: none;

}

.vi_ul1 .litop iframe body {

	margin: 0px !important;

}

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

.vi_ul1 li {

	width: 48%;

}

}

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

.vi_ul1 li {

	width: 48%;

	margin-bottom: 20px;

}

}

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

.vi_ul1 {

	background: none;

	margin-bottom: 30px;

	margin-top: 30px;

}

.vi_ul1 .wen {

	margin-top: 10px;

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 30px;

}

}

/*==========new1==================*/















.new1 {

	padding-bottom: 18px;

}

.new1 .fwp {

	padding-bottom: 44px;

	position: relative;

}

.new1 .swp {

	position: absolute;

	top: 0;

	left: 0;

}

.new1 .swp a {

	display: block;

	width: 100%;

	margin: 0 auto;

}

.new1 .swp a img {

	display: block;

	max-width: 330px;

	max-height: 236px;

	width: 100%;

	margin: 0 auto;

	border: 1px solid #c3c3c3;

}

.new1 .zi {

	padding-left: 362px;

	min-height: 236px;

	padding-right: 0px;

}

.new1 .zi .time {

	padding-bottom: 2px;

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 30px;

	color: #999999;

}

.new1 .zi .title {

	padding-top: 15px;

	color: #000;

	display: block;

	line-height: 32px;

	font-weight: bold;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.new1 .zi .p {

	display: block;

	min-height: 60px;

	overflow: hidden;

	margin-bottom: 5px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #000;

	line-height: 30px;

}

.new1  .more {

	display: block;

	font-size: 14px;

	font-size: 1.4rem;

	-moz-border-radius: 50px;

	border-radius: 50px;

	width: 113px;

	height: 34px;

	line-height: 34px;

	text-align: center;

	color: #fff;

	background: #d61819; margin-top:20px

}

.new1  .more:hover {

	background: #333;

}

.new1 .zi .title:hover {

	color: #d61819;

}

.new1 .zi .p:hover {

	color: #d61819;

}

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

.new1 {

	padding-bottom: 30px;

}

.new1 .fwp {

	padding-bottom: 0px;

}
.new1  .more{ margin-bottom:15px; margin-top:15px}
.new1 .swp {

	position: relative;

	top: 0;

	left: 0;

	padding: 0px;

}

.new1 .zi {

	padding-left: 0px;

	min-height: 236px;

	padding-right: 0px;

}

.new1 .zi .time {

	padding-bottom: 0px;

	padding-top: 0px;

}

.new1 .zi .title {

	margin-top: 10px;

}

}

/*==========news==================*/















.news {

	position: relative;

}

.news .title1 {

	text-align: center;

}

.news .title1 h1 {

	font-size: 14px;

	font-size: 1.4rem;

	color: #333333;

	font-weight: bold;

}

.news .time {

	text-align: center;

	margin-top: 10px;

	margin-bottom: 18px;

}

.news .time span.sapn1 {

	font-size: 14px;

	font-size: 1.4rem;

	color: #999999;

	font-weight: normal;

	display: inline-block;

	line-height: 26px;

	height: 26px;

}

.news .share1 {

	position: relative;

	display: block;

	width: 263px;

}

.news .share1 .span {

	font-size: 16px;

	font-size: 1.6rem;

	color: #333333;

	height: 31px;

	line-height: 27px;

	margin-right: 10px;

}

.news .at-resp-share-element .at-icon {

	width: 26px !important;

	height: 26px !important;

}

.news .at-style-responsive .at-share-btn {

	padding: 0 !important;

	-moz-border-radius: 2px !important;

	border-radius: 2px !important;

}

.news .at-resp-share-element .at-share-btn .at-icon-wrapper {

	width: 26px !important;

	height: 26px !important;

}

.news .at-resp-share-element .at-share-btn {

	margin-bottom: 0 !important;

	margin-right: 3px !important;

}

.news .news2x {

	font-size: 14px;

	font-size: 1.4rem;

	color: #000000;

	line-height: 30px;

	margin-top: 20px;

	margin-bottom: 30px;

}

.news .news2x a {

	color: #d61819;

	line-height: 30px;

}

.news .news2x img {

	display: block;

	max-width: 100%;

}

.news .news2x iframe {

	display: block;

	max-width: 100%;

	margin: 0 auto;

}

.news .news2x .table table {

	width: 100%;

	border-collapse: collapse;

	line-height: 22px;

	border: 1px solid #ccc;

}

.news .news2x .table table tr td {

	padding: 3px;

	border: 1px solid #ccc;

}

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

.news .news2x .table {

	width: 100%;

	overflow: scroll;

}

.news .news2x .table table {

	width: 885px;

}

}

.news .updown {

	margin-top: 20px;

	padding-top: 35px;

	border-top: 1px solid #d2d2d2;

	padding-bottom: 98px;

}

.news .updown .up {

	margin-top: 0px;

	margin-bottom: 0px;

}

.news .updown p {

	line-height: 32px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #888888;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.news .updown p .img {

	display: inline-block;

}

.news .updown p .img img {

	display: inline-block;

	position: relative;

	top: 7px;

	margin-right: 5px;

}

.news .updown p .on {

	color: #d61819;

}

.news .updown p span {

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

}

.news .updown p a {

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

}

.news .updown p a:hover {

	color: #d61819;

}

.news .updown p .newno:hover {

	color: #333 !important;

}

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

.news .title1 h1 {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

}

}

/* contact */















/* contact_top */















.contact_top {

	-moz-border-radius: 8px;

	border-radius: 8px;

	padding-bottom: 17px;

	background: #e5e5e5 url(../images/conleft1.jpg) no-repeat left top;

}

/* c_left */















.c_left {

	width: 465px;

	padding-top: 15px;

	-moz-border-radius: 8px 0px 0px 8px;

	border-radius: 8px 0px 0px 8px;

}

.c_left_wrap {

	width: 374px;

	margin: 0 auto;

	font-size: 16px;

	font-size: 1.6rem;
	
	 margin-top: 50px;

}

.c_left_wrap .c_title {

	padding-bottom: 45px;

	color: #fff;

	font-weight: bold;

	line-height: 24px;

}

.c_left_wrap .c_titl3 {

	color: #fff;

	padding-bottom: 6px;

}

.c_left_wrap .dabiaoti {

	font-weight: bold;

	color: #fff;

	line-height: 25px;

	font-size: 2px;

	font-size: 2rem;

	margin: 10px auto;

}

.c_left_wrap .c_tiyl {

	margin-bottom: 10px;

}

.c_left_wrap .c_tiyl a {

	display: block;

	font-weight: bold;

	color: #fff;

	line-height: 24px;

}

.c_left_wrap .c_tiyl4 {

	font-weight: bold;

	color: #fff;

}

.c_left_wrap .c_tiyl {

	font-weight: bold;

	color: #fff;

	line-height: 35px; margin-bottom:27px

}

.c_left_wrap .c_tiyl a:hover {

	color: #d61819;

}

/* c_right */















.c_right {

	float: right;

	width: 47%;

	margin-right: 84px;

}

.c_title2 {

	padding-top: 23px;

	padding-left: 14px;

	line-height: 30px;

	font-weight: bold;

	font-size: 24px;

	font-size: 2.4rem;

	color: #d61819;

	text-transform: uppercase;

	padding-bottom: 3px;

}

.c_xp {

	padding-top: 13px;

}

.c_bt {

	width: 14px;

	float: left;

	color: #ff0000;

	font-family: Verdana;

	line-height: 36px;

	height: 36px;

	font-size: 14px;

	font-size: 1.4rem;

}

.c_div1 {

	padding-bottom: 18px;

}

.c_div2 {

	padding-bottom: 20px;

}

.c_div3 {

	padding-bottom: 20px;

}

.c_div4 {

	padding-top: 2px;

	margin-bottom: 5px;

}

.c_input1 {

	float: left;

	line-height: 35px;

	height: 35px;

	font-size: 14px;

	font-size: 1.4rem;

	text-indent: 14px;

	color: #666666;

	width: 547px;

	border: solid 1px #cccccc;

	background: #fff;

}

.c_textarea {

	font-family: Arial;

	float: left;

	font-size: 14px;

	font-size: 1.4rem;

	text-indent: 14px;

	color: #666666;

	width: 544px;

	border: solid 1px #cccccc;

	line-height: 26px;

	padding-top: 1px;

	height: 211px;

	background: #fff;

}

.c_captcha {

	font-size: 14px;

	font-size: 1.4rem;

	background: #fff;

	width: 154px;

	float: left;

	line-height: 35px;

	height: 35px;

	text-indent: 9px;

	color: #666666;

	border: solid 1px #cccccc;

}

.c_yzm {

	float: left;

	margin-left: 19px;

	cursor: pointer;

}

.c_send {

	float: right;

	text-align: center;

	color: #fff;

	background: #333333;

	width: 181px;

	height: 37px;

	font-weight: bold;

	line-height: 35px;

	font-size: 14px;

	font-size: 1.4rem;

	cursor: pointer;

}

.map {

	margin: 50px auto 100px;

}

.map img {

	display: block;

	max-width: 1200px;

	max-height: 381px;

	width: 100%;

}

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

.c_right {

	margin-right: 34px;

}

.c_left {

	width: 399px;

}

.c_div1, .c_div2, .c_div3 {

	padding-bottom: 16px;

}

.c_input1 {

	width: 95%;

}

.c_textarea {

	width: 95%;

}

.c_send {

	width: 116px;

}

}

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

.contact_top {

	background: #e5e5e5;

	margin-top: 20px;

}

.map {

	margin: 20px auto 20px;

}

.c_left {

	background: url(../images/conleft1.jpg) no-repeat left top;

	float: none;

	width: 95%;

	margin: 0 auto;

	max-width: 399px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	margin-top: 20px;

	padding-bottom: 20px;

	padding-top: 20px;

}

.c_right {

	float: none;

	width: 95%;

	margin: 0 auto;

	margin-top: 20px;

}

.c_title2 {

	padding-top: 0px;

}

.c_left_wrap {

	width: 90%;

}

.c_send {

	width: 95%;

	margin-left: 14px;

	margin-top: 15px;

	float: left;

}

.c_left_wrap .c_title {

	padding-bottom: 20px;

}

}

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

.c_left_wrap .c_tiyl {

	margin-bottom: 15px;

}

.c_input1 {

	width: 90%;

}

.c_textarea {

	width: 90%;

}

.c_send {

	width: 90%;

}

.c_left_wrap {

	font-size: 14px;

	font-size: 1.4rem;

}

.c_captcha {

	width: 90%;

	margin-bottom: 20px;

}

.c_yzm {

	margin-left: 12px;

}

}

/*==========product==================*/

/*# sourceMappingURL=style.css.map */


.ppp {

	line-height: 30px;

}
.jiamain{ padding:20px 0; font-size:0; letter-spacing:0}
.jialie{ width:33.333%; float:none; display:inline-block; vertical-align:top; position:relative;  overflow:hidden;}
.jiatu{ display:block;}
.jiatu img{ max-width:100%; }
.jiafu{ width:100%; height:100%; position:absolute; left:0px; top:0px;}
.jian{ padding:20px;}
.jiaa{ font-size:20px; font-size:2rem; line-height:24px; color:#fff;}

.jian p.wenzi { display:block; font-size:14px; font-size:1.4rem; line-height:24px;  overflow:hidden; margin-top:10px;}


.jian p.wenzi,.jian p{ color:#fff;}
.mbjd .jian p.wenzi{  color:#333;}
.jiamor{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; color:#fff; margin-top:10px;}
.jialie>.jian .jiaa{ color:#333;}
@media screen and (max-width:999px){
.jialie{ width:50%; margin-top:10px;}
}
@media screen and (max-width:499px){
.jialie{ width:100%; margin-top:10px; height:auto;}
.jiafu{ position:relative;}
.jian p.wenzi, .jian p{ color:#333}
.jian{ padding:10px 0px;}

}
.prokeyw{margin-top: 30px;}
.prokeywt{ font-weight:bold;color: #d61819;font-size: 18px;    font-size: 1.8rem;}
.prokeyw a{font-size: 16px;    font-size: 1.6rem;}

.prrt_pro{ margin-bottom:30px;}
.prrt_pro p{font-size: 16px;    font-size: 1.6rem;line-height:26px;}





.m-kf {

	position: fixed;

 *position: absolute;

	z-index: 9999;

	right: 0;

	top: 20%;

	background-color: #ebebeb;

	border-radius: 50px;

	padding: 10px 0px;

}

.m-kf .list-item {

	position: relative;

	padding-top: 5px;

	padding-bottom: 4px;

	padding-left: 10px;

	padding-right: 10px;

	cursor: pointer;

	-webkit-transition: all 350ms;

	-o-transition: all 350ms;

	-moz-transition: all 350ms;

	transition: all 350ms;

}

.m-kf .list-item img {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.m-kf .list-item:first-child .item-line {

	display: none;

}

.m-kf .list-item .img {

	position: absolute;

	top: 0;

	right: 100%;

	padding: 0 5px;

	width: 100px;

	height: 100px;

	display: none;

	background-color: #fff;

}

.m-kf .item-pic {

	margin-left: auto;

	margin-right: auto;

	display: block;

	line-height: 0;

	font-size: 0;

	width: 49px;

}

.m-kf .item-title {

	margin-top: 3px;

	font-size: 12px;

	font-size: 1.2rem;

	color: #333;

	text-align: center;

}

.m-kf .item-title a {

	color: #333;

}

.m-kf .item-title a:hover {

	color: #61a60e

}

.m-kf .item-line {

	position: absolute;

	left: 50%;

	top: 0;

	margin-left: -24px;

	display: block;

	width: 49px;

	height: 1px;

	background-color: #aaa;

}

.m-kf .item-wx {

	position: absolute;

	right: 100%;

	bottom: 0;

	width: 150px;

	line-height: 0;

	font-size: 0;

	display: none;

}

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

.footer {

	padding-bottom: 63px;

	background: #0c0c0e

}

.m-kf {

	top: auto;

	right: auto;

	left: 0;

	bottom: 0;

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: horizontal;

	-webkit-box-direction: normal;

	-webkit-flex-flow: row nowrap;

	-moz-box-orient: horizontal;

	-moz-box-direction: normal;

	-ms-flex-flow: row nowrap;

	flex-flow: row nowrap;

	-webkit-justify-content: space-around;

	-ms-flex-pack: distribute;

	justify-content: space-around;

	-webkit-box-align: stretch;

	-webkit-align-items: stretch;

	-moz-box-align: stretch;

	-ms-flex-align: stretch;

	align-items: stretch;

	width: 100%;

	padding: 0px

}

.m-kf .list-item {

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-webkit-flex-flow: column nowrap;

	-moz-box-orient: vertical;

	-moz-box-direction: normal;

	-ms-flex-flow: column nowrap;

	flex-flow: column nowrap;

	-webkit-box-pack: justify;

	-webkit-justify-content: space-between;

	-moz-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-moz-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	padding: 10px 0;

}

.m-kf .list-item .img {

	left: 0;

	top: auto;

	right: auto;

	bottom: 100%;

}

.m-kf .item-line {

	display: none;

}

.m-kf .item-wx {

	right: 20%;

	margin-right: -50px;

	top: auto;

	bottom: 100%;

}

}

 @media screen and (min-width: 768px) {

.m-kf .list-item:hover .img {

	display: block;

}

}
.guoqi{width: 32px;float: right;margin-top: 12px;}
 @media screen and (max-width: 800px) {.guoqi{ margin-right: 50px;
        margin-top: 5px;}}