@font-face {

	font-family: 'OPENSANSREGULAR_0';

	src: url("../fonts/OPENSANSREGULAR_0.eot");

	src: url("../fonts/OPENSANSREGULAR_0.eot") format("embedded-opentype"), url("../fonts/OPENSANSREGULAR_0.woff2") format("woff2"), url("../fonts/OPENSANSREGULAR_0.woff") format("woff"), url("../fonts/OPENSANSREGULAR_0.ttf") format("truetype"), url("../fonts/OPENSANSREGULAR_0.svg#OPENSANSREGULAR_0") format("svg")

}

@font-face {

	font-family: 'OPENSANSSEMIBOLD';

	src: url("../fonts/OPENSANSSEMIBOLD.eot");

	src: url("../fonts/OPENSANSSEMIBOLD.eot") format("embedded-opentype"), url("../fonts/OPENSANSSEMIBOLD.woff2") format("woff2"), url("../fonts/OPENSANSSEMIBOLD.woff") format("woff"), url("../fonts/OPENSANSSEMIBOLD.ttf") format("truetype"), url("../fonts/OPENSANSSEMIBOLD.svg#OPENSANSSEMIBOLD") format("svg")

}

@font-face {

	font-family: 'OPENSANSBOLD';

	src: url("../fonts/OPENSANSBOLD.eot");

	src: url("../fonts/OPENSANSBOLD.eot") format("embedded-opentype"), url("../fonts/OPENSANSBOLD.woff2") format("woff2"), url("../fonts/OPENSANSBOLD.woff") format("woff"), url("../fonts/OPENSANSBOLD.ttf") format("truetype"), url("../fonts/OPENSANSBOLD.svg#OPENSANSBOLD") format("svg")

}

* {

	margin: 0;

	padding: 0

}

html {

	font-size: 62.5%;

	height: 100%

}

body {

	margin: 0 auto;

	width: 100%;

	max-width: 1920px;

	overflow-x: hidden;

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

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

	line-height: 1.2

}

a {

	color: #333;

	text-decoration: none;

	outline: 0;

	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: #dc1f16

}

ol, ul, li {

	list-style: none

}

img {

	max-width: 100%;

	border: 0 solid #ccc

}

table, embed, video {

	max-width: 100%

}

input, textarea {

	border: 0;

	background: 0;

	font-family: "OPENSANSREGULAR_0", 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: 0

}

textarea {

	resize: none

}

button {

	border: 0;

	background: 0;

	cursor: pointer

}

em, i {

	font-style: normal

}

.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-nomg {

	margin: 0!important

}

.c-nopt {

	padding-top: 0!important

}

.c-nopr {

	padding-right: 0!important

}

.c-nopb {

	padding-bottom: 0!important

}

.c-nopl {

	padding-left: 0!important

}

.c-nopd {

	padding: 0!important

}

.c-nofont {

	line-height: 0;

	font-size: 0

}

.c-nobg {

	background: none!important

}

.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: visible

}

 @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

}

}

.m-desc {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px

}

.m-desc a {

	color: #dc1f16

}

.m-desc a:hover {

	text-decoration: underline

}

.m-desc p {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px

}

.m-desc span {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px

}

.m-desc b {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px

}

.m-desc img {

	max-width: 100%

}

.m-desc iframe {

	display: block;

	max-width: 100%;

	margin: 0 auto

}

.m-desc table {

	width: 90%;

	border-collapse: collapse;

	line-height: 22px;

	border: 1px solid #ccc;

	margin-left: auto;

	margin-right: auto

}

.m-desc table tr td {

	padding: 3px;

	border: 1px solid #ccc;

	background: #fff;

	font-size: 14px;

	font-size: 1.4rem

}

.table table {

	width: 100%;

	border-collapse: collapse;

	line-height: 22px;

	border: 1px solid #ccc

}

.table table tr td {

	padding: 3px;

	border: 1px solid #ccc

}

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

.table {

	width: 100%;

	overflow: scroll

}

.table table {

	width: 885px

}

}

 @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

}

}

.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-lazy {

	min-width: 20%

}

[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: #dc1f16

}

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

	overflow: hidden

}

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

	display: block

}

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

	color: #dc1f16

}

.g-hd {

	position: relative;

	z-index: 9

}

.m-hdfix1 {

	background-color: #1c2226;

	line-height: 40px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #fff

}

.m-hdfix1 a {

	color: #fff

}

.m-hdfix1 a:hover {

	color: #dc1f16

}

.m-hdtext {

	float: left;

	font-size: 14px;

	font-size: 1.4rem;

	font-style: italic

}

.m-hdtext a {

	cursor: pointer!important

}

.m-hdtext a:hover {

	color: #dc1f16!important

}

.m-hdinfo {

	float: right

}

.m-hdinfo .info-item {

	float: left;

	margin-left: 35px

}

.m-hdinfo .info-item:first-child {

	margin-left: 0

}

.m-hdinfo .iconfont {

	margin-right: 5px

}

.m-hdfix2 .box-fix {

	float: right;

	padding-top: 46px;

	padding-bottom: 53px

}

.m-hdlogo {

	float: left;

	display: block;

	font-size: 0;

	letter-spacing: 0;

	text-align: center;

	padding-top: 10px;

	padding-bottom: 14px

}

.m-hdnav {

	float: left

}

.m-hdnav .nav-item {

	position: relative;

	margin: 0 15px;

	float: left

}

.m-hdnav .nav-item>a {

	position: relative;

	display: block;

	padding: 0 10px;

	line-height: 30px;

	font-size: 18px;

	font-size: 1.8rem;

	text-transform: uppercase

}

.m-hdnav .nav-item>a:hover {

	color: #dc1f16

}

.m-hdnav .nav-item>a.current {

	color: #dc1f16

}

.m-hdnav .nav-item>a.active {

	color: #dc1f16

}

.m-hdnav .sbnav-list {

	position: absolute;

	z-index: 10;

	display: none;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	background-color: #fff;

	border: 1px solid #ececec

}

.m-hdnav .sbnav-wp {

	padding-top: 6px;

	padding-bottom: 6px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box

}

.m-hdnav .sbnav-list1 {

	top: 100%;

	left: 0;

	width: 185px

}

.m-hdnav .sbnav-list2 {

	top: 0;

	left: 100%;

	width: 200px

}

.m-hdnav .sbnav-list3 {

	top: 0;

	right: 100%;

	width: 185px

}

.m-hdnav .sbnav-item {

	position: relative

}

.m-hdnav .sbnav-item a {

	position: relative;

	display: block;

	padding: 5px;

	line-height: 20px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #999;

	text-align: left

}

.m-hdnav .sbnav-item a:hover {

	color: #dc1f16

}

.m-hdnav .sbnav-item a.active {

	color: #dc1f16

}

.m-hdnav .sbnav-item:first-child {

	margin-top: 0

}

.m-hdnav .sbnav-item:last-child>a {

	border-bottom: 0

}

.m-hdsch {

	position: relative;

	margin-left: 14px;

	float: left

}

.m-hdsch .sch-btn {

	display: block;

	width: 77px;

	line-height: 30px;

	text-align: center;

	font-size: 18px;

	font-size: 1.8rem;

	color: #fff;

	background-color: #dc1f16;

	border-radius: 5px

}

.m-hdsch .sch-btn:hover {

	color: #fff;

	background-color: #333

}

.m-hdsch .sch-form {

	position: absolute;

	right: 0;

	top: 100%;

	display: none;

	width: 254px;

	overflow: hidden;

	background-color: #fff;

	border: 2px solid #dc1f16

}

