/*style css*/

* {

	padding: 0;

	margin: 0 auto;

	font-family: MicrosoftYaHei;

}



body {

	max-width: 1920px;

	width: 100%;

	height: 100%;

	background: #fff;

	font-size: 14px;

	font-family: MicrosoftYaHei;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-font-smoothing: subpixel-antialiased;

	color: #222;

	line-height: 25px;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

}



html {

	max-width: 1920px;

	width: 100%;

	height: 100%;

}



h1,

h2,

h3,

h4,

h5,

h6

	{

	font-weight: 400;

}



h1 {

	font-size: 38px;

	text-transform: capitalize;

}



p {

	font-size: 16px;

	font-weight: 300;

	margin-top: 0;

	margin-bottom: 0;

	color: #404040;

}



a {

	color: #2a3855;

	font-weight: 400;

	-webkit-transition: 0.2s ease-in-out;

	-moz-transition: 0.2s ease-in-out;

	transition: 0.2s ease-in-out;

}



a:hover,

a:active,

a:focus {

	outline: none !important;

	text-decoration: none !important;

}



img {

	max-width: 100%;

}



ul>li {

	color: #726a84;

	font-size: 16px;

	font-weight: 300;

	list-style-type: none;

}



/* header   start*/

.header {

	position: fixed;

	top: 0;

	left: 0;

	z-index: 1001;

	width: 100%;

	background-color: #FFFFFF;

	height: 60px;

	line-height: 60px;

}



.header .logo {

	max-height: 50px;

}



.header .navbar-collapse {

	padding-right: 0;

	padding-left: 0;

}



.header .navbar-default {

	background-color: #FFFFFF;

	border: none;

}



@media (min-width: 768px) {

	.navbar-nav {

		float: right !important;

		margin: 0;

	}

}



@media (min-width: 768px) {

	.navbar-nav>li>a {

		padding: 20px 0 !important;

		margin: 0 0 0 40px;

	}

}



.header .navbar-default .navbar-nav>.active>a,

.header .navbar-default .navbar-nav>.active>a:focus,

.header .navbar-default .navbar-nav>.active>a:hover {

	color: #f0450c;

	background-color: transparent;

}



.header .navbar-default .navbar-nav>li>a {

	color: #000000;

	font-size: 14px;

}



.header .navbar-default .navbar-nav>li>a:hover {

	color: #f0450c;

}



.header .navbar-default .navbar-nav>li>a::after {

	content: '';

	width: 0;

	background-color: #f0450c;

	left: 0;

	position: absolute;

	top: 0;

	height: 2px;

	-webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1);

	transition: all .66s cubic-bezier(.17, .84, .44, 1);

	z-index: 1;

	border: none;

	margin: 0;

}



.header .navbar-default .navbar-nav>.active>a::after {

	width: 100%;

}



.header .navbar-default .navbar-nav>li>a:hover::after {

	width: 100%

}



.footer {

	padding: 45px 0;

	border-top: 1px solid #cccccc;

}



.footer p {

	margin-bottom: 0px;

}



.leftbox .rightborder {

	border-right: 1px solid #cccccc;

	padding-right: 10px;

}



.foot-logo-img>img {

	max-width: 160px;

}



.iconbox {

	overflow: hidden;

	padding-left: 0;

	text-align: left;

	padding-top: 16px;

}



.iconbox li a {

	width: 50px;

	height: 50px;

	display: inline-block;

	background-color: #f1f2f2;

	border-radius: 50%;

	line-height: 50px;

	text-align: center;

}



.iconbox li {

	padding: 0 0 5px 0;

}



.iconbox li i {

	font-size: 30px;

	color: #ebc21d;

}



.foot-logo-img p {

	padding-top: 16px;

	font-style: italic;

	color: #676a6c;

}



.powered_by_metinfo {

	margin-top: 10px;

	color: #000000;

}



.powered_by_metinfo p {

	font-size: 14px;

	line-height: 25px;

}



.powered_by_metinfo a {

	text-decoration: underline;

	color: #000000;

}



.powered_by_metinfo a:hover {

	color: #000000;

}



.foot {

	text-align: left;

	border-bottom: 1px solid;

	border-color: #cccccc;

	margin-bottom: 20px;

	height: 45px;

	line-height: 45px;

}



.foot-nav {

	overflow: hidden;

	display: flex;

	margin-bottom: 0;

}



.foot-nav a {

	font-size: 14px;

	color: #deb40d;

}



.foot-nav a:hover {

	font-size: 14px;

	color: #deb40d;

}



.newsbox {

	text-align: left;

	padding-right: 30px !important;

	border-right: 1px solid #cccccc;

}



.newsbox ul li {

	position: relative;

	padding-left: 10px;

	display: flex;

	align-items: center;

	justify-content: space-between;

}



.newsbox ul li:before {

	content: "";

	width: 0;

	height: 0;

	border-width: 5px 0 5px 5px;

	border-style: solid;

	border-color: transparent transparent transparent #000000;

	position: absolute;

	left: 0;

	top: 50%;

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	transform: translateY(-50%);

}



.newsbox ul li a {

	color: #000000;

	transition: color .25s;

	display: inline-block;

	max-width: 73%;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	margin: 0;

	line-height: 32px;

	font-size: 14px;

}



.newsbox ul li a:hover {

	color: #deb40d;

}



.newsbox ul li span {

	font-size: 14px;

	color: #cccccc;

	margin: 0;

}



.foot-ewm-img {

	float: right;

	padding-left: 48px !important;

}



