@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: siyuan;
	src: url("../fonts/siyuan.otf") format("opentype");
}
/* 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,
span,
p,
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: 55px;
}

.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-120 {
	margin-top: 100px;
}

.t-align-c {
	text-align: center;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.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;
}

.padding3-sm {
	padding: 0 3px;
}

.padding-r-0 {
	padding-right: 0px;
}

.padding-5-xs {}

.padding15 {
	padding: 15px;
}

.padding0-sm15 {
	padding: 0px;
}

.padding15-8 {
	padding: 15;
}

.case-padding {
	padding: 5px;
}

#w-70 {
	margin: 0 auto;
	width: 70%;
	overflow: hidden;
}

#w-80 {
	margin: 0 auto;
	width: 80%;
	/* overflow: hidden; */
}

#w-90 {
	margin: 0 auto;
	width: 90%;
	/* overflow: hidden; */
}
#w-top{
	margin: 0 auto;
	width: 90%;
}

#w-1260 {
	margin: 0 auto;
	width: 1260px;
	overflow: hidden;
}

#w-1260-1 {
	margin: 0 auto;
	width: 1260px;
}

#w-1260 {
	margin: 0 auto;
	width: 1260px;
	overflow: hidden;
}

#w-1260-1 {
	margin: 0 auto;
	width: 1260px;
}
#w-1300 {
	margin: 0 auto;
	width: 1300px;
	overflow: hidden;
}

#w-1300-1 {
	margin: 0 auto;
	width: 1300px;
}
#pro-w {
	margin: 0 auto;
	width: 80%;
	overflow: hidden;
}

.p-img {
	width: 100%;
}

/*====================top====================*/
/*导航*/
.pc-menu-bg {
	paading: 15px 0px;
	border-top: 1px solid #567184;
	border-bottom: 1px solid #567184;
	width: 100%;
	height: auto;
}

.header-nav {
	width: 750px;
	margin: 0 auto;
	padding: 8px 0px;
	position: relative;
	z-index: 11111111;
	text-align: center;
}

.header-nav .nav-list {
	text-align: center;
}

.header-nav .nav-list>li {
	/*float:left;*/
	padding: 7px 2px;
	position: relative;
	display: inline-block;
	border-radius: 5px;
}

.header-nav .nav-list>li:hover {
	background-color: #0a69db;
	color: #fff;
}

.header-nav .nav-list>li>a {
	padding: 0 10px;
	font-size: 16px;
	position: relative;
	color: #fff;
}

.header-nav .nav-list>li:hover a {
	color: #fff;
}

/* .header-nav li.active>a,.header-nav .nav-list>li>a:hover{color:#f6ff00;} */
.header-nav li.active {
	background-color: #0a69db;
}

.header-nav li.active a {
	color: #fff;
}

.header-nav li.active a:after {
	display: none;
}

.header-nav .nav-list>li>a:after {
	content: '';
	position: absolute;
	border-right: 1px solid #fff;
	width: 1px;
	height: 18px;
	top: 4px;
	right: -5px;

	transition: all 0.3s ease-in-out;
}

.header-nav .nav-list>li:hover>a:after,
.header-nav .nav-list>li.active>a:after {
	/* width: 60px; */
}

.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: 2px;
	margin-left: 0px;
	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 17px;
	font-size: 14px;
	line-height: 28px;
	color: #333 !important;
}

.dropdown-menu>li>a:hover {
	color: #fff !important;
	background-color: #0a6adb;
}


.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: 100;
	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: 10px;
	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 {
	height: auto;
	padding: 5px;
	background-color: #f6f6f6;
	overflow: hidden;
}

.ph-menu2 li {
	position: relative;
	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: #fff;
	text-align: center;
	text-decoration: none;
}
.ph-menu2 .active:before{
	content: "";
	position: absolute;
	left:15%;
	bottom:0px;
	width: 70%;
	height: 2px;
	background-color: #ff7e00;
}

/*====================手机站 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====================*/
.hy-logo{
  margin-top: 0px;
}
/*====================top====================*/
.top-bg {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 11111111;
	width: 100%;
	padding: 15px 0px;
	background:url(../images/topbg.png) ;
	border-bottom: 1px solid #fff;
}

.top-tit {
	width: 90%;
	margin: 0 auto;
}

.top-logo {
	float: left;
	width: 300px;
}


.h-company {
	display: inline-block;
	float: left;
	margin: 15px 10px 0px 5px;

}

.h-company h1 {
	display: block;
	padding-bottom: 8px;
	font-size: 33px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 2px;
}

.h-company p {
	display: block;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
}

.h-tphone {
	float: right;
	padding-top: 15px;
	width: 241px;
}

.top-menu {
	padding-top: 18px;
	text-align: center;
}


.h-search {
	float: right;
	width: 20%;
	text-align: center;
}

.h-form {
	margin: 0 auto;
	margin-top: 20px;
	width: 70%;
	padding: 6px 15px;
	background-color: #fff;
	border-radius: 30px;
	overflow: hidden;
}

.h-input1 {
	float: left;
	width: 75%;
	font-size: 14px;
	color: #636363;
	padding-left: 15px;
}

.h-input2 {
	float: right;
	width: 23%;
	height: 23px;
	background: url(../images/search-tu.png) center right no-repeat;
}
/*====================title====================*/

/*====================middle====================*/
.m1-tit {
	text-align: center;
}

.m1-tit h3 {
	display: inline-block;
	margin: 0 auto;
	padding: 20px;
	font-size: 45px;
	color: #333;
	font-weight: bold;
	text-align: center;

}

.m1-tit .zia {
	font-size: 45px;
	color: #e50014;
	font-weight: bold;
}

/*分类*/
.jg-proc-w {
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	padding: 20px 0;
	background: url(../images/proc-bg.jpg);
}

.jg-proc {
	overflow: hidden;
	text-align: center;
}

.jg-proc li {
	position: relative;
	display: block;
	margin: 0.2%;
	float: left;
	width: 16.2%;
	height: 43px;
	border-radius: 20px;
	background-color: #2056ae;
	overflow: hidden;
}

.jg-proc li a {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 15;
	width: 100%;
	height: 43px;
	line-height: 43px;
	font-size: 22px;
	color: #fff;
	font-weight: bold;
}

.jg-proc li::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 0px;
	z-index: 10;
	width: 0%;
	height: 43px;
	background-color: #009b40;
	opacity: 0;
	transition: all 0.3s ease-out;

}

.jg-proc li:hover::after {
	left: 0px;
	opacity: 1;
	width: 100%;
}

.jg-proc a h3 {}

.jg-proc a:hover h3 {
	background-color: #f5b606;
	color: #333;
}

.jg-proc-active h3 {
	background-color: #f5b606 !important;
	color: #333 !important;
}


/*标题*/
.tit01 {
	padding-top: 6px;
	padding-bottom: 15px;
	width: 100%;
	height: auto;
	text-align: center;
	overflow: hidden;
}

