@charset "utf-8";
/* CSS Document @woniu*/

@media screen and (max-width: 768px) {
.pl02 {
padding-left: .4rem;
}
.pall02 {
padding-left: .4rem;
padding-right: .4rem;
}
}
.layui-col-space30 {
	margin: -0.325rem
}
.layui-col-space30>* {
	padding: 0.325rem
}
.layui-input-inline {
	width: 96%;
    margin: 0 0 .3rem 0;
}
.wtop-nsnav-bg {
	width: 100%;
}
.logo {
	margin:22px 0;
}
.h-by {
    margin-top: 40px;
	padding-left:40px;
    margin-left: 25px;
	border-left:1px solid #ddd;
    color: #555555;
    font-size: 18px;
    font-weight: bold;
    line-height: 34px;
}
.h-by p {
    font-weight: bold;
    color: #e70012;
    font-size: 22px;
}
.tel {
    color: #151515;
    font-size: 16px;
    margin-top: 35px;
    line-height: 30px;
    padding-right: 40px;
}
.tel img {
    margin-right: 10px;
    vertical-align: middle;
}
.tel p{

    color: #e70012;
    margin-top: 10px;
    font-size: 36px;
}
.tel p a{ color: #e70012;}
.ewm {
    margin-top: 20px;
}

/*menu*/
.menu{ height:58px; background:#c70003;}
.menu li{ width:150px; line-height:58px; text-align:center; float:left; margin-left:7px; position:relative;}
.menu li.on,.menu li:hover{ background:#1b1b1b;}
.menu li a{ font-size:16px; color:#fff;}
.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;
}

/***wap menu**/
.wapmenu {
	height: 70px;
	background: #c70003;
	padding: 10px 0 0;
}
.wapmenu li {
	width: 25%;
	line-height: 20px;
	height: 20px;
	position: relative;
	border-right: 1px solid #e3e4e5;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: normal;
	float: left;
	text-align: center;
	overflow: hidden;
	margin-bottom: 10px;
}
.wapmenu li:nth-child(4n) {
	border-right: none;
}
.wapmenu li a {
	display: block;
	line-height: 20px;
	font-size: 14px;
	height: 20px;
	color: #FFFFFF;
}

/*****banner****/
.owl-carousel-c{
	width: 100%;
	overflow:hidden;
	margin-top:1px;
}
#banner{
	width:100%;
	overflow:hidden;
	position:relative;
}
#banner .item{ display: block;}
#banner img { display: block;width:100%;margin:0 auto;}
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;}	
.owl-carousel .owl-item{float: left;}
.owl-controls{position:absolute;bottom:10px;left:50%;float:left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.grabbing { cursor:url(grabbing.png) 8 8, move;}
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.owl-theme .owl-controls{margin-top: 10px;text-align: center;}
.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */margin: 5px;
padding: 3px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background: #869791;
filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{display: block;width: 12px;height: 12px;margin: 5px 7px;filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #ddd;overflow: hidden;}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;background:#c70003; padding:0 10px;}
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;
-moz-border-radius: 30px;border-radius: 30px;}
.owl-item.loading{min-height: 150px;background: url(AjaxLoader.gif) no-repeat center center}


/****banner下面css***/
.part1-w {
    padding: 20px 0px;
    background-color: #c70003;
	overflow:hidden;
}
.part1-one {
    float: left;
    width: 22%;
}
.part1-one p strong {
    display: block;
    font-size: 48px;
    color: #fff;
    font-weight: bold;
}
.part1-one .p1-phone {
    display: block;
}
.part1-one .p1-phone .tua {
    float: left;
    width: 38px;
}
.part1-one .p1-phone p {
    font-size: 26px;
    color: #fff;
    font-weight: bold;
	line-height:1.6;
}
.part1-two {
    float: left;
    width: 45%;
}
.part1-two .pt-tu1 {
    float: left;
    width: 70px;
}
.part1-two .pt-tu2 {
    float: right;
    width: 70px;
}
.part1-two p {
    padding-top: 20px;
    margin-left: 70px;
    margin-right: 70px;
    font-size: 23px;
    color: #fff;
    font-weight: bold;
}
.part1-three {
    float: right;
    width: 30%;
}
.part1-list {
    text-align: center;
}
.part1-list li {
    display: inline-block;
    margin: 0.5%;
    width: 23%;
}
.part1-list li img {
    display: block;
    margin: 0 auto;
}
.part1-list li p {
    display: block;
    padding-top: 10px;
    text-align: center;
    font-size: 17px;
    color: #fff;
}

/*****首页产品列表***/
.g_cp {
	padding: 40px 0px 20px 0px;
    background: url(../images/proc-bg.jpg);
	overflow:hidden;
}
.part-syfldh {
    background: #ffffff;
    padding: 10px;
}
.sycplist {
	width: 100%;
	height: 263px;
	overflow: hidden;
	background: url(../images/listbg.jpg) no-repeat;
	background-size: 100%;
}
.sycplist img {
	width: 90%;
	margin-left: 5%;
	margin-top: 10px;
}
.sycplist h2 {
	text-align: center;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	margin-top: 25px;
}
.sycplist img:hover {
	transform: rotateY(360deg);
	transition: all 1s
}

 @media screen and (min-width: 1200px) {
.layui-container {
	width: 80%;
	margin: 0 auto;
}
.layui-containert {
	width: 90%;
	margin: 0 auto;
}
.layui-containers {
	width: 1260px;
	margin: 0 auto;
}
}

/******产品展示****/
.product{ padding:50px 0; overflow:hidden;}
.tit01 {
    padding-top: 6px;
    padding-bottom: 25px;
    width: 100%;
    height: auto;
    text-align: center;
    overflow: hidden;
}
.tit01 span {
    display: block;
    height: 40px;
    margin-top: 8px;
    text-align: center;
    font-size: 48px;
    color: #ededed;
    text-transform: uppercase;
    font-family: "siyuan";
    letter-spacing: 3px;
	font-weight:bold;
}
.tit01 h2 {
    position: relative;
    top: -6px;
    display: block;
    font-size: 36px;
    color: #c70003;
    text-align: center;
    font-weight: bold;
    font-family: "siyuan";
    letter-spacing: 2px;
}
.tit01 p {
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    font-size: 16px;
    color: #a5a5a5;
    text-align: center;
    line-height: 170%;
}
.fb-pro {
	width: 100%;
	overflow: hidden;
}
.fb-pro .tu1 {
	position: relative;
	width: auto;
	height: auto;
	border-bottom: none;
	overflow: hidden;
}
.fb-pro .tu1 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;
}
.fb-pro:hover .tu1 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;
}
.fb-pro .tu1 .up-name {
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 10;
	width: 271px;
	height: 43px;
	background: url(../images/pro-name.png);
}
.fb-pro .tu1 .up-name p {
	display: block;
	line-height: 43px;
	font-size: 17px;
	color: #fff;
	text-indent: 15px;
}
.fb-pro .p01-cont {
	padding: 10px 3px 10px 3px;
	border-bottom: 4px solid #eeeeee;
	transition: all 0.35s ease-out;
}
.fb-pro:hover .p01-cont {
	background-color: #313131;
	border-bottom: 4px solid #ff2a2a;
}
.fb-pro .p01-cont a h3 {
	display: block;
	float: left;
	height: 48px;
	font-size: 17px;
	color: #000;
	overflow: hidden;
	transition: all 0.35s ease-out;
}
.fb-pro:hover .p01-cont a h3 {
	margin-left: 12px;
	color: #fff;
}
.fb-pro .p01-cont .more1 a {
	float: right;
	width: 86px;
	height: 29px;
	background-color: #ff2a2a;
	font-size: 15px;
	color: #fff;
	text-align: center;
	line-height: 29px;
	border-radius: 5px;
	transition: all 0.35s ease-out;
}
.fb-pro:hover .p01-cont .more1 a {
	margin-right: 8px;
}
.fb-pro .p01-cont .phone p {
	display: block;
	margin-top: 5px;
	font-size: 20px;
	color: #313131;
	transition: all 0.35s ease-out;
}
.fb-pro:hover .p01-cont .phone p {
	color: #fff;
	margin-left: 12px;
}
/*优势*/
.ys{
	height:870px;
	padding-top: 80px;
	background: url(../images/ys-bg.jpg) no-repeat top center;
}
.ys-title{
	text-align: center;
	font-size:18px;
	color: #fff;
}
.ys-title p{
	text-align: center;
	margin-bottom:15px;
	font-size:40px;
	font-weight: bold;
}
.ys-nav li{
	width:19.5%;
	float: left;
	text-align: center;
	border-right: 1px solid rgba(255,255,255,0.3);
	color: #fff;
	font-size: 18px;
	line-height:34px;
	margin-top: 80px;
}
.ys-nav li p{
	color: #fff;
	font-weight: bold;
	font-size:20px;
}
.value,.value2,.value3,.value4,.value5{
	font-family: "times new roman";
	color: #fff;
	font-size:55px;
	margin-bottom: 20px;
}