.foot-ewm-img div.row>div {

	float: left;

	padding-right: 18px;

	max-width: 50%;

	text-align: center;



}



.foot-ewm-img p {

	color: #676a6c;

	font-size: 14px;

}



@media (min-width: 1600px) {

	.container {

		width: 1310px !important;

	}

}



/* header  end*/



/* other start */

.content {

	margin-top: 60px;

}



.silder {

	overflow: hidden;

}



.silder .swiper-pagination-bullet {

	display: inline-block;

	opacity: 1;

	width: 3px;

	height: 3px;

	background: rgba(255, 255, 255, 1);

	border: 5px solid rgba(0, 0, 0, 1);

	box-sizing: content-box;

	-webkit-transform: translatez(0.01px);

	transform: translatez(0.01px);

	transition: all 0.3s;

	cursor: pointer;

}



.silder .swiper-pagination-bullet-active {

	background: rgba(0, 0, 0, 1);

	border-color: rgba(255, 255, 255, 1);

}



.silder .swiper-button-next,

.silder .swiper-button-prev {

	background: rgba(0, 0, 0, 0.5);

	min-width: 70px;

	min-height: 70px;

	display: block;

	z-index: 100;

	border-radius: 50%;

}



.silder .icon--zuoyoujiantou1,

.silder .icon-zuoyoujiantouicon-de {

	color: #ffffff;

	display: block;

	line-height: 70px;

	text-align: center;

}



.sildertext {

	position: relative;

}



.sildertextsm {

	position: absolute;

	top: 30%;

	left: 20%;

	text-align: center;

}



.sildertextsm h4 {

	font-weight: bold;

	font-size: 48px;

	color: #ffffff;

	-webkit-transition: all 2s;

	-webkit-transition-delay: 1.5s;

	animation-duration: .5s;

}



.sildertextsm p {

	font-size: 33px;

	color: #ffffff;

	-webkit-transition: all 2s;

	-webkit-transition-delay: 2.5s;

	animation-duration: .5s;

}



.maintitle-title {

	text-align: center;

	padding: 30px 0;

}



.maintitle-title h3 {

	font-size: 32px;

	color: #000000;

	margin: 0 0 5px 0;

}



.maintitle-title p {

	font-size: 24px;

	color: #676a6c;

	text-transform: uppercase;

}



.maintitle .nav-tabs {

	overflow: hidden;

}



.maintitle .nav-tabs li {

	width: 16.66%;

	text-align: center;

	padding: 0 0 30px 0;

	position: relative;

}



