*,:after,:before{    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}html{font-size: 62.5% !important;}html,body,div,p,strong,input,form,img,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt{margin: 0;padding: 0;vertical-align:middle;}tbody,tr,td{margin:0;padding:0;}h1,h2,h3,h4,h5,h6{font-size:100%}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{    font-family: inherit;    font-weight: 500;    line-height: 1.1;    color: inherit;}ul,ol,li{list-style: none;}i,em{font-style:normal;font-weight: normal;}a{	blr: expression(this.onFocus=this.blur());	text-decoration: none;    transition-duration: .5s;    cursor: pointer;    color: #333;    outline: none;}a:focus,a:hover{text-decoration:none;}input,button{ font-family: "Microsoft YaHei"; }body {	/*overflow-x: hidden;*/    font: 14px "Microsoft YaHei",Arial,Helvetica,sans-serif;	--swiper-navigation-size : 20px;}/*清除浮动*/ .cle{	clear:both;	height:0;	margin:0; 	padding:0; 	border:none; 	overflow:hidden;}.clearfix:before,.clearfix:after{    display:block;    content:"";    visibility:hidden;    height:0}.clearfix:after{clear:both;}.clearfix{zoom:1} /* IE < 8 */.tal{text-align:left;}.tac{text-align:center;}.tar{text-align:right;}.text-nowrap{white-space: nowrap;}.text-upper{text-transform: uppercase;}.text-lower{text-transform: lowercase;}.capitalize{text-transform: capitalize;}.fl,.le{float:left;}.fr,.ri{float:right;}.por{position:relative;}.poa{position:absolute;}.row{padding: 0;}.row-fl{padding-left: 0;}.row-fr{padding-right: 0;}[class*=am-u-]+[class*=am-u-]:last-child{float: left;}[class*='am-icon']{font-size: 1.6rem;}[class*=am-u-]{padding: 0;}.img100{display:inline-block;max-width:100%;height:auto}.img-center{text-align: center;}img{max-width:100%;}.imgbox{	/*非IE的主流浏览器识别的垂直居中的方法*/	display: table-cell;	vertical-align:middle;	text-align: center;	*display: block;	*font-family:Arial;}.imgbox>img{	vertical-align:middle;	display: inline-block;}.pcshow{ display: block !important; }.webshow{ display: none !important; }header{ background: #fff; }.header-box{	display: flex;	flex-wrap: wrap;	justify-content: space-between;	position: relative;}header .logo{	width: 20%;	display: flex;	justify-content: center;	align-items: center;}header .logo img{	max-height: 80px;}header .navbtn{ display: none; }nav{	width: 80%;}nav>ul{	display: flex;	justify-content: flex-end;	flex-wrap: wrap;}nav>ul>li{}nav>ul>li>a{ display: inline-block; padding: 0 30px; text-align: center; height: 58px; line-height: 58px; font-size: 14px; }nav>ul>li>a:hover,nav>ul>li>a.on{ color: #df0023; }nav .tel{ padding: 0 30px; text-align: right; font-size: 18px; line-height: 42px; height: 42px; }nav .tel span{ font-size: 22px; }@media only screen and (max-width: 768px){	.wrap.header-box{		width: 100%;	}	header .logo{		padding: 5px 0;		width: 100%;	}	header .logo img{		max-height: 45px;	}	header .navbtn{		position: absolute;		display: flex;		align-items: center;		height: 100%;		padding: 5px;		right: 0;		font-size: 15px;	}	nav{		display: none;		width: 100%;		position: absolute;		top: 55px;		z-index: 99;		background: #fff;	}	nav .tel{		padding: 0;		text-align: center;		font-size: 12px !important;		border-bottom: 1px dashed #999;	}	nav .tel span{		font-size: 14px;	}	nav>ul{		padding: 15px 0;	}	nav>ul>li{		width: 100%;	}	nav>ul>li>a{		display: block;		line-height: 38px;		height: 38px;	}}/*	Banner */.banner{ width: 100%; overflow: hidden; z-index: 1; }.banner img{ padding: 0; margin: 0; }/*	imgTbale */.imgTable{	display: table;    height: 100%;    width: 100%;    text-align: center;    text-transform: uppercase;    vertical-align: middle;    background: #fff;    -moz-transition: all, 0.6s;    -webkit-transition: all, 0.6s;    -o-transition: all, 0.6s;    -ms-transition: all, 0.6s;    transition: all, 0.6s;    -webkit-transition-timing-function: ease-out;    -moz-transition-timing-function: ease-out;    transition-timing-function: ease-out;}/*.imgTable:hover {    z-index: 20;    /* box-shadow: 0 10px 30px rgba(0,0,0,0.1);    -webkit-transform: scale(1.15);    -moz-transform: scale(1.15);    -ms-transform: scale(1.15);    transform: scale(1.15);}*/.imgTable span{	display: block;	height: 20rem;    /*max-width: 20rem;*/    margin: 0 auto;}.imgTable span img{    max-height: 20rem;    position: relative;    top: 50%;    margin: 0 auto;    -webkit-transform: translateY(-50%);    -moz-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%);}/** * =====*=====*=====*=====*=====*MAIN CSS*=====*=====*=====*=====*===== */.wrap{ width: 95%; max-width: 1200px; margin: 0 auto; }.wrap.noh{overflow: inherit;}.wrap:before,.wrap:after{ /*display: table; content: ""; */    display: block;    content: "";    visibility: hidden;    height: 0;}.Mmore{ display: block; margin: 0 auto; width: 139px; height: 39px; line-height: 39px; text-align: center; border: 1px solid #333; }.Mtit{ text-align: center; padding-bottom: 38px; }.Mtit p{ padding: 8px 0; font-size: 26px; line-height: 2; text-transform: uppercase; }.Mtit p.fwn{ font-weight: normal; }.Mtit span{ position: relative; display: block; font-size: 16px; }.Mtit i{ display: inline-block; width: 40px; height: 2px; background: #df0023; }/* .Mtit span:before,.Mtit span:after{ top: 30%; position: absolute; display: block; width: 96px; height: 12px; content: ''; }.Mtit span:before{ left: -110px; background: url(../images/ico_1.png) no-repeat; }.Mtit span:after{ right: -110px; background: url(../images/ico_2.png) no-repeat; }*/.Mtit h2{ font-size: 35px; font-weight: bold; }.Mtit.bs{ color: #fff !important; }.Mtit.bs span:before{ left: -110px; background: url(../images/ico_3.png) no-repeat; }.Mtit.bs span:after{ right: -110px; background: url(../images/ico_4.png) no-repeat; }.p50{ padding: 50px 0; }.swiper-box li{	padding: 5px;}.swiper-box li a{	display: flex;	align-items: center;	justify-content: center;	flex-wrap: wrap;}.swiper-box li a>div{	width: 100%;}.swiper-box li a .t{	line-height: 35px;	text-align: center;}.swiper-box li a .t p{	font-size: 12px;	color: #999;	text-align: left;	line-height: 2;}.m1menu ul{ text-align: center; padding-bottom: 30px; }.m1menu ul li{ float: left; }.m1menu ul li a{ display: block; padding: 0 20px; height: 38px; line-height: 38px; }.m1menu ul li:hover a{ background: #1d1e1e; color: #fff; }.m2{ background: url(../images/m2bg.jpg) center; }.m2 .m2box{ line-height: 2; color: #fff; }.m2ul{ padding: 38px 0; }.m2ul li{ float: left; width: 25%; text-align: center; color: #fff; }.m2ul li p{ font-size: 18px; line-height: 3; }.m2ul li span{ font-size: 12px; line-height: 2; }.m3{ background: #eee; }.m4box .items{ float: left; width: 33%; padding: 5px; }.m5{ padding-bottom: 100px; background: url(../images/m5.jpg) no-repeat center top; }.m5box{	display: flex;	justify-content: space-between;	flex-wrap: wrap;}.m5box .box{	width: 60%;}.m5tit{ color: #fff; }.m5tit p{ font-size: 30px; }.m5tit p b{ font-size: 40px; }.m5tit .desc{ padding: 10px 0; font-size: 16px; line-height: 2; }.m5msg{ color: #fff; }.m5msg h3{ line-height: 40px; height: 40px; }.m5msg .fl{ width: 50%; }.m5msg input,.m5msg textarea{ background: none; border: 1px solid #fff; }.m5msg input{ width: 90%; height: 40px; }.m5msg textarea{ width: 100%; height: 120px; }.m5msg .btn{ padding: 15px 0; }.m5msg button{ width: 100%; height: 40px; line-height: 40px; background:    #1c1c1c; color: #fff; border: 0; cursor: pointer; }.m5ri{ width: 30%; color: #fff; text-align: center; }.m5ri p{ font-size: 24px; font-weight: bold;  }.m5ri .tp{margin: 20px 0; padding: 20px; border: 1px solid #fff; }@media only screen and (max-width: 768px){	.Mtit {		padding-bottom: 25px;	}	.Mtit p {		font-size: 15px;	}	.Mtit span {		font-size: 13px;	}	.p50{		padding: 30px 0;	}	.m2ul li{		width: 50%;	}	.m2ul li span{		display: none;	}	.m2ul li img{		max-height: 60px;	}	.m2ul li p {		font-size: 13px;		line-height: 2;		padding-bottom: 13px;	}	.m5{		background-size: cover;	}	.m5box .box{		width: 100%;	}	.m5box .le{		width: 100%;	}	.m5tit p {		font-size: 14px;	}	.m5tit p b {		font-size: 24px;	}	.m5msg .fl {		width: 100%;	}	.m5msg input {		width: 100%;	}	.m5ri{		width: 100%;	}}/** * =====*=====*=====*=====*=====*FOOTER CSS*=====*=====*=====*=====*===== */footer{ padding-top: 40px; color: #cbcbcb; background: #1c1c1c; }footer a{ color: #cbcbcb; }footer .footerCon{ float: left; font-size: 18px; }footer .footerCon span{ font-size: 24px; }footer .footerNav{ float: left; padding: 0 30px; }footer .footerNav ul li{ float: left; padding: 0 10px; }footer .footerNav ul li a{ display: block; height: 30px; line-height: 30px;	padding: 0 10px; }footer .footerbox{ float: left; padding-left: 20px; border-left: 1px solid #cbcbcb; }footer .footerbox ul{ padding: 20px 0; }footer .footerbox ul li{ float: left; margin-right: 15px; }.copyright{ text-align: center; color: #cbcbcb; line-height: 38px; }.copyright a{ color: #cbcbcb; }@media only screen and (max-width: 768px){	footer {		padding: 0;	}	footer .footerCon {		width: 100%;		padding: 20px 0;		text-align: center;	}	footer .footerNav,	footer .footerbox {		display: none;	}	.copyright {		line-height: 28px;		font-size: 12px !important;	}}/** * =====*=====*=====*=====*=====*SUBMAIN CSS*=====*=====*=====*=====*===== */.subBanner{ 	width: 100%; 	height: 455px; 	background-repeat: no-repeat; 	background-position: center top; 	background-size: auto 100%; }.subBody{ 	padding: 2rem 0; }.submain .Mtit{ padding: 30px 0 !important; }.editor{ padding: 1.2rem; line-height: 2; }.editor img,.mbArticleSharePic{ max-width: 100%; }.sub-left{margin-bottom: 15px;}.sub-tit{ padding: 30px 0; text-align: center; }.sub-tit p{ font-family: Arial; font-size: 32px; text-transform: uppercase; }.sub-tit span{ display: block; line-height: 2; font-size: 18px; }.sub-tit i{ display: inline-block; width: 50px; height: 2px; background: #8f011d; }.sub-wz{	float: right;	font-size: 12px;	color: #999;	line-height: 35px;}.sub-wz a{	font-size: 12px;	color: #999;}.submenu{	width: 100%;	white-space: nowrap;	/*overflow-x: scroll;*/	/*overflow-y: hidden;*/	/*text-align: justify;*/	display: flex;}.submenu::-webkit-scrollbar{	display: none;}.submenu>li{	position: relative;	background: #f2f2f2;}.submenu>li>a{	display: block;	padding: 15px 10px;	font-size: 13px;	color: #666;	background-size: 100%;}.submenu>li:hover>a,.submenu>li.on>a{	color: #fff;	background: #0091d5;}/*.submenu>li>ol{*//*	position: absolute;*//*	display: none !important;*//*}*/.submenu>li>ol{	display: none !important;	padding: 15px 25px;	/*width: 250%;*/	position: absolute;	border-radius: 8px;	background: #f2f2f2;	border: 1px solid #f9f9f9;	/*background: rgba(255,255,255,.9);*/	z-index: 9;}/*.submenu>li>ol{*//*	display: none !important;*//*}*//*.submenu>li:first-child>ol{*//*	display: block !important;*//*}*/.submenu>li:hover>ol{	display: block !important;}.submenu>li>ol>li{	padding: 3px 0;}.submenu>li>ol>li>a{	display: block;	font-size: 13px;	line-height: 2;}.submenu>li>ol>li:hover>a,.submenu>li>ol>li.on>a{	color: #df0023;}@media screen and (max-width: 768px){	.sub-tit{		padding: 20px 0;	}	.sub-tit p{		font-size: 18px;	}	.sub-tit span{		font-size: 14px;	}	.submenu li a{		padding: 10px 15px;		font-size: 13px;	}}/*.sidebar-first{ display: none; }*//*分页*/.prevAndNext{ 	border-top: 1px dashed #ddd; 	border-bottom: 1px dashed #ddd; }.prevAndNext li{	margin: 5px 10px;	padding: 5px 0;}@media (min-width: 768px){	.prevAndNext{		padding: 0 30px;	}	.prevAndNext li.prev{		float: left;	}	.prevAndNext li.next{		float: right;	}}.content{	padding: 20px 0;}/** * PRODUCT CSS */.prolist ul{	display: flex;	flex-wrap: wrap;	justify-content: flex-start;}.prolist li{ text-align: center; width: 33%; padding: 20px 10px; }.prolist li a{ display: block; }.prolist li p{ font-size: 14px; color: #333; background: #fff; line-height: 38px; }.prolist li a > div{	display: flex;	justify-content: center;	align-items: center;	overflow: hidden;}.prolist li a > div img{	max-width: 100%;	max-height: 100%;}@media only screen and (max-width: 768px){	.prolist ul{		justify-content: space-between;	}	.prolist li{		width: 49%;		padding: 5px;	}}/*.product-list-name{ width: 100%; height: 35px; line-height: 35px; text-align: center; font-size: 1.4rem; background: rgba(0,0,0,.7); }*/.newslist{ }.newslist ul{	display: flex;	justify-content: flex-start;	flex-wrap: wrap;}.newslist li{	width: 33%;	margin-bottom: 20px; 	padding: 0 20px;}.newslist li a{	display: flex;	flex-wrap: wrap;	height: 100%;	overflow: hidden;}.newslist li .tp{	width: 100%;	height: 60%;	justify-content: center;	align-items: center;	overflow: hidden;	display: flex;}.newslist li .tp img{	max-width: 100%;	max-height: 100%;}.newslist li .t{	font-size: 18px;    line-height: 2.5;    border-bottom: 1px solid #ccc;}.newslist li .desc{	padding: 10px 0;	font-size: 12px;	line-height: 2;	height: 65px;	overflow: hidden;	color: #767a7e;}.newslist li .time{	font-size: 12px;	color: #999;}@media only screen and (max-width: 768px){	.newslist ul{		margin-left: -5px;		margin-right: -5px;	}	.newslist li{		width: 49%;		padding: 5px;	}	.newslist li .t{		font-size: 12px;		white-space: nowrap;	}	.newslist li .desc{		display: none;	}}.showpro .title{	text-align: center;	font-size: 1.4rem;	line-height: 2;}.showpro .pic{	text-align: center;}.showpro .pic img{	max-width: 100%;}.showpro .h3{	font-size: 1.4rem;	line-height: 30px;	text-indent: 10px;	border-top: 1px dashed #f1f1f1;	border-bottom: 1px dashed #f1f1f1;}/* NEWSLIST CSS */.shownews .title{	text-align: center;	font-size: 1.5rem;	line-height: 2;}.shownews .infos{	text-align: center;	padding: .5rem 0;	border-bottom: 1px dashed #c7c7c7;}@media only screen and (max-width: 768px){	.shownews .title,	.showpro .title{		text-align: center;		font-size: 2rem;		line-height: 2.5;	}	.showpro .h3{		font-size: 1.6rem;	}}