.tit01 h2 {
	display: block;
	font-size: 35px;
	color: #22ac3d;
	text-align: center;
	font-weight: bold;
}

.tit01 p {
	display: block;
	margin-top: 10px;
	position: relative;
	font-size: 20px;
	letter-spacing: 1px;
}

.tit01 span {
	display: block;
	margin-top: 8px;
	text-align: center;
	font-size: 14px;
	color: #999;
}

.tit01 .zia {
	font-size: 35px;
	color: #313131;
	font-weight: bold;
}

.tit02 {
	padding: 15px;
}

.tit02 h2 {
	display: block;
	font-size: 45px;
	color: #2c2b2b;
	font-weight: bold;
	text-align: center;
	letter-spacing: 7px;
}

.tit02 span {
	display: block;
	margin: 15px 0px;
	font-size: 18px;
	color: #acacac;
	text-transform: uppercase;
	text-align: center;
}

.tit02 p {
	display: none;
	text-align: center;
	font-size: 18px;
	color: #2c2b2b;
}
.tit02 .tit-line{
	margin-top: 10px;
	width: 100%;
	height: 5px;
	border-top: 1px solid #efefef;
}



/*分类*/
.xm-proc-w {
	padding: 15px 0px;
	width: 100%;
	height: auto;
	background: url(../images/bga.jpg) top center;
}

.xm-proc {
	text-align: center;
}

.xm-proc li {
	display: inline-block;
	padding-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 13%;
	box-sizing: border-box;
	overflow: hidden;
}

.xm-proc li:hover {
	/* padding-top: 10px; */
	box-shadow: 0px 5px 5px 5px #efefef;
	background-color: #2652bd;
	border-radius: 15px;
}

.xm-proc li .tua {
	margin: 0 auto;
	width: 90%;
	border-radius: 10px;
	border: 5px solid #2652bd;
	box-sizing: border-box;
	overflow: hidden;
}

.xm-proc li:hover .tua {
	width: 80%;
	border: 5px solid #fff;
	transform: rotateY(180deg);
}

.xm-proc li .tua img {
	width: 100%;
}

.xm-proc li h3 {
	display: block;
	margin-top: 5px;
	padding: 12px 0px;
	font-size: 18px;
	color: #2d2d2d;
	text-align: center;
	font-weight: bold;
}

.xm-proc li:hover h3 {
	color: #fff;
}

.xm-proc-w {
	padding: 15px 0px;
	width: 100%;
	height: auto;
	background: url(../images/bga.jpg) top center;
}

.xm-proc {
	text-align: center;
}

.xm-proc li {
	display: inline-block;
	padding-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 15%;
	box-sizing: border-box;
	overflow: hidden;
}

.xm-proc li:hover {
	/* padding-top: 10px; */
	box-shadow: 0px 5px 5px 5px #efefef;
	background-color: #2652bd;
	border-radius: 15px;
}

.xm-proc li .tua {
	margin: 0 auto;
	width: 90%;
	border-radius: 10px;
	border: 5px solid #2652bd;
	box-sizing: border-box;
	overflow: hidden;
}

.xm-proc li:hover .tua {
	width: 80%;
	border: 5px solid #fff;
	transform: rotateY(180deg);
}

.xm-proc li .tua img {
	width: 100%;
}

.xm-proc li h3 {
	display: block;
	margin-top: 5px;
	padding: 12px 0px;
	font-size: 18px;
	color: #2d2d2d;
	text-align: center;
	font-weight: bold;
}

.xm-proc li:hover h3 {
	color: #fff;
}

/*================荣誉=====================*/
.rongyu-bg {
	padding: 40px 0px;
	background: url(../images/ry-bg.jpg);
	overflow: hidden;
}

.swiper-slide-rongyu {}

.rongyutit h2 {
	text-align: center;
	font-size: 50px;
	color: #f19a41;
	font-weight: bold;
}

#certify {
	position: relative;
	width: 88%;
	margin: 0 auto;
}

#certify .swiper-container {
	padding-bottom: 20px;
}

#certify .swiper-slide {
	width: 50%;
	height: 60%;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
}

#certify .swiper-slide img {
	display: block;
	width: 100%;
}

#certify .swiper-slide p {
	line-height: 40px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;
}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 0;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify .swiper-button-prev {
	left: -30px;
	width: 45px;
	height: 45px;
	/* background: url(../image/wm_button_icon.png) no-repeat; */
	background-position: 0 0;
	background-size: 100%;
}

#certify .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

#certify .swiper-button-next {
	right: -30px;
	width: 45px;
	height: 45px;
	/* background: url(../image/wm_button_icon.png) no-repeat; */
	background-position: 0 -93px;
	background-size: 100%;
}

#certify .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}

/*产品列表*/

/*end 产品列表*/


/*简介*/


.abotu-w {
	padding-top: 87px;
	width: 100%;
	height: 941px;
	background: url(../images/about-bg.jpg) top center no-repeat;
	overflow: hidden;
}
.about-tit{
	width: 100%;
}
.about-tit h2 {
	display:block;
	width: 30%;
	float: left;
	padding-bottom: 38px;
	padding-top: 20px;
	font-size: 42px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 10px;
}
.about-tit .tua{
	display: block;
	float: right;
	width: 68%;
	text-align: right;
}
.about-video {
	float: left;
	width: 55%;
}



.about-video .video-s {
	width: 100%;
	height: auto;
	background-color: #fff;
	-moz-box-shadow: 6px 6px 0px #888888;
	box-shadow: 6px 6px 0px #888888;
}

.about-video .video-s img {
	width: 100%;
}

.about-video p {
	display: block;
	padding-top: 22px;
	padding-bottom: 20px;
	font-size: 30px;
	color: #fff;
	font-weight: bold;
}
.about-video span{
	display: block;
	font-size: 19px;
	color: #fff;
	line-height: 190%;
}


.about-cont {
	float: right;
	width: 41%;
}

.about-cont .ab-tit {
	margin-top: 15px;
	margin-bottom: 20px;
}

.about-cont .ab-tit h3 strong {
	display: block;
	font-size:42px;
	color: #013e75;
	font-weight: bold;
	
}
.about-cont .ab-tit h4{
	margin-top:-100px;
	display: block;
	font-size:50px;
	line-height:68px;
	height:148px;
	color: #013e75;
	font-weight: bold;
	
}

.about-cont .ab-tit p {
	margin-top: 10px;
	display: block;
	font-size:52px;
	font-weight:bold;
	color: #b3b3b3;
	text-transform: uppercase;
}

.about-nr {
	margin-top: 15px;
	width: 90%;
	height: 280px;
	overflow: hidden;
}

.about-nr p,
.about-nr p a,
.about-nr p a,
.about-nr p strong{
	font-size:18px;
	color: #535253;
	line-height: 257%;
}