.maintitle .nav-tabs li:after {

	content: '';

	display: block;

	width: 0;

	height: 0;

	position: absolute;

	left: 50%;

	bottom: -20px;

	margin-left: -10px;

	border-left: 10px solid transparent;

	border-right: 10px solid transparent;

	border-bottom: 10px solid #d1d1d1;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}



.maintitle .nav-tabs li:hover:after,

.maintitle .nav-tabs li.active:after {

	bottom: 0;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}



.maintitle .nav-tabs li p {

	color: #ebc21d;

	font-size: 14px;

	margin: 10px 0 0 0;

}



.maintitle .nav-tabs li i {

	width: 60px;

	height: 60px;

	line-height: 60px;

	font-size: 50px;

	color: #ebc21d;

	display: block;

	margin: 0 auto;

}



.maintitle .nav-tabs li:last-child i {

	font-size: 40px;

}



.maintitle .nav-tabs>li>a {

	border: none;

}



.maintitle .nav-tabs li:hover i,

.maintitle .nav-tabs li:hover p {

	color: #f0450c;

}



.maintitle .nav>li>a:focus,

.maintitle .nav>li>a:hover {

	text-decoration: none;

	background-color: transparent;

}



.maintitle .nav-tabs>li.active>a,

.maintitle .nav-tabs>li.active>a:focus,

.maintitle .nav-tabs>li.active>a:hover {

	border: none;

}



.maintitle .nav-tabs>li.active>a i,

.maintitle .nav-tabs>li.active>a p {

	color: #f0450c;

}



.maintitle .nav-tabs {

	border-bottom: none;

}



.hastext {

	padding: 30px 0 0;

	display: flex;

	justify-content: space-between;

	overflow: hidden;

}



.hastext-left {

	width: 50%;

	padding-right: 10%;

	position: relative;

	left: 50px;

	top: 0;

	opacity: 0;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}



.hastext-left h4 {

	font-size: 26px;

	color: #000000;

	font-weight: bold;

}



.hastext-left p {

	font-size: 20px;

	line-height: 36px;

	margin: 20px 0 30px;

}



.hastext-left .more {

	display: block;

	width: 120px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	background-color: #858585;

	color: #FFFFFF;

	-moz-border-radius: 30px;

	-webkit-border-radius: 30px;

	border-radius: 30px;

	margin: 0;

}



@keyframes leftfadeInUp {

	0% {

		opacity: 0;

		left: 50px

	}



	to {

		opacity: 1;

		left: 0px

	}

}



@-webkit-keyframes leftfadeInUp {

	0% {

		opacity: 0;

		left: 50px

	}



	to {

		opacity: 1;

		left: 0px

	}

}



@-moz-keyframes leftfadeInUp {

	0% {

		opacity: 0;

		left: 50px

	}



	to {

		opacity: 1;

		left: 0px

	}

}



@-o-keyframes leftfadeInUp {

	0% {

		opacity: 0;

		left: 50px

	}



	to {

		opacity: 1;

		left: 0px

	}

}



.hastext .leftfadeInUp {

	-webkit-animation-name: leftfadeInUp;

	animation-name: leftfadeInUp;

}



@keyframes rightfadeInUp {

	0% {

		opacity: 0;

		bottom: -50px

	}



	to {

		opacity: 1;

		bottom: 0

	}

}



@-webkit-keyframes rightfadeInUp {

	0% {

		opacity: 0;

		bottom: -50px

	}



	to {

		opacity: 1;

		bottom: 0

	}

}



@-moz-keyframes rightfadeInUp {

	0% {

		opacity: 0;

		bottom: -50px

	}



	to {

		opacity: 1;

		bottom: 0

	}

}



@-o-keyframes rightfadeInUp {

	0% {

		opacity: 0;

		bottom: -50px

	}



	to {

		opacity: 1;

		bottom: 0

	}

}



.hastext .rightfadeInUp {

	-webkit-animation-name: rightfadeInUp;

	animation-name: rightfadeInUp;

}



.hastext .animated {

	-webkit-animation-duration: .5s;

	animation-duration: .5s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

	animation-delay: .25s;

	-webkit-animation-delay: .35s;

}



.hastext .hastext-img {

	width: 50%;

	position: relative;

	right: 0;

	bottom: -50px;

	opacity: 0;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}



.hastext .hastext-img img {

	max-width: 100%

}



.met-index-body {

	padding: 50px 0px;

	background: #ebc21d;

}



.met-index-body ul {

	display: flex;

	flex-wrap: wrap;

}



.met-index-body ul li {

	width: 25%;

	text-align: center;

	color: #ffffff;

	padding: 0 10px;

}

.mun_top{
	display: flex;
	align-items: center;
    justify-content: center;
}

.met-index-body ul li h2 ,.met-index-body ul li span{
	font-size: 60px;
	margin: 0;

}



.met-index-body ul li p {

	font-size: 18px;

	color: #ffffff;

	margin: 10px auto;

}



.met-index-case {

	padding: 50px 0;

}



.met-index-case-title {

	text-align: center;

}



.met-index-case-title h3 {

	font-weight: bold;

	margin: 0 0 20px 0;

}



.met-index-case-title h3 a {

	color: #000000;

	font-size: 22px;

	position: relative;

}



.met-index-case-title h3 a:after {

	background-color: #ebc21d;

	content: "";

	height: 3px;

	width: 40px;

	left: 35%;

	top: 35px;

	position: absolute;

}



.met-index-case-title p {

	font-size: 16px;

	text-align: center;

	color: #676a6c;

	margin: 6px auto 0;

}



.index-case-tab {

	text-align: center;

}



.index-case-tab .nav-tabs {

	border-bottom: none;

	margin: 60px auto 40px;

	display: inline-block;

}



.index-case-tab .nav-tabs>li>a {

	border: none;

	border-radius: 0;

	color: #676a6c;

	background-color: #ffffff;

	padding: 8px 30px;

	font-size: 14px;

}



.index-case-tab .nav-tabs>li.active>a,

.index-case-tab .nav-tabs>li.active>a:focus,

.index-case-tab .nav-tabs>li.active>a:hover {

	color: #ffffff;

	background-color: #ebc21d;

	border: none;

}



.index-case-tab .nav-tabs>li>a:hover {

	color: #ffffff;

	background-color: #ebc21d;

}



.imagesize ul {

	display: flex;

	flex-wrap: wrap;

}



.imagesize ul li {

	width: 20%;

	margin: 0;

	position: relative;

}



.imagesize .project-item a {

	color: #fff;

}



.imagesize .project-item a:hover {

	color: #fff;

	border: none;

}



.imagesize .project-item .project-img {

	position: relative;

	overflow: hidden;

}



.imagesize .project-item .project-img .cover-image {

	display: block;

}



.imagesize .project-item .project-intro {

	width: 100%;

	height: 100%;

	text-align: center;

	padding: 32px 30px 0 30px;

	position: absolute;

	top: 0;

	left: 0;

	opacity: 0;

	overflow: hidden;

}



.imagesize .project-item .project-intro:hover {

	opacity: 1;

}



.imagesize .project-item .project-intro .project-title {

	margin: 0 0 20px 0;

	padding: 0;

	font-size: 18px;

	font-weight: bold;

	text-align: center;

	color: #ffffff;

}



.imagesize .project-intro .project-title:before {

	content: "";

	border: 1px solid;

	border-color: #ebc21d;

	position: absolute;

	bottom: -10px;

	left: 0;

	width: 10%;

	margin: 0 45%

}



.imagesize .project-item .project-title,

.imagesize .project-item .project-descr {

	position: relative;

	z-index: 3

}



.imagesize .project-item .project-title {

	top: -10px

}



.imagesize .project-item .project-descr {

	margin-top: 50px;

	color: #ffffff

}



.imagesize .project-item .project-img:after {

	content: "";

	display: block;

	position: absolute;

	top: 15px;

	left: 10px;

	right: 10px;

	bottom: 15px;

	background: rgba(250, 250, 250, 0);

}



.imagesize .project-item .project-title,

.imagesize .project-item .project-descr,

.imagesize .project-item .project-img:after,

.imagesize .project-item .project-img .cover-image {

	-webkit-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.6, 1);

	-moz-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.6, 1);

	-o-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.6, 1);

	-ms-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.6, 1);

	transition: all 0.3s cubic-bezier(0.3, 0.1, 0.6, 1)

}



.imagesize .project-item:hover .project-title {

	top: 10px

}



