body
{font-size :18px;
}
.UpNext span{ float : left ;}
.UpNext a{ color :#e0421b;}
.meneame span{ float : left ; margin-bottom :20px;}
#LAY-component-grid-list .demo-list .layui-card {
    height: 200px;
    border: solid 1px #ff0000;
    margin-top: 50px;
}

#LAY-component-grid-list .demo-list .layui-card1 {
    text-align: center;
    margin-top: 5px;
}

#LAY-component-grid-list .layui-col-space5 .layui-cardm {
    text-align: center;
    margin-top: 10px;
    border: solid 1px #ff0000;
    height: 150px;
    font-size: 18px;
}
#LAY-component-grid-list .layui-col-space5 .layui-cardm01 {
    text-align: center;    
    height: 150px;
    /*background: url(/images/s01.jpg) no-repeat;*/
    background-size: 100% 100%;
}

#LAY-component-grid-list .layui-col-space5 .layui-cardm02 {
    text-align: center;
    margin-top: 10px;    
    height: 150px;
    /*background: url(/images/s02.jpg) no-repeat;*/
    background-size: 100% 100%;
    border-radius: 5px;
	border :solid 1px #ccc;
}
#LAY-component-grid-list .layui-col-space5 .layui-cardm03 {
    text-align: center;
    margin-top: 10px;    
    height: 150px;
    /*background: url(/images/s02.jpg) no-repeat;*/
    background-size: 100% 100%;
    border-radius: 5px;
	border :solid 1px #ccc;
}

#LAY-component-grid-list .layui-col-space5 .layui-cardm1 {
    text-align: center;
    margin-top: 10px;
    border: solid 1px #1e8bc3;
    height: 150px;
    background: url(/images/s1.jpg) no-repeat;
    background-size: 100% 100%;
    border-radius: 5px;
}
#LAY-component-grid-list .layui-col-space5 .layui-cardm2 {
    text-align: center;
    margin-top: 10px;
    border: solid 1px #1e8bc3;
    height: 150px;
    background: url(/images/s2.jpg) no-repeat;
    background-size: 100% 100%;
    border-radius: 5px;
}
#LAY-component-grid-list .layui-col-space5 .layui-cardm3 {
    text-align: center;
    margin-top: 10px;
    border: solid 1px #1e8bc3;
    height: 150px;
    background: url(/images/s3.jpg) no-repeat;
    background-size: 100% 100%;
    border-radius: 5px;
}
#LAY-component-grid-list .layui-col-space5 .layui-cardm4 {
    text-align: center;
    margin-top: 10px;
    border: solid 1px #1e8bc3;
    height: 150px;
    background: url(/images/s4.jpg) no-repeat;
    background-size: 100% 100%;
    border-radius: 5px;
}

.homek {
    font-size: 2rem;
    font-weight: bold;
    color: #000000;
	font-family: arial, 微软雅黑;
}
.homejs {
    font-size: 1.5rem;
    font-weight: bold;
    color: #ffffff;
	font-family: arial, 微软雅黑;
	padding: 16px 5px 16px 5px;
}
.layui-cardm1 img{
    width :100%;height :100%;
}

.diva {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #1e8bc3;
    color: #ffffff;
    border-radius: 5px;
    font-size: 1.6rem;
    border: solid 2px #ffffff;
}
.divb {
    background: url(/images/soft1.jpg) no-repeat;
    background-size: 100% 100%;
    border-radius: 5px;
    font-size: 1.6rem;
    
}

.homesh {
    background: url(/images/soft1.jpg) no-repeat;
    background-size: 100% 100%;
    border-radius: 5px;
    font-size: 1.6rem;
    border: solid 2px #ccc;
}
.divc {
    position: absolute;
    transform: translate(-50%);
    left: 50%;
    background-color: #000000;
    color: #ffffff;
    border-radius: 5px;
    font-size: 1.6rem;
    border: solid 2px #ffffff;
}
.divimga {
    /*background: url(/images/h1.jpg) no-repeat;*/
    background-size: 100% 100%;
    border-radius: 5px;
    font-size: 1.6rem;
	overflow : hidden ;
}
	.divimga img { width :100%; height :100%;
	}
	
	.divimgb {
    /*background: url(/images/h1.jpg) no-repeat;*/
    background-size: 100% 100%;
    border-radius: 5px;
    font-size: 1.6rem;
	overflow : hidden ;
}
	.divimgb img { width :100%; height :100%;
	}