.m-hdsch .form-text {

	float: left;

	width: 220px;

	height: 30px;

	line-height: 30px;

	padding: 0 10px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box

}

.m-hdsch .form-btn {

	float: right;

	width: 30px;

	height: 30px;

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

}

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

.m-hdlogo img {

	max-width: 280px

}

.m-hdnav .nav-item {

	margin: 0 15px

}

.m-hdnav .nav-item>a {

	padding: 0 5px

}



}

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

.m-hdfix1 {

	display: none

}

.m-hdfix2 .box-fix {

	padding: 0

}

.m-hdnav,.m-hdsch {

	display: none

}

.m-hdlogo {

	float: none;

	width: 100%;

	padding-top: 5px;

	padding-bottom: 5px

}

.m-hdlogo img{ max-height:80px;}

.m-hdsch {

	position: absolute;

	float: none;

	margin-left: 0;

	left: 10px;

	top: 5px

}

.m-hdsch .sch-form {

	right: auto;

	left: 0

}

}

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

.m-hdlogo img {

	max-width: 60%

}

}

.wap-hd-nav {

	display: none

}

.wap-nav {

	width: 5px;

	height: 100%;

	position: absolute;

	right: 0;

	-webkit-transition: all .4s ease 0s;

	-o-transition: all .4s ease 0s;

	-moz-transition: all .4s ease 0s;

	transition: all .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: "OPENSANSREGULAR_0", 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: 0;

	margin-bottom: 0;

	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;

	padding-left: 20px;

	position: relative;

	color: #fff

}

.wap-nav .addition {

	width: 20px;

	height: 20px;

	position: absolute;

	right: 15px;

	top: 10px;

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

}

.wap-nav .addition.active {

	background-image: url("../images/yizi.png")

}

.wap-nav .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 .4s ease 0s;

	-o-transition: all .4s ease 0s;

	-moz-transition: all .4s ease 0s;

	transition: all .4s ease 0s;

	z-index: 9999

}

.wap-nav .menubtn span {

	display: block;

	width: 100%;

	height: 3px;

	margin-bottom: 3px;

	background-color: #dc1f16

}

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

.wap-nav, .menubtn {

	display: none

}

}

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

.wap-hd-nav {

	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-box-pack: justify;

	-webkit-justify-content: space-between;

	-moz-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	background-color: #dc1f16

}

.wap-hd-nav-item {

	width: 25%

}

.wap-hd-nav-item a {

	display: block;

	padding: 5px 0;

	line-height: 20px;

	font-size: 14px;

	color: white;

	text-align: center;

	background-color: #363636

}

.wap-hd-nav-item a.active {

	color: white;

	background-color: #dc1f16

}

}

.banner {

	position: relative;

	z-index: 2;

	line-height: 0;

	font-size: 0;

	overflow: hidden

}

.banner .carousel-control {

	position: absolute;

	top: 50%;

	margin-top: -35px;

	width: 70px;

	height: 70px;

	line-height: 64px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	border-radius: 5px;

	border: 3px solid #fff;

	text-align: center;

	font-size: 30px;

	font-size: 3rem;

	color: #fff

}

.banner .carousel-control.left {

	left: 60px

}

.banner .carousel-control.right {

	right: 60px

}

.banner .carousel-control:hover {

	color: #dc1f16;

	border-color: #dc1f16

}

.banner .dotList {

	position: absolute;

	left: 0;

	bottom: 30px;

	width: 100%;

	letter-spacing: 0;

	text-align: center

}

.banner .dotList ul li {

	margin: 0 11px;

	display: inline-block;

 *display:inline;

 *zoom:1;

	width: 18px;

	height: 18px;

	background-color: #fff;

	background-color: rgba(255,255,255,0.5);

	border-radius: 50%

}

.banner .dotList ul li.active {

	background-color: #dc1f16

}

.banner.hide {

	display: none

}





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

.banner .carousel-control {

	position: absolute;

	top: 50%;

	margin-top: -20px;

	width: 40px;

	height: 40px;

	line-height: 40px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	border-radius: 5px;

	border: 1px solid #fff;

	text-align: center;

	font-size: 20px;

	font-size:2rem;

	color: #fff

}

 }





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

.banner {

	display: block

}

.banner.hide {

	display: block

}

.n-banner {

	display: none

}

}

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

.banner .dotList {

	bottom: 20px

}

.banner .dotList ul li {

	margin: 0 5px;

	width: 10px;

	height: 10px

}

.banner .carousel-control {

	display: none

}

}

.g-habt {

	padding-top: 93px

}

.m-habt {

	overflow: hidden

}

.m-habt .box-img {

	float: left;

	display: block;

	width: 491px;

	font-size: 0;

	line-height: 0;
	

}
.m-habt .box-img span{position: relative; padding-top: 107.7393%; overflow: hidden; display:block;}
.m-habt .box-img a{
    /*position: relative; padding-top: 70.3252032%; */
    overflow: hidden; display:block;}
.m-habt .box-img img{ margin-left:auto; margin-right:auto; display:block;
/*position: absolute; left: 0; top: 0;*/
width: 100%;}

.m-habt .box-text {

	padding-top: 0px;

	padding-left: 4.33333%;

	overflow: hidden

}

.m-habt .box-title {

	text-transform: uppercase;

	position: relative;

	padding-bottom: 20px;

	font-size: 36px;

	font-size: 3.6rem;

	font-family: "OPENSANSBOLD"

}

.m-habt .box-title:before {

	content: "";

	position: absolute;

	left: 0;

	bottom: 0;

	width: 90px;

	height: 6px;

	background-color: #dc1f16

}

.m-habt .box-cname {

	margin-top: 38px;

	font-size: 18px;

	font-size: 1.8rem;

	font-family: "OPENSANSBOLD";

	color: #555;

	text-transform: uppercase

}

.m-habt .box-cname a {

	color: #555

}

.m-habt .box-cname a:hover {

	color: #dc1f16

}

.m-habt .box-desc {

	margin-top: 16px

}

.m-habt .box-desc {

	display: block;

	line-height: 28px;

	font-size: 16px;

	font-size: 1.6rem;

	color: #555;

	overflow: hidden

}

.m-habt .box-link {

	margin-top: 5px;

	display: block;

	width: 160px;

	height: 48px;

	line-height: 48px;

	font-size: 16px;

	font-size: 1.6rem;

	color: #fff;

	text-align: center;

	background-color: #dc1f16

}

.m-habt .box-link:hover {

	background-color: #333

}

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

.m-habt .box-text {

	padding-top: 0

}

.m-habt .box-cname {

	margin-top: 10px

}

.m-habt .box-desc {

	margin-top: 8px

}

.m-habt .box-link {

	margin-top: 6px

}

}

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

.m-habt .box-img {

	float: none;

	width: 100%

}

.m-habt .box-text {

	padding-left: 0; margin-top:20px;

}

}

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

.m-habt .box-text {

	padding-top: 25px

}

.m-habt .box-title {

	font-size: 24px;

	font-size: 2.4rem

}

.m-habt .box-desc, .m-habt .box-cname, .m-habt .box-link {

	margin-top: 10px

}

.m-habt .box-desc a {

	line-height: 24px;

	max-height: 120px;

	font-size: 14px;

	font-size: 1.4rem

}

.g-habt {

	padding-top: 30px

}

 .m-habt .box-link {



height:30px; line-height:30px; width:120px;

}

}

.g-hpro {

	margin-top: 116px;

	padding-top: 55px;

	padding-bottom: 89px;

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

	-webkit-background-size: cover;

	background-size: cover

}