.about-list{
	margin-top: 60px;
}
.about-list li{
	float: left;
	width:16%;
	padding:11px;
	margin-right: 8%;
	border:1px solid #535353;
	text-align: center;
	border-radius: 8px;
}
.about-list li:hover{
	background-color: #efefef;
}
.about-list li img{
	display: block;
	margin:0 auto;
}
.about-list li p{
	display: block;
	padding-top: 10px;
	text-align: center;
	font-size: 18px;
	color: #696969;
}

.about-ys .a-ysa{
	display: inline-block;
	padding:20px 10px;
	width: 19.5%;
	height: 180px;
	background-color: #eeeeee;
	text-align: center;
	vertical-align: top;
}
.about-ys .a-ysa img{
	display: block;
	margin:0 auto;
}
.about-ys .a-ysa p{
	display: block;
	margin-top: 10px;
	font-size: 26px;
	color: #1c1c1c;
	font-weight: bold;
	text-align: center;
}
.about-ys .a-ysa .linea{
	display: block;
	width: 40px;
	margin:0 auto;
	height: 1px;
	border-top:1px dashed #a0a0a0;
	margin-top: 5px;
	margin-bottom: 5px;
}
.about-ys .a-ysa span{
	display: block;
	font-size: 20px;
	color: #5a5959;
	text-align: center;
}
.about-ys .a-ysb{
	display: inline-block;
	padding:20px 10px;
	width: 19.5%;
	height: 180px;
	background-color: #ff7e00;
	text-align: center;
	vertical-align: top;
}
.about-ys .a-ysb img{
	display: block;
	margin:0 auto;
}
.about-ys .a-ysb p{
	display: block;
	margin-top: 10px;
	font-size: 26px;
	color: #fff;
	font-weight: bold;
	text-align: center;	
}
.about-ys .a-ysb .linea{
	display: block;
	width: 40px;
	margin:0 auto;
	height: 1px;
	border-top:1px dashed #fff;
	margin-top: 5px;
	margin-bottom: 5px;
}
.about-ys .a-ysb span{
	display: block;
	font-size: 20px;
	color: #fff;
	text-align: center;
}

/*厂区展示*/
.cq-tit{
	padding:10px;
	margin-top: 50px;
}
.cq-tit h2{
	letter-spacing: 20px;
	margin-bottom: 16px;
	text-align:center;
	display: block;
	font-size:42px;
	color: #464646;
	font-weight: bold;
}
.cq-tit p{
	display: block;
	text-align:center;
	font-size:20px;
	color: #666666;
}
.cq-tit span{
	display: block;
	font-size: 11px;
	color: #242424;
	text-transform: uppercase;
}

.cq-list{
	padding:5px;
	width: 101%;
	margin-top: 15px;
	overflow: hidden;
	text-align: center;
}
.cq-list li{
	float: left;
	margin:0.5%;
	width: 24%;
	border-radius: 15px;
	overflow: hidden;
}
.cq-list li 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;
}
.cq-list li h3{
	background:#013e75;
	height:42px;
	width:100%;
	color:#fff;
	line-height:42px;
	text-align:center;
	font-size:20px;
}
.cq-list li:hover img{
	transition: all 0.5s ease-out;
	  -webkit-transform: scale(1.02, 1.02); 
	     -moz-transform: scale(1.02, 1.02); 
	  -webkit-transition: all 0.5s ease-out; 
	     -moz-transition: all 0.5s ease-out; 
}
/*荣誉*/
.rongyu-w{
	margin-top: 15px;
	padding-top:20px;
	width: 100%;
	height: 990px;
	background: url(../images/rongyu-bg.jpg) top center no-repeat;
	overflow: hidden;
}
.rongyu-tit{
	margin-top: 15px;
	text-align: center;
}
.rongyu-tit h2{
	display: block;
	text-align: center;
	font-size: 42px;
	color: #013e75;
	font-weight: bold;
	letter-spacing:5px;
}
.rongyu-tit span{
	display: block;
	font-size:18px;
	color: #7e7e7e;
	text-align: center;
}
.rongyu-tit p{
	margin:10px 0px;
	display: block;
	font-size: 22px;
	color: #2c2b2b;
	text-align: center;
}

/*品鉴*/
.swiper-container-pj {
	margin: 0 auto;
	width: 85%;
	height: 380px;
	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;
	position: relative;
}

.swiper-pagination-pj .swiper-pagination-bullet {
	background-color: #333;
	margin: 0px 4px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
}

.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 .zh-logo {
	position: absolute;
	z-index: 10;
	bottom: 50%;
	left: 50%;
	margin-bottom: -150px;
	margin-left: -150px;
	opacity: 0;
}

.zhanhui .tua .zh-logo img {
	width: 300%;
}

.zhanhui:hover .tua .zh-logo {
	opacity: 1;
	left: 0px;
	bottom: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.zhanhui:hover .tua .zh-logo img {
	width: 100px;
}

.zhanhui .tua img {
	width: 100%;
}

.zhanhui .tita {
	padding: 15px;
	background-color: #333;
}

.zhanhui .tita a h3 {
	display: block;
	padding: 10px 0px;
	font-size: 17px;
	color: #fff;
	text-align: center;
}

.zhanhui .tita p {
	display: block;
	padding: 0px 15px 15px 15px;
	font-size: 15px;
	color: #fff;
	text-align: center;
}

.zhanhui:hover .tita {
	background-color: #009b40;
}

.zhanhui:hover .tita a h3,
.zhanhui:hover .tita p {
	color: #fff;
}

/*简介*/


.ys-bg {
	width: 100%;
	height: 1790px;
	background: url(../images/ys-bg.jpg) top center no-repeat;
}
#w-ys {
    width: 80%;
    margin: 0 auto;
}

.youshi-tit {
	height: 380px;
	padding-top: 66px;
	text-align: center;
}

.youshi-tit h2 strong {
	display: block;
	text-align: center;
	font-size: 52px;
	color: #fff;
	font-weight: bold;
	text-shadow: 1px 1px 0px #023766, -1px -1px 0px #023766, 1px 1px 0px #023766, -1px -1px 0px #023766, 1px 1px 0px #023766, -1px -1px 0px #023766;
	letter-spacing: 10px;
}

.youshi-tit p {
	display: block;
	margin-top: 15px;
	font-size: 29px;
	color: #fff;
	text-shadow: 2px 2px 0px #000;
	text-align: center;
	letter-spacing: 10px;
}

.youshi-tit a {
	display: inline-block;
	margin: 0 auto;
	margin-top: 20px;
	width: 200px;
	height: 44px;
	border: 1px solid #ffffff;
	border-radius: 5px;
	font-size: 18px;
	color: #ffffff;
	letter-spacing: 0px;
	text-align: center;
	line-height: 44px;
}

.youshi-w {
	margin-top: 10px;
}

.youshi-w .ys-l {
	float: left;
	width: 50%;
}

.youshi-w .ys-r {
	float: right;
	width: 50%;
}

