@charset "utf-8";

@font-face {
	font-family: 'font1';
	src: url('../font/politicaregular.ttf');
}

@font-face {
	font-family: 'font2';
	src: url('../font/Oswald-Medium.ttf');
}

@font-face {
	font-family: 'font3';
	src: url('../font/akrobat-regular.ttf');
}

@font-face {
	font-family: 'font4';
	src: url('../font/Oswald-ExtraLight.ttf');
}

@font-face {
	font-family: 'font5';
	src: url('../font/AgencyFB.ttf');
}

@font-face {
	font-family: 'font6';
	src: url('../font/NOLT____.ttf');
}

@font-face {
	font-family: 'font7';
	src: url('../font/NOBK___.ttf');
}
/* CSS Document */
html{color:#333;background:#fff}
* {
	transition: all 0.3s ease-in-out;
}
body,div,p,h1,h2,h3,h4,h5,h6,img,ul,li,a,strong,dl,dt,dd,input,textarea{
    margin:0;
    padding:0;
    list-style:none;
    border:0;
    text-decoration:none;
    font-family:"microsoft yahei";
    font-weight: normal;
    font-size:14px;
}
table{border-collapse:collapse;border-spacing:0}
a{ text-decoration:none;}
a:hover{text-decoration: none !important;}
a:focus {text-decoration: none!important;}
fieldset,img{border:0}
ol,ul{list-style:none}
.w-100{width:100%; height:auto; overflow:hidden;}
.w-1260{width:1260px; margin:0 auto; overflow:hidden;}
.w-1260-1{width:1260px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.mt-10{ margin-top:10px;}
.mt-15{ margin-top:15px;}
.mt-20{ margin-top:20px;}
.mt-30{ margin-top:30px;}
.mt-35{ margin-top:35px;}
.mt-40{ margin-top:40px;}
.mt-50{ margin-top:55px;}
.mt-60{ margin-top:60px;}
.mt-65{ margin-top:65px;}
.mt-70{ margin-top:60px;}
.mt-80{ margin-top:80px;}
.mt-90{ margin-top:90px;}
.mt-100{ margin-top:100px;}
.mt-130{margin-top: 130px;}
.t-align-c{ text-align:center;}
.clearfix:after {content:""; display: block; clear:both; }

.margin0{margin:0 0px;}
.margin3{margin:0 3px;}
.margin5{margin:0 5px;}
.margin8{margin:0 8px;}
.margin-20{margin:0 -20px;}
.padding0{padding:0px;}
.padding3{padding:0 3px;}
.padding8{padding:0 8px;}
.padding-8{padding-right: 3px;padding-left:3px;}
.padding-15{padding:0 -15px !important;}
.padding0-sm15{padding:0px;}
.padding6{padding:6px;}
.padding15-8{padding:15;}
.case-padding{padding:5px;}
#w-70{margin:0 auto;width: 70%;}
#w-90{margin:0 auto;width: 90%;}
#w-80{margin:0 auto;width: 80%;}
#pro-w{margin:0 auto;width: 80%;}
#w-1260 {
	margin: 0 auto;
	width: 1300px;
	overflow: hidden;
}

#w-1260-1 {
	margin: 0 auto;
	width: 1300px;
}
#w-1300 {
	width: 1300px;
	margin: 0 auto;
	overflow: hidden;
}

#w-1300-1 {
	width: 1300px;
	margin: 0 auto;
}

/*====================top====================*/
.ny-menu-bg{
	background-color: #121e23;
	overflow: hidden;
}

/*导航*/
.header-nav {
	float: right;
	height: 115px;
	position: relative;
	z-index: 11111111;
}

.header-nav .nav-list>li {
	float: left;
	margin: 0px 2px;
	padding: 46px 0;
	position: relative;

}

.header-nav .nav-list>li>a {
	padding: 20px 18px;
	font-size: 17px;
	position: relative;
	color: #fff;
}

.header-nav li.active,
.header-nav li:hover {
	color: #fff;
	background-color: #02adc1;
	/* border-radius: 6px; */
}

.header-nav li.active>a,
.header-nav .nav-list>li>a:hover {
	color: #fff !important;
}


.header-nav .nav-list>li>a:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 10px;
	background-color: #ddd;
	top: 50%;
	margin-top: -5px;
	margin-left: 17px;
}

.header-nav .nav-list>li:last-child>a:after {
	display: none;
}

.header-nav .header-contact {
	margin-top: 32px;
	no-repeat left center;
	padding-left: 42px;
}

.header-nav .header-contact>p {
	color: #444;
	font-size: 14px;
	margin-bottom: 0;
	line-height: 18px;
}

.header-nav .header-contact>.fr p:first-child {
	font-size: 12px;
	color: #bbb;
	line-height: 12px;
}

.top-icon {
	width: 12px;
	height: 12px;
	position: absolute;
	margin-left: -18px;
	vertical-align: middle;
	margin-top: 6px;
}

.icon-follow {
	background: url("img/top_icons2.png") no-repeat left center;
}

.icon-global {
	background: url("img/top_icons3.png") no-repeat left center;
}

