* {

	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;

}
.header_form ::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #999;
	opacity: 1
}

.header_form :-o-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #999;
	opacity: 1
}

.header_form ::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #999;
	opacity: 1
}

.header_form :-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #999;
	opacity: 1
}
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: #b81b22;

}

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;

}

/* .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: 1419px) {

.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 {

	position: relative;

}

.mln {

	margin-left: 0 !important;

}

.clear {

	clear: both;

}

.wp {

	width: 1400px;

	margin: auto;

}

 @media screen and (min-width: 1000px) and (max-width: 1419px) {

.wp {

	width: 980px;

	margin: auto;

}

}

 @media screen and (max-width: 999px) {

.wp {

	width: 95%;

	margin: auto;

}

}

.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;

}

/* .m-xx start */



.m-desc {

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	line-height: 30px;

}

.m-desc a {

	color: #b81b22;

}

.m-desc a:hover {

	text-decoration: underline;

}

.m-desc p {

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	line-height: 30px;

}

.m-desc span {

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	line-height: 30px;

}

.m-desc b {

	font-size: 22px;

	font-size: 2.2rem;

	color: #333;

	line-height: 30px;

}

.m-desc a {

	font-size: 14px;

	font-size: 1.4rem;

	color: #b81b22;

	line-height: 30px;

}

.m-desc img {

	display: block;

	max-width: 100%;

	margin: 0 auto;

}

.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;

}

 @media screen and (max-width: 767px) {

.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: #b81b22;

}

[class*="-item"] .item-desc {

	overflow: hidden;

}

[class*="-item"] .item-desc a {

	display: block;

}

[class*="-item"] .item-desc a:hover {

	color: #b81b22;

}

.fem_main {

	background: url(../images/prothu.png) repeat center top;

}

.m-crm {

	padding-top: 10px;

	line-height: 30px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333333;

	background: url(../images/prothu.png) no-repeat center top;

	padding-bottom: 10px;

}

.m-crm a {

	color: #333333;

}

.m-crm a:hover {

	color: #b81b22;

}

.m-crm a.active {

	color: #b81b22;

}

.m-page {

	padding-bottom: 100px;

	letter-spacing: 0;

	font-size: 0;

	text-align: center;

}

.m-page a {

	margin: 0 5px;

	display: inline-block;

*display: inline;

*zoom: 1;

	width: 35px;

	height: 30px;

	line-height: 28px;

	font-size: 12px;

	font-size: 1.2rem;

	color: #333;

	text-align: center;

	border: 1px solid #e5e5e5;

	-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;

	background: #eeeeee;

}

.m-page a.big {

	width: 61px;

}

.m-page a:hover {

	color: white;

	border-color: #b81b22;

	background-color: #b81b22;

}

.m-page a.no:hover {

	color: #333;

	border-color: #e5e5e5;

	background-color: #eee;

}

.m-page a.active {

	color: white;

	border-color: #b81b22;

	background-color: #b81b22;

}

.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: 2px;

	margin-left: 5px;

	margin-right: 8px;

}

.m-page .ins {

	margin-left: 25px;

	width: 168px;

	display: inline-block;

	height: 30px;

	line-height: 28px;

	text-align: center;

	border: none;

	outline: none;

	background-color: #b81b22;

	color: #fff;

	font-size: 12px;

	font-size: 1.2rem;

	cursor: pointer;

}

.m-page .add {

	max-width: 250px\0;

}

.m-page2 {

	position: relative;

}

 @media screen and (max-width: 767px) {

.m-page {

	padding-bottom: 50px;

	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-kf {

	position: fixed;

	z-index: 9998;

	right: 0px;

	top: 30%;

}

.m-kf .kf-item {

	display: block;

	line-height: 0;

	font-size: 0;

	margin-bottom: 1px;

	background-color: #f2f2f2;

	-moz-border-radius: 5px;

	border-radius: 5px;

	position: relative;

}

.m-kf .kf-item:hover {

	background-color: #b81b22;

}

.m-kf .kf-item.active {

	background-color: #b81b22;

}

.m-kf .kf-item .img-responsive {

	position: absolute;

	top: 0px;

	right: 100%;

	max-width: 200px;

	width: 500%;

}

.m-kf .kf-wx {

	position: absolute;

	display: none;

	bottom: 0;

	right: 53px;

	width: 90px;

}

.m-kf .ewm3 {

	position: absolute;

	right: 100%;

	bottom: -99999px;

	width: 100px;

	max-width: 100px;

	max-height: 100px;

}

.m-kf .ewm2 {

	position: absolute;

	right: 100%;

	bottom: -99999px;

	width: 100px;

	max-width: 100px;

	max-height: 100px;

}

.m-kf .kf-item2:hover .ewm2 {

	bottom: 0;

	display: block !important;

}

 @media screen and (max-width: 767px) {

.m-kf .kf-item .img-responsive {

	top: -151%;

	right: 0px;

	width: 80px;

	height: 80px;

}

.m-kf {

	right: 0;

	top: auto;

	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;

	width: 100%;

	background-color: #b81b22;

}

.m-kf .kf-item {

	width: 20%;

	text-align: center;

	background-color: #b81b22;

}

.m-kf .kf-wx {

	bottom: 100%;

	left: 0;

}

.ewm3 {

	right: 0px;

	left: 0;

	top: -156%;

	bottom: 100%;

	width: 100px;

	height: 100px;

}

.ewm3.active {

	display: block;

}

.ewm2 {

	display: none !important;

}

.kf-item2:hover .ewm2 img {

	display: none !important;

}



}

.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-hd-nav {

	display: none;

}

.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;

	padding-left: 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;

	padding-left: 20px;

	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: 14px;

}

.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;

	cursor: pointer

}

.wap-nav .menubtn span {

	display: block;

	width: 100%;

	height: 3px;

	margin-bottom: 3px;

	background-color: #b81b22;

}

.wap-nav, .menubtn {

	display: none;

}

 @media screen and (max-width: 999px) {

.wap-nav, .menubtn {

	display: block;

}

.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: #b81b22;

}

.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: #b81b22;

}

}

/* header_top */



.header_top {

	margin-bottom: 14px;

	margin-top: 12px;

	text-align: right;

}

.header_top p a {

	font-weight: bold;

}

.header_top .tel {

	padding-left: 20px;

	line-height: 35px;

	display: inline-block;

	background: url(../images/toubsj.png) no-repeat left center;

	color: #666666;margin-right:47px;

}

.header_top .tel a {

	color: #666666;

}

.header_top .mail {

	

	padding-left: 34px;

	line-height: 35px;

	display: inline-block;

	background: url(../images/mail.png) no-repeat left center;

	color: #666666; m

}

.header_top .mail a {

	color: #666666;

}

.header_top .header_form {

	width: 210px;

	height: 30px;

	line-height: 30px;

	position: relative;

	border: 1px solid #707070;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	margin-left: 25px;

}

.header_top .header_form .tex {

	background: transparent;

	padding-left: 10px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	width: 100%;

	height: 30px;

	line-height: 30px;

	display: inline-block;

	color: #999999;

	font-size: 14px;

	font-size: 1.4rem;

}

.header_top .header_form .sub {

	position: absolute;

	top: 0px;

	right: 0px;

	height: 30px;

	width: 31px;

	font-size: 0px;

	cursor: pointer;

	z-index: 99;

	background: url(../images/suosou.png) no-repeat left -1px;

}

/* header */



.header {

	background: url(../images/hederbj.png) repeat center top;

}

.header .logo {

	margin-top:9px

}



.header .logo img {

	display: block;

	max-width: 100%;

	margin: 0 auto;

}

.header_ul1 > li {

	float: left;

	margin-left: 88px;

	position: relative;

}

.header_ul1 > li:hover .dan_header {

	display: block;

}

.header_ul1 > li > a {

	padding-bottom: 12px;

	color: #333;

	line-height: 30px;

	display: block;

	font-weight: bold;

	border-bottom: 4px solid transparent;

	font-size: 16px;

	font-size: 1.6rem;

	text-transform: uppercase;

}

.header_ul1 > li:hover > a, .header_ul1 li.on > a {

	color: #b81b22;

}

.dan_header {

	display: none;

	width: 203px;

	position: absolute;

	left: -65px;

	top: 100%;

	background: #fff;

	z-index: 999999;

}

.dan_header > ul {

	border: 1px solid #cccccc;

	border-top: 0px;

}

.dan_header > ul > li {

	line-height: 24px;

	position: relative;

	left: 0px;

	border-top: 1px solid #cccccc;

}

.dan_header > ul > li > a {

	padding: 8px 0px;

	padding-left: 9px;

	padding-right: 9px;

	position: relative;

	color: #333;

	display: block;

}

.dan_header > ul > li:hover > a {

	color: #fff;

	background: #b81b22;

}

.dan_header > ul > li:hover .dan_sanheader {

	display: block;

}

.dan_sanheader {

	display: none;

	width: 200px;

	padding-left: 2px;

	position: absolute;

	left: 100%;

	top: 0px;

	z-index: 999999;

}

.dan_sanheader > ul {

	background: #fff;

	border: 1px solid #cccccc;

	border-top: 0px;

}

.dan_sanheader > ul > li {

	line-height: 24px;

	position: relative;

	border-top: 1px solid #cccccc;

}