/***首页公司简介***/
.gywm { padding:50px 0 30px 0; overflow:hidden;}
.mt-30 {
    margin-top: 30px;
}
.about{ background: url(../images/about-bg.jpg) top center no-repeat; padding:20px 0 60px 0;}
.about-l {
    float: left;
    width: 45%;
}
.about-fw li {
    position: relative;
    float: left;
    width: 33%;
    border: 1px solid #434343;
    box-sizing: border-box;
    overflow: hidden;
}
.about-fw li img {
    width: 100%;
}
.about-fw li p {
    display: block;
    position: absolute;
    z-index: 10;
    bottom: 15px;
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-family: "siyuan";
    color: #fff;
}
.about-fw li:nth-child(7) {
    margin-left: 33%;
}
.about-r {
    float: right;
    width: 50%;
}
.about-tit h2 {
    display: block;
    font-size: 51px;
    color: #373737;
    font-weight: bold;
}
.about-tit span {
    display: block;
    margin-top: 16px;
    font-size: 20px;
    color: #494949;
    text-transform: uppercase;
}
.about-tit p {
    display: block;
    margin-top: 20px;
    padding-left: 15px;
    width: 100%;
    height: 42px;
    border-left: 5px solid #ea0d10;
    vertical-align: middle;
    font-size: 26px;
    color: #373737;
}
.about-con {
    margin-top: 50px;
    width: 100%;
    height: 380px;
    font-size: 17px;
    color: #373737;
    line-height: 210%;
    overflow: hidden;
}
.about-con p, .about-con p a, .about-con p strong {
    font-size: 17px;
    color: #373737;
    line-height: 210%;
    text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
    -webkit-text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
    -moz-text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
}
.about-more a {
    display: block;
    margin-top: 45px;
    width: 216px;
    height: 50px;
    border: 1px solid #1b1b1b;
    text-align: center;
    line-height: 48px;
    font-size: 15px;
    color: #333;
}
.about-list {
    margin-top: 60px;
    display: block;
    overflow: hidden;
}
.about-list li {
    float: left;
    margin-right: 2%;
    width: 29%;
    padding: 25px 1%;
    background-color: #ea0d10;
}
.about-list li .tua {
    float: left;
    width: 30%;
    border: 1px solid #fff;
    border-radius: 5px;
    overflow: hidden;
}
.about-list li .tua img {
    display: block;
    width: 100%;
}
.about-list li .ab-lnr {
    margin-left: 35%;
}
.about-list li .ab-lnr p {
    display: block;
    font-size: 26px;
    color: #fff;
    font-weight: bold;
}
.about-list li .ab-lnr span {
    display: block;
    padding-top: 6px;
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
	line-height:2;
}