.youshi-w .ys-l2 {
	float: left;
	width: 50%;
}

.youshi-w .ys-r2 {
	float: right;
	width: 50%;
}

.youshi-w .tua img {
	width: 100%;
}

.ys-l-p {
	padding-left: 40px;
}

.ys-r-p {
	padding-right: 40px;
}

.youshi-list {}

.youshi-list .ys-tit {
	margin-top: 15px;
}

.youshi-list .ys-tit .tub {
	float: left;
	width: 76px;
}


.youshi-list .ys-tit .tit-nr {
	margin-left: 76px;
}

.youshi-list .ys-tit .tit-nr h3 {
	display: block;
	font-size:42px;
	color: #013e75;
	font-weight: bold;
}

.youshi-list .ys-tit .tit-nr p {
	display: block;
	font-size: 18px;
	color: #4c4d50;
	text-transform: uppercase;
}

.youshi-list li {
	padding: 20px 0px;
	border-bottom: 1px dashed #cccccc;
	margin-bottom:65px;
	overflow: hidden;
}

.youshi-list p {
	display: block;
	font-size: 22px;
	color: #171718;
}

.youshi-list span {
	display: block;
	margin-bottom:15px;
	font-size:24px;
	color: #595959;
	line-height: 150%;
	text-indent:60px;
}




/*应用*/
.project_area {
	overflow: hidden;
}

.project_item {
	margin-bottom: 20px;
	position: relative;

	&:before {
		content: "";
		background: rgba(255, 255, 255, .8);
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		opacity: 0;
		@include transition;
	}

	img {
		width: 100%;
	}

	.hover_text {
		position: absolute;
		left: 0px;
		width: 100%;
		text-align: center;
		bottom: 15px;
		@include transition;

		h4 {
			color: $dip;
			font-size: 24px;
			line-height: 30px;
			text-transform: uppercase;
			margin-bottom: 10px;
		}

		.cat {
			a {
				color: $dip;
				margin-right: 8px;
				font-size: 14px;
				font-family: $ral;
				position: relative;

				&:before {
					content: "/";
					position: absolute;
					right: -10px;
					top: 50%;
					transform: translateY(-50%);
				}

				&:last-child {
					margin-right: 0px;

					&:before {
						display: none;
					}
				}
			}
		}

		.main_btn {
			line-height: 0px;
			height: 0px;
			opacity: 0;
		}
	}

	&:hover {
		&:before {
			opacity: 1;
		}

		.hover_text {
			bottom: 35px;

			.main_btn {
				height: 100%;
				line-height: 48px;
				opacity: 1;
				margin-top: 22px;
			}
		}
	}
}

/**/
.main_btn {
	padding: 0px 40px;
	background: #009b40;
	z-index: 2;
	display: inline-block;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 48px;
	border: 1px solid #009b40;
	border-radius: 5px;
	-webkit-transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s;
}

.main_btn:hover {
	color: #009b40;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: transparent;
}

.main_btn2 {
	display: inline-block;
	background: #f9f9ff;
	padding: 0px 45px;
	color: #000000;
	font-family: "Raleway", sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 48px;
	border-radius: 5px;
	outline: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	text-align: center;
	border: 1px solid #dddddd;
	cursor: pointer;
	-webkit-transition: color 0ms linear;
	-o-transition: color 0ms linear;
	transition: color 0ms linear;
}

.main_btn2:hover {
	background-image: -moz-linear-gradient(0deg, #bc2bff 0%, #7249fb 100%);
	background-image: -webkit-linear-gradient(0deg, #bc2bff 0%, #7249fb 100%);
	background-image: -ms-linear-gradient(0deg, #bc2bff 0%, #7249fb 100%);
	-webkit-box-shadow: 0px 10px 30px 0px rgba(115, 73, 251, 0.3);
	box-shadow: 0px 10px 30px 0px rgba(115, 73, 251, 0.3);
	color: #fff;
}

.submit_btn {
	width: auto;
	display: inline-block;
	background: #fe0000;
	padding: 0px 50px;
	color: #fff;
	font-family: "Raleway", sans-serif;
	font-size: 13px;
	font-weight: 500;
	line-height: 50px;
	border-radius: 5px;
	outline: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s;
}

.submit_btn:hover {
	color: #fff;
}

.white_btn {
	display: inline-block;
	background: #f9f9ff;
	padding: 0px 32px;
	color: #000000;
	font-family: "Raleway", sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 50px;
	border-radius: 5px;
	outline: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s;
	-webkit-box-shadow: -14.142px 14.142px 20px 0px rgba(0, 0, 0, 0.1);
	box-shadow: -14.142px 14.142px 20px 0px rgba(0, 0, 0, 0.1);
}

.white_btn:hover {
	color: #000000;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.banner_btn {
	padding: 0px 38px;
	line-height: 48px;
	background: #fe0000;
	color: #fff;
	display: inline-block;
	border: 1px solid #fe0000;
	border-radius: 5px;
	font-size: 14px;
	font-family: "Raleway", sans-serif;
	font-weight: 600;
	-webkit-transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s;
}

.banner_btn:hover {
	color: #fe0000;
	background: transparent;
}

.banner_btn2 {
	padding: 0px 36px;
	line-height: 48px;
	background: #f9f9ff;
	color: #000000;
	display: inline-block;
	border: 1px solid #eeeeee;
	border-radius: 5px;
	font-size: 14px;
	font-family: "Raleway", sans-serif;
	font-weight: 600;
	-webkit-transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s;
}

.banner_btn2:hover {
	color: #fff;
	background: #fe0000;
	border-color: #fe0000;
}



/*新闻*/
.h-news-l {
	padding-left: 25px;
}

.h-news-w {
	width: 96%;
}

.h-news-tit {
	margin: 25px 0px;
	padding: 0px 15px;
	height: 30px;
	border-left: 5px solid #ffa523;
}

.h-news-tit h2 {
	display: inline-block;
	padding-right: 10px;
	font-size: 24px;
	color: #343434;
	font-weight: bold;
	vertical-align: bottom;
}

.h-news-tit p {
	display: inline-block;
	font-size: 18px;
	color: #c7c7c7;
	text-transform: uppercase;
	vertical-align: bottom;
}

.h-news-tit a {
	display: inline-block;
	float: right;
	width: 110px;
	height: 28px;
	background-color: #ffa523;
	text-align: center;
	line-height: 27px;
	color: #fff;
	font-size: 15px;
	border-radius: 20px;
}

.h-news1 {}

.h-news1 .news-one {
	padding: 17px 0px;
	border-bottom: 1px dashed #d2d2d2;
	overflow: hidden;
}

.h-news1 .news-one .tub {
	float: left;
	width: 25%;
	border-radius: 5px;
	overflow: hidden;
}

.h-news1 .news-one .tub img {
	display: block;
	width: 100%;
}

.h-news1 .news-one .new1-r {
	float: right;
	width: 71%;
}

.h-news1 .news-one .new1-r h3 {
	display: block;
	padding: 6px 0px 13px 0px;
	font-size: 18px;
	color: #444;
	font-weight: bold;
}

.h-news1 .news-one:hover .new1-r h3 {
	color: #ffa523;
}

.h-news1 .news-one .new1-r .datea {
	margin-bottom: 10px;
	text-align: left;
}

.h-news1 .news-one .new1-r .datea img {
	display: inline-block;
	float: left;
	vertical-align: middle;
}

.h-news1 .news-one .new1-r .datea p {
	display: block;
	vertical-align: middle;
	font-size: 14px;
	color: #444;
}

.h-news1 .news-one .new1-r .conta {
	width: 100%;
	height: 38px;
	font-size: 14px;
	color: #444;
	line-height: 150%;
	overflow: hidden;
}

.h-news1 .news-one .new1-r .conta p,
.h-news1 .news-one .new1-r .conta p a,
.h-news1 .news-one .new1-r .conta p strong,
.h-news1 .news-one .new1-r .conta a {
	font-size: 14px;
	color: #444;
	line-height: 150%;
}

.h-news1 li {
	padding: 20px 0px;
	border-bottom: 1px dashed #d2d2d2;
	overflow: hidden;
}

.h-news1 li h3 {
	display: block;
	padding: 6px 0px 13px 0px;
	font-size: 18px;
	color: #444;
	font-weight: bold;
}

.h-news1 li:hover h3 {
	color: #ffa523;
}

.h-news1 li .datea {
	margin-bottom: 10px;
	text-align: left;
}

.h-news1 li .datea img {
	display: inline-block;
	float: left;
	vertical-align: middle;
}

.h-news1 li .datea p {
	display: block;
	vertical-align: middle;
	font-size: 14px;
	color: #444;
}

.h-news1 li .conta {
	width: 100%;
	height: 38px;
	font-size: 14px;
	color: #444;
	line-height: 150%;
	overflow: hidden;
}

.h-news1 li .conta p,
.h-news1 li .conta p a,
.h-news1 li .conta p strong,
.h-news1 li .conta a {
	font-size: 14px;
	color: #444;
	line-height: 150%;
}

/*================荣誉=====================*/
.swiper-slide-rongyu {
	background: url(../image/rongyu-bg.jpg) top center no-repeat;
	background-size: cover;
}

#certify {
	position: relative;
	width: 90%;
	margin: 0 auto
}

#certify .swiper-container {
	padding-bottom: 60px;
}

#certify .swiper-slide {
	width: 480px;
	height: 60%;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
}