.imagesize .project-item:hover .project-descr {

	margin-top: 30px

}



.imagesize .project-item:hover .project-img:after {

	background: #8a8282;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1)

}



.imagesize .project-item:hover .project-img .cover-image {

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	-ms-transform: scale(1.05);

	transform: scale(1.05)

}



.index-process {

	padding: 30px 0px;

	background: #ebc21d;

	text-align: center;

}



.index-process ul {

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

	margin: 50px 0 0;

}



.index-process ul li {

	width: 16.66%;

}



.title-box h2 {

	font-size: 30px;

	color: #ffffff;

	margin-top: 0;

	margin-bottom: 20px;

}



.title-box p {

	font-size: 18px;

	width: 80%;

	color: #ffffff;

	margin: 0 auto;

}



.index-process ul li i {

	position: relative;

	width: 120px;

	height: 120px;

	text-align: center;

	font-size: 50px;

	line-height: 120px;

	color: #ffffff;

	border-radius: 100%;

	-webkit-transition: all .25s ease-out;

	transition: all .25s ease-out;

	border: 1px solid;

	border-color: #ffffff;

	display: inline-block;

}



.index-process ul li .icon-woshou,

.index-process ul li .icon-qianlansedishuangxiangjiantou:before {

	font-size: 65px;

}



.index-process ul li .num {

	width: 35px;

	height: 35px;

	background: #ffffff;

	border-radius: 100%;

	border: 1px solid;

	border-color: #ffffff;

	position: absolute;

	left: -2px;

	top: 5px;

	color: #ebc21d;

	text-decoration: none;

	font-size: 18px;

	text-align: center;

	line-height: 35px;

	font-weight: 100;

	font-family: arial;

	z-index: 9;

	-webkit-transition: all .25s ease-out;

	transition: all .25s ease-out;

}



.index-process ul li:hover i {

	background: #ffffff;

	color: #ebc21d;

}



.index-process ul li:hover .num {

	background: #ebc21d;

	color: #ffffff;

	border-color: #ebc21d;

}



.index-process ul li p {

	font-size: 20px;

	color: #ffffff;

	margin: 20px auto 5px;

}



.p-y-15 {

	padding-top: 15px;

	padding-bottom: 15px;

}



.boxall {

	overflow: hidden;

	border: 1px solid #d4d3d8;

	height: 107px;

	position: relative;

	display: flex;

	align-items: center;

}



.left {

	height: 100%;

	width: 13%;

	padding: 0px;

	background-color: #ebc21d;

	position: relative;

	margin: 0;

}



.left:before {

	content: '';

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	left: 100%;

	border: 14px solid transparent;

	border-left-color: #ebc21d;

}



.left .mytitle {

	line-height: 107px;

	text-align: center;

	margin: 0px;

	font-size: 22px;

	color: #ffffff;

}



.about_box {

	width: 87%;

}



.about_box ul {

	margin-bottom: 0;

}



.about_box ul li {

	padding: 4px 20px;

	display: inline-block;

	white-space: nowrap;

}



.about_box ul li a {

	color: #000000;

	font-size: 14px;

}



.about_box ul li a:hover {

	color: #deb40d;

}



/* product start */

/* .clearfix {

	padding: 10px 0;

} */



.clearfix {

	padding: 10px 0;

	display: flex;

	align-items: center;

	margin-bottom: 0;

	flex-wrap: wrap;

}



.clearfix li,

.clearfix li a {

	font-size: 12px;

	text-align: center;

	color: #000000;

	line-height: 30px;

	margin: 0;

}



.clearfix li a:hover {

	color: #deb40d;

}



.clearfix li i {

	padding: 0 10px;

}



.zhuanti-item {

	padding-top: 30px;

	padding-bottom: 30px;

}



.zhuanti-list {

	text-align: left;

	padding: 50px 30px 50px 100px;

	margin-bottom: 30px;

	border-bottom: 1px solid #d1d1d1;

}



.zhuanti-list .widget-title {

	position: relative;

	line-height: 1.5;

	font-size: 28px;

	margin-bottom: 20px;

	margin-top: 0;

	color: #000000;

	text-transform: capitalize;

}



.zhuanti-list .widget-title:before {

	position: absolute;

	content: '';

	width: 100px;

	height: 2px;

	background-color: #181818;

	margin: 20px 0;

	-webkit-transform: translateX(-110%);

	-moz-transform: translateX(-110%);

	-ms-transform: translateX(-110%);

	-o-transform: translateX(-110%);

	transform: translateX(-110%);

}



.zhuanti-list .summary {

	color: #676a6c;

	font-size: 14px;

}



/* contact start */

.contact {

	padding: 30px 0;

	text-align: center;

}



.contact-map {

	width: 530px;

	height: 340px;

}



.contact-map img {

	max-width: inherit;

}



.contact ul {

	margin: 20px auto;

}



.contact ul li {

	font-size: 16px;

	color: #2A333C;

	line-height: 28px;

	margin-bottom: .8em;

}



/* about start */

.about {

	padding: 30px 0;

	text-align: center;

}



.about img {

	margin: 15px auto;

}



.about h4 {

	font-size: 18px;

	color: #2A333C;

	font-weight: bold;

	margin-bottom: .8em;

	text-align: left;

}



.about p {

	font-size: 16px;

	color: #2A333C;

	margin-bottom: .8em;

	text-align: left;

}



/* news start */

.news {

	padding: 30px 0;

}



.news-list {

	padding: 30px;

	margin-bottom: 0;

}



