html {height:100%;}
html {font-size: 62.5%; /* 10÷16=62.5% */}
@media only screen and (min-width: 481px){
html {
font-size: 94%!important; /* 15.04÷16=94% */
}
}
@media only screen and (min-width: 561px){
html {
font-size: 109%!important; /* 17.44÷16=109% */
}
}
@media only screen and (min-width: 641px){
html {
font-size: 125%!important; /* 20÷16=125% */
}
}
html,body{text-align:left;font-family:"Microsoft YaHei", Helvitica, Verdana, Tohoma, Arial, san-serif; overflow-x: hidden;}
html,body,ol,ul,p,h1,h2,h3,h4,h5{margin:0;padding:0;}
li{list-style:none;}
.fl{float:left;}
.fr{float:right;}
.bold{font-weight:bold;}
.indent{text-indent:2.4rem;}
.m5{margin:5px;}
.m10{margin:10px;}
.cf:after{content:"";display:table;clear:both}
.cf{*zoom:1}
.clear{clear:both;}
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
select,textarea { -webkit-appearance: none;}
/*公用默认超链接*/
a {color:#000;text-decoration:none;outline-style: none;outline-width: 0px;cursor:pointer; -webkit-tap-highlight-color: rgba(0,0,0,0);}
a:link {text-decoration:none;outline-style: none;outline-width: 0px;cursor:pointer; -webkit-tap-highlight-color: rgba(0,0,0,0);}
a:visited {color:#000;text-decoration:none;outline-style: none;outline-width: 0px;cursor:pointer; -webkit-tap-highlight-color: rgba(0,0,0,0);}
a:hover {text-decoration:none;outline-style: none;outline-width: 0px;cursor:pointer; -webkit-tap-highlight-color: rgba(0,0,0,0);}
a:active {text-decoration:none;outline-style: none;outline-width: 0px;cursor:pointer; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.mbox{
width:92%;
margin: 0 auto;
}
.no_data{
height:100px;
line-height: 100px;
margin-top: 50px;
color: #DDD;
font-size: 16px;
text-align: center;
}
.layui-anim{
border-radius:30px;
}
/*header*/
#header{
display:table;
width:100%;
height:5rem;
background: #FFF;
}
#header .logo{
float: left;
width:13rem;
}
#header .logo img{
width:100%;
margin-top: 1.5rem;
}
#header .language{
float: right;
margin-right: 1rem;
}
.language select{
border:0;
height: 5rem;
background: none;
font-size: 1.4rem;
color:#707070;
}
#menubtn{
display: block;
float: right;
width:1.8rem;
height: 1.4rem;
background: url("../images/menubtn.png") center center no-repeat;
background-size:1.8rem 1.4rem;
margin-top: 1.8rem;
margin-right: 1rem;
}
.menu{
position: fixed;
width:20rem;
height: 100%;
background: #434343;
top:0;
right: -20rem;
z-index: 9;
}
.menu ul li{
width:70%;
height: 5rem;
line-height: 5rem;
border-top:0.1rem solid #FFF;
border-bottom:0.1rem solid #FFF;
padding-left: 30%;
}
.menu ul li a{
display: block;
font-size: 1.6rem;
font-family: "微软雅黑";
color:#FFF;
}
.menu ul li.menu1{
background: url("../images/menu1.png") 2rem center no-repeat;
background-size:2rem 2rem;
}
.menu ul li.menu1.on{
background: url("../images/menu1.png") 2rem center no-repeat #A1A1A1;
background-size:2rem 2rem;
}
.menu ul li.menu2{
background: url("../images/menu2.png") 2rem center no-repeat;
background-size:2rem 2rem;
}
.menu ul li.menu2.on{
background: url("../images/menu2.png") 2rem center no-repeat #A1A1A1;
background-size:2rem 2rem;
}
.menu ul li.menu3{
background: url("../images/menu3.png") 2rem center no-repeat;
background-size:2rem 2rem;
}
.menu ul li.menu3.on{
background: url("../images/menu3.png") 2rem center no-repeat #A1A1A1;
background-size:2rem 2rem;
}
.menu ul li.menu4{
background: url("../images/menu4.png") 2rem center no-repeat;
background-size:2rem 2rem;
}
.menu ul li.menu4.on{
background: url("../images/menu4.png") 2rem center no-repeat #A1A1A1;
background-size:2rem 2rem;
}
.menu ul li.menu5{
background: url("../images/menu5.png") 2rem center no-repeat;
background-size:2rem 2rem;
}
.menu ul li.menu5.on{
background: url("../images/menu5.png") 2rem center no-repeat #A1A1A1;
background-size:2rem 2rem;
}
.menu ul li.menu6{
background: url("../images/menu6.png") 2rem center no-repeat;
background-size:2rem 2rem;
}
.menu ul li.menu6.on{
background: url("../images/menu6.png") 2rem center no-repeat #A1A1A1;
background-size:2rem 2rem;
}
.menu ul li.menu7{
background: url("../images/menu7.png") 2rem center no-repeat;
background-size:2rem 2rem;
}
.menu ul li.menu7.on{
background: url("../images/menu7.png") 2rem center no-repeat #A1A1A1;
background-size:2rem 2rem;
}
.menu ul li.menu8{
background: url("../images/menu8.png") 2rem center no-repeat;
background-size:2rem 2rem;
}
.menu ul li.menu8.on{
background: url("../images/menu8.png") 2rem center no-repeat #A1A1A1;
background-size:2rem 2rem;
}
/*bottom*/
.bottom ul li{
width:80%;
height: 5rem;
line-height: 5rem;
border-bottom:0.1rem solid #FFF;
padding-left: 20%;
}
.bottom ul li a{
display: block;
font-size: 1.6rem;
font-family: "微软雅黑";
color:#FFF;
}
.bottom ul li.menu1{
background: url("../images/menu1.png") 2rem center no-repeat #434343;
background-size:2rem 2rem;
}
.bottom ul li.menu1.on{
background: url("../images/menu1.png") 2rem center no-repeat #A1A1A1;
background-size:2rem 2rem;
}
.bottom ul li.menu2{
background: url("../images/menu2.png") 2rem center no-repeat #434343;
background-size:2rem 2rem;
}
.bottom ul li.menu2.on{
background: url("../images/menu2.png") 2rem center no-repeat #A1A1A1;
background-size:2rem 2rem;
}
.bottom ul li.menu3{
background: url("../images/menu3.png") 2rem center no-repeat #434343;
background-size:2rem 2rem;
}
.bottom ul li.menu3.on{
background: url("../images/menu3.png") 2rem center no-repeat #A1A1A1;
background-size:2rem 2rem;
}
.bottom ul li.menu4{
background: url("../images/menu4.png") 2rem center no-repeat #434343;
background-size:2rem 2rem;
}
.bottom ul li.menu4.on{
background: url("../images/menu4.png") 2rem center no-repeat #A1A1A1;
background-size:2rem 2rem;
}
.bottom ul li.menu5{
background: url("../images/menu5.png") 2rem center no-repeat #434343;
background-size:2rem 2rem;
}
.bottom ul li.menu5.on{
background: url("../images/menu5.png") 2rem center no-repeat #A1A1A1;
background-size:2rem 2rem;
}
.bottom ul li.menu6{
background: url("../images/menu6.png") 2rem center no-repeat #434343;
background-size:2rem 2rem;
}
.bottom ul li.menu6.on{
background: url("../images/menu6.png") 2rem center no-repeat #A1A1A1;
background-size:2rem 2rem;
}
.bottom ul li.menu8{
background: url("../images/menu8.png") 2rem center no-repeat #434343;
background-size:2rem 2rem;
}
.bottom ul li.menu8.on{
background: url("../images/menu8.png") 2rem center no-repeat #A1A1A1;
background-size:2rem 2rem;
}
.bottom .bottominfo{
text-align: center;
font-size: 1rem;
font-family: "微软雅黑";
color:#b5b5b5;
padding: 1.5rem 0;
}
.bottom .bottominfo a{
line-height: 2.5rem;
font-size: 1.2rem;
font-family: "微软雅黑";
color:#b5b5b5;
}
.bottom .bottominfo a.wzzl{
display: inline-block;
width: 5rem;
height: 1.6rem;
line-height: 1.6rem;
text-align: center;
border-radius: 1.6rem;
background: #E60012;
font-size: 1.2rem;
color: #FFF;
margin-top: 0.5rem;
}
/*footer*/
#footer{position:fixed; width:100%; height:6rem; background:#EEEEEE; bottom:0; z-index: 99;}
#footer .footmenu ul li{
float: left;
width:32%;
height:6rem;
text-align: center;
font-size: 1.4rem;
font-family: "微软雅黑";
color:#000;
padding-top: 3.7rem;
}
#footer .footmenu ul li.menu1{
background: url('../images/footmenu1.png') center 1rem no-repeat;
background-size: 2.5rem 2.5rem;
}
#footer .footmenu ul li.menu2{
background: url('../images/footmenu2.png') center 1rem no-repeat;
background-size: 2.5rem 2.5rem;
}
#footer .footmenu ul li.menu3{
background: url('../images/footmenu3.png') center 1rem no-repeat;
background-size: 2.5rem 2.5rem;
}
#footer .footmenu ul a{
display: block;
color:#000;
}
#footer .footmenu ul .line{
float: left;
width:1%;
height:2rem;
margin-top: 2rem;
border-left: 0.1rem solid #B5B5B5;
}
/*page*/
#page{
display: inline-block;
width: 100%;
text-align: center;
margin: 3rem auto;
font-size: 0;
}
#page .btn{
display: inline-block;
width: 38px;
height: 38px;
border-radius: 5px;
border:1px solid #e9e9e9;
text-align: center;
line-height: 38px;
background: #fff;
font-size: 15px;
color: #4b4b4b;
margin:5px 0 0 5px;
}
#page .active{
background: #E60012;
color: #fff;
}
#page .first, #page .end {
color:#4b4b4b;
}
#page .prev, #page .next {
color:#4b4b4b;
}