.g-hpro .box-title {

	position: relative;

	margin-bottom: 34px;

	padding-bottom: 28px;

	text-align: center;

	font-size: 36px;

	font-size: 3.6rem;

	font-family: "OPENSANSBOLD";

	text-transform: uppercase

}

.g-hpro .box-title a {

	color: #fff

}

.g-hpro .box-title a:hover {

	color: #dc1f16

}

.g-hpro .box-title:before {

	content: "";

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	margin: 0 auto;

	width: 90px;

	height: 7px;

	background-color: #dc1f16

}

.m-hpro {

	margin-bottom: -25px;

	overflow: hidden

}

.m-hpro .list-item {

	float: left;

	margin-right: 1.83333%;

	margin-bottom: 25px;

	width: 32.08333%;

	background-color: #eee

}

.m-hpro .item-title a {

	display: block;

	line-height: 32px;

	text-align: center;

	padding: 18px 5px;

	font-size: 18px;

	font-size: 1.8rem;

	overflow: hidden;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

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

	color: #fff;

	background-color: #dc1f16

}

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

.g-hpro {

	margin-top: 30px;

	padding: 30px 0

}

.g-hpro .box-title {

	font-size: 24px;

	font-size: 2.4rem

}

.m-hpro .item-title a {

	font-size: 14px;

	font-size: 1.4rem;

	padding: 5px 5px

}

}

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

.m-hpro .list-item {

	margin-right: 0;

	width: 100%

}

}

.g-hopro {

	margin-top: 85px

}

.m-hopro {

	position: relative

}

.m-hopro .box-title {

	position: relative;

	margin-bottom: 73px;

	padding-bottom: 26px;

	font-size: 36px;

	font-size: 3.6rem;

	font-family: "OPENSANSBOLD";

	text-transform: uppercase

}

.m-hopro .box-title:before {

	content: "";

	position: absolute;

	left: 0;

	bottom: 0;

	width: 90px;

	height: 6px;

	background-color: #dc1f16

}

.m-hopro .box-btn {

	position: absolute;

	top: 34px;

	width: 30px;

	height: 30px;

	line-height: 28px;

	text-align: center;

	font-size: 14px;

	font-size: 1.4rem;

	color: #b0b0b0;

	border: 1px solid #b0b0b0;

	border-radius: 2px; cursor:pointer;

}

.m-hopro .box-btn.prev {

	right: 39px

}

.m-hopro .box-btn.next {

	right: 0

}

.m-hopro .box-btn:hover {

	color: #dc1f16;

	border-color: #dc1f16

}

.m-hopro .box-wp {

	overflow: hidden

}

.m-hopro .box-fix {

	float: right;

	margin-left: 26px;

	width: 223px;

	height: 385px;

	padding-top: 80px;

	padding-left: 10px;

	padding-right: 10px;

	text-align: center;

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

	-webkit-background-size: cover;

	background-size: cover;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box

}

.m-hopro .box-desc {

	margin-top: 26px

}

.m-hopro .box-desc a {

	display: block;

	line-height: 36px;

	font-size: 24px;

	font-size: 2.4rem;

	color: #fff;

	font-family: "OPENSANSSEMIBOLD";

	text-transform: uppercase

}

.m-hopro .box-desc a:hover {

	color: #ccc

}

.m-hopro .box-list {

	width: 1000%;

	overflow: hidden

}

.m-hopro .list-item {

	float: left;

	margin-right: .24185%;

	width: 3.1756%

}

.m-hopro .item-title {

	padding-top: 16px;

	padding-bottom: 11px;

	line-height: 32px;

	font-size: 18px;

	font-size: 1.8rem;

	overflow: hidden

}

.m-hopro .item-title a {

	display: block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.m-hopro .item-link a {

	display: block;

	width: 141px;

	height: 40px;

	line-height: 38px;

	font-size: 16px;

	font-size: 1.6rem;

	color: #555;

	text-align: center;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	border-radius: 20px;

	border: 1px solid #bfbfbf;

}

.m-hopro .item-link a:hover {

	color: #fff;

	background-color: #dc1f16;

	border-color: #dc1f16

}

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

.m-hopro .box-fix {

	display: none

}

}

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

.g-hopro {

	margin-top: 30px

}

.m-hopro .box-title {

	margin-bottom: 30px;

	font-size: 24px;

	font-size: 2.4rem

}

.m-hopro .box-btn {

	top: 0

}

.m-hopro .list-item {

	margin-right: .2%;

	width: 3.2%

}

.m-hopro .item-title {

	font-size: 14px;

	font-size: 1.4rem

}

.m-hopro .item-link a {

	font-size: 14px;

	font-size: 1.4rem;

	width: 120px;

height: 30px; line-height:30px;

}

}

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

.m-hopro .list-item {

	width: 4.9%

}

}

.g-hcase {

	margin-top: 95px

}

.m-hcase {

	margin-bottom: -25px;

	overflow: hidden

}

.m-hcase .list-item {

	float: left;

	margin-bottom: 25px;

	padding-right: 1px;

	width: 33.33%;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box

}

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

.g-hcase {

	margin-top: 30px

}

}

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

.m-hcase .list-item {

	padding-right: 0;

	width: 100%

}

}

.g-hnews {

	padding-top: 87px;

	padding-bottom: 101px

}

.g-hnews .box-img {

	float: right;

	margin-left: 44px;

	width: 48.83333%;

	line-height: 0;

	font-size: 0

}

.g-hnews .box-title {

	position: relative;

	margin-bottom: 17px;

	padding-bottom: 28px;

	font-size: 36px;

	font-size: 3.6rem;

	font-family: "OPENSANSBOLD";

	text-transform: uppercase

}

.g-hnews .box-title:before {

	content: "";

	position: absolute;

	left: 0;

	bottom: 0;

	width: 90px;

	height: 6px;

	background-color: #dc1f16

}

.m-hnews .list-item {

	padding-top: 25px;

	padding-bottom: 24px;

	border-bottom: 1px dashed #bfbfbf

}

.m-hnews .item-title {

	height: 22px;

	line-height: 22px;

	font-size: 18px;

	font-size: 1.8rem;

	font-family: "OPENSANSSEMIBOLD";

	text-overflow: ellipsis;

	white-space: nowrap

}

.m-hnews .item-time {

	margin-top: 16px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #666

}

.m-hnews .item-time .iconfont {

	margin-right: 5px;

	margin-left: 1px;

	vertical-align: middle;

	font-size: 18px;

	font-size: 1.8rem

}

.m-hnews .item-desc {

	margin-top: 10px

}

.m-hnews .item-desc a {

	display: block;

	height: 52px;

	line-height: 26px;

	font-size: 16px;

	font-size: 1.6rem;

	overflow: hidden

}

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

.g-hnews .box-img {

	float: none;

	display: block;

	width: 100%;

	margin-left: 0;

	margin-bottom: 30px

}

}

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

.g-hnews {

	padding: 30px 0

}

.g-hnews .box-title {

	font-size: 24px;

	font-size: 2.4rem

}

.m-hnews .list-item {

	padding: 10px 0

}

.m-hnews .item-desc a {

	max-height: 48px;

	line-height: 24px;

	font-size: 14px;

	font-size: 1.4rem

}

}

.m-bottomtext {

	background-color: #dc1f16;

	padding-top: 28px;

	padding-bottom: 28px

}

.m-bottomtext .box-title {

	float: left;

	line-height: 44px;

	font-size: 28px;

	font-size: 2.8rem;

	font-style: italic;

	color: #eee

}

.m-bottomtext .box-title a {

	color: #eee

}

.m-bottomtext .box-title a:hover {

	color: #333

}