.news-list li:first-child {

	padding-top: 0;

}



.news-list li {

	padding: 30px 0;

	border-bottom: 1px solid #CCCCCC;

	-webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1);

	transition: all .66s cubic-bezier(.17, .84, .44, 1);

	position: relative;

}



.news-link {

	display: flex;

	justify-content: space-between;

}



.news-list li h4 {

	margin: 0 0 20px;

	font-size: 22px;

}



.news-list li h4 a {

	color: #000000;

}



.news-list li h4 a:hover {

	color: #ebc21d;

}



.news-list p {

	margin-bottom: 0;

}



.news-link p {

	color: #676a6c;

	margin-bottom: 10px;

	font-size: 13px;

	width: 75%;

}



.news-link .more {

	border: 1px solid #cccccc;

	color: #676a6c;

	overflow: hidden;

	display: inline-block;

	height: 40px;

	line-height: 40px;

	text-align: center;

	-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;

	-moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;

	-ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 200ms;

	-o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;

	transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;

	width: 160px;

	cursor: pointer;

	transition-duration: 1s;

	font-size: 14px;

}



.news-link .more span {

	display: block;

	width: 100%;

	position: relative;

	text-align: center;

	height: 40px;

	line-height: 40px;

	-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 100ms;

	-moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 100ms;

	-ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 100ms;

	-o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 100ms;

	transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 100ms;

	color: #676a6c;

}



.news-link .more span:after {

	content: attr(data-title);

	position: absolute;

	height: 40px;

	top: 0px;

	left: 0px;

	right: 0;

	color: transparent;

	transform: translate(0, 100%);

	-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;

	-moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;

	-ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 200ms;

	-o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;

	transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;

}



.news-link .more:hover {

	border-color: #ebc21d;

	background-color: #ebc21d;

}



.news-link .more:hover span {

	transform: translate(0, -100%)

}



.news-link .more:hover span:after {

	background-color: #ebc21d;

	color: #fff

}



.news-list .info span {

	font-size: 16px;

	color: #676a6c;

}



.news-list .info span:first-child {

	font-size: 22px;

	margin-right: 5px

}



.sidebar {

	margin-left: 30px;

	padding: 30px;



}



.sidebar-search {

	position: relative;

}



.sidebar-search input {

	display: block;

	width: 100%;

	padding: .429rem 50px .429rem .929rem;

	color: #76838f;

	line-height: 28px;

	border: 1px solid #e4eaec;

}



.sidebar-search input:focus {

	border-color: #000000;

	outline: none;

}



.input-search-btn {

	position: absolute;

	top: 0;

	right: 0;

	height: 100%;

	padding: 0 10px;

	border: none;

	border-radius: 0 200px 200px 0;

	background: 0 0;

	outline: none;

}



.recommend {

	margin: 20px 0 0;

	padding: 20px 0 0;

	border-top: 1px solid #eeeeee;

}



.recommend h3 {

	color: #37474f;

	font-size: 16px;

	margin: 0;

}



.news .clearfix {

	padding: 0 0 5px 0;

	border-bottom: 1px solid #ddd;

}



.news .clearfix li,

.news .clearfix li a {

	color: #999999;

}



.sidebar-column {

	margin: 20px 0 0;

	padding: 20px 0 0;

	border-top: 1px solid #eeeeee;

}



.sidebar-column li {

	margin-top: 6px;

}



.sidebar-column li:first-child a {

	font-size: 18px;

}



.sidebar-column li a {

	display: block;

	font-size: 16px;

	color: #676a6c;

}



.sidebar-column li .active {

	color: #000000;

}



.met-shownews-content {

	margin: 30px auto;

}



.details-title {

	padding: 20px;

	border-bottom: 1px solid #f0f2f5;

}



.details-title h4 {

	font-size: 30px;

	color: #000000;

	margin-left: 0;

	margin-right: 0;

}



.details-title .details-info {

	font-size: 16px;

	color: #a3afb7;

}



.details-title .details-info span {

	padding-right: 10px;

}



.details-text {

	padding: 30px;

	text-align: center;

}



.details-text h4 {

	font-size: 24px;

	color: #898989;

	margin: 0;

	text-align: left;

}



.details-text p {

	font-size: 13px;

	color: #959595;

	text-align: left;

	margin-bottom: .8em;

}



.details-text img {

	margin: .8rem auto;

}





.met-page {

	margin-top: 30px;

	border-top: 1px solid #f0f2f5;

}



.met-page .pagination {

	display: flex;

	align-items: center;

	justify-content: space-between;

	margin: 30px auto;

}



.met-page .pagination li {

	margin: 0;

	width: 50%;

}



.met-page .pagination li a {

	font-size: 14px;

	color: #2A333C;

	border-radius: 4px;

}



.met-page .pagination li:nth-child(2) a {

	float: right;

}



.met-page .pagination li a:hover {

	color: #deb40d;

	background-color: transparent;

}



.service {

	text-align: center;

}



.goods {

	margin-bottom: 30px;

}



.card {

	display: flex;

	flex-wrap: wrap;

	text-align: center;

	margin-bottom: 0;

}



.card li {

	width: 33.33%;

	padding: 10px;

	margin: 0;

}



.overlay {

	position: relative;

	display: inline-block;

	width: 100%;

	max-width: 100%;

	margin: 0;

	overflow: hidden;

	vertical-align: middle;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}



.overlay-scale {

	width: 100%;

}



.overlay-scale,