.divimgc {
    background: url(/images/h3.jpg) no-repeat;
    background-size: 100% 100%;
    border-radius: 5px;
    font-size: 1.6rem;
}


.hometop3 {
    margin-top :10px;
	text-align : left;
	overflow : hidden ;
	color : #878787;
	border-bottom :solid 1px Red;
	font-size :16px;
}
.hometop2 { color :#e0421b;
	}
.hometop1 .hometop2 { line-height :100%;
	}
.jianzhna {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 18px;
}
.jshuom {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	word-break: break-all;
	overflow: hidden;
}
.jsimg {
	width:100%;border-radius: 5px;
}
.box {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.bottomlisttitle {
	background :#b81c22; line-height :40px;border-radius: 5px; color :white ;
}
.bottomlisttitle b ,li{ margin-left :10px;} 
.bottomlist li{ white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-size :14px; border-bottom :dashed  1px #ccc; line-height :35px;}
.bottomlanmu{line-height :40px; border-bottom :solid 1px white;}
.bottomlanmu a  { color : white ; float : left ;}

.erweima{ width :150px;}
.bottadd { color :white;  font-size :18px;
}
	.bottadd p {
		line-height: 20px;
	}
	.bottadd a{ color : white ;}
	.phone-show{
    display: none;
}
	.botrig{ display :block ;}
	.blink{ }
	.blink a{color :#b81c22;margin-left :20px;}

.xqimg img{ max-width :100%;}
.daohang {margin-top :30px; margin-bottom :30px; color :#b81c22;}
.daohang a{ color :#b81c22;}
.bottomlisttitle a {color :white ;}
.footk{ color : white ;  text-align : center ;}
.footk a{color : white ;}
@media screen and (max-width: 768px) {
	.hometop1 .hometop2 { font-size :1.8rem;
	}
	.hometop3 { font-size :1rem;
	}
	.jshuom {
		font-size :1rem;
	}
	.bottomlanmu a{font-size :1.5rem;}
	.erweima{ width :100px;}
	.bottadd p {
		font-size :1rem;
	}
	.bottadd strong{ font-size :1rem;}
	 .phone-show {
        display: block;
    }
	.phone-bottom-nav{
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #b81c22;
        height: 40px;
        line-height: 40px;
        z-index: 1000;
    }
    .phone-bottom-nav a{
        color: #fff;
        float: left;
        width: 33%;
        text-align: center;
        position: relative;
    }
    .phone-bottom-nav a::after{
        position: absolute;
        right: 0;
        border-right: 1px solid #eee;
		border-top: 1px solid #eee;
        content: ' ';
        height: 100%;
    }
    .phone-bottom-nav a:last-child::after{
        display: none;
    }
	.botrig{ display :none  ;}
	.blink{font-size :0.8rem;}
	.footk{font-size :0.8rem;}
	.homejs{font-size :1rem;}
}

@media screen and (min-width: 768px) and (max-width: 992px) {
   .hometop1  .hometop2{ font-size :2rem;
	}
   .hometop3 { font-size :1rem;
	}
   .jshuom {
		font-size :1rem;
	}
   .bottomlanmu a{font-size :1.5rem;}
   .erweima{ width :100px;}
   .bottadd p {
		font-size :1rem;
	}
   .bottadd strong{ font-size :1rem;}
    .phone-show {
        display: block;
    }
   .phone-bottom-nav{
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #b81c22;
        height: 40px;
        line-height: 40px;
        z-index: 1000;
    }
    .phone-bottom-nav a{
        color: #fff;
        float: left;
        width: 33%;
        text-align: center;
        position: relative;
    }
    .phone-bottom-nav a::after{
        position: absolute;
        right: 0;
        border-right: 1px solid #eee;
		border-top: 1px solid #fff;
        content: ' ';
        height: 100%;
    }
    .phone-bottom-nav a:last-child::after{
        display: none;
    }
	.botrig{ display :none  ;}
	.blink{font-size :0.8rem;}
	.footk{font-size :0.8rem;}
	.homejs{font-size :1rem;}
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .hometop3 { font-size :1rem;
	}
	.jshuom {
		font-size :1rem;
	}
}

@media screen and (min-width: 1200px) {
    .hometop3 { font-size :1rem;
	}
	.jshuom {
		font-size :1rem;
	}
}