.m-bottomtext .box-link {

	float: right;

	display: block;

	text-transform: uppercase;

	width: 162px;

	height: 44px;

	line-height: 44px;

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

	text-align: center;

	background-color: #fff;

	border-radius: 20px

}

.m-bottomtext .box-link:hover {

	color: #dc1f16

}

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

.m-bottomtext .box-title {

	float: none;

	font-size: 20px;

	font-size: 2rem

}

.m-bottomtext .box-link {

	float: none;

	margin-top: 10px

}

}

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

.m-bottomtext {

	padding: 20px 0

}

.m-bottomtext .box-title {

	line-height: 30px

}

.m-bottomtext .box-link {

	width: 140px;

	height: 30px;

	line-height:30px;

	font-size: 14px;

	font-size: 1.4rem

}

}

.g-ft {

	/*margin-top: 1px;*/

	background-color: #1c2226

}

.m-ftfix1 {

	padding-top: 50px;

	padding-bottom: 46px;

	line-height: 32px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #999;

	overflow: hidden

}

.m-ftfix1 a {

	color: #999

}

.m-ftfix1 a:hover {

	color: #dc1f16

}

.m-ftb {

	float: left;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box

}

.m-ftb1 {

	padding-right: 20px;

	width: 31%;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box

}

.m-ftb2 {

	/*width: 25%*/
	width: 38%;

}

.m-ftb3 {

	float: right;

	width: 24.33333%

}

.m-fttt {

	margin-bottom: 26px;

	line-height: 1;

	font-size: 24px;

	font-size: 2.4rem;

	font-family: "OPENSANSSEMIBOLD";

	text-transform: uppercase;

	color: #fff

}

.m-fttt a {

	color: #fff

}

.m-fttt a:hover {

	color: #dc1f16

}

.m-ftshare {

	margin-bottom: 22px

}

.m-ftshare .share-item {

	display: inline-block;

 *display:inline;

 *zoom:1;

	vertical-align: top;

	margin-right: 10px;

	font-size: 0;

	line-height: 0

}

.m-ftshare .share-item:hover {

	-webkit-transform: translateY(-5px);

	-moz-transform: translateY(-5px);

	-ms-transform: translateY(-5px);

	-o-transform: translateY(-5px);

	transform: translateY(-5px)

}

.m-ftfix2 {

	border-top: 1px solid #fff;

	border-color: rgba(255,255,255,0.3)

}

.m-ftlnk {

	padding: 13px 0;

	overflow: hidden;

	min-height: 30px

}

.m-ftlnk .list-item {

	float: left;

	margin-right: 30px;

	line-height: 30px;

	font-size: 16px;

	font-size: 1.6rem;

	color: #999

}

.m-ftlnk .list-item a {

	color: #999

}

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

	color: #fff

}

.m-fttext {

	line-height: 30px

}

.m-fttext img {

	vertical-align: middle

}

.m-ftinfo .info-item {

	position: relative;

	padding-left: 30px

}

.m-ftinfo .info-item1jyz {

	position: relative;

	padding-left: 78px

}

.m-ftinfo .info-item1dha {

	padding-left: 80px

}

.m-ftinfo .iconfont {

	position: absolute;

	left: 0;

	top: 0;

	font-size: 18px;

	font-size: 1.8rem;

	color: #fff

}

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

.m-ftshare .share-item {

	margin-bottom: 10px

}

}

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

.g-ft {

	background-color: #333

}

.m-ftlnk, .m-ftb1, .m-ftb2, .m-fttt, .m-ftshare1, .m-ftfix2 {

	display: none

}

.m-ftb3 {

	float: none;

	width: 100%;

	text-align: center

}

.m-ftfix1 {

	padding: 0;

	border: 0;

	background: 0;

	line-height: 30px;

	font-size: 14px;

	font-size: 1.4rem

}

.g-ft {

	padding: 20px 0 40px

}

.m-ftshare2 {

	margin-top: 15px;

	padding-left: 15px

}

.m-ftshare2 .share-item {

	margin-right: 15px

}

}

.m-crm {

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

	-webkit-background-size: cover;

	background-size: cover

}

.m-crm .box-wp {

	display: table-cell;

	width: 1200px;

	height: 110px;

	vertical-align: middle

}

.m-crm .box-title {

	font-size: 30px;

	font-size: 3rem;

	font-family: "OPENSANSBOLD";

	color: #dc1f16;

	text-transform: uppercase

}

.m-crm .box-title a {

	color: #dc1f16

}

.m-crm .box-title a:hover {

	color: #333

}

.m-crm .box-desc {

	margin-top: 0;

	line-height: 24px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333

}

.m-crm .box-desc a {

	color: #333

}

.m-crm .box-desc a:hover {

	color: #dc1f16

}

.m-crm .box-desc a.active {

	color: #dc1f16

}

.m-oths {

	margin-top: 40px

}

.m-oths .oths-item {

	position: relative;

	padding-left: 36px;

	height: 26px;

	line-height: 26px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #666;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	background-repeat: no-repeat;

	background-position: left center

}

.m-oths .oths-item a {

	color: #666

}

.m-oths .oths-item a:hover {

	color: #dc1f16

}

.m-oths .oths-item .iconfont {

	position: absolute;

	left: 0;

	top: 0;

	width: 26px;

	line-height: 26px;

	text-align: center;

	font-size: 14px;

	font-size: 1.4rem;

	color: #fff;

	background-color: #dc1f16

}

.m-oths .oths-item-1 {

	margin-bottom: 15px

}

.m-oths .item-name {

	text-transform: uppercase

}

.m-oths a {

	color: #666

}

.m-page {

	margin-top: 120px;

	letter-spacing: 0;

	font-size: 0;

	text-align: center

}

.m-page a {

	margin: 0 5px;

	display: inline-block;

 *display:inline;

 *zoom:1;

	width: 28px;

	height: 28px;

	line-height: 26px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #fff;

	text-align: center;

	background-color: #dc1f16;

	border: 1px solid #dc1f16;

	-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

}

.m-page a.big {

	width: 62px

}

.m-page a:hover {

	color: #dc1f16;

	border-color: #dc1f16;

	background-color: #fff

}

.m-page a.active {

	color: #dc1f16;

	border-color: #dc1f16;

	background-color: #fff

}

.m-page2 {

	position: relative;

	min-height: 28px;

	text-align: left;

	padding-right: 165px

}

.m-page2 .page-form {

	position: absolute;

	right: 0;

	bottom: 0;

	width: 162px;

	padding-left: 31px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	background: url("../images/page1.png") no-repeat left center

}

.m-page2 .form-btn {

	width: 100%;

	height: 28px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #fff;

	background-color: #dc1f16

}

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

.m-page {

	margin-top: 45px;

	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

}

.m-page2 {

	padding-right: 0;

	padding-bottom: 40px

}

.m-page2 .page-form {

	left: 0;

	margin: 0 auto

}

}

.returntop {

	position: fixed;

 *position:absolute;

	z-index: 9;

	right: 6px;

	bottom: 30px;

	width: 54px;

	line-height: 54px;

	text-align: center;

	font-size: 22px;

	font-size: 2.2rem;

	color: #fff;

	background-color: #bfbfbf;

	-webkit-box-shadow: 0 2px 15px 0 rgba(0,0,0,0.2);

	box-shadow: 0 2px 15px 0 rgba(0,0,0,0.2);

	border-radius: 50%;

	display: none; cursor:pointer;

}

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

.returntop {

	right: 0;

	bottom: 65px;

	width: 36px;

	line-height: 36px;

	font-size: 16px;

	font-size: 1.6rem

}

}

