@charset "UTF-8";

/* 自定义公共辅助类 */
ul li{
	list-style:none;
}
a:hover{
	text-decoration:none
}
.bgys{background: #FFFFFF;overflow: hidden;}
.row{padding-left: 15px;padding-right: 15px;margin-left: 0!important;}
.banner_ny img{width: 100%;}
.banner_ny img:hover{transform: none;}
/* 首页样式结束 */





.banner_imgsy{width: 100%;}
/*  产品分类  */
.columns-box{
	padding: 60px 0;
	text-align: center;
	background: #f6f6f6;
}
.columns-box ul{
	display: flex;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
}
.columns-box ul li a{
	display: block;
}
.columns-box a b {
	display: block;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	margin: 0 auto;
	background: #0095ff;
	border-radius: 50%;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
	overflow: hidden;
	transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	-webkit-transform: rotate(0)
}
.columns-box a i {
	font-size: 32px;
	color: #fff
}
.columns-box a p {
	line-height: 2;
	color: #999;
	font-size: 18px;
	display: block;
	margin-top: 8px;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	-webkit-transform: translateY(0)
}
.columns-box a:hover{
	text-decoration:none
}
.columns-box a:hover b {
	background: #b9211e;
	opacity: .88;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s
}
.columns-box a:hover span {
	padding: 45px;
	top: -45px;
	left: -45px;
	opacity: 1;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	-webkit-transform: rotate(0)
}
.columns-box a:hover p {
	transition: .5s;
	color: #333;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transform: translateY(15px);
	-moz-transform: translateY(15px);
	-ms-transform: translateY(15px);
	-o-transform: translateY(15px);
	-webkit-transform: translateY(15px)
}

/*  产品中心  */
.picture-box {
	padding: 60px 0px;
	text-align: center;
	background: url(../img/box_bg.jpg) fixed;
}
.title-box {
    text-align: center;
}
.title-box span {
	font-size: 36px;
	display: block;
	margin-bottom: 20px;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s
}
.title-box i {
	display: block;
	width: 50px;
	height: 3px;
	background: #0095ff;
	margin: 0 auto;
	margin-bottom: 10px;
}
.title-box.black span {
	color: #fff
}
.title-box p {
	display: block;
	margin-bottom: 30px;
	font-size: 16px;
	color: #999;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s
}
.title-box span:hover {
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	-webkit-transform: translateX(5px)
}
.title-box p:hover {
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	-webkit-transform: translateX(5px)
}


.picture-box .container {
	position: relative
}
.picture-list{
margin: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
}
.picture-list li{
	padding: 10px;
}
.picture-list a {
	display: block;
}
.picture-list a p {
	display: block;
	position: relative;
	overflow: hidden
}
.picture-list a p b {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0);
	transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s;
	z-index: 9
}
.picture-list a p i {
	font-size: 18px;
	color: #fff;
	position: absolute;
	background: #b9211e;
	z-index: 8;
	left: 50%;
	top: -50%;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	line-height: 50px;
	margin: -25px 0 0 -25px;
	transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s;
	z-index: 10
}
.picture-list a p i:hover {
	background: #0095ff
}
.picture-list a p img {
	width: 100%;
	transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s
}
.picture-list span {
	display: block;
	text-align: center;
	font-size: 18px;
	color: #5A5A5A;
	margin-top: 15px;
	transition: .6s;
	-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s
}

.picture-list a:hover span {
	transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	-webkit-transform: translateX(5px);
	transition: .6s;
	-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s
}
.picture-list font {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #ccc;
	margin-top: 5px
}
.picture-list a:hover p b {
	background: rgba(0,0,0,.025);
	transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s
}
.picture-list a:hover p i {
	top: 50%;
	transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s
}
.picture-list a:hover p img {
	width: 100%;
	transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s
}

/* 关于我们 */
.about {
	background: #f7f7f7;
	overflow: hidden;
	padding-bottom: 50px;
}

.ab_con {
	overflow: hidden;
	padding: 0 10px;
}

.ab_left {
	float: left;
	width: 55%;
}

.ab_left p {
	font-size: 18px;
	line-height: 2em;
	text-indent: 2em;
}

.ab_more {
	width: 240px;
	height: 50px;
	display: block;
	line-height: 50px;
	font-size: 18px;
	text-align: center;
	background: #fff;
	border: 1px #ccc solid;
	margin: 20px auto 0px;
	transition: 0.3s;
}

.ab_more:hover {
	background: #a40000;
	color: #fff;
	text-decoration: none;
}

.ab_right {
	float: right;
	width: 40%;
}

.ab_right img {
	width: 100%;
}

.box_tit {
	margin: 50px 0px 40px;
	padding: 0 10px;
}