#certify .swiper-slide img {
	display: block;
	width: 100%;
}

#certify .swiper-slide p {
	line-height: 40px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;
}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify .swiper-button-prev {
	left: -30px;
	width: 45px;
	height: 45px;
	/* background: url(../image/wm_button_icon.png) no-repeat; */
	background-position: 0 0;
	background-size: 100%;
}

#certify .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

#certify .swiper-button-next {
	right: -30px;
	width: 45px;
	height: 45px;
	/* background: url(../image/wm_button_icon.png) no-repeat; */
	background-position: 0 -93px;
	background-size: 100%;
}

#certify .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}
/*范围*/

/*产品分类*/
.proc-tit{
	margin-top: 260px;
	text-align: center;
}
.proc-list li:hover .proc-tit{
	margin-top: 150px;
}
.proc-tit img{
	display: block;
	margin:0 auto;
}
.proc-tit h3{
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 38px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 4px;
	
}
.proc-tit p{
	display: block;
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
}

/*产品展示*/

/*伙伴*/
.huoban-w{
	width: 100%;
	height: 1045px;
	background: url(../images/huoban-bg.jpg) top center no-repeat;
	overflow: hidden;
}
.huoban-tit{
	margin-top: 15px;
	text-align: center;
}
.huoban-tit h2{
	display: block;
	text-align: center;
	font-size: 72px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 15px;
}
.huoban-tit span{
	font-weight:bold;
	display: block;
	font-size:50px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	letter-spacing:1px;
}
.huoban-tit p{
	margin:10px 0px;
	display: block;
	font-size: 28px;
	color: #fff;
	text-align: center;
}
.hb-tu{
	margin-top: 40px;
	width: 100%;
}
.hb-tu .hb-tul{
	float: left;
}

.hb-tul img,
.hb-tur img{
	width: 100%;
}

.hb-tit{
	margin-top: 50px;
	float: left;
	width: 29%;
}
.hb-tit h2{
	display: block;
	font-size: 40px;
	color: #fff;
	font-weight: bold;
}
.hb-tit .linea{
	display: block;
	margin:20px 0px;
	width: 135px;
	height: 5px;
	background-color: #fff100;
}
.hb-tit p{
	display: block;
	font-size: 18px;
	color: #fff;
}
.hb-tit img{
	display: block;
	margin-top:42px;
}
.hb-list-w{
	margin-top: 50px;
	float: right;
	width: 70%;
	overflow: hidden;
}
.hb-list{
	width: 105%;
}
	
.hb-list li{
	float: left;
	width: 19%;
}
.hb-list li img{
	width: 100%;
}

/*新闻*/
.h-news-l {
	padding-left: 25px;
}

.h-news-w {
	width: 96%;
}

.h-news-tit {
	margin: 25px 0px;
	padding: 0px 15px;
	height: 30px;
	border-left: 5px solid #013e75;
}

.h-news-tit h2 {
	display: inline-block;
	padding-right: 10px;
	font-size: 24px;
	color: #343434;
	font-weight: bold;
	vertical-align: bottom;
}

.h-news-tit p {
	display: inline-block;
	font-size: 18px;
	color: #c7c7c7;
	text-transform: uppercase;
	vertical-align: bottom;
}

.h-news-tit a {
	display: inline-block;
	float: right;
	width: 110px;
	height: 28px;
	background-color: #003e75;
	text-align: center;
	line-height: 27px;
	color: #fff;
	font-size: 15px;
	border-radius: 20px;
}

.h-news1 {}

.h-news1 .news-one {
	padding: 17px 0px;
	border-bottom: 1px dashed #d2d2d2;
	overflow: hidden;
}

.h-news1 .news-one .tub {
	float: left;
	width: 25%;
	border-radius: 5px;
	overflow: hidden;
}

.h-news1 .news-one .tub img {
	display: block;
	width: 100%;
}

.h-news1 .news-one .new1-r {
	float: right;
	width: 71%;
}

.h-news1 .news-one .new1-r h3 {
	display: block;
	padding: 6px 0px 13px 0px;
	font-size: 18px;
	color: #444;
	font-weight: bold;
}

.h-news1 .news-one:hover .new1-r h3 {
	color: #013e75;
}

.h-news1 .news-one .new1-r .datea {
	margin-bottom: 10px;
	text-align: left;
}