.dropdown-menu {
	border-radius: 0;
	margin-top: 0;
	border-top-color: #ddd;
	min-width: auto;
	display: block;
	display: none\9;
	display: block\9\0;
	-webkit-transform: scale(1.2, 0);
	transform: scale(1.2, 0);
	opacity: 0;
	-webkit-transform-origin: top;
	transform-origin: top;
	-webkit-transition: all .2s ease-out;
	-webkit-transition: -webkit-all .2s ease-out;
	transition: -webkit-all .2s ease-out;
	transition: all .2s ease-out;
	transition: all .2s ease-out, -webkit-all .2s ease-out;
	-webkit-box-shadow: 0px 5px 8px rgba(102, 102, 102, 0.35);
	box-shadow: 0px 5px 8px rgba(102, 102, 102, 0.35);
	padding: 17px 26px;
}

.dropdown-menu>li:not(:last-child) {
	border-bottom: 1px solid #d7d7d7;
}

.dropdown-menu>li>a {
	padding: 5px 10px;
	font-size: 14px;
	line-height: 28px;
	color: #000 !important;
}

.header-nav li:hover a {
	color: #fff;
}

.dropdown-menu>li>a:hover {

	color: #fff !important;
	background-color: transparent;
	border-radius: 0px !important;
}

.dropdown-active {
	display: block\9;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	opacity: 1;
}

.chanpin_list_wrap {
	-webkit-transition: all .2s ease-out;
	-webkit-transition: -webkit-all .2s ease-out;
	transition: -webkit-all .2s ease-out;
	transition: all .2s ease-out;
	transition: all .2s ease-out, -webkit-all .2s ease-out;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	position: absolute;
	z-index: 99;
	left: 0;
	right: 0;
	top: 97px;
	background-color: #fff;
	padding-top: 30px;
	padding-bottom: 22px;
}

.chanpin_list_wrap .chanpin_list {
	/* margin:0 15px; */
	text-align: center;
}