.box_tit span {
	width: 100%;
	height: 1px;
	background: #ddd;
	margin: 15px auto;
	display: block;
}

.box_tit span i {
	width: 150px;
	height: 5px;
	background: #a40000;
	font-style: normal;
	display: block;
	position: relative;
	top: -2px;
}

.box_tit p {
	font-size: 36px;
	text-transform: capitalize;
	font-weight: 100;
}

.box_tit b {
	font-size: 36px;
	font-weight: 400;
}
@media(max-width:1024px) {
	.ab_right {
		display: none;
	}
	.ab_left {
		width: 100%;
	}
}

@media(max-width:768px) {
	.box_tit {
		margin: 40px 0px 30px;
	}
	.box_tit p {
		font-size: 30px;
	}
	.box_tit b {
		font-size: 30px;
	}
}

@media(max-width:425px) {
	.box_tit {
		margin: 30px 0px 20px;
	}
	.box_tit p {
		font-size: 24px;
	}
	.box_tit b {
		font-size: 24px;
	}
}

/*  新闻中心  */
.info-box {
	padding: 60px 0px;
	text-align: center;
	background: url(../img/box_bg.jpg) fixed;
}
.info-list ul {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0px;
    padding: 0px;
    text-align: left;
}
.info-list li {
	padding: 0 10px;
    overflow: hidden;
}
.info-list b {
	float: left;
	border-right: 1px solid #eee;
	height: 75px;
	padding-right: 15px;
	line-height: .5;
	color: #ccc;
	margin: 10px 15px 30px 0
}
.info-list em {
	font-size: 19px;
	display: block;
	color: #5a5a5a;
	padding-bottom: 15px;
	font-style: normal
}
.info-list h3 {
	display: block;
	line-height: 2;
	font-size: 18px;
	color: #5a5a5a;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.info-list p {
	display: block;
	height: 55px;
	font-size: 16px;
	line-height: 1.6;
	margin: 5px 0;
	color: #b0b0b0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}
.info-list li:hover h3 {
	transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	-webkit-transform: translateX(5px);
	color: #000;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s
}
.info-list li:hover p {
	color: #bbb;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s
}

/* 应用领域 */
.application-box {
	padding: 50px 0px;
	background: #f7f7f7;
}

.app_list ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 0;
	padding: 0;
}

.app_list ul li {
	margin: 10px;
}

@media(max-width:768px) {
	.application-box {
		display: none;
	}
}

/* 合作流程 */
.cooperation {
	overflow: hidden;
	padding-bottom: 50px;
	background: url(../img/box_bg.jpg) fixed;
}

.coo_con li {
	width: 48%;
	margin: 1%;
	float: left;
	border: 1px #ccc solid;
	padding: 10px;
	box-shadow: 5px 5px 5px #cccccc91;
	display: flex;
}

.coo_l {
	float: left;
	display: flex;
	align-items: center;
	margin-right: 15px;
	border-right: 1px #ccc solid;
	padding-right: 10px;
}

.coo_l p {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	line-height: 1.8em;
}

.coo_l i {
	width: 40px;
	font-size: 40px;
	color: #b9211e;
	margin: 0 10px;
}

.coo_r {
	font-size: 16px;
}

@media(max-width:768px) {
	.coo_con li {
		width: 98%;
	}
}



/* 底部 */
.contact-box {
	padding: 50px 0 60px 0;
	background: #1f1f23;
	background: url(../img/foot_bg.jpg) no-repeat #080808;
}
@media(max-width:1024px) {
	.contact-box {
		padding: 20px 0 30px 0;
	}
}
.contact-left {
	color: #717171;
	margin-top: 30px
}
.contact-left strong.company {
	font-size: 16px;
	color: #eee;
	padding: 0 0 20px 4px;
	display: block
}
.contact-text {
	max-width: 100%;
	margin: 0 auto;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s
}
.contact-text:hover {
	transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	-webkit-transform: translateX(5px);
	transition: .6s;
	-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s
}
.contact-text p {
	font-size: 16px;
}
.contact-text a {
	font-size: 16px;
	color: #717171;
}
.dbewm{width: 100%;}


/* 首页样式结束 */

/* 关于我们开始 */
.met-show {
	padding: 20px 0 40px;
	background: url(../img/box_bg.jpg) fixed;
}

.met-show h3 {
	margin: 20px auto 40px;
	font-size: 24px;
}

@media(max-width:768px) {
	.met-show h3 {
		margin: 20px auto 30px;
	}
}

.ab_cons {
	
	align-items: center;
	
}

.ab_cimg {
	margin-right: 2%;
	width: 48%;
	float: left;
}

.ab_cimg img {
	width: 100%;
}

.ab_crig {
	
}

