* {
	margin: 0;
	padding: 0;
}
p, h1, h2, h3, h4, h5, span {
	font-family: "微软雅黑";
}
img {
	border: none;
}
ol, li {
	list-style: none;
}
body {
	font: 14px/1.8 "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "Arial", "Helvetica", "SimHei", "黑体", "STXihei", "华文细黑";
	margin: 0 auto;
	color: #666;
	background-color: #fff;
}
a {
	text-decoration: none;
blr: expression(this.onFocus=this.blur());
	cursor: pointer;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
a:link, a:visited {
	text-decoration: none;
}
a:active, a:hover {
	text-decoration: none;
}
.clearfix:before, .clearfix:after {
	display: table;
	content: "";
	line-height: 0px;
}
.clearfix:after {
	clear: both;
}
/*top*/



/*banner*/
.banner {
	width: 100%;
	position: relative;
	z-index: 5;
	background: #fff;
}
#slider1 .box {
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.banner {
	position: relative;
}
.banner .slide-btn {
	width: 100% !important;
	height: 70px;
	position: absolute;
	bottom: 0px;
	z-index: 100;
	background: #ea5404;
}
#slider1 .slider-nav__item {
	bottom: 25px;
}
.slide-btn .phone {
	width: 160px;
	float: left;
	margin-left: 5%;
	height: 70px;
	line-height: 70px;
	color: #fff;
	position: relative;
}
.slide-btn .phone span {
	display: inline-block;
	height: 30px;
}
.slide-btn .phone .span-1 {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	left: 0px
}
.slide-btn .phone .span-1 img {
	position: absolute;
	left: 0px;
	top: 0px
}
.slide-btn .phone .span-2 {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	left: 40px;
	line-height: 30px;
	color: #fff;
}
.slide-btn .email {
	width: 190px;
	float: left;
	margin-left: 15%;
	height: 70px;
	line-height: 70px;
	color: #fff;
	position: relative;
}
.slide-btn .email span {
	display: inline-block;
	height: 30px;
}
.slide-btn .email .span-1 {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	left: 0px
}
.slide-btn .email .span-1 img {
	position: absolute;
	left: 0px;
	top: 0px
}
.slide-btn .email .span-2 {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	left: 40px;
	line-height: 30px;
}
#slider1 .box {
	position: relative;
}
#slider1 .box .zs {
	position: absolute;
	width: 18px;
	height: 234px;
	left: 50px;
	top: 50%;
	margin-top: -117px;
	background: url(../images/zhuangshi.png);
}
#slider1 .box .con_txt {
	width: 400px;
	height: 230px;
	position: absolute;
	top: 50%;
	margin-top: -115px;
	left: 60%;
	margin-left: -200px;
}
.con_txt h3 {
	font-family: "微软雅黑";
	color: rgba(255,255,255,.5);
}
.con_txt h2 {
	font-family: "微软雅黑";
	color: #fff;
	font-size: 44px;
}
.con_txt span {
	font-family: "微软雅黑";
	color: rgba(255,255,255,.5);
	font-size: 18px;
}
.con_txt p {
	font-family: "微软雅黑";
	color: rgba(255,255,255,.5);
	font-size: 18px;
}
.con_txt .amore a {
	display: inline-block;
	width: 100%;
	height: 100%;
	line-height: 35px;
	color: #fff;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 6;
}
.con_txt .amore {
	width: 110px;
	height: 35px;
	line-height: 35px;
	color: #fff;
	background: #ea5404;
	margin-top: 25px;
	position: relative;
}
.con_txt .amore .moreon {
	width: 100%;
	height: 100%;
	position: absolute;
	right: 100%;
	top: 0;
	background: #fff;
	z-index: 3;
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
}
.con_txt .amore:hover .moreon {
	right: 0;
}
.con_txt a:hover {
	color: #ea5404;
	background: transparent;
}
@media (max-width: 640px) {
#slider1 .box .zs {
	display: none;
}
.slide-btn .email {
	display: none;
}
.banner .slide-btn {
	width: 100% !important;
}
.con_txt h2 {
	font-size: 28px;
}
#huand {
	height: 500px !important;
}
#slider1 .box .con_txt {
	height: 180px;
	margin-top: -100px;
}
.about-left {
	display: none;
}
.about {
	height: 470px !important;
}
.sort {
	padding-bottom: 0px !important;
}
.about-right {
	height: 380px !important;
}
}
 @media (max-width: 325px) {
.con_txt {
	width: 90% !important;
	left: 20px !important;
	margin-left: 0px !important;
}
.con_txt h2 {
	font-size: 36px;
}
}
/*关于我们*/
.about {
	width: 100%;
	height: 400px;
	position: relative;
	z-index: 5;
	background: #fff;
	padding-bottom: 40px;
	padding-top: 30px
}
.about_main {
	width: 90%;
	margin: 0 auto;
	max-width: 1300px;
	height: 100%;
}
.about-left {
	width: 50%;
	height: 350px;
	float: left;
	position: relative;
}
.about1 {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	z-index: 2;
}
.about1 img {
	max-height: 100%;
}
.about2 {
	position: absolute;
	right: 30px;
	top: 0px;
	height: 100%;
	z-index: 5;
	width: 85%;
}
.about-right {
	width: 50%;
	float: left;
	height: 350px;
	position: relative;
}
.about-right .line {
	display: inline-block;
	width: 100px;
	height: 2px;
	background: #666;
	position: absolute;
	right: 0px;
	top: 12px
}
.about-right > div:first-child {
	position: relative;
	width: 210px;
	height: 20px;
	margin-bottom: 25px;
}
.about-right h4 {
	margin-bottom: 25px;
}
.about-right p {
	margin-bottom: 30px;
}
.about-right a {
	display: block;
	color: #ea5404;
	position: absolute;
	left: 0px;
	bottom: 0px;
	font-family: "微软雅黑";
}
@media (max-width: 767px) {
.about-left {
	width: 100%;
}
.about-right {
	width: 100%;
	margin-top: 50px;
}
#slider .box > div {
	width: 100% !important;
}
.about {
	height: 800px;
}
}
@media (max-width: 325px) {
.about1 {
	height: 85%;
}
#slider .box {
	height: 100% !important;
}
#slider .box > div {
	height: 65% !important;
	width: 100% !important;
}
.about2 {
	right: 0;
	height: 85% !important;
}
.about-right {
	margin-top: 20px !important;
	height: 380px !important;
}
}
.box {
	width: 100%;
	height: 350px;
}
.box > div {
	width: 90%;
	height: 70%;
	margin-top: 15%;
	overflow: hidden;
	margin-bottom: 15%;
}
.box > div img {
	width: 100%;
	height: 100%;
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
}
.box > div:hover img {
	transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
}
.slides {
	list-style: none;
}
.slider {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.slides {
	height: 100%;
	/* Simple clear fix */
	overflow: hidden;
	/**	
		 * Prevent blinking issue
		 * Not tested. Experimental.
		 */
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	/**
		 * Here is CSS transitions 
		 * responsible for slider animation in modern broswers
		 */
	-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.slide {
	height: 100%;
	float: left;
	clear: none;
}
.slider-arrow {
	position: absolute;
	display: none;
	margin-bottom: -20px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	font-size: 2em;
	background-color: #333;
	background-color: rgba(50,50,50,.3);
	border-radius: 50%;
}
.slider-arrow--right {
	bottom: 50%;
	right: 30px;
}
.slider-arrow--left {
	bottom: 50%;
	left: 30px;
}
.slider-nav {
	position: absolute;
	bottom: 0px;
}
.slider-nav__item {
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
	-ms-border-radius: 12px;
	width: 12px;
	height: 12px;
	float: left;
	clear: none;
	display: block;
	margin: 0 5px;
	background: transparent;
	position: relative;
	z-index: 500;
}
.slider-nav__item:hover {
	background: transparent;
}
.slider-nav__item--current {
	background: transparent;
	border: 1px solid #ea5404;
}
.slider-nav__item .cc {
	width: 6px;
	height: 6px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	-ms-border-radius: 100%;
	background: #ccc;
	position: absolute;
	left: 50%;
	margin-left: -3px;
	top: 50%;
	margin-top: -3px;
}
.slider-nav__item--current .cc {
	background: #000;
}
#slider .slider-nav {
	right: 0px !important;
}
#slider1 .slider-nav__item {
	border: 1px solid #F26571;
}
#slider1 .slider-nav__item--current {
	background: transparent;
	border: 1px solid #fff;
}
#slider1 .slider-nav__item--current .cc {
	background: #fff;
}
#slider1 .slider-nav__item .cc {
	width: 10px;
	height: 10px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	-ms-border-radius: 100%;
	background: #F26571;
	position: absolute;
	left: 50%;
	margin-left: -5px;
	top: 50%;
	margin-top: -5px;
}
#slider1 .slider-nav__item--current .cc {
	background: #fff;
}
/*图标*/
.sort {
	width: 100%;
	height: 200px;
	position: relative;
	z-index: 5;
	background: #fff;
	padding-bottom: 30px;
}
.sort .sort_main {
	width: 95%;
	position: absolute;
	right: 0px;
	top: 0px;
	height: 150px;
	background: url(../images/banner-icon.jpg);
}
.sort_con {
	width: 90%;
	height: 100%;
}
.sort_con >div {
	width: 25%;
	float: left;
	text-align: center;
	height: 80px;
	margin-top: 35px;
}
@media (max-width: 640px) {
.sort .sort_main {
	width: 100%;
	left: 0px;
	height: 300px;
}
.sort {
	height: 350px;
}
.sort_con >div {
	width: 50%;
}
}
/*手机产品*/
@media (max-width: 640px) {
.product {
	display: none;
}
}
@media (min-width: 641px) {
.phone-pro {
	display: none;
}
}
.phone-pro {
	padding-top: 15px;
	position: relative;
	z-index: 5;
	width: 100%;
	height: 490px;
	background-image: url(../images/bannerd.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.phone-pro li {
	width: 90%;
	height: 50px;
	margin: 0 auto;
	margin-top: 20px;
}
.phone-pro li a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
.phone-pro li .phone-left {
	width: 50%;
	float: left;
	height: 100%;
	text-align: center;
	position: relative;
}
.phone-pro li .phone-right {
	width: 100%;
	float: left;
	height: 100%;
	text-align: center;
	line-height: 70px;
	font-family: "微软雅黑";
	color: #fff;
	font-size: 18px;
}
.phone-pro li .phone-left .i11 {
	background: url(../images/ico.png);
	width: 80px;
	height: 80px;
	margin: 0px auto;
	position: absolute;
	left: 50%;
	margin-left: -60px;
	top: 50%;
	margin-top: -50px;
	;
	z-index: 5px;
	display: block;
	background-position: 0px 7px;
}
.phone-pro li .phone-left .i22 {
	background: url(../images/ico.png);
	width: 80px;
	height: 80px;
	margin: 0px auto;
	position: absolute;
	left: 50%;
	margin-left: -60px;
	top: 50%;
	margin-top: -50px;
	;
	z-index: 5px;
	display: block;
	background-position: 0px -85px;
}
.phone-pro li .phone-left .i33 {
	background: url(../images/ico.png);
	width: 80px;
	height: 80px;
	margin: 0px auto;
	position: absolute;
	left: 50%;
	margin-left: -60px;
	top: 50%;
	margin-top: -50px;
	;
	z-index: 5px;
	display: block;
	background-position: 0px -168px;
}
.phone-pro li .phone-left .i44 {
	background: url(../images/ico.png);
	width: 80px;
	height: 80px;
	margin: 0px auto;
	position: absolute;
	left: 50%;
	margin-left: -60px;
	top: 50%;
	margin-top: -50px;
	;
	z-index: 5px;
	display: block;
	background-position: 0px -240px;
}
.phone-pro li .phone-left .i55 {
	background: url(../images/icon5.png);
	width: 80px;
	height: 80px;
	margin: 0px auto;
	position: absolute;
	left: 50%;
	margin-left: -60px;
	top: 50%;
	margin-top: -40px;
	z-index: 5px;
	display: block;
}
/*产品中心*/
.product {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 5;
	background: #fff;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}
.product-list {
	width: 270px;
	height: 270px;
	background: rgba(234,84,4,.7);
	position: absolute;
	right: 13%;
	top: 46%;
	margin-top: -135px;
	padding-left: 25px;
	padding-top: 30px;
	padding-right: 25px;
	display: none;
}
.product-list h3 {
	font-family: "微软雅黑";
	color: #fff;
	font-size: 24px;
	margin-bottom: 20px;
}
.product-list p {
	font-family: "微软雅黑";
	color: #fff;
}
.productIList {
	width: 60%;
}
.productIpage {
	padding-bottom: 50px;
	padding-top: 50px;
}
.productIpage {
	position: relative;
}
.productIdemo .black {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 50%;
	height: 100%;
	background: none rgba(0,0,0,0.3);
}
.productIList a:link, .productIList a:visited {
	color: #fff;
}
.productIList a:active, .productIList a:hover {
	color: #fff;
}
.productIList dd {
	color: #fff;
}
.productIList a {
	position: relative;
	padding-left: 10%;
	height: 100px;
	display: block;
	float: left;
}
.productIList .red-bg {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 0%;
	height: 100%;
	background: url(../images/red_2.png) repeat;
	background: none rgba(234,84,4,.9);
	transition: 300ms;
	-webkit-transition: 300ms;
}
.productIList .ico {
	width: 140px;
	height: 80px;
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 10px 0px;
}
.productIList .ico .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #ea5404;
	left: 0px;
	top: 0px;
	transform: scale(0.5) rotate(0);
	-webkit-transform: scale(0.5) rotate(0);
	-moz-transform: scale(0.5) rotate(0);
	opacity: 0;
	transition: 600ms;
	-webkit-transition: 600ms;
}
.productIList .ico .i {
	width: 100%;
	height: auto;
	margin: 0px auto;
	position: relative;
	z-index: 5px;
	display: block;
}
.productIList .ico .i img{max-width:100%;}
.productIList .con {
	display: block;
	padding: 0px 140px 0px 208px;
	width: 408px;
	position: relative;
	height: 100px;
}
.productIList .t {
	font-size: 16px;
	line-height: 1.5;
	padding: 40px 0px 20px;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.productIList .t .zh {
	transition: 300ms;
	-webkit-transition: 300ms;
}
.productIList .t .en i {
	padding-left: 5px;
	transition: 300ms;
	-webkit-transition: 300ms;
	background: url(../images/line.png) no-repeat scroll left center;
	margin: 0px 5px 0px 22px;
}
.productIList .c {
	height: 25px;
	overflow: hidden;
	transition: 300ms;
	-webkit-transition: 300ms;
	opacity: 0;
	visibility: hidden;
}
.productIList .line {
	display: block;
	background: #fff;
	position: absolute;
	transition: 300ms;
	-webkit-transition: 300ms;
	opacity: 0;
	visibility: hidden;
}
.productIList .line_1 {
	width: 28px;
	height: 1px;
	top: 50%;
	right: 57px;
	margin-top: -1px;
	transform: translateX(30px);
	-webkit-transform: translateX(30px);
}
.productIList .line_2 {
	width: 1px;
	height: 28px;
	top: 50%;
	margin-top: -14px;
	right: 70px;
	transform: translateY(30px);
	-webkit-transform: translateY(30px);
}
.productIList a:hover .red-bg {
	width: 100%;
	transition: 600ms;
	-webkit-transition: 600ms;
}
.productIList a:hover .line {
	transform: translate(0);
	-webkit-transform: translate(0);
	visibility: visible;
	opacity: 1;
	transition: 300ms ease-in 600ms;
	-webkit-transition: 300ms ease-in 600ms;
}
.productIList a:hover .ico .bg {
	transform: scale(1) rotate(180deg);
	-webkit-transform: scale(1) rotate(180deg);
	-moz-transform: scale(1) rotate(180deg);
	opacity: 1;
}
.productIList a:hover .t {
	padding-top: 30px;
}
.productIList a:hover .t .zh {
	font-size: 22px;
}
.productIList a:hover .t .en i {
	padding-left: 42px;
}
.productIList a:hover .c {
	opacity: 1;
	visibility: visible;
}
.telbox a:link, .telbox a:visited {
	color: #cd000f;
}
.telbox a:active, .telbox a:hover {
	color: #cd000f;
}
.telbox {
	text-align: center;
	color: #646464;
	background-color: #e0e0e0;
	padding: 20px 0px;
	overflow: hidden;
}
.telbox .tel {
	padding-left: 45px;
	display: inline-block;
}
.telbox .tel {
	font: 40px/1.4 "humanist_521_lightregular", "microsoft yahei";
	-webkit-animation: telc 1s linear infinite;
	animation: telc 1s linear infinite;
	color: #cd000f;
}
 @-webkit-keyframes telc {
 0% {
-webkit-transform: scale(1);
}
 25% {
-webkit-transform: scale(1.08);
}
 50% {
-webkit-transform: scale(1.15);
}
 75% {
-webkit-transform: scale(1.08);
}
 100% {
-webkit-transform: scale(1);
}
}
 @-moz-keyframes telc {
 0% {
-moz-transform: scale(1);
}
 25% {
-moz-transform: scale(1.08);
}
 50% {
-moz-transform: scale(1.15);
}
 75% {
-moz-transform: scale(1.08);
}
 100% {
-moz-transform: scale(1);
}
}
 @keyframes telc {
 0% {
transform: scale(1);
}
 25% {
transform: scale(1.08);
}
 50% {
transform: scale(1.15);
}
 75% {
transform: scale(1.08);
}
 100% {
transform: scale(1);
}
}
@media screen and (min-width:1440px) {
.productIList .con {
	width: 508px;
}
}
 @media screen and (max-width:1355px) {
.product-list {
	right: 8%
}
}
@media screen and (max-width:1268px) {
.product-list {
	display: none !important;
}
}
@media screen and (max-width:1024px) {
.productIdemo .moreR {
	bottom: 0;
}
.productIList a {
	padding-left: 5%;
}
.productIList .t {
	padding: 58px 0 5px;
}
.productIList .con {
	width: 300px;
}
.productIList .c {
	height: 50px;
}
.productIList a:hover .t {
	padding-top: 20px;
}
.clearfix .en {
	display: none;
}
}
 @media (max-width: 640px) {
.productIdemo .black {
	width: 100%;
}
.productIList a:hover .red-bg {
	width: 0%;
	transition: 600ms;
	-webkit-transition: 600ms;
}
.productIList a:hover .line {
	transform: translate(0);
	-webkit-transform: translate(0);
	visibility: visible;
	opacity: 1;
	transition: 300ms ease-in 600ms;
	-webkit-transition: 300ms ease-in 600ms;
}
.productIList a:hover .ico .bg {
	transform: scale(0) rotate(180deg);
	-webkit-transform: scale(0) rotate(180deg);
	-moz-transform: scale(1) rotate(180deg);
	opacity: 0;
}
.productIList a:hover .t {
	padding-top: 60px;
}
.productIList a:hover .t .zh {
	font-size: 14px;
}
.productIList a:hover .t .en i {
	padding-left: 42px;
}
.productIList a:hover .c {
	opacity: 0;
	visibility: visible;
}
.productIList .con {
	width: 100%;
	padding: 21px 0px 0px 0px;
}
.productIList {
	width: 100%;
}
.productIList a {
	width: 100%;
}
.productIList a .txt {
	width: 150px;
	margin-left: 200px;
	text-align: center;
}
.clearfix a {
	width: 100% !important;
}
.productIList a {
	padding-left: 0 !important;
}
.news-left > .news-img img {
	max-height: 165px !important;
}
}
@media (max-width: 375px) {
.productIList .c {
	display: none;
}
}
@media (max-width: 325px) {
.productIList .c {
	display: none;
}
.productIList a .txt {
	margin-left: 140px;
}
}
/*新闻中心*/
.news {
	width: 100%;
	height: 500px;
	position: relative;
	z-index: 5;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding-top: 80px;
}
.news-main {
	width: 90%;
	margin: 0 auto;
	max-width: 1300px;
	height: 400px;
}
.news-left {
	width: 600px;
	float: left;
	height: 400px;
	position: relative;
}
.news-right {
	margin-left: 600px;
	height: 400px;
}
.news-left > div:first-child {
	width: 40%;
	height: auto;
	position: absolute;
	left: 0px;
	top: 48px;
	z-index: 5;
}
.news-left > div:first-child img {
	max-width: 100%;
	max-height: 100%;
}
.news-left > div:nth-child(2) {
	width: 60%;
	height: 100%;
	position: absolute;
	left: 50px;
	top: 0px;
	z-index: 2;
}
.news-left > div:nth-child(2) img {
	max-width: 100%;
	max-height: 100%;
}
.news-left > .news-img {
	width: 70%;
	height: auto;
	position: absolute;
	right: 0px;
	top: 30px;
	z-index: 4;
	overflow: hidden;
}
.news-left > .news-img img {
	max-width: 100%;
	vertical-align: bottom;
	max-height: 350px;
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
}
.news-left > .news-img:hover img {
	transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
}
.news-left .news-img {
	display: none;
}
.news-right .news-title {
	font-family: "微软雅黑";
	font-size: 24px;
	color: #000;
	height: 30px;
	line-height: 30px;
	margin-bottom: 20px;
	position: relative;
}
.news-right > div {
	margin-left: 50px;
}
.news-right > div .circle {
	width: 4px;
	height: 4px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	position: absolute;
	top: 13px;
}
.news-right h5 {
	font-family: "微软雅黑";
	font-size: 16px;
	color: #000;
	font-weight: normal;
}
.news-right > div p {
	color: #999;
	font-size: 14px;
}
.news_r {
	height: auto;
	overflow: hidden;
}
.news_r:hover h5 {
	color: #ea5404;
}
.news_r:hover p {
	color: #ea5404;
}
.news_r:hover .date h4 {
	color: #ea5404;
}
.news_r:hover .date .ppc {
	color: #ea5404 !important;
}
.date p {
	color: #000 !important;
	font-size: 30px;
}
.date h4 {
	font-size: 24px;
	font-weight: normal;
	color: #666
}
.news-cont {
	float: left;
	width: 88%;
}
.date {
	float: left;
	width: 40px;
	margin-left: 3%;
}
.more {
	width: 137px;
	height: 50px;
	border-bottom: 1px solid #ea5404;
	line-height: 50px;
	color: #ea5404;
	margin-top: 10px;
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
}
.more a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #ea5404;
	position: relative;
}
.more a em {
	display: inline-block;
	width: 15px;
	height: 100%;
	position: absolute;
	right: 10px;
	top: 0px
}
.ppc {
	font-size: 24px !important;
}
 @media (max-width: 1345px) {
.news-left {
	width: 500px
}
.news-right {
	margin-left: 500px;
}
}
@media (max-width: 1233px) {
.news-left {
	width: 450px
}
.news-right {
	margin-left: 450px;
}
}
@media (max-width: 1170px) {
.news-cont {
	width: 85%
}
}
@media (max-width: 1023px) {
.news-left {
	width: 100%;
	float: none;
}
.news-right {
	width: 100%;
	margin-left: 0;
	margin-bottom: 50px;
	margin-top: 50px;
}
.news {
	height: auto;
	overflow: hidden;
}
.news-main {
	height: auto;
}
.news-right > div {
	margin-left: 0;
}
}
@media (max-width: 640px) {
.news-main .date {
	display: none;
}
.news-cont {
	width: 100%
}
.news-left {
	height: 280px
}
.news-right {
	margin-top: 20px;
	height: auto;
}
.news_r {
	margin-top: 15px;
}
.more {
	margin-bottom: 50px;
}
}
@media (max-width: 375px) {
.news-left {
	height: 250px
}
.news-right {
	margin-top: 0px;
}
}
@media (max-width: 325px) {
.news-left {
	height: 220px
}
}
/*领先技术*/
.tech {
	width: 100%;
	position: relative;
	z-index: 5;
	background: url(../images/banner-tech.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}
.pw {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.tech .six {
	height: auto;
	overflow: hidden;
	position: relative;
}
.tech .six .head {
	width: 100%;
	background: #fff;
	color: #666666;
	padding: 50px 0;
	position: relative;
}
.tech .six .head p {
	padding-left: 45px;
}
.tech .six .sixList {
	height: auto;
	overflow: hidden;
	background: url(../img/join09.jpg) center;
	background-size: cover;
	width: 100%;
}
.tech .six .sixList li {
	float: left;
	width: 25%;
	border-right: 1px solid #999c9d;
	border-bottom: 1px solid #999c9d;
	box-sizing: border-box;
	position: relative;
	height: 300px
}
.tech .six .sixList li:last-child {
	border-right: none;
}
.tech .six .sixList li:nth-child(4) {
	border-right: none;
}
.tech .six .sixList li .cen {
	width: 220px;
	height: 100px;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 50%;
	margin-left: -110px;
	-webkit-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1);
	color: #fff;
	text-align: center;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}
@media (min-width: 641px) {
.tech .six .sixList li:nth-child(3) .cen {
	width: 300px;
	margin-left: -150px;
}
}
.tech .six .sixList li .cen p {
	font-size: 18px;
}
.tech .six .sixList li .cen p.en {
	padding-top: 10px;
}
.tech .six .sixList li .cen .img {
	width: 11px;
	height: 11px;
	background: url(../images/wjIco02.png);
	display: inline-block;
	margin-top: 10px;
}
.tech .six .sixList li .cen .hr {
	width: 100%;
	height: 1px;
	background: #fff;
	margin-top: 15px;
}
.tech .six .sixList li .cen2 {
	-webkit-transform: rotate(1deg) scale(.9);
	transform: rotate(1deg) scale(.9);
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	opacity: 0;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
background-repeat: no-repeat;
}
.tech .six .sixList li .cen2 p.en {
	font-size: 14px;
	text-align: right;
	padding: 17px 0;
	text-align: left;
}
.tech .six .sixList li .cen2 p.minh {
	min-height: 142px;
}
.tech .six .sixList li .cen2 .hr {
	width: 100%;
	height: 1px;
	background: #fff;
	margin-top: 15px;
}
.tech .six .sixList li:hover .cen2 {
	opacity: 1;
	-webkit-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1);
}
.tech .six .sixList li:hover .cen {
	opacity: 0;
	-webkit-transform: rotate(10deg) scale(0);
	transform: rotate(10deg) scale(0);
}
.li1 .cen .tit {
	font-size: 14px !important;
	display: inline-block;
	width: 100%;
	position: relative;
	height: 20px;
	text-align: left;
	padding-left: 10%;
}
.li1 .cen .tit em {
	display: inline-block;
	width: 100px;
	height: 2px;
	background: #fff;
	position: absolute;
	line-height: 20px;
	top: 13px;
	left: 100px
}
.li1 .cen .en {
	text-align: left;
	padding-left: 10%;
}
.tech .six .sixList .li1:hover .cen {
	-webkit-transform: rotate(0deg) scale(1);
	opacity: 1;
	transform: rotate(0deg) scale(1);
	-o-transform: rotate(0deg) scale(1);
	-ms-transform: rotate(0deg) scale(1);
	-moz-transform: rotate(0deg) scale(1);
}
.li1 .cen p {
	text-align: left;
	padding-left: 10%;
}
.tech .six .sixList li .cen {
}
.en img {
	max-width: 100%;
}
.cen .cen-left {
	width: 60px;
	height: 60px;
	float: left;
	margin-top: 20px;
}
.cen .cen-right {
	float: left;
	height: 100%;
	margin-left: 20px;
}
.cen2-main .cen-left {
	width: 60px;
	height: 60px;
	float: left;
	margin-left: 20px;
	margin-top: 16px;
}
.cen2-main .cen-right {
	float: left;
	height: 100%;
	width: 125px
}
.cen2-main {
	width: 220px;
	height: 100px;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 50%;
	margin-left: -110px;
}
.cen2-main .tit {
	font-size: 18px;
}
.li2 .cen, .li2 .cen2-main {
	width: 300px;
	margin-left: -150px;
}
.li2 .cen2-main .cen-right {
	width: 204px
}
#tec1 {
	background: url(../images/tec-last1.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
#tec2 {
	background: url(../images/tec-last2.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
#tec3 {
	background: url(../images/tec-last3.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
#tec4 {
	background: url(../images/tec-last4.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
#tec5 {
	background: url(../images/tec-last.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
 @media (max-width: 940px) {
.tech .six .sixList li {
	width: 50%
}
.tech .six .sixList li:nth-child(3) {
	border-right: 1px solid #999c9d;
}
}
@media (max-width: 640px) {
.cen .cen-left {
	display: none;
}
.tech .six .sixList li .cen {
	width: 100% !important;
	margin-left: -50% !important;
}
.cen .cen-right {
	width: 90% !important;
	margin: 0 auto !important;
	float: none !important;
}
.li1 .cen .tit em {
	display: none;
}
.li1 .cen .en {
	padding-left: 0 !important;
	text-align: center !important;
	width: 92%;
	margin: 0 auto;
}
.li1 .cen .tit {
	padding-left: 0 !important;
	text-align: center !important;
}
.li1 .cen p {
	text-align: center !important;
}
.cen2 .cen-left {
	display: none;
}
.cen2-main {
	width: 100% !important;
	margin-left: -50% !important;
}
.cen2-main .cen-right {
	float: none;
	width: 100% !important;
	text-align: center !important;
}
.tech .six .sixList li .cen2 .hr {
	width: 90%;
	margin: 0 auto;
}
.tech .six .sixList li .cen2 p.en {
	text-align: center;
	padding: 8px 0;
}
.cen2-main .tit {
	padding: 8px 0;
}
.tech .six .sixList li {
	height: 160px;
}
.p-last {
	display: none;
}
}
/*招商加盟*/
.join {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 5;
	overflow: hidden;
	background: url(../images/banner-join.jpg);
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 50px;
}
@media (min-width: 641px) {
.join {
	margin-bottom: 418px;
}
}
.join-main {
	width: 90%;
	margin: 0 auto;
	max-width: 1300px;
}
.join-main .title {
	width: 100%;
	text-align: center;
	margin-bottom: 25px;
}
.join-main .title h3 {
	font-family: "微软雅黑";
	font-size: 24px;
}
.join-main .title p {
	font-family: "微软雅黑";
	font-size: 18px;
}
.join-left {
	width: 700px;
	float: left;
	height: 350px;
	background: #fff;
}
.join-left >div a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
.join-left >div {
	float: left;
	height: 100%;
}
.join-left >div:first-child {
	width: 60%;
	position: relative;
}
.join-left >div:last-child {
	width: 40%;
	position: relative;
}
.join-left >div:last-child img {
	width: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
}
.join-left >div:first-child h5 {
	margin-top: 25px;
	margin-left: 25px;
	display: inline-block;
	width: 105px;
	height: 22px;
	line-height: 22px;
	color: #ccc;
	border: 1px solid #ccc;
	text-align: center;
	font-family: "微软雅黑";
}
.join-left >div:first-child h2 {
	margin-left: 25px;
	font-family: "微软雅黑";
	font-size: 24px;
	margin-bottom: 10px;
	color: #666;
}
.join-left >div:first-child hr {
	margin-left: 25px;
	width: 100px;
	height: 2px;
	background: #ea5404;
	border: none;
	margin-bottom: 15px;
}
.join-left >div:first-child p {
	margin-left: 25px;
	color: #666;
}
.join-left >div:first-child span {
	position: absolute;
	left: 25px;
	bottom: 25px;
	color: #666;
}
@media (max-width: 325px) {
.join-left >div:first-child span {
	bottom: 0px !important;
}
}
.join-right {
	margin-left: 720px;
	height: 350px;
}
.join-right .zhichi {
	width: 48%;
	height: 100%;
	float: left;
	background: #B5000F;
}
.join-right .zc {
	width: 48%;
	float: left;
	margin-left: 4%;
	height: 100%;
	text-align: center;
}
.join-right .zc >div a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
.join-right .zc > div {
	width: 100%;
	height: 48%;
	background: #fff;
	text-align: center;
}
.join-right .zc > div:last-child {
	margin-top: 4%;
	border: 2px solid #B5000F;
}
.join-right .zc > div:first-child img {
	width: 100%;
	height: 112px;
}
.join-right .zc > div:first-child p {
	font-family: "微软雅黑";
	font-size: 16px;
	margin-top: 5px;
	color: #666;
}
.join-right .zc > div:last-child img {
	width: 100%;
	height: 112px;
}
.join-right .zc > div:last-child p {
	font-family: "微软雅黑";
	font-size: 16px;
	margin-top: 5px;
	color: #B5000F;
	position: relative;
}
.join-right .zc > div:last-child p span {
	width: 4px;
	height: 4px;
	display: inline-block;
	background: #B5000F;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	-ms-border-radius: 100%;
	position: absolute;
	top: 12px;
}
.zhichi {
	text-align: center;
	position: relative;
}
.zhichi a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
.zhichi img {
	margin-top: 30px;
}
.zhichi h4 {
	font-family: "微软雅黑";
	color: #fff;
	font-size: 16px;
	margin-bottom: 20px;
}
.zhichi p {
	font-family: "微软雅黑";
	color: #fff;
	font-size: 14px;
}
.zhichi hr {
	width: 30px;
	height: 4px;
	background: #fff;
	border: none;
	position: absolute;
	left: 50%;
	margin-left: -15px;
	bottom: 40px
}
 @media (max-width:1223px) {
.join-left {
	width: 600px;
}
.join-right {
	margin-left: 620px;
}
}
@media (max-width:1099px) {
.join-left {
	width: 500px;
}
.join-right {
	margin-left: 520px;
}
}
@media (max-width:955px) {
.join-left {
	width: 400px;
}
.join-right {
	margin-left: 420px;
}
}
@media (max-width:830px) {
.join-left {
	width: 340px;
}
.join-right {
	margin-left: 360px;
}
}
@media (max-width:767px) {
.join-left {
	width: 100%;
	float: none;
}
.join-right {
	margin-left: 0px;
	width: 100%;
	margin-top: 30px;
}
}
@media (max-width:325px) {
.join-right .zc > div:last-child p {
	font-size: 14px;
}
.join-right .zc > div:first-child p {
	font-size: 14px;
}
.zhichi p {
	font-size: 12px;
}
}
/*footer*/
.foot {
	width: 100%;
	height: auto;
	background: #333;
}
@media (min-width: 641px) {
.foot {
	z-index: 1;
}
}
@media (min-width: 641px) {
.ph-p {
	display: none;
}
}
@media (max-width: 640px) {
.pc-p {
	display: none;
}
}
.foot_main {
	max-width: 1300px;
	margin: 0 auto;
	padding-top: 50px;
	width: 90%;
	margin: 0 auto;
}
.foot_main .foot-left {
	width: 75%;
	float: left;
	margin-bottom: 20px;
}
.foot_main .foot-right {
	width: 25%;
	float: right;
}
.foot_main dl, .foot_main dt, .foot_main dd {
	color: #fff;
	font-family: "微软雅黑";
}
.foot_main .foot-left dl {
	width: 14%;
	text-align: left;
	float: left;
}
.foot_main .foot-left dl a {
	color: #fff;
}
.foot_main .foot-left dd {
	line-height: 30px;
	font-size: 12px;
}
.foot_main .foot-left dt {
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: normal;
}
.gt {
	width: 160px;
	float: left;
}
.gt h4 {
	color: #fff;
	font-family: "微软雅黑";
	font-size: 16px;
	margin-top: 0px !important;
	margin-bottom: 28px;
}
.gt > div {
	width: 100%;
	height: 70px;
	border: 1px solid #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
}
.gt > div input {
	width: 130px;
	margin-left: 15px;
	height: 34px;
	color: #fff;
}
.gt > div hr {
	margin-bottom: 0px !important;
	margin-top: 0px !important;
	width: 130px;
	margin-left: 15px;
}
input::-ms-input-placeholder {
font-family: "微软雅黑";
}
input::-webkit-input-placeholder {
font-family: "微软雅黑";
}
input::-moz-input-placeholder {
font-family: "微软雅黑";
}
input::-o-input-placeholder {
font-family: "微软雅黑";
}
.gt .tj {
	width: 230px;
	height: 30px;
	border: none;
	margin-top: 25px;
}
.tj button {
	height: 30px;
	width: 50px;
	font-family: "微软雅黑";
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-top: 3px !important;
}
.gt .tj >div:first-child {
	width: 50px;
	height: 100%;
	float: left;
}
.gt .tj >div:last-child {
	height: 100%;
	margin-left: 60px;
}
.gt .tj p {
	color: #fff;
	font-size: 12px;
}
.ewm {
	width: 240px;
	height: 170px;
	float: right;
	margin-top: 40px;
}
.ewm >div:first-child {
	float: left;
	width: 110px;
	height: 100%;
	text-align: center;
}
.ewm >div:first-child img {
	margin-bottom: 10px;
}
.ewm >div:last-child img {
	margin-bottom: 10px;
}
.ewm >div:last-child {
	float: left;
	width: 110px;
	height: 100%;
	margin-left: 20px;
	text-align: center;
}
.ewm p {
	font-family: "微软雅黑";
	color: #fff;
	font-size: 12px;
}
.foot-bottom {
	margin: 0 auto;
	height: 100px;
	clear: both;
	width: 100%;
}
.foot-bottom .line {
	width: 100%;
	background: #fff;
	border-top: 1px solid #fff;
	height: 0px;
	margin-bottom: 20px;
}
.foot-bottom-left {
	width: 75%;
	height: 80px;
	float: left;
}
.foot-bottom-left > div:first-child {
	height: 100%;
	width: 130px;
	float: left;
	padding-top: 5px;
}
.foot-bottom-left > div:last-child {
	margin-left: 145px;
	height: 100%;
}
.foot-bottom-left p {
	font-family: "微软雅黑";
	color: #fff;
	font-size: 14px;
}
.foot-bottom-left p a {
	color: #fff;
}
.foot-bottom-right {
	width: 25%;
	float: right;
	height: 40px;
}
.foot-bottom-right >div:first-child {
	width: 50%;
	height: 100%;
	float: left;
	text-align: right;
}
.foot-bottom-right >div:last-child {
	width: 100%;
	height: 100%;
	float: right;
	text-align: right;
	position: relative;
}
.foot-bottom-right >div:first-child .p1 {
	font-family: "微软雅黑";
	color: #fff;
	font-size: 14px;
}
.foot-bottom-right >div:first-child .p2 {
	font-family: "微软雅黑";
	color: #fff;
	font-size: 18px;
	font-style: italic;
}
.foot-bottom-right >div:last-child em {
	margin-left: 20px;
	position: absolute;
	right: 0px
}
.foot-bottom-right >div:last-child i {
	position: absolute;
	right: 75px
}
.foot-phone {
	width: 100%;
	height: auto;
	background: #333;
	padding: 15px 0;
}
.foot-phone-m {
	width: 97%;
	height: 100%;
	margin: 0 auto;
}
.foot-phone li {
	font-family: "微软雅黑";
	list-style: none;
	color: #ccc;
	width: 100%;
	height: 40px;
	background: #242424;
	margin-top: 8px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
}
.foot-phone li a {
	color: #ccc;
	text-decoration: none;
}
.foot-phone-m ul {
	padding-left: 0px;
}
@media (max-width: 1024px) {
.foot-right {
	display: none;
}
.foot-left {
	width: 100% !important;
}
.foot-left dl {
	text-align: center !important;
}
.foot-bottom-right {
	display: none;
}
.foot-bottom-left {
	width: 100%;
}
}
@media (min-width: 641px) {
.foot-phone {
	display: none;
}
}
 @media (max-width: 640px) {
.foot-phone {
	display: block;
}
.foot_main {
	width: 100%;
	padding-top: 30px;
}
.foot-left {
	display: none;
}
.foot-bottom {
	width: 95%;
	margin: 0 auto;
	height: auto;
	padding-bottom: 20px;
	overflow: hidden;
}
.foot-bottom-left {
	width: 100%;
	height: auto;
}
.foot-bottom-left .p2 {
	display: none;
}
}