.chanpin_list_wrap .chanpin_list h3 {
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	color: #333;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}

.chanpin_list_wrap ul {
	padding-left: 0;
}

.chanpin_list_wrap ul li {
	line-height: 24px;
}

.chanpin_list_wrap ul li .pro_list_item a {
	color: #999;
	font-size: 14px;
	margin: 0 10px 14px;
	line-height: 14px;
	display: inline-block;
}

.chanpin_list_wrap ul li .pro_list_item a.active {
	color: #FF9900
}

.chanpin_list_wrap li span {
	color: #3671CF;
	width: 80px;
	border-right: 1px solid #e4e4e4;
	line-height: 14px;
	margin-right: 15px;
	float: left;
}

.chanpin_list_wrap li a {
	color: #777;
}

.chanpin_list_wrap li a:hover {
	color: #f90;
}

.chanpin_list_wrap li span>a {
	color: inherit;
}

.chanpin_list_wrap li span>a:hover {
	color: inherit;
}

.chanpin_list_wrap .pro_list_item {
	overflow: hidden;
}

.hide {
	display: none;
}


/*====================手机站menu====================*/
.ph-menu {
  display: block;
  width: 100%;
  padding: 10px 0px;
  font-size: 14px;
  color: #333;
  text-align: center;
}

.iphone {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
}

.iphone-tit {
  padding: 10px 0px;
  width: 100%;
  font-size: 22px;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
}

.iphone__screen {
  position: fixed;
  z-index: 100000000;
  top: 0px;
  left: 0px;
  width: 100%;
  /*height:100%;*/
  overflow: hidden;
}

.iphone__content {
  position: relative;
  width: 100%;
  height: 100%;
}

.nav {
  position: absolute;
  z-index: 100;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}

.nav--active .nav {
  opacity: 1;
  background-color: #333;
}

.nav__list {
  margin: 0;
  padding: 10px;
  padding-top: 30px;
}

.nav__item {
  margin: 0 auto;
  width: 90%;
  padding: 7px;
  list-style-type: none;
  text-align: left;
}

.nav__item:after {
  content: '';
  display: block;
  position: relative;
  bottom: -8px;
  width: 50%;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
}

.nav__link {
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
  opacity: 1;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
}

.nav__trigger {
  display: block;
  position: relative;
  z-index: 111111;
  position: fixed;
  top: 20px;
  right: 19px;
  padding: 10px;
  padding-bottom: 15px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
}

.nav--active .nav__trigger {
  opacity: 0.5;
}

.nav__icon {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 5px;
  background-color: #FFFFFF;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}

.nav__icon:before,
.nav__icon:after {
  content: '';
  display: block;
  width: 30px;
  height: 5px;
  position: absolute;
  background: #FFFFFF;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  transition-property: margin, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}

.nav__icon:before {
  margin-top: -10px;
}

.nav__icon:after {
  margin-top: 10px;
}


/*====================手机站menu2====================*/
.ph-menu2 {
	margin:15px 0px 5px 0px;
  height: auto;
  padding: 5px;
  background-color: #02adc1;
  overflow: hidden;
}

.ph-menu2 li {
  float: left;
  width: 25%;
  height: auto;
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -ms-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s;
}

.ph-menu2 li a {
  display: block;
  margin: 2px auto;
  padding: 6px 0px;
  width: 96%;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  border: 1px solid #fff;
  border-radius: 5px;
}

/*====================手机站 end menu2====================*/

/* 样式一*/
.style-1 .nav {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  width: 100%;
  height: 100%;
}

.style-1 .nav--active {
  height: 100%;
}

.style-1 .nav__link {
  opacity: 0;
  -webkit-transition-delay: 500ms;
  transition-delay: 500ms;
}

.style-1 .nav--active .nav__link {
  opacity: 1;
}

.style-1 .nav--active .nav {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.style-1 .nav--active .nav__icon {
  background: rgba(0, 0, 0, 0);
}

.style-1 .nav--active .nav__icon:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.style-1 .nav--active .nav__icon:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*====================end手机站menu====================*/
/*top*/
.qb-logo {
	float: left;
}

.top-bg {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1000000;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.8);
}
.ny-top-bg {
	width: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	overflow: hidden;
}

.top-w {
	margin: 0 auto;
	width: 90%;
	height: 115px;
}

.top-w .h-logo {
	display: inline-block;
	float: left;
}

.top-w .h-logo h1 {
	display: block;
	margin-top: 15px;
	font-size: 44px;
	color: #fff;
	font-weight: bold;
}

.top-w .h-logo p {
	display: block;
	margin-top: 5px;
	font-size: 18px;
	color: #02adc1;
}

/*标题*/
.h-tita {
	padding: 30px 0px;
	text-align: center;
}

.h-tita .zia {
	display: block;
	font-size: 70px;
	color: #02adc1;
	font-weight: bold;
	text-align: center;
}

.h-tita .zib {
	display: block;
	margin-top: 3px;
	font-size: 41px;
	color: #262525;
	font-weight: bold;
	text-align: center;
}

.h-tita .zic {
	display: block;
	margin-top: 5px;
	text-align: center;
	font-size: 17px;
	color: #969696;
	text-transform: uppercase;
}

.hot-pro-tit {
	display: block;
	width: 100%;
	padding-top: 60px;
	text-align: center;
}

.hot-pro-tit h2 {
	display: block;
	width: 100%;
	font-size: 45px;
	color: #333;
	font-weight: bold;
	text-align: center;
}

.hot-pro-tit h2 font {
	font-size: 45px;
	color: #02adc1;
	font-weight: bold;
}

.hot-pro-tit p {
	display: block;
	margin-top: 10px;
	text-align: center;
	font-size: 20px;
	color: #2e2e2e;
}

.hot-pro-tit span {
	display: block;
	margin-top: 3px;
	text-align: center;
	font-size: 12px;
	color: #2e2e2e;
	text-transform: uppercase;
}

/*分类*/
.jg-proc {
	padding: 3px 0;
	overflow: hidden;
	text-align: center;
}

.jg-proc a {
	display: inline-block;
	width: 150px;
	margin: 2px;
	cursor: pointer;
}

.jg-proc a h3 {

	padding: 15px 15px;
	font-size: 18px;
	color: #fff;
	background-color: #02adc1;
	border: 1px solid #fff;
}

.jg-proc a:hover h3 {
	background-color: #fdd302;
	color: #333;
}

.jg-proc-active h3 {
	background-color: #fdd302 !important;
	color: #333 !important;
}

/*产品展示*/
.pro-w {
	padding: 45px 0px;
	width: 100%;
	/* background-color: #333; */
	background: url(../images/pro-w.jpg);
}

.jy-pro {
	margin-bottom: 15px;
	position: relative;
	border: 1px solid #666;
	background-color: #fff;
}

.jy-pro:before {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 1;
	width: 100%;
	height: 0px;
	background-color: #02adc1;
	transition: all 0.3s ease-out;
}

.jy-pro:hover:before {
	height: 100%;
}

.jy-pro .tu {
	position: relative;
	z-index: 10;
	margin: 5px;
	height: auto;
	overflow: hidden;
}

.jy-pro .tu img {
	width: 100%;

}


.jy-pro h3 {
	display: block;
	position: relative;
	z-index: 10;
	padding: 8px 0px 8px 0px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	transition: all 0.3s ease-out;
}


.jy-pro .linea {
	display: block;
	position: relative;
	z-index: 10;
	margin: 0 auto;
	margin-bottom: 3px;
	width: 50px;
	height: 2px;
	background-color: #666;
	transition: all 0.3s ease-out;
}

.jy-pro p {
	display: block;
	padding: 0px 15px;
	position: relative;
	z-index: 10;
	height: 25px;
	font-size: 14px;
	color: #666;
	line-height: 150%;
	text-align: center;
	overflow: hidden;
	transition: all 0.3s ease-out;
}

.jy-pro .more {
	display: block;
	position: relative;
	z-index: 10;
	margin: 5px auto;
	margin-bottom: 10px;
	padding: 5px;
	width: 30%;
	background-color: #02adc1;
	text-align: center;
	font-size: 15px;
	color: #fff;
	transition: all 0.3s ease-out;
}

.jy-pro:hover .more {
	background-color: #ffd101;
	color: #333;
}


.jy-pro:hover h3,
.jy-pro:hover p {
	color: #fff;
}

.jy-pro:hover .linea {
	background-color: #fff;
}

/*hot-search*/

.xm-search {
	background-color: #f2f2f2;
	width: 100%;
	height: 32px;
	border-radius: 30px;
	overflow: hidden;
}

.input1 {
	padding: 15px 0px;
	padding-left: 20px;
	width: 236px;
	height: 32px;
	font-size: 14px;
	color: #666;
	background-color: #f2f2f2;
	line-height: 32px;
}

.input2 {
	float: right;
	margin-right: 15px;
	width: 29px;
	height: 32px;
	background: url(../images/search.jpg);
}

.search-w {
	background-color: #2b323a;
	width: 100%;
	height: 58px;
}
/*end hot-search*/
/*====================middle====================*/
/*====================厂区展示=====================*/
.changqu-bg {
	background-image: url(../image/changqu-bg.jpg);
	background-position: top center;
	background-size: cover;
}

.changqu-tit h2 {
	display: block;
	margin-top: 60px;
	margin-bottom: 15px;
	font-size: 50px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	letter-spacing: 8px;
}

.changqu-tit p {
	display: block;
	margin-bottom: 30px;
	text-align: center;
	font-size: 26px;
	color: #fff;
}

.swiper-container-v {
	height: 92%;
	padding-bottom: 40px;
	overflow: hidden;
}

.swiper-container-v .swiper-wrapper {}

.swiper-container-v .swiper-slide {
	width: 978px;
	transition-timing-function: linear;
}

@media only screen and (max-width:1200px) {
	.swiper-container-v .swiper-slide {
		width: 770px;
	}
}

@media only screen and (max-width:980px) {
	.swiper-container-v .swiper-slide {
		width: 471px;
	}
}

@media only screen and (max-height:480px) {
	.swiper-container-v .swiper-slide {
		width: 471px;
	}
}

.swiper-container-v .swiper-slide img {
	width: 100%;
	border-radius: 4px;
}

.swiper-container-v .swiper-slide .title {
	position: absolute;
	transform: rotate(90deg);
	transform-origin: left top;
	left: -3px;
	font-size: 15px;
	color: #333;
}

.swiper-container-v .swiper-button-next,
.swiper-button-prev {
	width: 86px;
	height: 112px;
	background-size: 86px 112px;
	margin-top: -56px;
	outline: none;
}

.swiper-container-v .swiper-button-next {
	background-image: url(../image/cursor-next.png);
}

.swiper-container-v .swiper-button-prev {
	background-image: url(../image/cursor-prev.png);
}

.swiper-container-v .swiper-pagination-bullet {
	background: none;
	opacity: 1;
	margin: 0 6px !important;
	width: 9px;
	height: 9px;
	position: relative;
	outline: none;
	vertical-align: middle;
}

.swiper-container-v .swiper-pagination-bullet span {
	width: 3px;
	height: 3px;
	background: #CCC;
	display: block;
	border-radius: 50%;
	margin-top: 3px;
	margin-left: 3px;
}

.swiper-container-v .swiper-pagination-bullet i {
	background: #000;
	height: 1px;
	width: 20px;
	position: absolute;
	top: 4px;
	transform: scaleX(0);
	transform-origin: left;
	z-index: 3;
	transition-timing-function: linear;
}

.swiper-container-v .swiper-pagination-bullet-active span,
.swiper-pagination-bullet:hover span {
	width: 9px;
	height: 9px;
	margin-top: 0;
	margin-left: 0;
	background: #000;
	position: relative;
	z-index: 1;
}

.swiper-container-v .swiper-pagination-bullet-active i {
	animation: middle 6s;
}

.swiper-container-v .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i {
	animation: first 6s;
}

.swiper-container-v .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i {
	animation: last 6s;
}

@keyframes first {
	0% {
		transform: scaleX(0.5);
		left: 0px;
	}

	/*091*/
	100% {
		transform: scaleX(1);
		left: 2px;
	}

	/*0915*/
}

@keyframes last {
	0% {
		transform: scaleX(0.7);
		left: -10px;
	}

	/*1090*/
	20% {
		transform: scaleX(0.3);
		left: 2px;
	}

	/*090*/
	100% {
		transform: scaleX(0.3);
		left: 0px;
	}

	/*090*/
}

@keyframes middle {
	0% {
		transform: scaleX(0.7);
		left: -10px;
	}

	/*1091*/
	20% {
		transform: scaleX(0.45);
		left: 2px;
	}

	/*092*/
	100% {
		transform: scaleX(1);
		left: 2px;
	}

	/*0913*/
}

/*主推*/
.zhutui-w {
	width: 100%;
	height: 1173px;
	background: url(../images/pro-bga.jpg) top center no-repeat;
	overflow: hidden;
}

.zhutui-tit {
	float: left;
	width: 90px;
}

.zhutui-tit p {
	font-size: 88px;
	color: #fff;
	font-weight: bold;
	line-height: 120%;
}

.zhutui-r {
	margin-left: 150px;
	margin-top: 87px;
	padding: 50px;
	background-color: #fff;
	overflow: hidden;
}

.zhutui-r .zt-tit {
	display: block;
	width: 100%;
}

.zhutui-r .zt-tit .ztt-l {
	float: left;
	width: 50%;
}

.zhutui-r .zt-tit .ztt-l h2 {
	display: block;
	font-size: 46px;
	color: #02adc1;
	font-weight: bold;
}

.zhutui-r .zt-tit .ztt-l h2 font {
	font-size: 46px;
	color: #201d1a;
	font-weight: bold;
}
.zhutui-r .zt-tit .ztt-l p{
	display: block;
	margin-top: 5px;
	font-size: 17px;
	color: #000;
	text-transform: uppercase;
}
.ztt-mroe a{
	display: inline-block;
	float: right;
	margin-top: 30px;
	padding:5px 15px;
	font-size: 20px;
	color: #fff;
	background-color: #02adc1;
	border-radius: 8px;
}
.huishou{
	margin-top:48px;
	width: 100%;
	height: 525px;
	overflow: hidden;
}

.h-cont-list{
	padding-top:30px;
	border-top:1px solid #e5e5e5;
	overflow: hidden;
}
.h-ewm{
	float: left;
	width: 20%;
	overflow: hidden;
}
.h-ewm .ewm-img{
	margin-right: 60px;
	padding:10px;
	border:1px solid #dcdcdc;
	border-radius: 10px;
	overflow: hidden;
}
.h-ewm .ewm-img img{
	width: 100%;
}
.h-ewm  .xinxi{
	width: 50px;
	float: right;
	writing-mode: vertical-lr; 
	writing-mode: tb-lr;
	font-size: 17px;
	color: #000;
}
.h-contact{
	float: left;
	padding:0px 2%;
	margin-left: 3%;
	width: 44%;
}
.h-contact strong{
	display: block;
	margin-bottom: 10px;
	font-size: 22px;
	color: #000;
	font-weight: bold;
}
.h-contact p{
	padding:5px 0px;
	font-size: 17px;
	color: #000;
	vertical-align: middle;
}
.h-contact p img{
	display: inline-block;
	float: left;
	vertical-align: middle;
}
.h-hszs{
	float: left;
	width: 33%;
}
.h-hszs .zia{
	float: right;
	display: inline-block;
	padding:10px 25px;
	font-size: 50px;
	color: #fff;
	font-weight: bold;
	background-color: #e60012;
}
.h-hszs .zib{
	float: right;
	display: inline-block;
	padding:10px 25px;
	font-size: 50px;
	color: #000;
	font-weight: bold;
	background-color: #fdd302;
}

/*间图*/
.jiantua{
	width: 100%;height: 290px;
	background: url(../images/bga.jpg) top center repeat-y;
}
.jiantua .img-tu{
	width: 100%;
}
.jiantua .img-tu img{
	width: 100%;
}
/*表单*/
.biaodan{
	padding: 20px 0px;
}
.biaodan p{
	display: inline-block;
	float: left;
	width: 57px;
	line-height: 42px;
	font-size: 18px;
	color: #fff;
}
.biaodan .tijiaoa{
	padding-left: 10px;
	height: 35px;
	background-color: #fff;
	margin-bottom: 8px;
	width:230px;
}
.biaodan .tijiaob{
	padding-left: 10px;
	height: 35px;
	background-color: #fff;
	margin-bottom: 6px;
	width:250px;
	height: 50px;
}
.biaodan .tijiaoc{
	padding-left: 10px;
	margin-top: 5px;
	margin-left: 57px;
	border:1px solid #fff;
	padding:5px 16px;
	font-size: 18px;
	color: #fff;
	background-color: #02adc1;
	overflow: hidden;
	height: 40px;
}
.yzm-w{margin-left: 57px;}
.yzm-w dl{display: inline-block;float: left;}
.yzm input{display: inline-block; float: left; margin-left: 10px; width: 80px;}
.yzm dd{color: #fff; display: inline-block;}
/*优势*/
.ys-w{
	width: 100%;
	height: 1046px;
	background: url(../images/ys-bg.jpg) top center no-repeat;
	overflow: hidden;
}
.ys-l{
	float: left;
	margin-top: 3px;
	width: 500px;
	height: 1046px;
	overflow: hidden;
}
.ys-r{
	margin-left: 500px;
	overflow: hidden;
}
.ys-r .tua{
	margin-top: 150px;
}
.ys-r .tua img{
	
}
.ys-r .tub img{
	display: block;
	margin-top: 120px;
}

.ys2-list{
	margin-top: 30px;
	text-align: center;
}
.ys2-list li{
	display: inline-block;
	margin:0.5%;
	padding: 23px 15px;
	width: 22%;
	height: auto;
	border-radius: 15px;
	background-color: #fff;
	overflow: hidden;
}
.ys2-list li img{
	display: block;
	margin:0 auto;
	width: 60%;
}
.ys2-list li p{
	display: block;
	font-weight: bold;
	color: #333;
	font-size: 44px;
	text-align: center;
}
.ys2-list li span{
	display: block;
	margin-top: 15px;
	padding:8px 15px;
	border:1px solid #333;
	border-radius: 30px;
	font-size: 21px;
	color: #242423;
	font-weight: bold;
	text-align: center;
}

.ys2-bg{
	width: 100%;
	height: 838px;
	background:url(../images/ys-bgb.jpg) top center repeat-y;
	overflow: hidden;
}
.ys2-posi{
	position: relative;
}
.ys2-fuwu{
	margin-top: 80px;
	text-align: center;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.ys2-fuwu li{
	position: relative;
	display: inline-block;
	margin:0.5%;
	width: 23%;
	height: 750px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	overflow: hidden;
}
.ys2-fuwu li:nth-child(2),
.ys2-fuwu li:nth-child(3){
	top: 60px;
}
.ys2-fuwu-bg1{
	background: url(../images/ys2-1.png);
	overflow: hidden;
}
.ys2-fuwu-bg2{
	background: url(../images/ys2-2.png);
	overflow: hidden;
}
.ys2-fuwu-bg3{
	background: url(../images/ys2-3.png);
	overflow: hidden;
}
.ys2-fuwu-bg4{
	background: url(../images/ys2-4.png);
	overflow: hidden;
}
.ys2-fuwu li p{
	display: block;
	margin-top: 227px;
	text-align: center;
	font-size: 38px;
	color: #fff;
	font-weight: bold;
}
.ys2-fuwu li .linea{
	width: 1px;
	height: 40px;
	background-color: #fff;
	margin:0 auto;
}
.ys2-fuwu li span{
	display: block;
	padding:20px 30px;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	line-height: 150%;
}
.ys2-fuwu li img{
	display: block;
	margin:0 auto;
	margin-top: 5px;
}
.ys2-biaoti{
	position: absolute;
	top:15px;
	z-index: 100;
	width: 100%;
}
.ys2-biaoti img{
	display: block;
	margin:0 auto;
}

/*新闻*/
.news-w{
	width: 100%;height: 840px;
	background: url(../images/news-w.jpg) top center repeat-y;
}
.h-newsa{
	margin-top: 50px;
	margin-bottom: 30px;
	width: 100%;
	padding: 25px;
	box-shadow: 0 0 15px #c2c2c2;
	background-color: #fff;
	overflow: hidden;
}
.h-newsa .tua{
	width: 100%;
	overflow: hidden;
}
.h-newsa .tua img{
	width: 100%;
}
.h-newsa .conta{
	padding:30px;
}
.h-newsa .conta .timea{
	font-size: 18px;
	color: #292929;
	font-family: "font1";
}
.h-newsa .conta .timea .linea{
	margin:16px 0px;
	width: 33px;
	height: 1px;
	background-color: #02adc1;
}
.h-newsa .conta a h3{
	display: block;
	margin-bottom: 30px;
	font-size: 23px;color: #131313;
	line-height: 150%;
}
.h-newsa .conta p{
	display: block;
	width: 100%;
	height: 75px;
	font-size: 16px;
	color: #666;
	line-height: 170%;
	overflow: hidden;
}
.h-newsa .conta .morea a{
	display: inline-block;
	margin-top: 30px;
	padding:8px 25px;
	background-color: #02adc1;
	font-size: 16px;
	color: #fff;
}
/*新闻2*/
.h-news-p{padding:5px;}
.h-newsb{
	padding:48px 30px;
	background-color: #fff;
	overflow: hidden;
}
.h-newsb:hover{
	background-color: #02adc1;
}
.h-newsb .newsb-l{
	float: left;
	width: 25%;
	height: auto;
}
.h-newsb .newsb-l .timeb .zia{
	display: block;
	font-size: 15px;
	color: #000000;
	text-align: right;
}
.h-newsb .newsb-l .timeb .zib{
	display: block;
	font-size: 26px;
	color: #000000;
	text-align: right;
	font-weight: bold;
}
.h-newsb .newsb-l .timeb img{
	display: block;
	float: right;
	margin-top: 26px;
}
.h-newsb .newsb-r{
	float: right;
	width: 68%;
	height: auto;
}
.h-newsb .newsb-r a h3{
	display: block;
	font-size: 18px;
	color: #333;
}
.h-newsb .newsb-r p{
	display: block;
	margin-top: 30px;
	height: 47px;
	font-size: 14px;
	color: #7c7c7c;
	line-height: 170%;
	overflow: hidden;
}
.h-newsb .newsb-r .morea a{
	display: block;
	width: 49px;
	height: 26px;
	background:url(../images/news-more.jpg) top center no-repeat;
}
.h-newsb:hover .newsb-r .morea a{
	background:url(../images/news-moreb.jpg) top center no-repeat;
}
.h-newsb:hover .newsb-l .timeb .zia,
.h-newsb:hover .newsb-l .timeb .zib,
.h-newsb:hover .newsb-r a h3,
.h-newsb:hover .newsb-r p{
	color: #fff;
}
/*品鉴*/
.swiper-container-pj {
	margin: 0 auto;
	width: 100%;
	height: 500px;
	margin-left: auto;
	margin-right: auto;
}

.swiper-container-pj .swiper-slide {
	text-align: center;
	font-size: 18px;
	color: #fff;
	/* background-color: #00347B; */
	/* height: calc((100% - 30px) / 2); */
	height: auto;


	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-pagination-pj {
	padding: 15px 0px;
	width: 100%;
	text-align: center;
}

.swiper-pagination-pj .swiper-pagination-bullet {
	background-color: #fff;
	margin: 0px 4px;
	width: 100px;
	height: 3px;
	border-radius: 0px;
}

.th-pj {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.th-pj .tua {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.th-pj .tua img {
	width: 100%;
	transition: all 0.5s ease-out;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
}

.th-pj:hover .tua img {
	transition: all 0.5s ease-out;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
}

/*展会*/
.zhanhui {
	padding: 8px;
}

.zhanhui .tua {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.zhanhui .tua img {
	width: 100%;
}

.zhanhui .tita {
	padding: 15px;
	/* background-color: #efefef; */
}

.zhanhui .tita a h3 {
	display: block;
	padding: 10px 0px;
	font-size: 26px;
	color: #02adc1;
	text-align: center;
	font-weight: bold;
}

.zhanhui .tita p {
	display: block;
	padding: 0px 15px 15px 15px;
	font-size: 15px;
	color: #333;
	text-align: center;
}



/*展会 end*/

/*====================end middle====================*/


/*====================foot====================*/
.foot-w{
	padding:50px 0px;
	width: 100%;
	height: 587px;
	background: url(../images/foot-w.jpg) top center no-repeat;
	overflow: hidden;
}
.foot-biaoti{
	text-align: center;
}
.foot-biaoti p.zia{
	display: block;
	font-size: 53px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
}
.foot-biaoti p.zib{
	display: block;
	text-align: center;
	font-size: 32px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 4px;
}
.foot-lx{
	text-align: center;
}
.foot-lx li{
	padding:0px 20px;
	margin-top: 50px;
	display: inline-block;
	width: 30%;
	height: 213px;
	border-right:1px solid #fff;
	overflow: hidden;
}
.foot-lx li img{
	display: block;
	margin:0 auto;
}
.foot-lx li p{
	display: block;
	margin-top: 13px;
	font-size: 27px;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
.foot-lx li span{
	display: block;
	margin-top: 13px;
	font-size: 21px;
	color: #fff;
	text-align: center;
}
.foot-lx li:last-child{
	border-right:0px;
}
.foot-word{
	text-align: center;
}
.foot-word p{
	display: block;
	margin-top: 20px;
	text-align: center;
	font-size: 15px;
	color: #fff;
}
.foot-word .morea{
	text-align: center;
}
.foot-word .morea a{
	display: inline-block;
	margin:0 auto;
	margin-top: 20px;
	padding:10px 60px;
	font-size: 16px;
	color: #fff;
	border:1px solid #fff;
	letter-spacing: 5px;
}
.foot-contact{
	width: 100%;
	padding-top: 50px;
	background-color: #272a2f;
	overflow: hidden;
}
.foot-tit{
	margin-bottom: 20px;
}
.foot-tit p{
	display: inline-block;
	font-size: 20px;
	color: #babbbd;
}
.foot-tit img{
	display: inline-block;
	margin-left: 10px;
}
.foot-fenlei{
	width: 100%;
}
.foot-fenlei a{
	display: block;
	float: left;
	margin-bottom: 7px;
	margin-right: 1%;
	width: 49%;
	font-size: 14px;
	color: #767a7d;
}
.foot-ewm{
	float: left;
	width: 117px;
}
.foot-ewm img{
	width: 100%;
	
}
.foot-ewm p{
	display: block;
	padding-top: 10px;
	font-size: 15px;
	color: #fff;
	text-align: center;
}
.foot-con{
	margin-left: 150px;
}
.foot-lxwm{
}
.foot-lxwm p{
	font-size: 15px;
	color: #767a7d;
	line-height: 150%;
}
.foot-logo{
	text-align: center;
}
.foot-logo img{
	display: block;
	margin:0 auto;
}
.foot-logo p{
	display: block;
	margin-top: 15px;
	font-size: 32px;
	color: #fff;
	text-align: center;
}
.foot-logo span{
	display: block;
	font-size: 17px;
	color: #02adc1;
	left: 150%;
	text-align: center;
}
.foot-bq{
	margin-top: 30px;
	padding:26px 15px;
	border-top:1px solid #52555a;
	text-align: center;
	overflow: hidden;
}
.foot-bq p,
.foot-bq p a,
.foot-bq p strong{
	font-size: 14px;
	color: #babbbd;
	line-height: 150%;
	vertical-align: middle;
	text-align: center;
}
.foot-bq img{
	display: inline-block;
	vertical-align: middle;
}


/*内页*/
.jt-ny-tit{
  position: relative;
  height: 480px;
}
.jt-ny-tit h2{
  position: absolute;
  bottom:0px;
  left:0px;
  width: 200px;
  height: 50px;
  background-color: #f60e0e;
  text-align: center;
  line-height: 50px;
  color: #fff;
  font-size: 26px;
}

/*手机样式*/
  /*优势*/

/*返回顶部*/
.to-top { position: relative; z-index: 11111111111; display: none; padding: 5px 10px; color: #fff !important; background-color: #f50;}
.to-top:visited { color: #fff;}
/*end手机样式*/

@media only screen and (max-width: 1400px){
#w-80{width: 95%;}
#w-90{width: 95%;}
.top-bt-phone .top-bt h2,.top-bt-phone .top-bt .zia{font-size: 20px;}
.top-bt-phone h3{font-size: 15px;}
.lsd-logo img{width: 100%;}
.top-phonea img{width: 100%;}

.header-nav .nav-list>li>a{padding:0 8px;}
.header-nav .nav-list > li > a::after{margin-left: 12px;}
.qb-logo img{display: block;width: 85px;padding-top: 15px;}
.top-w .h-logo h1{font-size: 30px; padding-top: 10px;}
.top-w .h-logo p{font-size: 15px;}

}

@media only screen and (max-width: 1260px){
  #w-1260{width:100%;}
  #w-1260-1{width:100%;}
  #w-1300{width:100%;}
  #w-1300-1{width:100%;}
  #w-90{width: 100%;}
  #w-80{width: 100%;}
  #w-70{width: 100%;}
  #pro-w{width: 100%;}
  .padding0-sm15{padding:0px 15px;}
  .pc-menu-bg{width: 100%;}
  .pc-menu{width: 100%;}
  .padding-about{padding:15px;}
  /*menu*/
 

  /*首页*/
  .top-w{width: 98%;}
.header-nav .nav-list>li{margin:0px;}
.header-nav .nav-list>li>a{padding:0px 4px;}
.header-nav .nav-list > li > a::after{margin-left: 4px;}
.ys2-fuwu li p{margin-top: 180px;}




  
}
@media only screen and (max-width: 1020px){
.header-nav .nav-list>li>a {
    padding: 0 3px;
}
}
@media only screen and (max-width: 992px){
  #w-1260{width:100%;}
  #w-1260-1{width:100%;}
  #w-1300{width:100%;}
  #w-1300-1{width:100%;}
  #w-90{width: 100%;}
  #w-80{width: 100%;}
  #w-70{width: 100%;}
  #pro-w{width: 100%;}
  .padding0-sm15{padding:0px 15px;}

  .pc-menu{width: 100%;}
  .pc-menu-bg{width: 100%;}

  .yz-logo {text-align: center;}
  .pc-menu{margin-top: 5px;}

  .padding15-8{padding:8px;}
  .header-nav .nav-list>li>a{padding:0 3px;}
  .header-nav .nav-list > li > a::after{margin-left: 12px;}


  .mini-tit{padding:0px 0px; text-align: center;}
  .mini-tit img{ display: block; width: 100%; margin:0 auto;}

	
	/*首页*/

.top-w{height: auto;}
.h-tita .zia{font-size: 26px;}
.h-tita .zib{font-size: 15px; padding:0px 15px;}
.h-tita{padding:5px 0px;}
.h-tita .zic{font-size: 12px;}
.zhutui-r .zt-tit .ztt-l h2{font-size: 26px;}
.zhutui-r .zt-tit .ztt-l p{font-size: 12px;}
.zhutui-r .zt-tit .ztt-l h2 font{font-size: 26px;}
.ztt-mroe a{margin-top: 5px; font-size: 15px;}
.zhutui-tit p{font-size: 50px;}
.huishou{height: 350px;}
.h-hszs .zia{font-size: 20px;}
.h-hszs .zib{font-size: 20px;}
.h-contact{width: 44%;}
.h-contact strong{font-size: 20px;}
.h-contact p{font-size: 15px;}
.h-ewm{width: 30%;}
.h-hszs{width: 23%;}
.zhutui-w{height: 900px;}
.hot-pro-tit{padding-top: 20px;}
.hot-pro-tit h2{font-size: 26px;}
.hot-pro-tit h2 font {font-size: 26px;}

.jg-proc{padding:15px;}
.jg-proc a{width: 46%; margin:1%;}
.biaodan .tijiaob{width: 230px;}
.ys-r .tua img{width: 100%;}
.ys-l{width: 430px;}
.ys-r{margin-left: 430px;}
.ys2-fuwu li p{margin-top: 130px;font-size: 26px;}
.ys2-fuwu li .linea{height: 15px;}
.ys2-fuwu li span{font-size: 18px; font-weight: 400;}
.ys2-fuwu li img{display: none;}
.ys2-fuwu li{height: 500px;}
.ys2-bg{height: auto;}

.h-newsa{padding:15px;}
.h-newsa .conta{padding:1px;}
.h-newsa .conta a h3{font-size: 19px;}
.h-newsb{padding:15px;}
.news-w{height: auto;}

/*切换*/
.swiper-container-pj{height: 300px;}



}
  



/*====================手机====================*/
@media only screen and (max-width: 768px){
  #w-1200{width:100%;}
  #w-1200-1{width:100%;}
  #w-1260{width:100%;}
  #w-1260-1{width:100%;}
  #w-70{width: 100%;}
  #pro-w{width: 100%;}
  .mini-tit{padding:0px 0px; text-align: center;}
  .mini-tit img{ display: block; width: 100%; margin:0 auto;}
  
  .padding0-sm15{padding:15px;}

  

/*标题*/
.ny-tit01 h2{font-size: 26px;}
.ny-tit01 span{font-size: 14px; padding:0 15px;}

.gl-proc li{width: 45%; margin:2px 2px;}
.gl-proc li a{width: 100%;}

/*其它*/
.search-p{padding:0px 15px; width: 90%; text-align: center; margin:0 auto;}

.jiantua{height: auto;}
.hot-pro-tit p{font-size: 14px;}
.hot-pro-tit span{display: none;}

.ys-w{height: auto; background: url(../images/ys-bg-mini.jpg) top center repeat-y;}
.ys-l{width: 100%; height: auto;}
.ys-r{width: 100%;margin-left: 0px;}
.ys-l img{width: 100%;}
.ys-r .tua{margin-top: 0px; padding-top: 50px;}
.ys-r .tua{text-align: center;}
.ys-r .tua img{width: 90%; margin:0 auto;}
.ys2-list li{width: 47%;}
.ys2-list li p{font-size: 33px;}
.ys2-list li span{font-size: 18px; padding:5px 10px;}
.ys-r .tub{text-align: center; margin-top: 30px; display: none;}
.ys-r .tub img{width: 90%;}
.ys2-list{margin-bottom: 30px;}
.zhutui-r{margin-left: 0px;}
.jy-pro .more{width: 90%;}
.pro-padd{padding:5px;}
.ys2-biaoti{text-align: center;padding:20px;}
.ys2-biaoti img{width: 90%;}
.ys2-fuwu li{width: 47%; height: 400px;}
.ys2-fuwu li:nth-child(2), .ys2-fuwu li:nth-child(3){top:0px;}
.ys2-fuwu li span{font-size: 15px;}
.h-newsa{margin-top: 20px;}

.foot-contact{padding-top: 30px;}

 /*地图*/
 .b-map .close-btn{
  top:10%;
 }
 .map-ys{height: 300px; width: 90%;}

 
 
}
.jg-proc a{
	width: 190px;
}

.jy-pro p{
	font-size: 22px;
	height: 26px;
	color: #fda306;
}