.ab_crig p {
	font-size: 16px;
	line-height: 2em;
	margin: 0;
	padding: 0;
	text-indent: 2em;
}

@media(max-width:1024px) {
	.ab_cimg {
		margin-right: 0;
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	.ab_crig {
		width: 100%
	}
}

/* 关于我们结束 */

/* 产品列表页开始 */
.product-list-fl {
	background: #fff;
}

.pronav-ul {
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.pronav-ul li a {
	font-size: 16px;
    color: #212121;
    font-weight: 400;
    display: block;
    padding: 8px 10px;
    transition: 0.3s;
    border: 1px #ccc solid;
    margin: 30px 10px 10px;
    border-radius: 5px;
}

.pronav-ul li a:hover {
	color: #fff;
	background: #b9211e;
}
/* 产品列表*/
.met-productlist {
	padding: 20px 0 40px;
	background: url(../img/box_bg.jpg) fixed;
}

.cplist{
	margin: 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
}


.cplist .widget-shadow {
	margin: 10px;
	text-align: center;
	background: #f3f3f3;
	border: solid 1px #f3f3f3;
	
}

.cplist .widget-shadow a {
	color: #000;
	overflow: hidden;
	display: block;
	
}
.widget-image{
	overflow: hidden;
}

.widget-image img{
	width: 100%;
	transition: all 0.6s;
}

.widget-title {
	font-size: 16px;
	margin: 13px 0px;
}
.cplist .widget-shadow a:hover .widget-image img{
	transform: scale(1.1);
}
/* 产品内容 */
.pst-left{margin-bottom:15px;}

.three_advantages { background: #f9f9f9; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.15); padding: 20px 20px; box-shadow: inset #fff 0 1px 0 0, rgba(0, 0, 0, 0.1) 0 1px 4px 0; color: #666; text-shadow: #fff 0 1px 0; }
.three_advantages ul li { margin: 10px 0; position: relative; text-align: left; display: flex; align-items: center; }
.three_advantages ul li i.iconfont { font-size: 25px; left: 0; top: 0; }
.three_advantages ul li span { font-size: 14px; margin-left: 10px; }
.three_advantages ul .two i.iconfont { font-size: 30px; }

@media (max-width: 460px) {.ad-image img{width:100%;height:auto;}} 


.conta_ways { text-align: left; margin-top: 15px; margin-bottom: 14px; color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; padding: 8px 35px 8px 14px; border: 1px solid #fbeed5; border-radius: 4px; }

.conta_ways ul li { margin: 10px; }

.met-showproduct{background: #f6f6f6;}
.met-position-show{
	background: #f6f6f6;
}
.mbxdh{
	padding: 15px 10px;
}
.mbxdh a{
	color: #5a5a5a;
    font-size: 18px;
}
.pro-show-top{
	display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: #fff;
    padding: 30px 0px;
}

.ad-image {
	text-align: center;
	border: 1px solid #e9e9e9;
	overflow: hidden;
	box-shadow: inset #ffffff 0px 1px 2px 1px, rgba(0, 0, 0, 0.2) 0 1px 4px 0;
}

.pst-right001 h1 {
font-size: 26px;
    margin: 15px 0 35px 0;
    color: #ef0000;
    font-weight: 600;
    text-align: center;
}

.pst-right p {
	margin: 0;
	font-size: 14px;
	line-height: 2em;
	color: #b3b3b3;
}

.pro-show-bot .container {
	display: flex;
	flex-wrap: wrap;
	padding: 30px 0px;
}

.panel-body {
	padding: 15px;
	width: 100%;
	background: #fff;
	margin-bottom: 30px;
}

.nav-tabs {
	border-bottom: 1px solid #e4eaec;
	margin-bottom: 30px;
	overflow: hidden;
	line-height: 3em;
	padding: 0px;
}

.nav-tabs li {
	padding: 0 15px;
	border-bottom: 3px #b9211e solid;
}

.nav-tabs li span {
	color: #5a5a5a;
	border-bottom-color: #b9211e;
	font-size: 16px;
}

.tab-content{padding: 2%;}

.tab-content p{
	font-size: 16px;
    line-height: 2em;
}
.tjxw {
	overflow: hidden;
	padding-top: 20px;
}

.tjxw a {
	color: #5a5a5a;
	font-size: 15px;
	transition: 0.3s;
}

.tjxw span {
	margin-bottom: 10px;
	display: block;
}

.tjxw a:hover {
	color: #b9211e;
}
.met_page{
    margin: 15px auto 0px;
    overflow: hidden;
    height: auto;
    padding: 10px;
    line-height: 3em;
}
.met_page span{

}
.page-status{margin: 0 15px;}

.met_page span a{
    border: 1px solid #e4eaec;
    margin-left: -1px;
    background: #fff;
    padding: 9px 15px;
    text-align: center;
    color: #76838f;
    transition: 0.3s;
}
.met_page span a:hover{
    background: #a51f1c;
    color: #fff;
}
/* 产品列表结束*/

/* 新闻列表*/
.met-newslist {
	padding: 40px 0;
	background: url(../img/box_bg.jpg) fixed;
}
.met-newslist .bgys {
	display: flex;
	flex-wrap: wrap;
}
.met-newslist .met-page-ajax {
	margin: 0;
	padding: 0;
}

.met-page-ajax .media-lg {
	border-bottom: 1px solid #f0f2f5;
    padding: 20px;
    margin-bottom: 30px;
    box-shadow: 0 0 5px #929292;
    margin-top: 10px;
}

.met-page-ajax .media-lg a:hover{

      color: #D70F0F;
	

}

.met-page-ajax .media-lg .media-left img {
	width: 150px;
}

.met-page-ajax .media-lg .media-body span {
	float: right;
	margin: 10px 0px;
}

.met-page-ajax .media-lg .media-body .media-heading {
	font-size: 18px;
	margin: 10px 0px;
	line-height: 1.6em;
}

.met-page-ajax .media-lg .media-body .des {
	color: #717171;
	margin: 0px;
	line-height: 1.8em;
	text-indent: 2em;
	font-size: 16px;
}
@media(max-width:768px) {
.met-page-ajax .media-lg .media-left{display: none;}

}
.met-news-bar {
	margin: 20px 0;
	padding: 20px 0;
	width: 100%;
}

.met-news-bar h3 {
	font-size: 18px;
    font-weight: 400;
    margin: 0;
    padding: 10px;
    background-color: #337ab7;
    color: #ffffff;
}

.met-news-bar ul {
	
	padding: 0;
}

.met-news-bar ul li {
	margin-bottom: -1px;
	border: 1px #e4eaec solid;
	transition: 0.3s;
}

.met-news-bar ul li a {
	display: block;
	padding: 10px 15px;
	color: #2a333c;
	font-size: 15px;
	transition: 0.3s;
}
.met-news-bar ul li:hover{
	background: #b9211e;
}
.met-news-bar ul li:hover a{
	color: #fff;
}

/* 新闻列表结束*/
/* 新闻内容开始*/
.met-shownews-header{
    overflow: hidden;
    margin: 20px;
    line-height: 2em;
}
.met-shownews-header h1{
    margin: 0;
    font-size: 20px;
    margin-bottom: 5px;
}
.info{
    color: #a3afb7;
    font-size: 13px;
    font-weight: 300;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f2f5;
}
.met-editor{width:100%}
.met-editor p{
    font-size: 16px;
    line-height: 2em;
}
.page-show{
    border-top: 1px #ccc solid;
    padding-top: 15px;
    display: block;
    line-height: 2em;
}
.page-show li{
    font-size: 16px;
}
.page-show li a{
    color: #333;
    font-size: 16px;
}
.page-show li a:hover{
    color: #a51f1c; 
	
}
/* 新闻内容结束*/


/*联系我们*/
.lianxiUs3{display: flex;padding:10px 10px 52px 10px;border-bottom:solid 1px #ccc;}
.lianxiUs{display: flex;padding:10px 10px 92px 10px;border-bottom:solid 1px #ccc;}
.lianxiUs1 {display: flex;padding: 10px 10px 72px 10px;border-bottom:solid 1px #ccc;}
.lianxiUs2{display: flex;padding:10px 10px 92px 10px;border-bottom:solid 1px #ccc;}


.lianxiUs3 p{font-weight: 800;font-size: 18px;}
.lianxiUs1 p{font-weight: 800;font-size: 18px;}
.lianxiUs p{font-weight: 800;font-size: 18px;}
.lianxiUs2 p{font-weight: 800;font-size: 18px;}

@media(max-width:1400px) {
       .lianxiUs1{padding:10px 10px 32px 10px;}
   .lianxiUs{padding:10px 10px 128px 10px;} 
   .lianxiUs2{padding:10px 10px 72px 10px;} 
   .lianxiUs3{padding:10px 10px 68px 10px;} 
}
@media(max-width:1200px) {
       .lianxiUs1{padding:10px 10px 32px 10px;}
   .lianxiUs{padding:10px 10px 128px 10px;} 
   .lianxiUs2{padding:10px 10px 72px 10px;} 
   .lianxiUs3{padding:10px 10px 68px 10px;} 
}
@media(max-width:992px) {
    .lianxiUs1 {padding: 10px 10px 68px 10px;}
    .lianxiUs{padding:10px 10px 72px 10px;} 
    
}