.dan_sanheader > ul > li > a {

	padding: 8px 0px;

	padding-left: 9px;

	padding-right: 9px;

	color: #333;

	display: block;

}

.dan_sanheader > ul > li:hover > a {

	color: #fff;

	background: #b81b22;

}

 @media screen and (max-width: 1419px) {



.header_top .header_form {

	margin-left: 10px;

	width: 190px;

}

.header_ul1 > li {

	margin-left: 30px;

	margin-right: 0px;

}



.header_top .tel {

	margin-right: 10px;

}

.header_top .mail {

	margin-right: 6px;

}

.header_top .header_form {

	width: 90px;

}

}

 @media screen and (max-width: 999px) {

.header {

	position: relative;

}

.header .logo {

	width: 200px;

	margin-top: 35px

}

.dan_header {

	display: none !important;

}

}

 @media screen and (max-width: 999px) {

.header {

	background: #fff;

}

.header_ul1 {

	width: 100%;

	padding: 0px;

	display: none;

}

.header_right {

	float: none;

	width: 100%;

	padding: 0px;

}

.header_top {

	margin-top: 0px;

	margin-bottom: 10px;

}

.header_top p {

	display: none;

}

.header_top .header_form {

	display: none

}

.header .logo {

	float: none;

	margin: 0 auto;

	width: 100%;

	padding: 0px;

	margin-top: 15px;

	margin-bottom: 15px

}

}

 @media screen and (max-width: 768px) {

.slide .carousel-control {

	display: none;

}

}

.dfj {

	display: none;

}

@media screen and (max-width: 999px) {

.dfj {

	display: block;

}

.dfj a span {

	color: #fff;

	padding-left: 10px;

}

.qwa {

	display: none!important;

}

.pal {

	padding-left: 20px;

}

}

/* footer */



.footer {

	background: #333333;

	padding-top: 48px;

}

.footer a:hover {

	color: #b81b22;

}

.footer .title {

	font-size: 20px;

	font-size: 2rem;

	color: #fff;

	font-weight: bold;

	text-transform: uppercase;

	line-height: 30px;

}

.footer .title a {

	color: #fff;

}

.footer .title a:hover {

	color: #b81b22

}

.footer_left {

	float: left;

	width: 15%;

}

.footer_center {

	float: left;

	width: 23%; margin-left:17%;
	
}

.footer_right {

	float: right;

	width: 28%;

}

.footer_right p {

	margin-top: 16px;

	color: #fff;

	line-height: 24px;

	font-size: 16px;

	font-size: 1.6rem;

}

.footer_right p a {

	line-height: 30px;

	color: #fff;

}

.ftx_ul { margin-top: 11px;

	width: 100%;

}

.ftx_ul li {

	line-height: 30px;

	color: #fff;

	font-size: 16px;

	font-size: 1.6rem;

}
.ftx_ul li.nobito{ padding-left:56px}
.ftx_ul li.notel{ padding-left:37px}

.nosk{ padding-left:55px}
.ftx_ul li a {

	color: #fff;

}

.ftx_ul2 {

	margin-top: 11px;

}

.ftx_ul2 li {

	line-height: 30px;

	color: #fff;

	font-size: 16px;

	font-size: 1.6rem;

}

.ftx_ul2 li a {

	color: #fff;

}

.footer .shejiao {

	padding-top: 21px;

}

.footer .shejiao a {

	display: block;

	margin-left: 15px;

	float: left;

	margin-bottom: 26px;

}

.shejiao a img {

	-webkit-transition: 0.3s all;

	-moz-transition: 0.3s all;

	-o-transition: 0.3s all;

	transition: 0.3s all;

}

.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 {

	padding-top: 41px;

	padding-bottom: 8px;

}

.footer_bot .Links {

	min-height: 50px;

	line-height: 50px;

	color: #fff;

	font-size: 16px;

	font-size: 1.6rem;

}

.footer_bot .Links a {

	display: inline-block;

	margin-left: 15px;

	margin-right: 15px;

	color: #fff;

}