.g-wp {

	padding-top: 80px;

	padding-bottom: 100px

}

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

.g-wp {

	padding-top: 30px;

	padding-bottom: 30px

}

}



.m-abtb1 .box-desc a {

	max-height: none

}

.m-abtb1 .box-desc a:hover {

	color: #555

}

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

.m-abtb1 .box-text {

	padding-top: 10px

}

}

.m-abtb2 {

	margin-top: 27px;

	background-color: #e5e5e5;

	background-color: rgba(229,229,229,0.4);

	padding-top: 23px;

	padding-bottom: 28px

}

.m-abtb2 .box-desc p {

	padding-left: 25px;

	background: url("../images/abticon1.png") no-repeat left 7px

}

.m-abtb3 {

	margin-top: 51px

}

.m-abtb3 .box-img {

	float: right;

	width: 42.5%;

	line-height: 0;

	font-size: 0

}

.m-abtb3 .box-fix {

	float: left;

	width: 55.75%;

	min-height: 366px;

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

	-webkit-background-size: cover;

	background-size: cover

}

.m-abtb3 .box-text {

	padding-left: 28px;

	padding-right: 27px;

	padding-top: 41px;

	padding-bottom: 20px

}

.m-abtb3 .box-desc {

	color: #fff

}

.m-abtb3 .box-desc p {

	padding-left: 34px;

	/*margin-top: 30px;*/
margin-top: 13px;
	background: url("../images/abticon2.png") no-repeat left 7px

}

.m-abtb3 .box-desc p:first-child {

	margin-top: 0

}

.m-abtb3 .c-cb p {

	display: block;

	line-height: 28px;

	font-size: 16px;

	font-size: 1.6rem;

	color: #555;

	overflow: hidden;

}

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

.m-abtb3 .box-img {

	float: none;

	width: 100%;

	text-align: center

}

.m-abtb3 .box-fix {

	margin-top: 25px;

	width: 100%;

	min-height: 0

}

.m-abtb3 .box-text {

	padding: 20px

}

.m-abtb3 .box-desc p {

	margin-top: 10px

}

}

.clear {

	clear: both

}

.m-abtb4 {

	margin-top: 70px;

	clear: both

}

.m-abtb4 .box-wp {

	margin-left: auto;

	margin-right: auto;

	max-width: 827px

}

.m-abtb4 .box-fix {

	padding-left: 181px;

	background: url("../images/abticon3.png") no-repeat left top

}

.m-abtb4 .box-text {

	padding-right: 181px;

	padding-top: 28px;

	background: url("../images/abticon4.png") no-repeat right 80px

}

.m-abtb4 .box-desc {

	line-height: 30px;

	font-size: 24px;

	font-size: 2.4rem;

	font-family: "OPENSANSSEMIBOLD";

	color: #555;

	text-align: center

}

.m-abtb4 .box-link {

	text-transform: uppercase;

	margin-top: 39px;

	margin-left: auto;

	margin-right: auto;

	display: block;

	max-width: 170px;

	line-height: 52px;

	border-radius: 26px;

	font-size: 16px;

	font-size: 1.6rem;

	color: #fff;

	text-align: center;

	background-color: #dc1f16

}

.m-abtb4 .box-link:hover {

	color: #555

}

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

.m-abtb4 {

	margin-top: 30px

}

.m-abtb4 .box-fix {

	padding-left: 60px

}

.m-abtb4 .box-text {

	padding-right: 60px

}

.m-abtb4 .box-desc {

	line-height: 26px;

	font-size: 16px;

	font-size: 1.6rem

}

.m-abtb4 .box-text, .m-abtb4 .box-fix {

	-webkit-background-size: 30px 30px;

	background-size: 30px

}

.m-abtb4 .box-link {

	line-height: 36px;

	font-size: 14px;

	font-size: 1.4rem

}

}

.m-abtb5 {

	margin-top: 58px;

	border-top: 4px solid #e5e5e5;

	padding-top: 60px;

	font-size: 0;

	letter-spacing: 0

}

.m-abtb5 .box-title {

	margin-bottom: 54px;

	font-size: 36px;

	font-size: 3.6rem;

	font-family: "OPENSANSBOLD";

	color: #333;

	text-align: center

}

.m-abtb5 .box-wp {

	padding-left: 43px;

	padding-right: 43px;

	position: relative

}

.m-abtb5 .box-btn {

	position: absolute;

	top: 50%;

	margin-top: -16px;

	font-size: 28px;

	font-size: 2.8rem;

	color: #999; cursor:pointer;

}

.m-abtb5 .box-btn.prev {

	left: 0

}

.m-abtb5 .box-btn.next {

	right: 0

}

.m-abtb5 .box-list {

	width: 1000%;

	overflow: hidden

}

.m-abtb5 .list-item {

	float: left;

	margin-right: .17953%;

	width: 3.20467%

}

.m-abtb5 .item-title {

	padding: 5px;

	width: 100%;

	box-sizing: border-box;

	display: inline-block;

	vertical-align: top;

	line-height: 25px;

	font-size: 18px;

	font-size: 1.8rem;

	text-align: center;

	background-color: #e5e5e5

}

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

.m-abtb5 {

	margin-top: 30px;

	padding-top: 30px

}

.m-abtb5 .box-title {

	margin-bottom: 30px;

	font-size: 24px;

	font-size: 2.4rem

}

.m-abtb5 .item-title {;

	font-size: 14px;

	width: 100%;

	font-size: 1.4rem;

	line-height: 25px

}

}

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

.m-abtb5 .list-item {

	margin-right: .2%;

	width: 10%

}

}

.g-mn {

	float: left;

	width: 100%;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box

}

.g-mn1 {

	padding-left: 26.66667%

}

.g-mn2 {

	padding-left: 295px

}

.g-mn3 {

	padding-right: 370px

}

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

.g-mn {

	float: none;

	width: 100%;

	padding: 0

}

}

.g-sd1 {

	float: left;

	width: 260px;

	margin-left: -100%

}

.g-sd2 {

	float: left;

	width: 244px;

	margin-left: -100%

}

.g-sd3 {

	float: left;

	width: 300px;

	margin-left: -300px

}

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

.g-sd1 {

	width: 240px

}

}

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

.g-sd {

	float: none;

	width: 100%;

	margin-left: 0;

	margin-right: 0;

	margin-top: 30px

}

}

.m-sdtt {

	margin-bottom: 20px

}

.m-sdtt a {

	text-align: center;

	text-transform: uppercase;

	display: block;

	height: 45px;

	line-height: 44px;

	background-color: #dc1f16;

	color: #fff;

	font-size: 24px;

	font-size: 2.4rem

}

.m-sdtt a:hover {

	color: #ccc;

	background-color: #dc1f16

}

.m-sdnav {

	overflow: hidden

}

.m-sdnav .sdnav-btn {

	position: relative;

	margin-bottom: 20px;

	display: none;

	width: 100%;

	padding-top: 10px;

	padding-left: 15px;

	padding-right: 40px;

	padding-bottom: 10px;

	line-height: 25px;

	font-size: 18px;

	font-size: 1.8rem;

	color: white;

	text-transform: uppercase;

	background-color: #dc1f16;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box

}

.m-sdnav .sdnav-btn>p {

	position: absolute;

	bottom: 12px;

	right: 15px

}

.m-sdnav .sdnav-btn>p span {

	margin-bottom: 2px;

	display: block;

	width: 25px;

	height: 4px;

	background-color: white

}

.m-sdnav .nav-list {

	margin-top: 0

}