.h-news1 .news-one .new1-r .datea img {
	display: inline-block;
	float: left;
	vertical-align: middle;
}

.h-news1 .news-one .new1-r .datea p {
	display: block;
	vertical-align: middle;
	font-size: 14px;
	color: #444;
}

.h-news1 .news-one .new1-r .conta {
	width: 100%;
	height: 38px;
	font-size: 14px;
	color: #444;
	line-height: 150%;
	overflow: hidden;
}

.h-news1 .news-one .new1-r .conta p,
.h-news1 .news-one .new1-r .conta p a,
.h-news1 .news-one .new1-r .conta p strong,
.h-news1 .news-one .new1-r .conta a {
	font-size: 14px;
	color: #444;
	line-height: 150%;
}

.h-news1 li {
	padding: 20px 0px;
	border-bottom: 1px dashed #d2d2d2;
	overflow: hidden;
}

.h-news1 li h3 {
	display: block;
	padding: 6px 0px 13px 0px;
	font-size: 18px;
	color: #444;
	font-weight: bold;
}

.h-news1 li:hover h3 {
	color: #0049aa;
}

.h-news1 li .datea {
	margin-bottom: 10px;
	text-align: left;
}

.h-news1 li .datea img {
	display: inline-block;
	float: left;
	vertical-align: middle;
}

.h-news1 li .datea p {
	display: block;
	vertical-align: middle;
	font-size: 14px;
	color: #444;
}

.h-news1 li .conta {
	width: 100%;
	height: 38px;
	font-size: 14px;
	color: #444;
	line-height: 150%;
	overflow: hidden;
}

.h-news1 li .conta p,
.h-news1 li .conta p a,
.h-news1 li .conta p strong,
.h-news1 li .conta a {
	font-size: 14px;
	color: #444;
	line-height: 150%;
}

/*====================end middle====================*/
/*====================foot====================*/
.foot-w {
	padding-top: 50px;
	width: 100%;
	height: auto;
	background-color: #013e75;
	overflow: hidden;
}


.foot-one {
	float: left;
	width: 23%;
}

.foot-twe {
	float: left;
	width: 25%;
}

.foot-stree {
	float: left;
	width: 25%;
	text-align: center;
}



.foot-tit h3 {
	display: block;
	margin: 15px 0px;
	font-size: 18px;
	color: #fff;
	letter-spacing: 4px;
	font-weight: bold;
}

.foot-tit .linea {
	margin-bottom: 15px;
	width: 25px;
	height: 2px;
	background-color: #fff;
}

.foot-cont {
	font-size: 16px;
	color: #ededed;
	line-height: 190%;
}

.foot-cont p,
.foot-cont p a,
.foot-cont a,
.foot-cont p strong {
	font-size:16px;
	color: #ededed;
	line-height: 190%;
}

.foot-proc {
	margin-top: 40px;
}

.foot-proc a {
	float: left;
	display: block;
	width: 50%;
	padding-bottom: 5px;
	font-size: 15px;
	color: #999;
}

.foot-menu {
}

.foot-menu a {
	float: left;
	display: inline-block;
	width:38%;
	font-size: 16px;
	line-height:200%;
	color: #ededed;
}

.foot-linea {
	float: left;
	margin: 0px 2%;
	height: 295px;
	border-right: 1px solid #4b4b4b;
}

.foot-ewm {
	display: inline-block;
	margin: 0px 10px;
	text-align: center;
	width: 40%;
}

.foot-ewm img {
	display: block;
	margin: 0 auto;
	width: 100%;
}

.foot-ewm p {
	display: block;
	width: 100%;
	padding: 20px 0px;
	font-size: 16px;
	color: #ededed;
	text-align: center;
}

.foot-lineb {
	display: block;
	width: 100%;
	height: 1px;

}

.f-bq {
	margin-top: 30px;
	padding: 25px 0px;
	border-top: 1px solid #666666;
	width: 100%;
	text-align: center;
	font-size: 15px;
	color: #999;
}



.f-bq p strong,
.f-bq p,
.f-bq p a {
	font-size: 16px;
	color: #ededed;
	text-align: center;
}

/*end foot*/
/*内页产品详情电话*/
.yan-phone{
  margin-top: 20px;
  border-top:1px solid #efefef;
  overflow: hidden;
}

.proshow1{
  overflow: hidden;
}
.proshow1 p{
  display: block;
  padding:5px;
  font-size: 17px;
  color: #2e2e2e;
  vertical-align: middle;
  line-height: 40px;
  border-bottom: 1px dashed #d2d2d2;
  overflow: hidden;
}
.proshow1 p img{
  display:inline-block;
  float: left;
  margin-right: 15px;
  vertical-align: middle;
}
.proshow1 a{
  display: block;
  margin-top: 15px;
  width: 206px;
  height: 47px;
  background-color: #434343;
  text-align: center;
  line-height: 47px;
  font-size: 17px;
  color: #fff;
  border-radius: 8px;
}
.proshow2{
  margin-top: 20px;
  overflow: hidden;
  text-align: center;
}
.proshow2 li{
  float: left;
  margin:0 5px;
  width: 140px;
  height: auto;
}
.proshow2 li img{
  display: block;
  margin:0 auto;
  margin-bottom: 10px;
}
.proshow2 li p{
  display: block;
  font-size: 17px;
  color: #434343;
  line-height: 170%;
  text-align: center;
}
.proshow2 li p strong{
  font-size: 17px;
  color: #434343;
  line-height: 170%;
  font-weight: bold;
}
.proshow2 a{
  display: block;
  margin-top: 15px;
  width: 206px;
  height: 47px;
  background-color: #434343;
  text-align: center;
  line-height: 47px;
  font-size: 17px;
  color: #fff;
  border-radius: 8px;
}
/*内页*/
.jt-ny-tit{
  position: relative;
  height: 550px;
}
.jt-ny-tit h2{
  position: absolute;
  bottom:0px;
  left:0px;
  width: 200px;
  height: 50px;
  background-color: #013e75;
  text-align: center;
  line-height: 50px;
  color: #fff;
  font-size: 26px;
}