.overlay-fade {

	-webkit-transition-timing-function: ease-out;

	-o-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

	-webkit-transition-duration: .3s;

	-o-transition-duration: .3s;

	transition-duration: .3s;

	-webkit-transition-property: opacity -webkit-transform -webkit-filter, opacity -webkit-transform filter;

	-o-transition-property: opacity -o-transform filter;

	transition-property: opacity transform filter;

}



.overlay-fade {

	background: rgba(0, 0, 0, .5);

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	padding: 20px;

	color: #fff;

}



.vertical-align-middle {

	display: inline-block;

	vertical-align: middle;

	max-width: 100%;

}



.overlay-fade:before {

	display: inline-block;

	height: 100%;

	content: '';

	vertical-align: middle;

}



.vertical-align-middle h3 {

	margin: 0 auto 20px;

	font-size: 24px;

}



.vertical-align-middle a {

	color: #fff;

	display: inline-block;

	padding: .429rem 1rem;

	border: 1px solid #fff;

	font-size: 14px;

}



.vertical-align-middle a:hover {

	color: #898989;

	background-color: #FFFFFF;

}



.overlay:hover .overlay-fade {

	opacity: 1

}



.overlay-scale {

	-webkit-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1)

}



.overlay:hover .overlay-scale {

	-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

	transform: scale(1.1)

}



.goods-link {

	border-bottom: 1px solid #a8a8a8;

}



.goods-link .clearfix li,

.goods-link .clearfix li a {

	color: #ebc21d;

}



.goods-details {

	margin: 30px auto;

	padding: 30px;

	border-radius: 8px;

	border: 1px solid #a8a8a8;

	text-align: left;

}



.goods-details .details-title {

	padding: 0;

	border-color: #a8a8a8;

	margin-bottom: 20px;

}



.goods-details .details-title .info {

	font-size: 12px;

	color: #676a6c;

	margin: 10px 0 20px 0;

	float: right;

}



.details-title::after {

	display: table;

	clear: both;

	content: '';

}



.goods-details .details-title h4 {

	font-size: 22px;

	float: left;

	margin: 0;

}



.goods-details .details-title .info span {

	padding-right: 10px;

}



.met-showimg-con {

	margin: 20px auto;

}



.goods-details .met-page {

	border-color: #a8a8a8;

}



.met-editor {

	display: flex;

	margin: 60px auto 30px;

}



.met-editorleft {

	margin: 0;

	width: 40%;

}



.met-editorright {

	width: 60%;

	padding-left: 30px;

}



.met-editorright h5 {

	font-size: 22px;

	color: #000;

}



.met-editorright h6 {

	font-size: 13px;

	color: #666666;

	margin: 10px auto;

}



.met-editorright p {

	padding-bottom: 8px;

	font-size: 18px;

	color: #999999;

	margin-bottom: 0;

}



.met-editorright .editoryellow {

	color: #dcda16;

}



.met-editorright .editorred {

	color: #f25353;

}



.shown {

	width: 25% !important;

}



.shown .overlay-fade:not(:hover),

.shown .vertical-align-middle:not(:hover) {

	opacity: 0;

}



.shown .overlay-fade {

	background: rgba(255, 255, 255, .6);

}



.shown .vertical-align-middle a {

	font-size: 14px;

	border: none;

}



.shown .vertical-align-middle:hover a:hover {

	color: #FFFFFF;

	background: rgba(0, 0, 0, .5);

}



.shown .vertical-align-middle {

	padding: 5px;

	background: #000000;

	color: #ffffff;

}



.shown .overlay:hover .vertical-align-middle {

	opacity: 1;

	-webkit-animation-duration: .5s;

	-o-animation-duration: .5s;

	-o-animation-timing-function: ease-out;

	-o-animation-fill-mode: both;

}