.m-sdnav .nav-item {

	margin-top: 8px;

	background-color: #fff;

	border: 1px solid #d2d2d2

}

.m-sdnav .nav-item>a {

	position: relative;

	display: block;

	padding-left: 45px;

	padding-right: 0;

	padding-top: 6px;

	padding-bottom: 6px;

	line-height: 30px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	background: url(../images/sdicon1.png) no-repeat 13px 15px;

	background-color: #eee

}

.m-sdnav .nav-item>a:before {

	content: "";

	position: absolute;

	left: 36px;

	top: 0;

	width: 1px;

	height: 100%;

	background-color: #d2d2d2

}

.m-sdnav .nav-item>a:hover {

	color: #fff;

	background-image: url("../images/sdicon2.png");

	background-color: #dc1f16

}

.m-sdnav .nav-item>a.active {

	color: #fff;

	background-image: url("../images/sdicon2.png");

	background-color: #dc1f16

}

.m-sdnav .sbnav-list {

	padding: 13px 0

}

.m-sdnav .sbnav-item {

	display: block;

	font-size: 14px;

	font-size: 1.4rem;

	padding-top: 5px;

	padding-bottom: 5px;

	color: #333;

	padding-left: 47px;

	padding-right: 31px;

	line-height: 20px

}

.m-sdnav .sbnav-item:hover {

	color: #dc1f16

}

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

.m-sdnav .nav-name {

	display: none

}

.m-sdnav .sdnav-btn {

	display: block

}

.m-sdnav .nav-list {

	display: none

}

}

.m-sortext {

	margin-top: 42px;

	margin-bottom: 77px

}

.m-sortext .box-title {

	position: relative;

	padding-bottom: 17px;

	font-size: 24px;

	font-size: 2.4rem;

	font-family: "OPENSANSSEMIBOLD"

}

.m-sortext .box-title:before {

	content: "";

	position: absolute;

	left: 0;

	bottom: 0;

	width: 108px;

	height: 3px;

	background-color: #dc1f16

}

.m-sortext .box-desc {

	margin-top: 16px;

	color: #555;

	line-height: 28px

}

.m-sortext .box-desc p, .m-sortext .box-desc span, .m-sortext .box-desc a {

	line-height: 28px

}

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

.m-sortext {

	margin-top: 30px;

	margin-bottom: 30px

}

}

.m-prol {

	margin-bottom: -39px;

	overflow: hidden

}

.m-prol {

	font-size: 0;

	letter-spacing: 0

}

.m-prol .list-item {

	float: none;

	display: inline-block;

	vertical-align: top;

	margin-right: 2%;

	margin-bottom: 39px;

	width: 31.33%

}

.m-prol .item-pic {

	border: 1px solid #e5e5e5

}

.m-prol .item-text {

	text-align: center

}

.m-prol .item-title {

	padding-top: 12px;

	padding-bottom: 12px;

	min-height: 30px;

	line-height: 30px;

	font-size: 18px;

	font-size: 1.8rem;

	text-align: left

}

.m-prol .item-title a {

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	text-align: center;

	display: block

}

.m-prol .item-link a {

	display: inline-block;

 *display:inline;

 *zoom:1;

	width: 130px;

	height: 36px;

	line-height: 34px;

	border-radius: 18px;

	font-size: 16px;

	font-size: 1.6rem;

	color: #555;

	border: 1px solid #bfbfbf

}

.m-prol .item-link a:hover {

	color: #fff;

	background-color: #dc1f16;

	border-color: #dc1f16

}

.m-prol .item-link input {

	margin-right: 10px;

	vertical-align: middle

}

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

.m-prol {

	margin-bottom: -30px

}

.m-prol .list-item {

	margin-bottom: 30px;

	margin-left: 1%;

	margin-right: 1%!important;

	width: 48%

}

.m-prol .item-title {

	margin: 3px 0;

	font-size: 14px;

	font-size: 1.4rem

}

.m-prol .item-link a {

	width: 100px;

	font-size: 12px;

	font-size: 1.2rem

}

}

.m-propic {

	margin: 0 auto;

	width: 670px

}

.m-propic .pic-big {

	position: relative;

	float: left;

	width: 535px;

	border: 1px solid #e5e5e5;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box

}

.m-propic .big-img {

	display: block;

	line-height: 0;

	font-size: 0;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box

}

.m-propic .big-img .zoomPad {

	float: none;

	z-index: 8

}

.m-propic .zoomWrapperImage img {

	max-width: 1200px

}

.m-propic .pic-small {

	position: relative;

	float: right;

	width: 112px;

	padding-top: 23px;

	padding-bottom: 23px;

	overflow: hidden

}

.m-propic .pic-btn {

	position: absolute;

	margin: 0 auto;

	left: 0;

	right: 0;

	display: block;

	width: 100%;

	font-size: 20px;

	font-size: 2rem;

	color: #888;

	text-align: center

}

.m-propic .pic-btn.prev {

	top: 0

}

.m-propic .pic-btn.next {

	bottom: 0

}

.m-propic .pic-btn:hover {

	color: #dc1f16

}

.m-propic .pic-list {

	height: 466px;

	overflow: hidden

}

.m-propic .pic-list ul {

	height: 2000px

}

.m-propic .list-item {

	margin-bottom: 11px;

	margin-bottom: 8px \9

}

.m-propic .item-pic {

	position: relative;

	display: block;

	overflow: visible

}

.m-propic .item-pic img {

	width: 100%;

	-webkit-transform: scale(1)!important;

	-moz-transform: scale(1)!important;

	-ms-transform: scale(1)!important;

	-o-transform: scale(1)!important;

	transform: scale(1)!important;

	border: 1px solid #e5e5e5;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box

}

.m-propic .item-pic:hover img {

	border-color: #dc1f16

}

.m-propic .item-pic.zoomThumbActive img {

	border-color: #dc1f16

}

.m-propic .zoomPad {

	cursor: default!important

}

.m-propic .zoomPup {

	display: none!important

}

.m-propic .zoomWindow {

	display: none!important

}

.m-propic .zoomPreload {

	display: none!important

}

.m-propic2 {

	display: none

}

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

.m-propic {

	max-width: 100%

}

}

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

.m-propic1 {

	display: none

}

.m-propic2 {

	position: relative;

	display: block;

	overflow: hidden;

	width: 100%;

	padding-left: 45px;

	padding-right: 45px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box

}

.m-propic2 .box-btn {

	position: absolute;

	top: 50%;

	margin-top: -14px;

	display: block;

	font-size: 28px;

	font-size: 2.8rem;

	color: #888;

	text-align: center

}

.m-propic2 .box-btn.prev {

	left: 0

}

.m-propic2 .box-btn.next {

	right: 0

}

.m-propic2 .box-btn:hover {

	color: #dc1f16

}

.m-propic2 .box-list {

	overflow: hidden

}

.m-propic2 .box-list ul {

	width: 1000%

}

.m-propic2 .list-item {

	float: left;

	margin-left: .13%;

	margin-right: .13%!important;

	width: 3.1%;

	margin-bottom: 0

}

.m-propic2 .item-pic:before {

	display: none!important

}

}

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

.m-propic2 .list-item {

	margin: 0;

	width: 10%

}

}

.m-proshare .share-title {

	margin-right: 5px;

	display: inline-block;

 *display:inline;

 *zoom:1;

	vertical-align: top;

	line-height: 26px;

	font-size: 16px;

	font-size: 1.6rem;

	color: #555

}

.m-proshare .share-bd {

	display: inline-block;

 *display:inline;

 *zoom:1;

	vertical-align: top;

	height: 26px;

	line-height: 0;

	font-size: 0

}

