@charset "utf-8";
/* CSS Document */
a{ text-decoration:none; font-size:14px;}
a{blr:expression(this.onFocus=this.blur());}
a:focus{outline:none;}
*{ margin: 0; padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
*[class~="row"] {margin: 0;}
*[class*="col-"] {padding: 0;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
input,textarea {
     border :  0 ;  /* 方法1 */
     -webkit-appearance:  none ;  /* 方法2 */
}
* html .clearfix {zoom:1; }
img{ border:none; display:block;}
ul,li{ list-style:none; }
em,i{ font-style:normal;}
html{}


body{ background-color: #fff; font-family: '微软雅黑';}


.bgtop{width: 100%; height: 1.88rem; background: url(../pic/bgtop.jpg) no-repeat; background-size: 100%; background-position: center;}
.swiperbox{width: 100%;}
.swiperbox{ height: 0.76rem; line-height: 0.76rem; }
.swiperbox .swiper-slide{ font-size: 0.24rem; color: #555; text-align: center; }
.swiperbox a{ font-size: 0.24rem; color: #E09D00 }
.bgmidd{width: 100%; height: 2.61rem; background: url(../pic/bgmidd.jpg) no-repeat; background-size: 100%; background-position: center;}
.mun{width: 100%; height: 1.73rem; background: url(../pic/mun.jpg) no-repeat; background-size: 100%; background-position: center; margin-top: 0.2rem;}
.bgbt{width: 100%; height: 10.84rem; background: url(../pic/bgbt.jpg) no-repeat; background-size: 100%; background-position: center;}
.mainbox{ width: 100%; background: #fff; }
.mainbox .main{ width: 1440px; margin: 0 auto;}
.mainbox .main ul{ overflow: hidden; padding-top: 60px;}
.mainbox .main ul li{ width: 23%; margin:0 1%; float: left; margin-bottom: 30px; cursor: pointer; transition: all 0.6s; }
.mainbox .main ul li .imgbox{ width: 100%; position: relative; }
.mainbox .main ul li .imgbox>img{ position: absolute; left: 0; top: 0; width: 100%; }
.mainbox .main ul li .imgbox>img:last-child{ display: none;}
.mainbox .main ul li .fontbox{ padding: 15px 0; background: #fff; transition: all 0.6s;}
.mainbox .main ul li .fontbox h2{ font-size: 16px; color: #000; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 10px; transition: all 0.6s; height: 0.8rem; }
.mainbox .main ul li .fontbox p{ font-size: 18px; color: #000; font-weight: bold;  transition: all 0.6s;}
.mainbox .main ul li .fontbox p span{ font-size: 12px; color: #808080; text-decoration: line-through; font-weight: normal; margin-left: 10px; }
/*.mainbox .main ul li:hover{ transform: translateY(-10px); box-shadow: 0 15px 10px rgba(0,0,0,0.2) }
.mainbox .main ul li:hover .fontbox{ background: #000;padding: 15px 15px; }
.mainbox .main ul li:hover .fontbox h2{ color: #fff;}
.mainbox .main ul li:hover .fontbox p{ color: #fff;}*/

.css-1x1tboc{position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 1000;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    box-sizing: border-box;
    border-radius: 32.5px;
    transition: all 0.3s ease 0s;
    opacity: 1;
    visibility: visible;
 display: none;}
.css-1x1tboc button{
	display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: rgb(33, 33, 33);
    border-radius: 21px;
    border: none;
    outline: none;
}
.css-1x1tboc button svg{
	margin-top: -2px;
}

@media(max-width:1460px){	
	.mainbox .main{ width: 1220px; margin: 0 auto;}
}
@media(max-width:1220px){	
	.mainbox .main{ width: 1000px; margin: 0 auto;}
	.mainbox .main ul li{ width: 31.33%; margin:0 1%;}
}
@media(max-width:1020px){	
	.mainbox .main{ width: 750px; margin: 0 auto;}
	.mainbox .main ul li{ width: 48%; margin:0 1%;}
}
@media(max-width:770px){	
	.mainbox .main ul{padding-top: 10px;}
	.mainbox .main{ width: 100%; margin: 0 auto; padding: 0 5px;}
	.mainbox .main ul li{ width: 48%; margin:0 1%;}
	.mainbox .main ul li .fontbox p{ font-size: 18px;}
	.mainbox .main ul li .fontbox h2{ font-size: 14px; white-space: inherit; text-overflow: inherit; overflow: inherit; height: 0.8rem; }
	.mainbox .main ul li .fontbox p span{ display: block; margin-left: 0; margin-top: 6px}
}