.about-l {
    float: left;
    width: 45%;
}
.about-fw li {
    position: relative;
    float: left;
    width: 33%;
    border: 1px solid #434343;
    box-sizing: border-box;
    overflow: hidden;
}
.about-fw li img {
    width: 100%;
}
.about-fw li p {
    display: block;
    position: absolute;
    z-index: 10;
    bottom: 15px;
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-family: "siyuan";
    color: #fff;
}

/****矿山资源***/
.kszy{ padding:50px 0; overflow:hidden;}
.case_img {
	width: 99%;
	height: auto;
	float: left;
	overflow: hidden;
	border: 1px solid #434343;
	border-radius: 8px;
}
.case_img 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;
}
.case_img:hover 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;
}
.case_tit {
	padding:20px 0;
	text-align: center;
	font-size: 17px;
	color: #333;
	width: 100%;
	overflow: hidden;
	float: left;
}

/*****横幅***/
.p-t {
    background:url(../images/p-t.jpg) no-repeat;
}
.p-t img {
    max-width: 100%;
    border: 0;
}

/****首页新闻**/
.news{ padding:50px 0; overflow:hidden;}
.h-news-w {
    width: 96%;
}
.h-news-tit {
    margin: 25px 0px;
    padding: 0px 15px;
    height: 30px;
    border-left: 5px solid #c70003;
}
.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: #c70003;
    text-align: center;
    line-height: 27px;
    color: #fff;
    font-size: 15px;
    border-radius: 20px;
}
.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 .new1-r:hover h3{ color:#c70003;}
.h-news1 .news-one .new1-r .datea {
    margin-bottom: 10px;
    text-align: left;
}
.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{
    font-size: 14px;
    color: #444;
    line-height: 150%;
}
.h-news1 .news-one .new1-r .datea img {
    display: inline-block;
    float: left;
    vertical-align: middle;
}

/*footer*/
.c-footer {
	background: #1e1e1e;
}
.c-footer a {
	color: #ffffff;
}
.c-footer .mt {
	overflow: hidden;
	padding: 30px 0 10px 0;
}
.foot-top {
	padding: 50px 0 30px 0;
	overflow:hidden;
}
.footl {
	width: 25%;
	float: left;
	display: inline;
}
.footc {
	width: 30%;
	float: left;
	display: inline;
}
.footk {
	width: calc(40% - 150px);
	float: left;
}
.footr {
	float: left;
	width: 150px;
}
.footl h3, .footc h3, .footk h3, .footr h3 {
	font-size: 30px;
	color: #fff;
	margin-bottom: 29px;
	width: 25px;
	white-space: nowrap;
	padding-bottom: 14px;
	border-bottom: 1px solid #242f35;
}
.footl h3 span, .footc h3 span, .footk h3 span, .footr h3 span {
	font-size: 12px;
	display: block;
	color: #fff;
	opacity: 0.2;
	font-weight: lighter;
	line-height: 100%;
}
.footl p a {
	display: block;
	width: 50%;
	color: rgba(255,255,255,0.8);
	float: left;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 40px;
}
.footl p a:hover {
	text-decoration: underline;
	color: #bc1717;
}
.footc p {
	color: #fff;
	background-position: left center;
	line-height: 40px;
	font-size: 16px;
}
.footc p span {
	margin-left: 18px;
}
.footr em i {
	display: block;
	float: left;
	width: 150px;
}
.footr em i:last-child {
	float: right;
}
.footr em i img {
	width: 140px;
	height: 140px;
	border: 3px #fff solid
}
.footr em i span {
	display: block;
	font-size: 16px;
	color: #F4F4F4;
	line-height: 20px;
	padding-left: 32px;
	margin-top: 16px;
}
.footk p a {
	display: block;
	width: 50%;
	color: rgba(255,255,255,0.8);
	float: left;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 40px;
}
.footk p a:hover {
	text-decoration: underline;
	color: #bc1717;
}
.c-footer .mc {
	border-top: 1px solid #666666;
	padding: 13px 0;
	overflow: hidden;
	font-size: 14px;
	line-height: 28px;
	color: #fff;
	margin-top: 20px;
}
.c-footer .mc span {
	float: left;
}
.c-footer .mc dl {
	float: left;
}
.c-footer .mc dt {
	float: left;
	padding: 0 10px;
}
.c-footer .mc dd {
	float: left;
}
.c-footer .mc dd a {
	color: #fff;
}
.c-footer .mc dd a:hover {
	color: #ffdb60;
}
.c-copy {
	padding: 11px 0;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	background: #1e1e1e;
	border-top: 1px solid #333333;
}
.c-copy a {
	color: #ffffff;
}


/***About**/
.position_now {
	font-size: 14px;
	background: #F5F5F5;
}
.position_now .fl {
	color: #707070;
	line-height: 60px;
}
.position_now .fl img {
	height: 20px;
	margin-top: -4px;
	display: inline-block;
	margin-right: 8px;
}
.position_now a {
	display: inline-block;
	color: #707070;
}
.position_now .fr {
	font-family: impact;
	color: #bc1717;
	font-size: 0;
}
.position_now .fr img {
	height: 26px;
	float: left;
	margin: 18px 10px 0 0;
}
.position_now .fr strong {
	font-weight: 100;
	font-size: 22px;
	display: block;
	float: left;
	line-height: 60px;
}
.nyabout {
	padding: 10px;
	line-height: 30px;
	font-size: 16px;
}
.nyabout p{ text-indent:2em; margin-top:10px;}
.nyabout img {
	max-width: 100%;
}
.sub_bk {
	text-align: center;
}
.sub_bk a {
	display: block;
	float: left;
	line-height: 40px;
	font-size: 16px;
	border: 1px solid #ddd;
	border-radius: 48px;
	margin-right: 2%;
	width: 23.5%;
	box-sizing: border-box;
	margin-bottom: 15px;
	height: 40px;
	overflow: hidden
}
.sub_bk .on {
	background: #bc1717;
	color: #fff;
}
.sub_bk a:hover, .sub_bk a.active {
	background: #bc1717;
	color: #fff;
}
.sub_bk a:nth-child(4n) {
	margin-right: 0;
}
.sub_bk span {
	color: #fff;
	font-size: 16px;
	margin-left: 10px;
	display: inline-block;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	display: none;
	line-height: 4rem;
}
.sub_bk .show {
	height: auto;
	background: #eee;
}

.yunu-contact {
	background-color: #F7F7F7;
	padding: 25px;
}
.yunu-contact h4 {
	margin: 0;
	font-size: 24px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
}
.yunu-contact dl {
	margin: 0;
	padding: 20px 0;
	border-bottom: 1px dashed #ccc;
	overflow: hidden;
}
.yunu-contact dt {
	float: left;
}
.yunu-contact dd {
	margin-left: 55px;
	font-size: 16px;
	padding-top: 16px;
}
.yunu-contact dd span {
	padding-left: 50px;
}

/***New**/
.news-box {
	padding: 20px 10px;
	overflow: hidden;
}
.news-box:nth-child(2n) {
	background: #f5f5f5;
}
.news-box a {
	display: block;
}
.txtW {
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	white-space: nowrap;
}
.txtH {
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 25px;
}
.news-box h3 {
	font-size: 20px;
	position: relative;
	font-weight: normal;
}
.news-box h3 span {
	float: right;
	font-size: 16px;
}
.news-box p {
	font-size: 16px;
	color: #656565;
	margin-top: 20px
}
.news-box a:hover h3 {
	color: #f62828;
}
.news_img {
	width: 100%;
	overflow: hidden;
}
.news_img img {
	width: 90%;
}

/*****新闻内页***/
.nynews {
    overflow: hidden;
}
.news-tit {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
}
.tool {
    color: #999;
    padding: 24px 0;
    text-align: center;
}
.newcontents {
	line-height: 30px;
	font-size: 16px;
	padding: 0 10px;
	overflow: hidden;
}
.newcontents img {
	max-width: 100%;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.ny-page {
	border-top: 1px solid #ddd;
	line-height: 36px;
	padding: 10px 0 0;
	font-size: 14px;
	overflow: hidden;
}
.txtW {
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}
.tr {
	text-align: right;
}

.xgcp_title {
	padding: 10px;
	background-color: #fafafa;
	margin: 15px 0;
	overflow: hidden;
	width: 100%;
	float: left;
}
.xgcp_title h3 {
	color: #bc1717;
	border-left: 2px solid #bc1717;
	padding-left: 20px;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	font-size: 20px;
}
.xwzx {
	width: 100%;
	overflow: hidden;
}
.xwzx ul {
	list-style-type: none;
	margin-bottom: 10px;
}
.xgxw {
	border-bottom: 1px dotted #ccc;
	height: 25px;
	line-height: 25px;
	text-align: left;
	overflow: hidden;
	padding-bottom: 10px;
}
.xwzx ul li span {
	float: right;
}
.xgxw a{ font-size:16px;}
.xgcp {
	width: 100%;
	overflow: hidden;
}
.xgcp img {
	width: 100%;
}
.xgcp p {
	text-align: center;
	line-height: 45px;
	font-size: 17px;
}

.footer-fix {
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 10;
	display: none;
}
.footer-fix li {
	float: left;
	width: 25%;
}
.footer-fix li a {
	display: block;
	text-align: center;
	padding: 7px 0;
	font-size: 12px;
	line-height: 1;
}
.footer-fix li i.i1 {
	background-image: url(../images/f_01.png);
}
.footer-fix li i.i2 {
	background-image: url(../images/f_02.png);
}
.footer-fix li i.i4 {
	background-image: url(../images/f_04.png);
}
.footer-fix li i.i3 {
	background-image: url(../images/f_03.png);
}
.footer-fix li i {
	display: block;
	height: 20px;
	background: no-repeat center;
	background-size: contain;
	margin-bottom: 4px;
}


/*****产品中心****/
.cptitle {
	height: auto;
	margin: 0 auto;
}
.cptitle h2 {
	width: 100%;
	height: 34px;
	font-size: 30px;
	color: #333333;
	font-weight: bold;
	text-align: center;
}
.cptitle1 {
	width: 100%;
	height: 34px;
	font-size: 30px;
	color: #f02526;
	font-weight: bold;
	text-align: center;
	font-family: "新宋体";
	text-transform: uppercase;
}
.cptitle p {
	width: 100%;
	height: 36px;
	font-size: 18px;
	text-align: center;
	color: #777778;
	border-top: 1px #dfdfdf solid;
	border-bottom: 1px #dfdfdf solid;
	margin-top: 14px;
	line-height: 36px;
}
.procs1 {
	height: auto;
	margin:20px auto 30px auto;
	overflow:hidden;
}
.procs1 a h3 {
	display: inline-block;
	margin: 0 0.2%;
	margin-bottom: 10px;
	width: 15.8%;
	height: 42px;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	line-height: 42px;
	transition: all 0.3s ease-out;
	background-color: #f02526;
	border-radius: 5px;
}
.procs1 a:hover h3 {
	height: 42px;
	background-color: #444444;
	color: #FFFFFF;
}
.procs1 a.on h3{ background:#444;}
.pro li {
	overflow: hidden;
    width: 31.3%;
    float: left;
    margin-right: 2%;
	text-align: center;
	list-style: none;
	margin-bottom: 15px
}
.pro li a {
	display: block;
}
.pro li a span {
	display: block;
	width: 100%;
	height: 0;
	position: relative;
	padding-bottom: 75%;
	overflow: hidden
}
.pro li a span img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition-duration: 1s;
	-ms-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition-duration: 1s;
}
.pro li a span img:hover {
	transform: scale(1.2);
}
.pro li a p {
	height: 50px;
    line-height: 50px;
    font-size: 16px;
	display:block;
	font-weight:bold;
}
.pro li a:hover p {
	color: #f02626;
}

.pro_name {
	padding-left: 30px;
}
.pro_name h2 {
	font-size: 24px;
	padding: 22px 0;
	border-bottom: 1px dashed #ddd;
}
.pro-canshu {
	padding-top: 20px;
}
.pro-canshu p {
	line-height: 40px;
	color: #666;
}
.pro_name a.nm {
	display: block;
	width: 172px;
	height: 40px;
	border: 1px solid #5F5F5F;
	background: #5F5F5F;
	color: #fff;
	text-align: center;
	line-height: 40px;
}
.pro_name a.nm:hover {
	display: block;
	background: none;
	color: #5F5F5F;
}
.cpnyt {
    width: 100%;
    overflow: hidden;
}
.cpnyt img {
    width: 100%;
}

.fhdb{ position:fixed; right:40px; text-align:center; line-height:48px; bottom:60px; width:48px; height:48px; background:#ef4136; color:#fff; border-radius:50px; display:none;}

.hide-xs{ display:none;}

@media screen and (max-width: 640px) {
.layui-container{ padding:0 5px;}
.hidden-xs{ display:none;}
.hide-xs{ display:block;}
.logo{ margin:5px 0;}
.logo img{ width:100%;}
.ewm,.tel,.h-by,.menu,.part1-one,.part1-two{ display:none;}
.part1-three{ width:100%;}
.tit01 span{ font-size:36px;}
.product{ padding:30px 0;}
.ys{  height:430px; padding-top:30px;}
.ys-title p{ font-size:20px;}
.ys-title{ font-size:15px;}
.ys-nav li{ margin:10px 0 0 0; width:49%; font-size:15px;}
.value, .value2, .value3, .value4, .value5{ font-size:26px; margin-bottom:0;}
.gywm{ padding:30px 0 0 0;}
.about-r,.about-l{ width:100%;}
.about{ padding:20px 5px 0 5px;}
.about-tit h2{ font-size:34px;}
.kszy{ padding:30px 0;}
.news{ padding:0 0 30px 0;}
.h-news-tit p{ display:none;}
.footl,.footk,.footr{ display:none;}
.footc{ width:96%; padding-left:4%;}
.c-copy{ margin-bottom:50px;}
.footer-fix{ display:block;}
.yunu-contact dd span {
    padding-left: 10px;
}
.news-box h3{ font-size:16px;}
.news-box p{ margin:0; font-size:13px;}
.procs1 a h3 {
    width: 31.3333%;
    margin-left: 1%;
}
.pro li{ width:48%;}
}