.m-proinfo {

	margin-top: 21px;

	margin-left: auto;

	margin-right: auto;

	padding-left: 11.81818%

}

.m-proinfo .box-title {

	font-size: 24px;

	font-size: 2.4rem;

	font-weight: normal;

	font-family: "OPENSANSSEMIBOLD"

}

.m-proinfo .box-desc {

	margin-top: 9px;

	color: #666

}

.m-proinfo .box-fix {

	margin-top: 24px

}

.m-proinfo .box-share {

	float: left;

	padding-top: 14px

}

.m-proinfo .box-link {

	float: right;

	overflow: hidden

}

.m-proinfo .box-link a {

	float: left;

	width: 154px;

	height: 44px;

	line-height: 42px;

	font-size: 16px;

	font-size: 1.6rem;

	color: #555;

	text-align: center;

	border-radius: 22px;

	border: 1px solid #bfbfbf;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box

}

.m-proinfo .box-link a:hover {

	color: #fff;

	background-color: #dc1f16;

	border-color: #dc1f16

}

.m-proinfo .box-link a:first-child {

	margin-right: 17px

}

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

.m-proinfo {

	padding-left: 0

}

.m-proinfo .box-link {

	float: none;

	display: block

}

.m-proinfo .box-link a {

	width: 130px

}

.m-proinfo .box-share {

	float: none;

	padding-top: 20px

}

}

.m-probd {

	margin-top: 66px

}

.m-probd .box-title {

	text-transform: uppercase;

	margin-bottom: 32px;

	font-size: 20px;

	font-size: 2rem;

	padding-bottom: 22px;

	font-size: 24px;

	font-size: 2.4rem;

	font-family: "OPENSANSSEMIBOLD";

	color: #333;

	background: url("../images/bd1.png") no-repeat left bottom

}

.m-probd:first-child {

	margin-top: 49px

}

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

.m-probd {

	margin-top: 30px

}

.m-probd .box-title {

	margin-bottom: 30px;

	font-size: 24px;

	font-size: 2.4rem

}

.m-probd:first-child {

	margin-top: 30px

}

}

.m-newsl {

	overflow: hidden

}

.m-newsl .list-item {

	margin-top: 55px;

	overflow: hidden

}

.m-newsl .list-item:first-child {

	margin-top: 0

}

.m-newsl .item-pic {

	float: left;

	width: 347px;

	margin-right: 3.33333%

}

.m-newsl .item-font {

	padding-top: 17px;

	overflow: hidden

}

.m-newsl .item-title {

	height: 24px;

	line-height: 24px;

	font-size: 18px;

	font-size: 1.8rem;

	font-family: "OPENSANSSEMIBOLD";

	color: #333;

	text-overflow: ellipsis;

	white-space: nowrap

}

.m-newsl .item-title a {

	color: #333

}

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

	color: #dc1f16

}

.m-newsl .item-desc {

	margin-top: 22px

}

.m-newsl .item-desc a {

	height: 90px; display:block;

	line-height: 30px;

	font-size: 16px;

	font-size: 1.6rem;

	color: #555;

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 3;

-webkit-box-orient: vertical;

}

.m-newsl .item-desc a:hover {

	color: #dc1f16

}

.m-newsl .item-info {

	margin-top: 18px;

	overflow: hidden

}

.m-newsl .item-link {

	display: block;

	width: 140px;

	height: 40px;

	line-height: 38px;

	font-size: 16px;

	font-size: 1.6rem;

	color: #dc1f16;

	text-align: center;

	background-color: #fff;

	border: 1px solid #dc1f16;

	border-radius: 20px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box

}

.m-newsl .item-link:hover {

	color: white;

	background-color: #dc1f16;

	border-color: #dc1f16

}

.m-newsl .item-time {

	margin-top: 18px;

	padding-left: 1px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #666

}

.m-newsl .item-time .iconfont {

	vertical-align: middle;

	font-size: 18px;

	font-size: 1.8rem

}

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

.m-newsl .list-item {

	margin-top: 30px

}

.m-newsl .item-pic {

	float: none;

	width: 100%;

	max-width: 330px

}

.m-newsl .item-font {

	padding-left: 0

}

.m-newsl .item-title {

	font-size: 14px;

	font-size: 1.4rem

}

.m-newsl .item-desc {

	margin-top: 10px

}

.m-newsl .item-desc a {

	height: 48px; display:block;

	line-height: 24px;

	font-size: 14px;

	font-size: 1.4rem;overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

	

}

.m-newsl .item-info {

	margin-top: 10px

}

.m-newsl .item-link {

	height: 36px;

	line-height: 34px;

	font-size: 14px;

	font-size: 1.4rem

}

}

.m-news .box-title {

	font-size: 24px;

	font-size: 2.4rem;

	font-weight: normal;

	font-family: "OPENSANSSEMIBOLD";

	color: #333

}

.m-news .box-info {

	margin-top: 29px;

	overflow: hidden

}

.m-news .box-time {

	display: inline-block;

 *display:inline;

 *zoom:1;

	line-height: 22px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #666;

	padding-left: 1px

}

.m-news .box-time .iconfont {

	font-size: 18px;

	font-size: 1.8rem;

	vertical-align: middle

}

.m-news .share-title {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 22px

}

.m-news .box-bd {

	margin-top: 41px;

	padding-bottom: 25px;

	border-bottom: 1px solid #d2d2d2

}

.m-news .box-desc {

	color: #555

}

.m-news .box-desc a {

	color: #dc1f16

}

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

.m-news .box-time {

	float: none;

	font-size: 14px;

	font-size: 1.4rem;

	text-align: left

}

.m-news .box-share {

	float: none;

	margin-top: 10px;

	font-size: 14px;

	font-size: 1.4rem

}

.m-news .box-bd {

	margin-top: 25px

}

.m-news .box-desc {

	line-height: 24px;

	font-size: 14px;

	font-size: 1.4rem

}

.m-news .box-desc p {

	line-height: 24px;

	font-size: 14px;

	font-size: 1.4rem

}

.m-news .box-desc span {

	line-height: 24px;

	font-size: 14px;

	font-size: 1.4rem

}

}

.m-ctusinfo {

	float: left;

	margin-right: 6.66667%;

	width: 46.41667%

}

.m-ctusinfo .box-title {

	margin-bottom: 39px;

	font-size: 18px;

	font-size: 1.8rem;

	color: #dc1f16;

	font-family: "OPENSANSSEMIBOLD"

}

.m-ctusinfo .box-info {

	/*max-width: 365px*/

}

.m-ctusinfo .info-item {

	position: relative;

	padding-left: 32px;

	line-height: 32px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333

}

.m-ctusinfo .info-item1conxw {

	padding-left: 80px

}

.m-ctusinfo .info-item .iconfont {

	position: absolute;

	left: 0;

	top: 0;

	color: #dc1f16;

	font-size: 18px;

	font-size: 1.8rem

}

.m-ctusinfo .box-img {

	margin-top: 45px;

	line-height: 0;

	font-size: 0

}

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

.m-ctusinfo {

	float: none;

	margin-right: 0;

	width: 100%

}

}

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

.m-ctusinfo .box-title {

	margin-bottom: 30px

}

.m-ctusinfo .box-img {

	margin-top: 30px

}

}

.m-ctusform {

	overflow: hidden

}

.m-ctusform .box-title {

	margin-bottom: 18px;

	font-size: 18px;

	font-size: 1.8rem;

	font-family: "OPENSANSSEMIBOLD";

	color: #dc1f16;

	padding-left: 14px

}