.footer_bot .Links a:hover {

	color: #b81b22

}

 @media screen and (max-width: 1419px) {



.footer .shejiao a {

	margin-left: 10px;

}

}

 @media screen and (max-width: 999px) {

.footer_left {

	width: 25%;

	float: left;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.footer_center {

	width: 75%;

	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;

}

}

 @media screen and (max-width: 768px) {

.footer {

	padding: 0px;

}

.footer_left {

	display: none;

}

.footer_center {

	display: none;

}

.Links {

	display: none;

}

.footer_bot {

	border: 0px;

	padding: 20px 0px;

	margin: 0 auto;

}

.footer_bot span {

	display: none;

}

}

 @media screen and (max-width: 420px) {

.header .logo {

	float: none;

	margin: 0 auto;

	width: 80%;

	padding: 0px;

}

.footer .shejiao a {



	margin-left: 5px;



	margin-bottom: 8px;

}

}

/*==========main1==================*/



.main1 {

	background: url(../images/main1bj.png) no-repeat center -66px;

	padding-top: 153px;

	padding-bottom: 87px;

}

 @media screen and (max-width: 999px) {

.main1 {

	background: #f9f9ff;

	padding-top: 50px;

	padding-bottom: 20px;

}

}

/*==========m1_top==================*/



.m1_top {

	width: 570px;

	padding-top: 20px;

}

.m1_top .title {

	font-size: 30px;

	font-size: 3rem;

	font-weight: bold;

	text-align: center;

	text-transform: uppercase;

}

.m1_top .title a {

	display: inline-block;

	padding: 0px 26px;

	background: url(../images/m1_top.png) no-repeat left center, url(../images/m1_top.png) no-repeat right center;

}

.m1_top .title2 {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 30px;

	text-align: center;

	margin-top: 12px;

}

.main2 .m1_top .title a {

	padding: 0px 29px;

}

.main3 .m1_top .title a {

	padding: 0px 20px;

}

.m1_top .m1_ul {

	padding-top: 50px;

}

.main3 .m1_ul {

	padding-top: 50px;

}

.m1_top .m1_ul li {

	width: 270px;

}

.m1_top .m1_ul li:hover .fu {

	top: 0px;

}

.m1_top .m1_ul a {

	display: block;

}

.m1_top .m1_ul img {

	display: block;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	border: 1px solid #e8e8e8;

}

.m1_top .m1_ul .wrap {

	position: relative;

	overflow: hidden;

	margin: 0 auto;

	max-width: 270px;

}

.m1_top .m1_ul .fu {

	position: absolute;

	top: 100%;

	width: 100%;

	height: 100%;

	background: url(../images/m1_ul.png) no-repeat center top;

	-webkit-transition: 1s all;

	-moz-transition: 1s all;

	-o-transition: 1s all;

	transition: 1s all;

}

.m1_top .m1_ul .fu a {

	position: absolute;

	bottom: 27px;

	line-height: 24px;

	width: 100%;

	padding: 0px 10px;

	color: #fff;

	text-align: center;

	height: 48px;

	overflow: hidden;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

}

.m1_top .m1_ul p a {

	display: block;

	text-align: center;

	font-size: 16px;

	font-size: 1.6rem;

	font-weight: bold;

	line-height: 30px;

	padding-top: 9px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

 @media screen and (max-width: 1419px) {

.m1_top {

	width: 49%;

}

.m1_top .m1_ul {

	padding-top: 51px;

}

.m1_top .m1_ul li {

	width: 49%;

}

}

 @media screen and (max-width: 999px) {

.m1_top {

	width: 100%;

	float: none;

	margin: 0 auto;

	padding-top: 20px;

}

.m1_top .m1_ul .fu {

	top: 0px;

	opacity: 0;

}

}

 @media screen and (max-width: 768px) {

.m1_top .title {

	font-size: 20px;

	font-size: 2rem;

}

}

.m1img {

	display: block;

	width: 739px;

}

 @media screen and (max-width: 1419px) {

.m1img {

	width: 50%;

}

}

 @media screen and (max-width: 999px) {

.m1img {

	max-width: 739px;

	width: 100%;

	float: none;

	margin: 0 auto;

}

}

/*==========main2==================*/



.main2 {

	padding-top: 109px;

	padding-bottom: 109px;

	background: url(../images/main2bj.jpg) no-repeat center top;

}

 @media screen and (max-width: 999px) {

.main2 {

	padding-top: 50px;

	padding-bottom: 20px;

}

}

/*==========main3==================*/



.main3 {

	background: url(../images/main3bj.png) repeat center -238px;

	padding-top: 85px;

	padding-bottom: 94px;

}

 @media screen and (max-width: 999px) {

.main3 {

	padding-top: 50px;

	padding-bottom: 20px;

}

}

/*==========main4==================*/



.main4 {

	background: url(../images/main4bj.jpg) repeat center top;

	padding-top: 50px;

	padding-bottom: 51px;

}

.main4 .m4_box {

	max-width: 752px;

	max-width: 552px\0;

	min-height: 523px;

	border: 4px solid #fff;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	padding-top: 76px;

	padding-left: 38px;

	padding-right: 128px;

}

.main4 .title a {

	font-size: 40px;

	font-size: 4rem;

	line-height: 50px;

	font-weight: bold;

	text-transform: uppercase;

	text-transform: uppercase;

	color: #fff;

}

.main4 .title a:hover {

	color: #b81b22;

}

.main4 p a:hover {

	color: #b81b22;

}

.main4 .m4_ul a:hover {

	color: #b81b22;

}

.main5 .title a:hover {

	color: #b81b22;

}

.main4 .title b {

	display: block;

	width: 50px;

	height: 4px;

	background: #b81b22;

	margin-top: 15px;

}

.main4 p {

	padding-top: 32px;

	padding-bottom: 50px;

}

.main4 p a {

	display: block;

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	color: #fff;

	max-height: 120px;

	overflow: hidden;

}
.main4 .m4_ul{justify-content: space-between;display: flex;flex-wrap: wrap;  align-items: center}
.main4 .m4_ul li {

	

	width: 45%;

	padding-left: 60px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	margin-bottom: 4px;

}

.main4 .m4_ul a {

	display: block;

	padding-top: 5px;

	padding-bottom: 9px;

	line-height: 30px;

	font-size: 18px;

	font-size: 1.8rem;

	font-weight: bold;

	color: #fff;

}

.main4 .m4_ul .li1 {

	background: url(../images/m4tu1.png) no-repeat left center;

}

.main4 .m4_ul .li2 {

	background: url(../images/m4tu2.png) no-repeat left center;

}

.main4 .m4_ul .li3 {

	background: url(../images/m4tu3.png) no-repeat left center;

}

.main4 .m4_ul .li4 {

	background: url(../images/m4tu4.png) no-repeat left center;

}

 @media screen and (max-width: 1419px) {

.main4 {

	background: url() #3a2d2d;

}

}

 @media screen and (max-width: 999px) {

.main4 {

	padding-top: 50px;

	padding-bottom: 20px;

	background: url() #3a2d2d;

}

}

 @media screen and (max-width: 768px) {

.main4 .title a {

	font-size: 30px;

	font-size: 3rem;

}

.main4 .m4_box {

	padding: 30px 20px;

	min-height: auto;

}
.main4 .m4_ul {

  flex-direction: column;
}
.main4 .m4_ul li {

	width: 100%;

	float: none;

}

}

/*==========main5==================*/



.main5 {

	background: url(../images/main5bj.png) repeat center top;

	padding-top: 114px;

	padding-bottom: 150px;

}

.main5 .m5_l {

	width:100%;

}



.main5 .title {

	margin-bottom: 61px;

}

.main5 .title a {

	font-size: 30px;

	font-size: 3rem;

	line-height: 30px;

	font-weight: bold;

	text-transform: uppercase;

	text-transform: uppercase;

	color: #333333;

}

.main5 .title b {

	display: block;

	width: 41px;

	height: 3px;

	background: #b81b22;

	margin-top: 15px;

}
.main5 .m5_ul1{display: flex;justify-content: space-between;align-items: flex-start;font-size: ;flex-wrap: wrap;}
.main5 .m5_ul1 li {
	width:45%;

	margin-bottom: 26px;

}

.main5 .m5_ul1 img {

	display: block;

	margin-right: 22px;

	width: 100%;

	max-width: 232px;

}

.main5 .m5_ul1 .title4 {

	font-size: 16px;

	font-size: 1.6rem;

	font-weight: bold;

	line-height: 30px;

	padding-top: 13px;

	display: inline-block;

	display: block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.main5 .m5_ul1 p {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 24px;

}

.main5 .m5_ul1 p a {

	display: block;

	max-height: 48px;

	overflow: hidden;

}

.main5 .m5_ul1 .time {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 24px;

	margin-top: 5px;

}

 @media screen and (max-width: 1420px) {

.main5 .m5_ul1 img {

	width: 38%;

}

.main5 .m5_ul1 .title4 {

	padding-top: 0px;

}

}

 @media screen and (max-width: 768px) {

.main5 .m5_ul1 {

	margin-bottom: 20px;

}

.main5 .m5_ul1 img {

	display: block;

	float: none;

	margin: 0 auto;

	max-width: 232px;

	width: 100%;

}

.main5 .m5_ul1 .title4 {

	margin-top: 10px;

}

.main5 .m5_ul1 .title4 {

	display: block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

}
 @media screen and (max-width:420px) {

.main5 .m5_ul1 {

	flex-direction: column;

}

.main5 .m5_ul1 li{ width:100%;}
 }
.main5 .de_ul31 {

	padding-bottom: 19px;

}

.main5 .de_ul31 li {

	float: left;

	width: 202px;

	margin-left: 47px;

}

.main5 .de_ul31 li .m4fu {

	position: absolute;

	top: 100%;

	left: 0px;

	width: 100%;

	height: 100%;

}

.main5 .de_ul31 li img {

	display: block;

	max-width: 202px;

	max-height: 288px;

	width: 100%;

	margin: 0 auto;

}

.main5 .de_ul31 li .m4zi {

	display: block;

	margin: 0 auto;

	max-width: 202px;

	width: 100%;

	margin-top: 10px;

	color: #333333;

	line-height: 38px;

	text-align: center;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.main5 .de_ul31 li .m4zi:hover {

	color: #b81b22

}

.main5 .de_ul31 li .m3lien {

	max-width: 202px;

	text-align: center;

	position: relative;

	margin: 0 auto;

	overflow: hidden;

}

.main5 .de_ul31 li .m3lien:hover .m4fu {

	top: 0;

}

 @media screen and (max-width: 1419px) {

.main5 .de_ul31 li {

	width: 31%;

	margin-left: 1% !important;

	margin-right: 1%;

}

}

 @media screen and (max-width: 999px) {

.main5 .de_ul31 li .m4fu {

	top: 0px;

	opacity: 0;

}

}

 @media screen and (max-width: 768px) {

.main5 .de_ul31 li {

	width: 31%;

}

}

 @media screen and (max-width: 320px) {

.main5 .de_ul31 li {

	width: 48%;

	margin-bottom: 10px;

}

.main5 .de_ul31 li .m4zi {

	margin-top: 5px;

	font-size: 14px;

	font-size: 1.4rem;

}

}

 @media screen and (max-width: 999px) {

.main5 {

	padding-bottom: 50px;

}





.main5 .title {

	margin-bottom: 21px;

}

}

 @media screen and (max-width: 768px) {

.main5 {

	padding-top: 50px;

	padding-bottom: 20px;

}

}

/*==========product==================*/



.product .pro_l {

	width: 286px;

	margin-bottom: 0px;

	position: relative;

}

.product .pro_l .title1 {

	height: 45px;

	line-height: 45px;

	text-transform: uppercase;

	font-weight: bold;

	position: relative;

	background-color: #b81b22;

	text-align: center;

	font-size: 24px;

	font-size: 2.4rem;

}

.product .pro_l .title1 a {

	color: #fff;

}

.product .pro_l .title1 a:hover {

	color: #333;

}

.product .pro_l .subNavBox {

	padding-top: 12px;

	padding-bottom: 30px;

}

.product .pro_l .subNav {

	cursor: pointer;

	margin-bottom: 0px;

	margin-top: 4px;

	padding-top: 0px;

	background: #eeeeee;

}

.product .pro_l .subNav a {

	line-height: 42px;

	padding-left: 28px;

	font-size: 16px;

	font-size: 1.6rem;

	color: #333333;

	-webkit-transition: 0s;

	-o-transition: 0s;

	-moz-transition: 0s;

	transition: 0s;

}

.product .pro_l .subNav:hover {

	background: #b81b22;

}

.product .pro_l .subNav:hover a {

	color: #fff;

}

.product .pro_l .currentDd {

	background: #b81b22;

}

.product .pro_l .currentDd a {

	color: #fff;

}

.product .pro_l .navContent {

	display: none;

	position: relative;

	padding-top: 8px;

	padding-bottom: 0px;

}

.product .pro_l .navContent > li.on a {

	color: #b81b22;

}

.product .pro_l .navContent > li a {

	display: block;

	font-size: 14px;

	font-size: 1.4rem;

	padding-top: 0;

	padding-bottom: 0px;

	color: #333;

	padding-left: 47px;

	line-height: 30px;

}

.product .pro_l .navContent > li a:hover {

	color: #b81b22;

}

.product .pro_r {

	width: 1064px;

}

.product .pro_ul li {

	float: left;

	width: 325px;

	margin-left: 44px;

	margin-bottom: 50px;

}

.product .pro_ul li:hover .fu {

	top: 0px;

}

.product .pro_ul li:hover .more {

	background: #b81b22;

	border-color: #b81b22;

	color: #fff;

}

.product .pro_ul a {

	display: block;

}

.product .pro_ul .pro_wrap {

	position: relative;

	overflow: hidden;

	max-width: 325px;

	margin: 0 auto;

	width: 100%;

	border: 1px solid #e8e8e8;

}

.product .pro_ul .fu {

	position: absolute;

	top: 100%;

	left: 0px;

	width: 100%;

	-webkit-transition: 1s all;

	-moz-transition: 1s all;

	-o-transition: 1s all;

	transition: 1s all;

}

.product .pro_ul img {

	display: block;

	max-width: 325px;

	max-height: 325px;

	margin: 0 auto;

	width: 100%;

}

.product .pro_ul p {

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	margin-top: 12px;

	margin-bottom: 15px;

	text-align: center;

}

.product .pro_ul p input {

	display: inline-block;

	margin-right: 10px;

}

.product .pro_ul .pto_title {

	font-size: 20px;

	font-size: 2rem;

	display: inline;

	text-align: center;

	font-weight: bold;

	line-height: 30px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.product .pro_ul .more {

	background: #eeeeee;

	display: block;

	text-align: center;

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 38px;

	height: 38px;

	width: 100%;

	margin: 0 auto;

}

 @media screen and (max-width: 1419px) {

.product .pro_l {

	width: 286px;

}

.product .pro_r {

	width: 677px;

}

.product .pro_ul li {

	width: 31%;

	margin-left: 1% !important;

	margin-right: 1%;

}

.product .pro_ul .pto_title {

	font-size: 16px;

	font-size: 1.6rem;

}

}

 @media screen and (max-width: 999px) {

.product .pro_l {

	width: 100%;

	float: none;

	margin: 0 auto;

}

.product .pro_r {

	width: 100%;

	float: none;

	margin: 0 auto;

}

.product .pro_ul .fu {

	top: 0px;

	opacity: 0;

}

}

 @media screen and (max-width: 638px) {

.product .pro_ul li {

	width: 48%;

	margin-left: 1% !important;

	margin-right: 1%;

	margin-bottom: 30px;

}

.product .pro_ul .pto_title {

	font-size: 16px;

	font-size: 1.6rem;

}

}

.product #showArea img {

	cursor: pointer;

	display: block;

	margin-bottom: 9px;

	margin-top: 0px;

	width: 135px;

	height: 135px;

	border: 1px solid #d8d8d8;

}

.product #showArea a {

	display: block;

}

.product #main_img {

	cursor: pointer;

	display: block;

}

.product #gotop {

	cursor: pointer;

	display: block;

	margin: auto;

	height: 12px;

	background: url(../images/pr_top.png) no-repeat center center;

}

.product #gobottom {

	cursor: pointer;

	display: block;

	margin: auto;

	height: 12px;

	background: url(../images/pro_bottom.png) no-repeat center center;

}

.product #gotop:hover {

	background: url(../images/pr_toph.png) no-repeat center center;

}