.showntext {

	font-size: 14px;

	color: #000000;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}



.productlink .clearfix li,

.productlink .clearfix li a {

	color: #ebc21d;

}



.page-content {

	display: flex;

	padding: 30px 0px;

}



.productimg {

	width: 60%;

	text-align: center;

}



.product-intro {

	width: 40%;

}



.product-intro h4 {

	font-size: 24px;

	color: #000000;

	margin: 0 0 10px;

}



.product-intro p {

	color: #676a6c;

	font-size: 14px;

	line-height: 28px;

}



.product-hot {

	padding: 30px 0px;

}



.sidebar-piclist,

.pull-lg-right {

	padding: 30px;

}



.sidebar-piclist h4 {

	font-size: 16px;

	color: #000000;

	margin: 0;

}



.pull-lg-right .nav-tabs>li.active>a,

.pull-lg-right .nav-tabs>li.active>a:focus,

.pull-lg-right .nav-tabs>li.active>a:hover {

	border: none;

	color: #ebc21d;

	border-bottom: 2px solid #ebc21d;

}



.pull-lg-right .nav-tabs>li>a {

	border: none;

	color: #333;

	font-size: 14px;

}



.pull-lg-right .nav-tabs>li>a:hover {

	background-color: #FFFFFF;

	border-bottom: 2px solid #ccd5db;

}



.producttext {

	margin-top: 20px;

}



.producttext p {

	font-size: 16px;

	line-height: 24px;

	color: #666666;

}



.producttext p strong {

	color: #003399;

}



.producttext img {

	margin: 0 auto 10px;

}



/* other end*/

@media screen and (min-width:992px) and (max-width:1300px) {



	/* 中型设备（台式电脑，992px 起） */

	.silder .swiper-button-next,

	.silder .swiper-button-prev {

		min-width: 50px;

		min-height: 50px;

	}



	.silder .icon--zuoyoujiantou1,

	.silder .icon-zuoyoujiantouicon-de {

		line-height: 50px;

	}



	.navbar-nav>li>a {

		margin: 0 0 0 30px;

	}

}



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



	/* 小型设备（平板电脑，768px 起） */

	.header {

		position: fixed;

		top: 0;

		left: 0;

		z-index: 1001;

		width: 100%;

		background-color: #FFFFFF;

		height: 180px;

		line-height: inherit;

	}



	.navbar-nav {

		margin-top: 20px !important;

	}



	.navbar-nav>li>a {

		padding: 15px 0 !important;

		margin: 0 0 0 40px;

	}



	.header .container {

		padding-right: 0;

		padding-left: 0

	}



	.content {

		margin-top: 180px;

	}



	.silder .swiper-button-next,

	.silder .swiper-button-prev {

		min-width: 40px;

		min-height: 40px;

	}



	.silder .icon--zuoyoujiantou1,

	.silder .icon-zuoyoujiantouicon-de {

		line-height: 40px;

	}



	.sildertextsm h4 {

		font-size: 36px;

	}



	.sildertextsm p {

		font-size: 24px;

		color: #ffffff;

	}



	.sildertextsm {

		left: 25%;

	}



	.footer {

		padding: 20px 0;

	}



	.leftbox .rightborder {

		text-align: center;

	}



	.iconbox li {

		text-align: center;

	}



	.maintitle-title {

		padding: 20px 0;

	}



	.maintitle-title h3 {

		font-size: 28px;

	}



	.maintitle-title p {

		font-size: 18px;

		margin-bottom: 0;

	}



	.maintitle .nav-tabs li {

		width: 33.33%;

		padding: 0 0 10px 0;

	}



	.maintitle .nav-tabs li:after {

		content: none;

	}



	.hastext .hastext-img {

		display: none;

	}



	.hastext-left {

		width: 100%;

		padding-right: 0;

		left: 0;

	}



	.hastext {

		padding: 20px 0;

	}



	.hastext-left h4 {

		font-size: 20px;

		font-weight: normal;

	}



	.hastext-left p {

		font-size: 14px;

		line-height: 26px;

		margin: 20px 0;

	}



	.met-index-body ul li {

		width: 50%;

		padding: 0 10px;

		margin-bottom: 10px;

	}



	.met-index-body ul li h2 ,.met-index-body ul li span {

		font-size: 50px;

	}



	.imagesize ul li {

		width: 33.33%;

	}



	.index-case-tab .nav-tabs {

		margin: 40px auto 0;

	}



	.index-process ul {

		margin: 0;

	}



	.index-process ul li {

		width: 33.33%;

		margin-top: 30px;

	}



	.left .mytitle {

		font-size: 18px;

	}



	.about_box ul {

		overflow-x: scroll;

		display: flex;

	}



	.index-case-tab .nav-tabs {

		display: flex;

		overflow-x: scroll;

	}



	.index-case-tab .nav-tabs>li {

		white-space: nowrap;

	}



	.about,

	.contact {

		padding: 20px 0;

	}



	.goods {

		padding-left: 0 !important;

		padding-right: 0 !important;

		margin-bottom: 0;

	}



	.card li {

		width: 50%;

	}



	.goods-details {

		margin: 20px auto;

		padding: 20px;

	}



	.news {

		padding: 20px 0;

	}



	.news-list {

		padding: 20px;

	}



	.sidebar {

		margin-left: 0;

		padding: 20px;

	}



	.news-link {

		display: inline-block;

	}



	.news-list li {

		padding: 20px 0;

	}



	.news-list li h4 {

		margin: 0 0 10px;

		font-size: 18px;

	}



	.news-link p {

		width: 75%;

	}



	.news-link .more {

		float: right;

	}



	.news-link .more::after {

		display: table;

		clear: both;

		content: '';

	}



	.met-shownews-content {

		margin: 20px auto;

	}



	.met-shownews-content {

		margin: 20px auto;

	}



	.met-page {

		margin-top: 20px;

	}



	.met-page .pagination {

		margin: 20px auto;

	}



	.zhuanti-item {

		padding-top: 20px;

		padding-bottom: 20px;

	}



	.zhuanti-list {



		padding: 50px 0 20px 0;

	}



	.zhuanti-list .widget-title:before {

		width: 0;

	}



	.shown {

		width: 50% !important;

	}



	.page-content {

		display: inline-block;

		padding: 20px 0px;

	}



	.productimg {

		width: 100%;

	}



	.product-intro {

		width: 100%;

		margin-top: 10px;

	}



	.product-hot {

		padding: 20px 0px;

	}



	.sidebar-piclist,

	.pull-lg-right,

	.sidebar-piclist,

	.pull-lg-right {

		padding: 20px;

	}

}



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



	/* 超小设备（手机，小于 768px） */

	.header {

		padding: 0 15px;

	}



	.header .logo {

		max-height: 40px;

	}



	.header .navbar-toggle {

		margin-top: 13px;

		margin-right: 0px;

		margin-bottom: 13px;

	}



	.header .navbar-nav {

		padding: 10px 0;

		margin: 0;

	}



	.silder .swiper-button-next,

	.silder .swiper-button-prev {

		display: none;

	}



	.about_box ul {

		overflow-x: scroll;

		display: flex;

	}



	.index-case-tab .nav-tabs {

		display: flex;

		overflow-x: scroll;



		margin: 20px auto;

	}



	.index-case-tab .nav-tabs>li {

		white-space: nowrap;

	}



	.maintitle-title {

		padding: 20px 0;

	}



	.maintitle-title h3 {

		font-size: 28px;

	}



	.maintitle-title p {

		font-size: 18px;

		margin-bottom: 0;

	}



	.maintitle .nav-tabs li {

		width: 33.33%;

		padding: 0 0 10px 0;

	}



	.maintitle .nav-tabs li:after {

		content: none;

	}





	.hastext .hastext-img {

		display: none;

	}



	.hastext-left {

		width: 100%;

		padding-right: 0;

		left: 0;

	}



	.hastext {

		padding: 20px 0;

	}



	.hastext-left h4 {

		font-size: 20px;

		font-weight: normal;

	}



	.hastext-left p {

		font-size: 14px;

		line-height: 26px;

		margin: 20px 0;

	}



	.sildertextsm {

		display: none;

	}



	.met-index-body ul li {

		width: 50%;

	}



	.met-index-body ul li h2 ,.met-index-body ul li span{

		font-size: 35px;

	}



	.met-index-body {

		padding: 30px 0px;

	}



	.met-index-case {

		padding: 20px 0;

	}



	.index-case-tab .nav-tabs>li>a {

		padding: 8px 20px;

	}



	.imagesize ul li {

		width: 100%;

	}



	.title-box h2 {

		font-size: 24px;

		margin-bottom: 10px;

	}



	.title-box p {

		font-size: 16px;

	}



	.index-process ul li {

		width: 50%;

	}



	.index-process ul li i {

		width: 90px;

		height: 90px;

		font-size: 40px;

		line-height: 90px;

	}



	.index-process ul {

		margin: 30px 0 0;

	}



	.left .mytitle {

		line-height: 27px;

		font-size: 15px;

	}



	.left:before {

		content: none;

	}



	.boxall {

		height: 56px;

	}



	.about {

		padding: 15px 0;

	}



	.about p {

		font-size: 14px;

	}



	.about img {

		margin: 10px auto;

	}



	.footer {

		padding: 20px 0;

	}



	.leftbox .rightborder {

		border-right: none;

		padding-right: 0;

		text-align: center;

	}



	.iconbox {

		text-align: center;

	}



	.foot {

		text-align: center;

		height: auto;

		line-height: 45px;

	}



	.foot-nav {

		flex-wrap: wrap;

	}



	.foot-nav li {

		width: 33.33%;

	}



	.newsbox {

		padding-right: 15px !important;

		border-right: none;

	}



	.newsbox ul li a {

		max-width: 72%;

	}



	.contact {

		padding: 15px 0;

	}



	.contact-map {

		width: 260px;

		height: 200px;

	}



	.contact ul {

		margin: 15px auto;

	}



	.contact ul li {

		font-size: 14px;

	}





	.goods {

		margin-bottom: 15px;

		padding-left: 0 !important;

		padding-right: 0 !important;

	}



	.card li {

		width: 100%;

	}



	.clearfix li,

	.clearfix li a {

		line-height: inherit;

	}



	.goods-details {

		margin: 8px auto;

		padding: 15px;

	}



	.goods-details .details-title .info {

		float: left;

	}



	.met-showimg-con {

		margin: 15px auto;

	}



	.met-editor {

		display: inline-block;

		margin: 15px auto;

	}



	.met-editorleft {

		width: 100%;

		text-align: center;

	}



	.met-editorright {

		width: 100%;

		padding-left: 0;

	}



	.met-page {

		margin-top: 15px;

	}



	.met-page .pagination li a span {

		display: none;

	}



	.news {

		padding: 15px 0;

	}



	.news-list {

		padding: 0;

	}



	.news-list li h4 {

		margin: 0 0 8px;

		font-size: 18px;

	}



	.news-link {

		display: inline-block;

	}



	.news-link p {

		width: 100%;

		margin-bottom: 5px;

		overflow: hidden;

		text-overflow: ellipsis;

		display: -webkit-box;

		-webkit-line-clamp: 2;

		-webkit-box-orient: vertical;

	}



	.news-link .more {

		margin-top: 15px;

	}



	.news-list li {

		padding: 15px 0;

	}



	.sidebar {

		margin-top: 15px;

		margin-left: 0;

		padding: 15px;

	}



	.met-shownews-content {

		margin: 15px auto;

	}



	.details-title {

		padding: 15px;

	}



	.details-title h4 {

		font-size: 20px;

	}



	.details-title .details-info {

		font-size: 14px;

	}



	.details-text {

		padding: 15px;

	}



	.details-text h4 {

		font-size: 18px;

	}



	.zhuanti-item {

		padding-top: 15px;

		padding-bottom: 15px;

	}



	.zhuanti-list {

		padding: 20px 0;

		margin-bottom: 15px;

	}



	.zhuanti-list .widget-title {

		font-size: 20px;

		margin-bottom: 15px;

	}



	.zhuanti-list .widget-title:before {

		width: 0;

	}



	.shown {

		width: 100% !important;

	}



	.page-content {

		display: inline-block;

		padding: 15px 0px;

	}



	.productimg,

	.product-intro {

		width: 100%;

	}



	.product-intro h4 {

		font-size: 20px;

		margin-top: 10px;

	}



	.product-intro p {

		line-height: 24px;

		margin-bottom: 0;

	}



	.product-hot {

		padding: 15px 0px;

	}



	.sidebar-piclist,

	.pull-lg-right {

		padding: 15px;

	}



	.producttext p {

		font-size: 14px;

	}



}