.m-ctusform .box-form {

	margin-bottom: -30px;

	overflow: hidden

}

.m-ctusform .form-item {

	float: left;

	position: relative;

	margin-bottom: 30px;

	padding-left: 14px;

	line-height: 0;

	font-size: 0;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	overflow: hidden

}

.m-ctusform .form-item.important {

	background: url("../images/star1.png") no-repeat 0 15px

}

.m-ctusform .form-item-1 {

	width: 50%

}

.m-ctusform .form-item-2 {

	width: 100%

}

.m-ctusform .form-item-2.important {

	background: url("../images/star1.png") no-repeat 0 15px

}

.m-ctusform .form-item-3 {

	margin-right: 3.5524%;

	width: 30.19538%

}

.m-ctusform .form-item-4 {

	width: 20.95915%;

	height: 36px;

	padding-left: 0;

	line-height: 34px;

	text-align: center;

	background-color: transparent;

	border-radius: 0;

	background-color: #f3fbfe;

	overflow: hidden;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	border: 1px solid #ccc

}

.m-ctusform .form-item-4 img {

	max-height: 34px;

	vertical-align: middle

}

.m-ctusform .form-item-5 {

	float: right;

	border: 0;

	width: 31.97158%;

	padding-left: 0

}

.m-ctusform .item-btn1 {

	width: 100%;

	height: 36px;

	padding-left: 0;

	line-height: 36px;

	color: #fff;

	font-size: 16px;

	font-size: 1.6rem;

	text-align: center;

	text-transform: uppercase;

	background-color: #dc1f16

}

.m-ctusform .item-text {

	width: 100%;

	height: 36px;

	line-height: 34px;

	padding-left: 14px;

	padding-right: 14px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #666;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	border: 1px solid #ccc;

	background-color: #fff

}

 .m-ctusform .item-text::-webkit-input-placeholder {

 color:#666;

 opacity:1

}

 .m-ctusform .item-text:-moz-placeholder {

 color:#666;

 opacity:1

}

 .m-ctusform .item-text::-moz-placeholder {

 color:#666;

 opacity:1

}

 .m-ctusform .item-text:-ms-input-placeholder {

 color:#666;

 opacity:1

}

.m-ctusform .item-text2 {

	height: 212px;

	line-height: 34px

}

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

.m-ctusform {

	padding-top: 35px

}

.m-ctusform .box-title {

	margin-bottom: 25px;

	font-size: 18px;

	font-size: 1.8rem

}

}

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

.m-ctusform .box-form {

	margin-bottom: -20px

}

.m-ctusform .form-item {

	float: none;

	width: 100%;

	margin-bottom: 20px

}

}

.xunpanc {

	margin-top: 20px

}

.m-page a.no:hover {

	color: #fff;

	background: #dc1f16;

	border: 1px solid #dc1f16

}

.box-link a.no:hover {

	color: #555;

	background: 0;

	border: 1px solid #bfbfbf

}

.m-oths p a.no:hover {

	color: #666

}

.activess {

	color: #0484bd!important

}

.ppp {

	line-height: 25px;

	padding: 5px 0px

}

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

	width: 24px!important;

	height: 24px!important

}

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

	padding: 0!important;

	border-radius: 2px!important

}

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

	width: 24px!important;

	height: 24px!important

}

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

	margin-bottom: 0!important;

	margin-right: 3px!important

}



.icon-qq2 {

	background: url("../images/qq2.png") no-repeat left center

}

.icon-qq {

	background: url("../images/qq.png") no-repeat left center

}

.m-hdinfo .info-item img {

	vertical-align: middle

}

.m-ftnav a {

	text-transform: uppercase

}

.at-resp-share-element .at4-share-count-container {

	text-decoration: none;

	float: right;

	padding-right: 15px;

	line-height: 25px!important

}

.pro_qh {

	text-align: center;

	margin-bottom: 32px;

	margin-top: 58px;

	background: #eee;

	font-size: 20px;

	font-size: 2rem;

	line-height: 48px;

	font-family: "OPENSANSSEMIBOLD"

}

.pro_qh li {

	cursor: pointer;

	width: 33.3%;

	float: left

}

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

.pro_qh {

	padding-left: 0

}

.pro_qh li {

	width: 100%

}

}

.table table {

	width: 100%;

	border-collapse: collapse;

	line-height: 22px;

	border: 1px solid #ccc;

	overflow: hidden

}

.table table tr td {

	padding: 3px;

	border: 1px solid #ccc

}

.hottable {

	border: 1px solid #333!important;

	border-collapse: inherit!important;

	border-spacing: 1px!important;

	text-align: center

}

.hottable tr td {

	border: 1px solid #333!important

}

.hottable tr:nth-child(even) {

	background: #f2f2f2

}

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

.table {

	width: 100%

}

.table div {

	width: 900px;

	max-width: 900px

}

.table {

	overflow-x: scroll

}

}

.ce {

	position: fixed;

	right: 1px;

	top: 30%;

	width: 67px;

	z-index: 9999;

}

.ce li {

	height: 67px;

	margin-bottom: 1px;

	transition: 0.5s;

	border-radius: 5px;

}

.ce li a {

	display: block;

	height: 67px;

}

.ce1 {

	background: #f2f2f2 url(../images/kf1.png) no-repeat center center;

}

.ce2 {

	background: #f2f2f2 url(../images/kf3.png) no-repeat center center;

}

.ce3 {

	background: #f2f2f2 url(../images/kf2.png) no-repeat center center;

}

.ce4 {

	background: #f2f2f2 url(../images/kf4.png) no-repeat center center;

}

.weixin {

	position: relative;

	cursor: pointer;

}

.ewm {

	position: absolute;

	top: -999999px;

	max-width: 100px !important;

}

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

.ce {

	top: 30%

}

}

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

.weixin:hover .ewm {

	top: 0px;

	right: 70px;

}

}

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

.ce {

	bottom: 0;

	top: auto;

	width: 100%;

	background: #f7f7f7

}

.ce li {

	width: 50%;

	margin: 0;

	float: left;

	border-radius: 0;

	position: relative;

}

.ewm {

	display: none;

	top: -100px;

	left: 50%;

	margin-left: -50px

}

.ce li a {

	height: 40px;

}

.ce li {

	height: 40px;

}

}

.m-habt .box-img .shipin {

	position: relative;

	padding-bottom: 76.122%;

	height: 0;

	overflow: hidden;

}

.m-habt iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	border: none;

}

.m-habt iframe body {

	margin: 0px !important;

}







.listcart {

	width: 100%;

	margin-top: 40px;

}

.listcart a {

	display: inline-block;

	height: 30px;

	width: 150px;

	line-height: 30px;

	cursor: pointer;

	border: none;

	overflow: hidden;

	background: #dc1f16;

	cursor: pointer;

	border: 1px solid #dc1f16;

	padding-left: 10px;

	padding-right: 10px;

	text-align: center; 

	font-size: 14px;

	font-size: 1.4rem;

	margin-left: 10px; color:#fff;

}

.listcart a:hover {

	border: #dc1f16 solid 1px;

	background: #dc1f16;

	color: #fff

}

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

.listcart a {

	width: 40%;

	margin-left: 2.5%;

	margin-right: 2.5%;

	padding-left: 0px;

	padding-right: 0px

}

.listcart {

	width: 100%;

	margin-top: 2rem

}

}

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

.listcart a {

	width: 95% !important;

	float: none;

	overflow: hidden;

	margin-bottom: 1rem;

	margin-top: 1rem

}

}

.xunpanc a:hover{ color:#dc1f16}

.xunpanc{ margin:15px 0px}