.product #gobottom:hover {

	background: url(../images/pro_bottomh.png) no-repeat center center;

}

.product #showArea {

	height: 436px;

	overflow: hidden;

	margin-top: 39px;

	margin-bottom: 23px;

}



.product .MagicZoomBigImageCont {

	background: #FFF;

	border: 1px solid #d8d8d8;

	display: none !important

}

.product .MagicZoomBigImageCont img {

	max-width: 800px;

}

.product .MagicZoomPup {

	border: 0px solid #aaa;

	background: #ffffff;

	display: none;

}

.product .left-pro {

	width: 677px;

	float: left;

}

.product .left-pro .t1 {

	width: 137px;

	float: right;

}

.product .left-pro .t2 {

	width: 525px;

	text-indent: 0;

	float: left;

	height: 525px;

	border: 1px solid #ebebed;

}

.product .left-pro .t2 a {

	display: block;

	margin-bottom: 18px;

}

.product .left-pro .t2 img {

	text-indent: 0;

	display: block;

}

.product .prob-info {

	float: right;

	width: 350px;

}

.product .prob-info-title {

	margin-bottom: 20px;

	padding-top: 13px;

	position: relative;

	padding-bottom: 21px;

	line-height: 40px;

	color: #333333;

	font-size: 24px;

	font-size: 2.4rem;

	border-bottom: 1px solid #ccc;

	font-weight: normal;

}

.product .share1 {

	display: block;

	position: relative;

	top: 0px;

	max-width: 238px;

	margin-bottom: 20px;

}

.product .share1 .span {

	padding-right: 10px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #666666;

	height: 26px;

	line-height: 26px;

}

.product .at-resp-share-element .at-icon {

	width: 26px !important;

	height: 26px !important;

}

.product .at-style-responsive .at-share-btn {

	padding: 0 !important;

	-moz-border-radius: 2px !important;

	border-radius: 2px !important;

}

.product .at-resp-share-element .at-share-btn .at-icon-wrapper {

	width: 26px !important;

	height: 26px !important;

}

.product .at-resp-share-element .at-share-btn {

	margin-bottom: 0 !important;

	margin-right: 3px !important;

}

.product .prob-info-link {

	margin-top: 48px;

	overflow: hidden;

}

.product .prob-info-link a {

	float: left;

	margin-bottom: 20px;

	display: block;

	width: 140px;

	height: 32px;

	line-height: 30px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #b81b22;

	text-align: center;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	border: 1px solid #b81b22;

}

.product .prob-info-link a:hover {

	color: white;

	background-color: #b81b22;

	border-color: #b81b22;

}

.product .prob-info-link a.no:hover {

	color: #b81b22;

	background-color: white;

	border-color: #b81b22;

}

.product .prob-info-link a:first-child {

	float: left;

	margin-right: 59px;

}

.product .prob-info-desc {

	font-size: 14px;

	font-size: 1.4rem;

	color: #666666;

	line-height: 30px;

	margin-top: 20px;

}

.product .prob-info-desc a {

	color: #b81b22;

	line-height: 30px;

	color: #b81b22;

}

.product .prob-info-desc img {

	display: block;

	max-width: 100%;

}

.product .prob-info-desc iframe {

	display: block;

	max-width: 100%;

	margin: 0 auto;

}

.product .prob-info-desc table {

	width: 90%;

	border-collapse: collapse;

	line-height: 22px;

	border: 1px solid #ccc;

	margin-left: auto;

	margin-right: auto;

}

.product .prob-info-desc table tr td {

	padding: 3px;

	border: 1px solid #ccc;

	background: #fff;

}

.product .m-prob2 {

	margin-top: 33px;

}

.product .box-title {

	padding-bottom: 8px;

	margin-bottom: 20px;

	line-height: 30px;

	font-size: 26px;

	font-size: 2.6rem;

	font-weight: bold;

	background: url(../images/box-title.png) no-repeat bottom left;

}

.product .box-desc {

	font-size: 14px;

	font-size: 1.4rem;

	color: #666666;

	line-height: 30px;

	margin-top: 20px;

	margin-bottom: 40px;

}

.product .box-desc a {

	color: #b81b22;

	line-height: 30px;

	color: #b81b22;

}

.product .box-desc img {

	display: block;

	max-width: 100%;

}

.product .box-desc iframe {

	display: block;

	max-width: 100%;

	margin: 0 auto;

}

.product .box-desc table {

	float: none!important;

	width: 90%;

	border-collapse: collapse;

	line-height: 22px;

	border: 1px solid #ccc;

}

.product .box-desc table tr td {

	text-align: center;

	padding: 3px;

	border: 1px solid #ccc;

	background: #fff;

}

.product .m-prob {

	padding-bottom: 92px;

}

.product .m-prob .img-scroll {

	position: relative;

	width: 100%;

}

.product .m-prob .img-scroll .hot {

	position: relative;

	top: -35px;

	background: #f8f9ff;

	float: right;

	max-width: 58px;

	width: 100%;

	height: 14px;

}

.product .m-prob .img-scroll .prev {

	position: absolute;

	display: block;

	width: 24px;

	height: 24px;

	z-index: 99;

}

.product .m-prob .img-scroll .next {

	position: absolute;

	display: block;

	width: 24px;

	height: 24px;

	z-index: 99;

}

.product .m-prob .img-scroll .prev {

	left: 0;

	cursor: pointer;

	background: url(../images/arrowleft.png) no-repeat center;

}

.product .m-prob .img-scroll .next {

	right: 0;

	cursor: pointer;

	background: url(../images/arrowright.png) no-repeat center;

}

.product .m-prob .img-scroll .prev:hover {

	background: url(../images/arrowlefton.png) no-repeat center;

}

.product .m-prob .img-scroll .next:hover {

	background: url(../images/arrowrighton.png) no-repeat center;

}

.product .m-prob .img-list {

	position: relative;

	width: 100%;

	overflow: hidden;

	margin: 0 auto;

}

.product .m-prob .img-list ul {

	width: 1000%;

}

.product .m-prob .img-list li {

	float: left;

	width: 325px;

	margin-right: 42px;

}

.product .m-prob .img-list li .m4fu {

	position: absolute;

	top: 100%;

	left: 0px;

	width: 100%;

	height: 100%;

}

.product .m-prob .img-list li img {

	display: block;

	max-width: 100%;

	box-sizing: border-box;

	margin: 0 auto;

	border: 1px solid #ebebed;

}