.ny-pro-ltit{
	padding:40px 0px;
	font-size: 26px;
	color: #fff;
	background: -webkit-linear-gradient(top,#21e13f,#0a69db);
	background: -webkit-linear-gradient(top,#21e13f,#0a69db) !important;
}
.ny-pro-ltit h2{
	display: block;
	text-align: center;
	font-size: 32px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 2px;
}
.ny-pro-ltit p{
	display: block;
	margin-top: 5px;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}
.fenlei-foot{
	width: 100%;
	height: 150px;
	background: -webkit-linear-gradient(top,#e7e7e7,#ffffff);
	background: -webkit-linear-gradient(top,#e7e7e7,#ffffff) !important;
}
.ny-proc{
	padding:0px;
}
.ny-proc dt{
	display: block;
	margin-top:1px;
	padding:8px 0px;
	background-color: #0a69db;
}
.ny-proc dt a{
	display: block;
	font-size: 17px;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
.ny-proc dd{
	position: relative;
}
.ny-proc dd a{
	margin-top: 1px;
	display: block;
	padding:8px 0px;
	background-color: #e7e7e7;
	font-size: 15px;
	color: #666;
	text-align: center;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	border-bottom:1px solid #e7e7e7;
	box-sizing: border-box;
}
.ny-proc dd:hover a{
	background-color: #7789bd;
	border-bottom: 1px solid #7789bd;
	color: #fff;
	
}

/*产品分类*/
.gl-proc{
    padding:15px 0px;
    text-align: center;
  }
  .gl-proc li{
  	width: 46%;
    display: inline-block;
    text-align: -webkit-match-parent;
  }
  .gl-proc li a{
    display: block;
    font-size: 16px;
    margin:3px;
    padding: 8px 0px;
    color: #fff;
    background-color: #00beb3;
    border-radius: 3px;
    transition: all 0.5s;
    text-align: center;
  }
  .gl-proc li:hover a{
    background-color: #333;
    color: #fff;
  }
  .h-proc1-hover{
    background-color: #333 !important;
    color: #fff !important;
  }

/*手机样式*/
  /*优势*/

/*返回顶部*/
.to-top { position: relative; z-index: 11111111111; display: none; padding: 5px 10px; color: #fff !important; background-color: #f50;}
.to-top:visited { color: #fff;}
/*end手机样式*/

/*====================PC====================*/


@media only screen and (max-width: 1450px){
	#w-90{width: 92%;}
	.header-nav .nav-list>li>a{font-size: 15px; padding:0 6px;}

}



@media only screen and (max-width: 1300px){
  #w-1260{width:100%;}
  #w-1260-1{width:100%;}
  .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%;}
  #w-top{width: 100%;}
  .padding0-sm15{padding:0px 15px;}
  .pc-menu-bg{width: 100%;}
  .pc-menu{width: 100%;}
  .foot-w{padding:50px 15px 0px 15px;}
  .top-tit{width: 98%;}

  
  /*menu*/
  .header-nav .nav-list>li>a{padding:0 3px;}
  .header-nav .nav-list > li > a::after{margin-left: 12px;}
	
  .jg-proc{text-align: center;}
  .jg-proc li{width: 19%; margin:5px 0.5%; display: inline-block;}
  .jg-proc li a{font-size: 20px;}

  .part1-l p{font-size: 20px;}
  .part1-r-con .zx-phone span{font-size: 20px;}

  #w-ys{width: 100%; padding:15px;}

  .about-video span{text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;}
  .about-video p{text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;}
  .about-tit .tua img{width: 100%;}



}

@media only screen and (max-width: 1200px){
	#w-1260{width:100%;}
  #w-1260-1{width:100%;}
  .w-1260{width:100%;}
  .w-1260-1{width:100%;}
  #w-90{width: 100%;}
  #w-80{width: 100%;}
  #w-70{width: 100%;}

	.top-logo{width: 200px;}
	.top-logo img{width: 33%;}
	.h-company{}
	.h-company h1{font-size: 22px;}
	.h-company p{font-size: 12px;}
	.h-tphone{width: 170px;}
	.h-tphone img{width: 100%;}

	.about-video{width: 40%;}
	.about-cont{width: 56%;}



}

@media only screen and (max-width: 1060px){

	.tit01 p{width: 97%;}
}

@media only screen and (max-width: 992px){
	
  #w-1260{width:100%;}
  #w-1260-1{width:100%;}
  .w-1260{width:100%;}
  .w-1260-1{width:100%;}
  #w-90{width: 100%;}
  #w-80{width: 100%;}
  #w-70{width: 100%;}
.about-cont .ab-tit h4{display:none;}
.about-cont .ab-tit p{display:none;}
  .padding0-sm15{padding:0px 15px;}
  .padding15-8{padding:8px;}
  .header-nav .nav-list>li{padding:7px 2px;}
  .header-nav .nav-list>li>a{padding:0 3px;}
  .header-nav .nav-list > li > a::after{margin-left: 12px;}

  .h-company h1{font-size: 26px;}


  .jl-pro .pro-tit a h3{font-size: 18px;}
  .jl-pro .pro-tit p{font-size: 14px;}

	.foot-one{width: 35%;}
	.foot-twe{width: 35%;}
	.foot-stree{width: 30%;}

.top-logo{float: none;display: block;width: 100%;}
.top-logo img{width: 80%;}
.ph-menu2{display: block;width: 100%; background-color: #013e75;}
.h-company h1{color: #333;}
.h-company p{color: #999;}

.about-ys .a-ysb,.about-ys .a-ysa,.about-ys .a-logo{height: 195px;}
.about-ys .a-ysb p,.about-ys .a-ysa p{font-size: 20px;}
.about-ys .a-logo p{font-size: 17px;}
.about-ys .a-ysb span,.about-ys .a-ysa span{font-size: 15px;}

.tit02 h2{font-size: 27px;}
.tit02 span{font-size:14px;}

  .mini-tit{padding:0px 0px; text-align: center;}
  .mini-tit img{ display: block; width: 100%; margin:0 auto;}
	
	/*标题*/

.fanwei-tit-l .ft-n{width: 70px;}
.fanwei-tit-l .ft-n img{width: 100%;}
.fanwei-tit-l .ft-tit h2{font-size: 26px;}
.fanwei-tit-l .ft-tit .tua{width: 50%;}
  .fanwei-tit-l .ft-tit .tua img{width: 100%;}
  .fanwei-tit-r{padding-right:15px;}
  .fanwei-tit-r p,.fanwei-tit-r .zia{font-size: 26px; text-align: right;}



}



/*====================手机====================*/
@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-1260{width:100%;}
  .w-1260-1{width:100%;}
  #w-70{width: 100%;}
  #w-80{width: 100%;}
  #w-90{width: 100%;}
  .padding0-sm15{padding:15px;}
  .mini-tit{padding:0px 0px; text-align: center;}
  .mini-tit img{ display: block; width: 100%; margin:0 auto;}
  .ny-r01{width: 100%; margin-left: 0px; padding:15px;}
  
  .jg-proc li{width: 48%; margin:5px 1%; display: inline-block;}
  .jg-proc li a{font-size: 18px;}

	.h-company h1{color: #333;}
	.top-logo img{width:80%; margin:0 auto; display:block;}
	.top-logo{padding:15px; overflow: hidden;}
	.h-company{margin-top: 8px;}

  .tit01 span{font-size: 26px;}
  .tit01 h2{font-size: 26px;}
  .tit01 p{padding:0px 15px; width: 100%; line-height: 140%;}

	.h-product h3{font-size: 17px; line-height: 150%;}
	.h-news1 .news-one .tub{width: 35%;}
	.h-news1 .news-one .new1-r{width: 62%;}
	.h-news-tit p{display: none;}

	.about-video{width: 100%;}
	.about-cont{width: 100%;}
	.abotu-w{background: url(../images/mini-about-w.jpg) top center repeat; height: auto; padding-top: 20px;}
	.about-tit h2{display: block;width: 100%; padding-bottom: 15px; text-align: center;}
	.about-tit .tua{float: left; padding-bottom: 15px;}
	.about-cont .ab-tit h3 strong{color: #fff;font-size: 22px;	}
	.cq-list li{width:48%}
	.about-cont .ab-tit p{color: #fff;}
	.about-nr p, .about-nr p a, .about-nr p a, .about-nr p strong{color: #fff;}
	.about-list{text-align: center; margin-top: 20px; margin-bottom: 15px;}
	.about-list li{border:1px solid #fff; background-color: #fff; float: none; display: inline-block; width: 22%; margin:0.5%;}
	.about-list li img{width: 70%;}
	.about-tit .tua{float:none; margin:0 auto;}
	.about-tit .tua img{margin:0 auto;}
	.about-video p{text-align: center; padding-bottom: 15px;}
	.about-video span{text-align: center;}
	.about-cont .ab-tit{border-top: 1px solid #efefef;border-bottom: 1px solid #efefef; padding-top: 15px; padding-bottom: 15px;}

	.fanwei-tit-l .ft-n{width: 40px;float: left;}
	.fanwei-tit-l .ft-n img{width: 100%;}
	.fanwei-tit-l .ft-tit h2{font-size: 18px;}
	.fanwei-tit-l .ft-tit .tua{width: 50%;}
  .fanwei-tit-l .ft-tit .tua img{width: 100%;}
  .fanwei-tit-r{padding-right:15px;}
  .fanwei-tit-r p,.fanwei-tit-r .zia{font-size: 20px; text-align: right;}
  .fanwei-tit-l .ft-tit{float: left;width: 60%;padding-top: 8px;}
  .fanwei-list{width: 98%; text-align: center; margin:0 auto;}
  .fanwei-list li{width: 48%; float: none; margin:0px;}
  .fanwei-list li h3{font-size: 15px;}
  .fanwei-bg{height: auto; padding-bottom: 15px;}
  .rongyu-tit h2{font-size: 30px;}
  .rongyu-tit span{ display: none;}
  .rongyu-tit p{font-size: 18px; padding:0px 15px;}
  .proc-tit h3{font-size: 22px;}
  .proc-list li{width: 50%; height: 300px;border-bottom: 1px solid #efefef; border-right: 1px solid #efefef;padding:8px;}
  .proc-tit{margin-top: 30px;}
  .proc-tit p{font-size: 10px;}
  .proc-w{height:610px;}
  .fanwei-tit{padding:10px; margin-top: 30px;}

	.da-pro-bg{padding:0px 0px 25px;}
	.huoban-tit h2{font-size: 38px;	}
	.huoban-tit{padding:10px;}
	.huoban-tit p{font-size: 18px;	}
	.huoban-tit span{font-size: 32px;	}
	.hb-tu{margin-top: 20px;}
	.hb-tit{width: 100%;padding:0px 10px; margin-top: 20px;}
	.hb-tit h2{font-size: 26px;	}
	.hb-tit img{width: 50px; margin-top: 20px;}
	.hb-list-w{width: 100%; padding:10px; margin-top: 15px;}
	.huoban-w{ display:none;}
	.about-ys .a-logo{width: 100%; margin-bottom: 15px; background-color: #0a69db;}
	.about-ys .a-ysa, .about-ys .a-ysb{width: 46%; margin-bottom: 10px;}
	.cq-tit h2{font-size: 26px;}
	
	.ys-bg{ background:url(../images/ys-bg-mini.jpg) top center no-repeat; background-color: #efefef;}
	#w-ys { width: 100%; padding: 15px}
	.youshi-tit h2 strong{font-size: 30px; letter-spacing: 5px; color:#013e75; text-shadow:none;}
	.youshi-tit{padding-top: 15px; height: 139px;}
	.youshi-tit p{font-size: 20px; letter-spacing: 2px; margin-top: 5px; color:#181818; text-shadow:none;}
	.youshi-tit a{ display:none;}
	.youshi-list li{
		margin-bottom:0px;
		padding:0 0;
	}
	.ys-l-p{
		padding-left:0px;
	}
	.ys-r-p{
		padding-right:0px;
	}
    .youshi-list .ys-tit .tit-nr h3{font-size: 26px; padding-top: 10px;}
	.youshi-list .ys-tit .tit-nr p{font-size: 13px; padding-top: 6px;}
	.youshi-list p{font-size: 18px;}
	.youshi-list span{font-size: 20px; margin-top: 5px; text-indent:0px;}
	.youshi-w .ys-r2 .tua{margin-top: 10px;}
	.youshi-w .ys-l .tua{margin-top: 15px;}
	.youshi-w .ys-l, .youshi-w .ys-r2, .youshi-w .ys-r, .youshi-w .ys-l2{width:100%;}
	
	
	.foot-one{width: 100%;}
	.foot-stree{float: none; width: 100%; text-align: center; display: block;}
	.foot-ewm{float: none;width: 40%; text-align: center; margin-top: 10px;}

 .rongyu-w{height: auto; background: url(../images/mini-rongyu-bg.jpg) top center no-repeat;} 
 .swiper-slide-rongyu {
	background: url(../image/part5-bg.jpg) top center no-repeat;
	background-size: cover;
	padding-top:8%;
	
}
.rongyutit h2{
	text-align: center;
	font-size: 50px;
	color: #f19a41;
	font-weight: bold;
}
#certify {
	position: relative;
	width: 90%;
	margin: 0 auto;
}

#certify .swiper-container {
	padding-bottom: 60px;
}

#certify .swiper-slide {
	width: 38%;
	height: 60%;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
}

#certify .swiper-slide img {
	display: block;
	width: 100%;
}

#certify .swiper-slide p {
	line-height: 40px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.2em;
	margin: 0;
	font-weight: bold;
}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 0;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify .swiper-button-prev {
	left: -30px;
	width: 45px;
	height: 45px;
	/* background: url(../image/wm_button_icon.png) no-repeat; */
	background-position: 0 0;
	background-size: 100%;
}

#certify .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

#certify .swiper-button-next {
	right: -30px;
	width: 45px;
	height: 45px;
	/* background: url(../image/wm_button_icon.png) no-repeat; */
	background-position: 0 -93px;
	background-size: 100%;
}

#certify .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}

/*标题*/
.mini-logo img{width: 100%;}
.ny-tit01 h2{font-size: 26px;}
.ny-tit01 span{font-size: 14px; padding:0 15px;}
/*其它*/
.search-p{padding:0px 15px; width: 90%; text-align: center; margin:0 auto;}


 /*地图*/
 .b-map .close-btn{
  top:10%;
 }
 .map-ys{height: 300px; width: 90%;}

 
 
}