.product .m-prob .img-list li .m4zi {

	display: block;

	margin: 0 auto;

	width: 100%;

	max-width: 325px;

	font-size: 20px;

	font-size: 2rem;

	font-weight: bold;

	margin-top: 10px;

	color: #333;

	line-height: 38px;

	text-align: center;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.product .m-prob .img-list li .m4zi:hover {

	color: #b81b22

}

.product .m-prob .img-list li .m3lien {

	width: 100%;

	max-width: 325px;

	text-align: center;

	position: relative;

	margin: 0 auto;

	overflow: hidden;

}

.product .m-prob .img-list li .m3lien:hover .m4fu {

	top: 0;

}

 @media screen and (max-width: 1419px) {

.product .m-prob .img-list li {

	width: 3%;

	margin-right: .4%;

}

}

 @media screen and (max-width: 999px) {

.product .m-prob .img-list li .m3lien .m4fu {

	top: 0px;

	opacity: 0;

}

.product .m-prob .img-list {

	width: 100%;

}

.product .m-prob .img-list li {

	width: 3%;

	margin-right: .5%;

}

.product .box-desc table {

	width: 800px;

}

.product .box-desc .table {

	overflow: scroll

}

}

 @media screen and (max-width: 768px) {

.product .m-prob .img-list li {

	width: 4.5%;

	margin-right: 1%;

}

.product .m-prob .img-list li .m4zi {

	font-size: 14px;

	font-size: 1.4rem;

	margin-top: 0px;

}

}

.product .img980 {

	display: none;

}

.product .img980 .img-scroll {

	position: relative;

	width: 100%;

	margin-top: 20px;

}

.product .img980 .img-scroll .prev {

	position: absolute;

	display: block;

	width: 24px;

	height: 24px;

	top: 50%;

	margin-top: -12px;

	z-index: 99;

}

.product .img980 .img-scroll .next {

	position: absolute;

	display: block;

	width: 24px;

	height: 24px;

	top: 50%;

	margin-top: -12px;

	z-index: 99;

}

.product .img980 .img-scroll .prev {

	left: 0;

	cursor: pointer;

	background: url(../images/arrowleft.png) no-repeat center;

}

.product .img980 .img-scroll .next {

	right: 0;

	cursor: pointer;

	background: url(../images/arrowright.png) no-repeat center;

}

.product .img980 .img-scroll .prev:hover {

	background: url(../images/arrowlefton.png) no-repeat center;

}

.product .img980 .img-scroll .next:hover {

	background: url(../images/arrowrighton.png) no-repeat center;

}

.product .img980 .img-list {

	position: relative;

	width: 91.6%;

	overflow: hidden;

	margin: 0 auto;

}

.product .img980 .img-list ul {

	width: 1000%;

}

.product .img980 .img-list li {

	float: left;

	width: 300px;

	margin-right: 30px;

}

.product .img980 .img-list li img {

	display: block;

	margin: 0 auto;

	border: 1px solid #ccc;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.product .img980 .img-list li .m3lien {

	max-width: 300px;

	text-align: center;

	position: relative;

	margin: 0 auto;

	overflow: hidden;

}

 @media screen and (max-width: 1219px) {

.product .img980 img-list li {

	width: 3%;

	margin-right: .5%;

}

}

 @media screen and (max-width: 999px) {

.product .img980 .img-list {

	width: 100%;

}

.product .img980 .img-list li {

	width: 3%;

	margin-right: .5%;

}

}

 @media screen and (max-width: 768px) {

.product .img980 .img-list li {

	width: 4.5%;

	margin-right: 1%;

}

}

 @media screen and (max-width: 1419px) {

.product .left-pro {

	max-width: 677px;

	width: 100%;

	float: none;

	margin: 0 auto;

}

.product .prob-info {

	width: 100%;

	float: none;

	margin: 0 auto;

}

}

 @media screen and (max-width: 999px) {

.product .m-prob {

	padding-bottom: 30px;

}

.product .img980 {

	display: block;

}

.product .left-pro {

	display: none;

}

}

 @media screen and (max-width: 768px) {

.product .prob-info-title {

	font-size: 20px;

	font-size: 2rem;

	line-height: 30px;

}

}

/*==========ab_top==================*/



.ab_top {

	margin-bottom: 62px;

}

.ab_top a {

	display: block;

	width: 50%;

	float: left;

	background: #eeeeee;

	font-size: 18px;

	font-size: 1.8rem;

	font-weight: bold;

	padding: 0px 10px;

	line-height: 51px;

	text-align: center;

	border-bottom: 5px solid #eee;

	border-left: 2px solid #fafaff;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.ab_top a.on, .ab_top a:hover {

	border-bottom-color: #b81b22;

	color: #b81b22;

}

 @media screen and (max-width: 768px) {

.ab_top {

	margin-bottom: 30px;

}

}

 @media screen and (max-width: 638px) {

.ab_top {

	margin-bottom: 20px;

}

.ab_top a {

	font-size: 16px;

	font-size: 1.6rem;

}

}

/*==========ab1_div==================*/



.ab1_div img {

	display: block;

	margin-left: 90px;

}

.ab1_div .about_right {

	padding-top: 23px;

}

.ab1_div .title {

	line-height: 40px;

	padding-left: 30px;

	background: url(../images/about_shuangxian.png) no-repeat left center;

	font-size: 34px;

	font-size: 3.4rem;

	font-weight: bold;

	font-style: italic;

}

.ab1_div .title2 {

	margin-top: 11px;

	line-height: 40px;

	color: #b81b22;

	font-size: 24px;

	font-size: 2.4rem;

	font-weight: bold;

}

.ab1_div p,.tongyondiv p {



	line-height: 30px;

	font-size: 16px;

	font-size: 1.6rem;



}

 @media screen and (max-width: 1419px) {

.ab1_div img {

	width: 50%;

}

}

 @media screen and (max-width: 999px) {

.ab1_div img {

	max-width: 571px;

	float: none;

	margin: 0 auto;

	width: 100%;

}

}

 @media screen and (max-width: 768px) {

.ab1_div p,.tongyondiv p {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 26px;

}

}
.ab1_div .zdybiaoti{ font-size:28px; font-size:2.8rem; line-height:30px; color:#333; text-align:center; font-weight:bold; margin-top:20px; margin-bottom:20px;}
.ab1_div .img-scroll {

	position: relative;

	width: 100%;

	margin-top: 32px;

}

.ab1_div .img-scroll .prev {

	position: absolute;

	display: block;

	width: 23px;

	height: 33px;

	top: 50%;

	margin-top: -41px;

	z-index: 99;

}

.ab1_div .img-scroll .next {

	position: absolute;

	display: block;

	width: 23px;

	height: 33px;

	top: 50%;

	margin-top: -41px;

	z-index: 99;

}

.ab1_div .img-scroll .prev {

	left: 0;

	cursor: pointer;

	background: url(../images/about_left.png) no-repeat center;

}

.ab1_div .img-scroll .next {

	right: 0;

	cursor: pointer;

	background: url(../images/about_right.png) no-repeat center;

}

.ab1_div .img-scroll .prev:hover {

	background: url(../images/about_lefth.png) no-repeat center;

}

.ab1_div .img-scroll .next:hover {

	background: url(../images/about_righth.png) no-repeat center;

}

.ab1_div .img-list {

	position: relative;

	width: 90%;

	overflow: hidden;

	margin: 0 auto;

}

.ab1_div .img-list ul {

	width: 1000%;

}

.ab1_div .img-list li {

	float: left;

	width: 284px;

	margin-right: 40px;

}

.ab1_div .img-list li .m4fu {

	position: absolute;

	top: 100%;

	left: 0px;

	width: 100%;

	height: 100%;

}

.ab1_div .img-list li img {

	display: block;

	max-width: 284px;

	max-height: 220px;

	width: 100%;

	margin: 0 auto;

}

.ab1_div .img-list li .m4zi {

	display: block;

	margin: 0 auto;

	max-width: 284px;

	width: 100%;

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

	

	text-align: center;

	

}
.ab1_div .img-list li p{line-height:30px;}
.ab1_div .img-list li .m3lien {

	max-width: 284px;

	text-align: center;

	position: relative;

	margin: 0 auto;

	overflow: hidden;

}

.ab1_div .img-list li .m3lien:hover .m4fu {

	top: 0;

}

 @media screen and (max-width: 1419px) {

.ab1_div .img-list {

	width: 89%;

}

.ab1_div .img-list li {

	width: 3%;

	margin-right: .5%;

}

}

 @media screen and (max-width: 999px) {

.ab1_div .img-list {

	width: 100%;

}

.ab1_div .img-list li {

	width: 3%;

	margin-right: .5%;

}

.ab1_div .img-list li .m4fu {

	top: 0px;

	opacity: 0;

}
.ab1_div .zdybiaoti{ font-size:20px; font-size:2rem; line-height:26px; color:#333; text-align:center; font-weight:bold; margin-top:20px; margin-bottom:20px;}
}

 @media screen and (max-width: 768px) {
	 
	 
	 .ab1_div .zdybiaoti{ font-size:16px; font-size:1.6rem; line-height:24px; color:#333; text-align:center; font-weight:normal; margin-top:15px; margin-bottom:15px;}

.ab1_div .title {

	font-size: 22px;

	font-size: 2.2rem;

	line-height: 30px;

}

.ab1_div .title2 {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

}

.ab1_div .img-list li {

	width: 4.5%;

	margin-right: 1%;

}

}

 @media screen and (max-width: 500px) {

.ab1_div .img-list ul {

	width: 10000%;

}

.ab1_div .img-list li {

	width: 1%;

	margin-right: .487%;

}

}

/*==========ab1_div2==================*/



.ab1_div2 {

	padding-top: 26px;

	padding-bottom: 18px;

}

.ab1_div2 img {

	display: block;

	margin-right: 38px;

}

.ab1_div2 .title2 {

	line-height: 30px;

	font-size: 16px;

	font-size: 1.6rem;

	padding-top: 51px;

	padding-bottom: 33px;

}

.ab1_div2 strong {

	font-weight: normal;

	line-height: 30px;

	font-size: 16px;

	font-size: 1.6rem;

}

.ab1_div2 p {

	line-height: 30px;

	font-size: 16px;

	font-size: 1.6rem;



	margin-top: 0px;

}
.ab1_div2 p strong{line-height: 30px;
font-size: 20px;
font-size: 2rem;
font-weight: bold;
color: #b81b22;
margin-top: 0px;}
 @media screen and (max-width: 1419px) {

.ab1_div2 img {

	width: 50%;

}

.ab1_div2 .title2 {

	padding-top: 0px;

}

}

 @media screen and (max-width: 999px) {

.ab1_div2 img {

	max-width: 598px;

	float: none;

	margin: 0 auto;

	width: 100%;

}

.ab1_div2 .title2 {

	padding-top: 10px;

}

}

 @media screen and (max-width: 768px) {

.ab1_div2 .title2 {

	font-size: 14px;

	font-size: 1.4rem;

}

.ab1_div2 p {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 26px;

}
.ab1_div2 p strong{font-size: 14px;

	font-size: 1.4rem;

	line-height: 26px;}
}

.about {

	padding-bottom: 92px;

}

/*==========about2==================*/



.about2 .de_ul31 {

	padding-bottom: 19px; font-size:0; letter-spacing:0

}

.about2 .de_ul31 li {

	float: none; display:inline-block; vertical-align:top;

	width: 317px;

	margin-left: 44px;

	margin-bottom: 16px;

}

.about2 .de_ul31 li .m4fu {

	position: absolute;

	top: 100%;

	left: 0px;

	width: 100%;

	height: 100%;

}

.about2 .de_ul31 li img {

	display: block;

	max-width: 317px;

	max-height: 438px;

	width: 100%;

	margin: 0 auto;

}

.about2 .de_ul31 li .m4zi {

	display: block;

	font-size: 16px;

	font-size: 1.6rem;

	font-weight: bold;

	margin: 0 auto;

	max-width: 317px;

	width: 100%;

	margin-top: 14px;

	color: #333333;

	line-height:25px;

	text-align: center;



}

.about2 .de_ul31 li .m3lien {

	max-width: 317px;

	text-align: center;

	position: relative;

	margin: 0 auto;

	overflow: hidden;

}

.about2 .de_ul31 li .m3lien:hover .m4fu {

	top: 0;

}

 @media screen and (max-width: 1419px) {

.about2 .de_ul31 li {

	width: 23%;

	margin-left: 1% !important;

	margin-right: 1%;

}

}

 @media screen and (max-width: 999px) {

.about2 .de_ul31 li .m4fu {

	top: 0px;

	opacity: 0;

}

}

 @media screen and (max-width: 768px) {

.about2 .de_ul31 li {

	width: 31%;

}

}

 @media screen and (max-width: 630px) {

.about2 .de_ul31 li {

	width: 48%;

	margin-bottom: 10px;

}

.about2 .de_ul31 li .m4zi {

	margin-top: 5px;

	font-size: 14px;

	font-size: 1.4rem;

}

}

/*==========project==================*/



.project .title {

	text-align: center;

	font-size: 30px;

	font-size: 3rem;

	font-weight: bold;

	text-transform: uppercase;
	margin-bottom:20px;

}

.project .title2 {

	padding-top: 12px;

	padding-bottom: 21px;

	max-width: 1387px;

	width: 100%;

	float: none;

	margin: 0 auto;

	text-align: center;

	line-height: 30px;

}

.project .de_ul31 {

	padding-bottom: 19px; font-size:0; letter-spacing:0

}

.project .de_ul31 li {

	float: none;

	width: 429px;

	margin-left: 56px;

	margin-bottom: 37px; display:inline-block; vertical-align:top

}

.project .de_ul31 li .m4fu {

	position: absolute;

	top: 100%;

	left: 0px;

	width: 100%;

	height: 100%;

}

.project .de_ul31 li img {

	display: block;

	max-width: 429px;

	width: 100%;

	margin: 0 auto;

}

.project .de_ul31 li .m4zi {

	display: block;

	font-size: 16px;

	font-size: 1.6rem;

	margin: 0 auto;

	max-width: 429px;

	width: 100%;

	margin-top: 14px;

	color: #333333;

	line-height: 25px;

	text-align: center;



}



.project .de_ul31 li .m3lien {

	max-width: 429px;

	text-align: center;

	position: relative;

	margin: 0 auto;

	overflow: hidden;

}

.project .de_ul31 li .m3lien:hover .m4fu {

	top: 0;

}

 @media screen and (max-width: 1419px) {

.project .de_ul31 li {

	width: 31%;

	margin-left: 1% !important;

	margin-right: 1%;

}

}

 @media screen and (max-width: 999px) {

.project .de_ul31 li .m4fu {

	top: 0px;

	opacity: 0;

}

}

 @media screen and (max-width: 768px) {

.project .de_ul31 li {

	width: 31%;

}

}

 @media screen and (max-width: 630px) {

.project .de_ul31 li {

	width: 48%;

	margin-bottom: 10px;

}

.project .de_ul31 li .m4zi {

	margin-top: 5px;

	font-size: 14px;

	font-size: 1.4rem;

}

}

/*==========project2==================*/



.project2 {

	padding-top: 1px;

	padding-bottom: 20px;

}

.project2 .time {

	padding-bottom: 9px;

	padding-top: 5px;

	line-height: 30px;

	color: #333333;

}

.project2 .share1 {

	display: block;

	position: relative;

	top: 0px;

	max-width: 238px;

	margin-bottom: 20px;

}

.project2 .share1 .span {

	padding-right: 10px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #666666;

	height: 26px;

	line-height: 26px;

}

.project2 .at-resp-share-element .at-icon {

	width: 26px !important;

	height: 26px !important;

}

.project2 .at-style-responsive .at-share-btn {

	padding: 0 !important;

	-moz-border-radius: 2px !important;

	border-radius: 2px !important;

}

.project2 .at-resp-share-element .at-share-btn .at-icon-wrapper {

	width: 26px !important;

	height: 26px !important;

}

.project2 .at-resp-share-element .at-share-btn {

	margin-bottom: 0 !important;

	margin-right: 3px !important;

}

.project2 h1 {

	font-size: 16px;

	font-size: 1.6rem;

	font-weight: bold;

	line-height: 30px;

	padding-bottom: 15px;

}

.project2 .news2x {

	font-size: 14px;

	font-size: 1.4rem;

	color: #666666;

	line-height: 30px;

	margin-bottom: 20px;

}

.project2 .news2x a {

	color: #b81b22;

	line-height: 30px;

	color: #b81b22;

}

.project2 .news2x img {

	display: block;

	max-width: 100%;

}

.project2 .news2x iframe {

	display: block;

	max-width: 100%;

	margin: 0 auto;

}

.project2 .news2x .table table {

	width: 100%;

	border-collapse: collapse;

	line-height: 22px;

	border: 1px solid #ccc;

}

.project2 .news2x .table table tr td {

	padding: 3px;

	border: 1px solid #ccc;

}

 @media screen and (max-width: 1000px) {

.project2 .news2x .table {

	width: 100%;

	overflow: scroll;

}

.project2 .news2x .table table {

	width: 885px;

}

}

.project2 .news3x {

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	line-height: 30px;

	margin-bottom: 20px;

}

.project2 .news3x a {

	color: #b81b22;

	line-height: 30px;

	color: #b81b22;

}

.project2 .news3x img {

	display: block;

	max-width: 100%;

	margin: 0 auto;

}

.project2 .news3x iframe {

	display: block;

	max-width: 100%;

	margin: 0 auto;

}

.project2 .news3x .table table {

	width: 100%;

	border-collapse: collapse;

	line-height: 22px;

	border: 1px solid #ccc;

}

.project2 .news3x .table table tr td {

	padding: 3px;

	border: 1px solid #ccc;

}

 @media screen and (max-width: 1000px) {

.project2 .news3x .table {

	width: 100%;

	overflow: scroll;

}

.project2 .news3x .table table {

	width: 885px;

}

}

.project2 .updown {

	margin-top: 23px;

	padding-top: 16px;

	border-top: 1px solid #cccccc;

	margin-bottom: 70px;

}

.project2 .updown .up {

	margin-top: 0px;

	margin-bottom: 0px;

}

.project2 .updown p {

	line-height: 32px;

	color: #333333;

}

.project2 .updown p span {

	color: #333333;

}

.project2 .updown p a {

	color: #333;

}

.project2 .updown p a:hover {

	color: #b81b22;

}

/* =================================download================================= */



.download {

	padding-top: 4px;

}

.download li {

	margin-bottom: 50px;

	padding-bottom: 42px;

	border-bottom: 1px dashed #cdcdce;

}

.download li .limg {

	width: 64px;

}

.download li .limg a {

	display: block;

}

.download li .limg a img {

	max-width: 100%;

	display: block;

	max-height: 100%;

}

.download .ltxt {

	width: 1036px;

	margin-left: 20px;

}

.download .txttop {

	margin-top: -5px;

	margin-bottom: 8px;

}

.download .txttop {

	display: block;

	font-size: 18px;

	font-size: 1.8rem;

	color: #333;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.download .txttop a:hover {

	color: #b81b22;

}

.download .txtbot {

	display: block;

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

	line-height: 30px;

}

.download .txtbot a:hover {

	color: #b81b22;

}

.download .rdown {

	margin-top: 25px;

}

.download .rdown a {

	font-size: 14px;

	font-size: 1.4rem;

	color: #b81b22;

	display: block;

	width: 140px;

	height: 40px;

	line-height: 40px;

	font-weight: bold;

	border: 1px solid #b81b22;

	text-indent: 50px;

	background: transparent url(../images/download1.png) no-repeat 20px center;

}

.download .rdown a:hover {

	background: #b81b22 url(../images/download2.png) no-repeat 20px center;

	color: #fff;

}

 @media screen and (max-width: 1419px) {

.download .ltxt {

	width: 700px;

}

}

 @media screen and (max-width: 979px) {

.download ul {

	margin-bottom: 0px;

}

.download .ltxt {

	width: -webkit-calc(100% - 260px);

	width: -moz-calc(100% - 260px);

	width: calc(100% - 260px);

}

}

 @media screen and (max-width: 639px) {

.download .txtbot {

	font-size: 14px;

	font-size: 1.4rem;

}

.download .ltxt {

	width: -webkit-calc(100% - 0px);

	width: -moz-calc(100% - 0px);

	width: calc(100% - 0px);

	margin-left: 0;

	margin-top: 30px;

}

}

.m-ctusinfo {

	width: 37.08333%;

}

.m-ctusinfo .box-title {

	line-height: 26px;

	font-size: 24px;

	font-size: 2.4rem;

	color: #333333;

	font-weight: bold;

	margin-bottom: 17px;

}

.m-ctusinfo .list-item {

	padding-left: 32px;

	line-height: 38px;

	font-size: 16px;

	font-size: 1.6rem;

	color: #333333;

	background-repeat: no-repeat;

	background-position: left 12px;

}

.m-ctusinfo .list-item a {

	color: #333;

}

.m-ctusinfo .list-item a:hover {

	color: #b81b22;

}

.m-ctusinfo .list-item-1 {

	background-image: url("../images/cicon1.png");

}
.m-ctusinfo .list-item-e2{ padding-left:87px }
.m-ctusinfo .list-item-t2{ padding-left:64px }
.m-ctusinfo .list-item-s2{ padding-left:85px }
.m-ctusinfo .list-item-2 {

	background-image: url("../images/cicon2.png");

}

.m-ctusinfo .list-item-3 {

	background-image: url("../images/cicon3.png");

}

.m-ctusinfo .list-item-4 {

	background-image: url("../images/cicon4.png");

}

.m-ctusinfo .list-item-5 {

	background-image: url("../images/cicon5.png");

}

.m-ctusinfo .list-item-6 {

	background-image: url("../images/cicon6.png");

}

.m-ctusinfo .list-item-7 {

	background-image: url("../images/cicon7.png");

}

.m-ctusinfo .list-item-8 {

	background-image: url("../images/cicon8.png");

}

 @media screen and (max-width: 959px) {

.m-ctusinfo {

	float: none;

	width: 100%;

}

}

.m-ctusform {

	float: right;

	width: 47.91667%;

	overflow: hidden;

}

.m-ctusform .form-item {

	float: left;

	position: relative;

	margin-bottom: 22px;

	padding-left: 22px;

	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/star2.png") no-repeat 8px 28px;

}

.m-ctusform .form-item-1 {

	width: 50%;

}

.m-ctusform .form-item-2 {

	width: 100%;

}

.m-ctusform .form-item-2.important {

	background: url("../images/star2.png") no-repeat 8px 18px;

}

.m-ctusform .form-item-3 {

	margin-right: 3.28358%;

	width: 29.85075%;

}

.m-ctusform .form-item-4 {

	width: 26.26866%;

	height: 54px;

	padding-left: 0;

	line-height: 52px;

	text-align: center;

	background-color: transparent;

	-moz-border-radius: 0;

	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 #d2d2d2;

}

.m-ctusform .form-item-4 img {

	max-height: 52px;

	vertical-align: middle;

}

.m-ctusform .form-item-5 {

	float: right;

	border: none;

	width: 37.31343%;

	padding-left: 0;

}

.m-ctusform .item-btn1 {

	width: 100%;

	height: 54px;

	padding-left: 0;

	line-height: 54px;

	color: #ffffff;

	font-size: 14px;

	font-size: 1.4rem;

	text-align: center;

	text-transform: uppercase;

	background-color: #b81b22;

}

.m-ctusform .item-text {

	width: 100%;

	height: 54px;

	line-height: 52px;

	padding-left: 14px;

	padding-right: 14px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #666666;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	border: 1px solid #d2d2d2;

	background: #fff;

}

.m-ctusform .item-text2 {

	height: 193px;

	line-height: 40px;

}

 @media screen and (max-width: 959px) {

.m-ctusform {

	float: none;

	margin-top: 30px;

	width: 100%;

}

}

 @media screen and (max-width: 767px) {

.m-ctusform .form-item {

	margin-bottom: 15px;

	width: 100%;

}

.m-ctusform .form-item.important {

	background-position: 5px 13px;

}

.m-ctusform .item-text {

	height: 35px;

	line-height: 35px;

	font-size: 14px;

	font-size: 1.4rem;

}

.m-ctusform .item-text2 {

	height: 140px;

}

}

.m-ctusmap {

	margin-top: 22px;

	padding-bottom: 101px;

}

 @media screen and (max-width: 767px) {

.m-ctusinfo .box-title {

	font-size: 20px;

	font-size: 2rem;

}

.m-ctusmap {

	margin-top: 30px;

	padding-bottom: 40px;

}

}

/*==========new1==================*/



.new1 .fwp {

	padding-bottom: 55px;

	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: 397px;

	max-height: 233px;

	width: 100%;

	margin: 0 auto;

	border: 1px solid #c3c3c3;

}

.new1 .zi {

	padding-left: 430px;

	min-height: 233px;

	padding-right: 0px;

}

.new1 .zi .time {

	padding-bottom: 6px;

	padding-top: 1px;

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 30px;

	color: #333;

}

.new1 .zi .title {

	padding-top: 17px;

	color: #333;

	display: block;

	line-height: 30px;

	font-size: 20px;

	font-size: 2rem;

	font-weight: bold;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.new1 .zi .p {

	display: block;

	max-height: 90px;

	overflow: hidden;

	margin-bottom: 26px;

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

	line-height: 30px;

}

.new1 .zi .more {

	display: block;

	font-size: 14px;

	font-size: 1.4rem;

	height: 34px;

	line-height: 34px;

	font-size: 18px;

	font-size: 1.8rem;

}

.new1 .zi .title:hover {

	color: #b81b22;

}

.new1 .zi .p:hover {

	color: #b81b22;

}

 @media screen and (max-width: 768px) {

.new1 .fwp {

	padding-bottom: 30px;

}

.new1 .swp {

	position: relative;

	top: 0;

	left: 0;

	padding: 0px;

}

.new1 .zi {

	padding-left: 0px;

	min-height: 215px;

	padding-right: 0px;

}

.new1 .zi .time {

	padding-bottom: 0px;

	padding-top: 0px;

}

.new1 .zi .p {

	margin-bottom: 0px;

	font-size: 14px;

	font-size: 1.4rem;

}

.new1 .zi .title {

	margin-top: 10px;

}

}

/*==========contact==================*/







.list_cart .list_cart_a1 {

	background: #b81b22;

	padding: 8px;

	color: white;

	float: left;

}

.list_cart .list_cart_a2 {

	background: #b81b22;

	padding: 8px;

	color: white;

	float: right;

}

.ppp {

	padding-bottom: 10px;

}

.header_top .mail a:hover {

	color: #b81b22

}

.slideshow {

	position: relative;

	z-index: 9;

	

}





.neiyebbb{position: relative;

	z-index: 9;

	padding-top: 140px}

.slick-slider {

	box-sizing: border-box;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	-webkit-touch-callout: none;

	-khtml-user-select: none;

	-ms-touch-action: pan-y;

	touch-action: pan-y;

	-webkit-tap-highlight-color: transparent;

}

.slick-list {

	overflow: hidden;

	margin: 0;

	padding: 0;

}

.slick-list:focus {

	outline: 0;

}

.slick-list.dragging {

	cursor: pointer;

	cursor: hand;

}

.slick-slider .slick-list, .slick-slider .slick-track {

	-webkit-transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}

.slick-track {

	top: 0;

	left: 0;

}

.slick-track:after, .slick-track:before {

	display: table;

	content: '';

}

.slick-track:after {

	clear: both;

}

.slick-slide {

	display: none;

	float: left;

	min-height: 1px;

}

[dir=rtl] .slick-slide {

	float: right;

}

.slick-slide img {

	display: block;

}

.slick-slide.slick-loading img {

	display: none;

}

.slick-slide.dragging img {

	pointer-events: none;

}

.slick-initialized .slick-slide {

	display: block;

}

.slick-vertical .slick-slide {

	display: block;

	height: auto;

	border: 1px solid transparent;

}

.slick-arrow.slick-hidden {

	display: none;

}

.slideshow .item img {

	width: 100%;

	-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);

	transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);

	-webkit-transform: scale(1.2);

	-ms-transform: scale(1.2);

	transform: scale(1.2);

}

.slideshow .item.slick-active img {

	-webkit-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

}

.slick-dots {

	position: absolute; bottom:32px; left:50%; margin-left:477px; z-index:9998 

}

.slick-dots li {

	display: inline-block;

}

.slick-dots li button {

	cursor: pointer;

	font-size: 0px;

	display: inline-block;

	 width:24px; height:24px;margin-right:3px;

margin-left:3px;background:url(../images/yao_hui.png) no-repeat center bottom;

 border:none

}

.slick-dots li.slick-active button {

	text-decoration: none;background:url(../images/yao_1.png) no-repeat center bottom;

}

.slick-prev, .slick-next {

	display: none !important;

	width:50px;height:50px;

	line-height: 50px;

	text-align: center;

	border: 0;

	cursor: pointer;

	position: absolute;

	top: 50%;

	margin-top: -25px;

	opacity: 0.9;

	background-color: #fff;

	border-radius: 50%;

	z-index: 99;

}

.slick-prev .iconfont, .slick-next .iconfont {

	display: none

}

.slick-prev {

	left: 5%;

	background: url(../images/header_l.png) no-repeat center center;

}

.slick-next {

	right: 5%;

	background: url(../images/header_r.png) no-repeat center center;

}



 .slideshow:hover .slick-next {

	display: block !important;

		background: url(../images/header_r.png) no-repeat center center;

}



.slideshow:hover .slick-prev{

	display: block !important;

		background: url(../images/header_l.png) no-repeat center center;

}

 .slideshow .slick-next:hover {

	display: block !important;

		background: url(../images/header_rh.png) no-repeat center center;

}



.slideshow .slick-prev:hover{

	display: block !important;

		background: url(../images/header_lh.png) no-repeat center center;

}

@media screen  and (max-width:1419px) {

.slick-dots {

	 margin-left:-60px; 

}

}



@media screen and (max-width: 999px) {

.slideshow:hover .slick-prev,.slideshow:hover .slick-next {

	display: none !important;

}

.slideshow {

	padding-top: 0px;

}

.slick-dots {





	bottom: 5%;

	 

}



}
@media screen and (max-width:767px) {
.slick-dots li button {

	cursor: pointer;

	font-size: 0px;

	display: inline-block;

	 width:12px; height:12px;margin-right:3px;

margin-left:3px;background:url(../images/yao_hui.png) no-repeat center bottom;

 border:none;
 background-size:100%

}

.slick-dots li.slick-active button {

	text-decoration: none;background:url(../images/yao_1.png) no-repeat center bottom;
 background-size:100%
}

.slick-dots {

	 margin-left:-20px;  

}
}


/***********  lunbo  *************/

#lun2 {

	position: relative;

}

.slide .carouse {

	width: 100%;

	overflow: hidden;

	position: relative

}

.slide .slideItem .banner-img {

	width: 100%;

	display: block;

}

.slide .carouse .slideItem {

	width: 100%;

	position: absolute;

}

.slide .console {

	height: 57px;

	display: inline-block;

	width: 35px;

	position: absolute;

	top: 40%;

}

.slide .dotList {

	text-align: center;

	position: absolute;

	bottom: 17px;

	width: 100%;

	left: 0;

}

.slide .dotList ul li {

	display: inline-block;

	width: 16px;

	height: 16px;

	background: url(../images/dian1.png) no-repeat center center;

	margin-left: 14px;

	cursor: pointer;

}

.slide .dotList ul li.active {

	background: url(../images/dian2.png) no-repeat center center;

}

.slide .carousel-control {

	position: absolute;

	top: 50%;

	margin-top: -30px;

	width: 60px;

	height: 60px;

	z-index: 999;

}

.slide .carousel-control.left {

	left: 7%;

	background-image: url("../images/prev.png");

	cursor: pointer;

}

.slide .carousel-control.right {

	right: 7%;

	background-image: url("../images/next.png");

	cursor: pointer;

}

.slide .slidedetail {

	display: none;

}

.imgtoVideo img {

	width: 100%;

}

.imgtoVideo>div {

	padding: 1px;

	position: relative;

	cursor: pointer;

	width: 49%;

	display: inline-block;

}

.imgtoVideo>div:hover .imgtoVideoDetail {

	display: block

}

.imgtoVideo .imgtoVideoDetail {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	padding: 1px;

	display: none

}

.imgtoVideo .imgtoVideoDetail >div {

	background: rgba(0, 98, 197,0.8);

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49, endColorstr=#C8142B49);

	width: 100%;

	height: 100%;

	text-align: center;

}

.imgtoVideo .tovideo .imgtoVideoDetail {

	display: block;

}

.imgtoVideo .tovideo .imgtoVideoDetail >div {

	background: #0C2D47;

	width: 60px;

	height: 60px;

	color: #fff;

	line-height: 60px;

	vertical-align: middle;

	margin: 0 auto;

	margin-top: 17%;

}

.imgtoVideo .imgtoVideoDetail .fa-search {

	color: #fff;

	font-size: 25px;

	margin-top: 21%;

}

.contentIV {

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	width: 100%;

	height: 100%;

	display: table;

	background: rgba(20, 43, 73,0.8);

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49, endColorstr=#C8142B49);

	margin: 0 auto;

	z-index: -999;

	max-width: 1024px;

	display: none;

}

#picturetoVideo .carouse .slideItem {

	display: table;

	height: 100%

}

#picturetoVideo .carouse .slideItem>div {

	display: table-cell;

	vertical-align: middle;

	text-align: center;

}

#picturetoVideo .carouse .slideItem .banner-img {

	max-width: 100%;

	width: auto

}

.closeContentIV {

	position: absolute;

	top: 10px;

	right: 10px;

	font-size: 25px;

	color: #fff;

	font-weight: bold;

	cursor: pointer;

	z-index: 999;

}

 @media screen and (max-width:639px) {

.slide .dotList ul li {

	margin-left: 10px;

}

.slide .dotList {

	bottom: 5px;

}

.slide .dotList ul li {

	width: 10px;

	height: 10px;

	border-radius: 5px;

	overflow: hidden;

}

.slide .carousel-control.left, .slide .carousel-control.right {

	display: none;

}

}

.changpmz {

	font-size: 18px !important;

	font-size: 1.8rem !important;

	margin-top: 50px;

}

.changpmz1 {

	font-size: 14px !important;

	font-size: 1.4rem !important;

}

.at-resp-share-element .at4-share-count-container {

    text-decoration: none;float: right; padding-right: 15px;line-height: 25px !important;

}
.weixinc .biaoti{   font-size: 16px;
    font-size: 1.6rem;
    color: #333333; margin:15px auto; font-weight:bold}
		.weixinc .img{ width:48%; margin-left:1%; margin-right:1%; float:left}
	.weixinc  img{ max-width:100%; margin-left:auto; margin-right:auto; display:block}
	 @media screen and (max-width:640px) {
		 .weixinc .img{ width:98%; margin-left:1%; margin-right:1%; float:none; margin-bottom:10px}
	 }
	  .m-hdlang { width: 90px; position: relative; overflow: visible; float: right;  line-height: 20px; margin-left:10px }

.m-hdlang .lang-list { display: none; position: absolute; left: 0; top: 100%; z-index: 9998; width: 100%; border: solid 1px #333; background-color: #fff; font-size: 12px; font-size: 1.2rem; }

.m-hdlang .lang-item { float: none; line-height: 26px;  width: 100%; text-transform: capitalize; text-align:center }

.m-hdlang .lang-item svg, .m-hdlang .lang-item img { vertical-align: middle; margin-right: 4px; max-width: 19px; max-height: 19px; }

.m-hdlang .lang-item a:hover { color: #b81b22; }

.m-hdlang > .lang-item { cursor: pointer; line-height: 28px; display: inline-block;; color: #999; background: url(../images/lang.png) no-repeat right center; border:1px solid #707070}

.m-hdlang > .lang-item svg, .m-hdlang > .lang-item img { vertical-align: middle; margin-right: 4px; }
@media screen and (max-width:999px) {.m-hdlang{ display:none}}

.catdesc{text-align: left; margin: 0 auto; padding-bottom: 30px; font-size: 16px; font-size: 1.6rem; line-height: 23px;}
.catdesc h1{font-size: 20px; font-size: 2rem;}
.catdesc h2{font-size: 16px;font-size: 1.6rem;}



.wuone{ font-size:14px; font-size:1.4rem; line-height:30px;}
.xunpanc{ width:100%; margin-top:10px;}
.xunpanc .table table tr td{font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;}
.xunpanc a{ color:#333} 	
.xunpanc a:hover{ color:#b81b22}	
.listcart {
	width: 100%;
	
	margin-top:20px;
	margin-bottom:20px;
}
.listcart a {
	display: inline-block;
	height: 30px;
	min-width: 150px;
	line-height: 30px;
	cursor: pointer;
	border: none;
	overflow: hidden;
	background: #b81b22;
	cursor: pointer;

	padding-left: 10px;
	padding-right: 10px;
	text-align: center; 
	font-size: 14px;
	font-size: 1.4rem;
	margin-left: 10px; color:#fff;
}
.listcart a:hover {
	
	background: #333;
	color: #fff
}
 @media screen and (max-width:767px) {
.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-bottom: 1rem
}
}

