﻿body {
    background-color:#fff;
}
.imageList {
 width:96%;
  margin:0 auto;
}
.ContainerList {
 width:96%;
  margin:0 auto;
}
.listTitle {
    border-bottom:1px solid #64c400;
    width:100%;
   
}
    .listTitle h3 {
        background-color:#64c400;
        color:#fff;
        font-weight:bold;
        width:110px;
        height:35px;
        line-height:35px;
        text-align:center;
        font-size:15px;
    }
.imageList ul {
    width:100%;
   height:auto;
    display:-webkit-flex; 
    display:-moz-box;
    display:-mz-flexbox;
    display:flex;
 justify-content:space-around;
 flex-wrap:wrap;
 -webkit-flex-wrap:wrap;
    }
 .imageList ul li {

 border:1px solid #ccc;
 padding:0.3rem 0.3rem 0.3rem 0.3rem;
 width:128px;
    height:125px;
 margin-top:10px;

 }
.imageListdiv {
    width:128px;
    height:85px;
    overflow:hidden;
}
.imageList ul li a {
    color:#333333;
}
 .imageList img {
 width:100%;
}
.sort_menu {
    height:40px;
    line-height:40px;
    display:flex;
     justify-content:center;
}
.sort_menu a {
       width:20%;
       text-align:center;
       font-size:16px;
       font-weight:400;
 }

.typelist {
     width:96%;
  margin:0 auto;
}
.typelist ul {
     width:100%;
   height:auto;
    display:-webkit-flex; 
    display:-moz-box;
    display:-mz-flexbox;
    display:flex;

 justify-content:space-around;
 flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
    }
 .typelist ul li {
 width:8rem;
 height:10rem;
 padding:0.3em 0.3em 0.3em 0.3em;
 /*margin-right:12px;*/
 margin-top:10px;

 }
.box_type_title {
    text-align:center;
    font-size:0.8rem;
    width:8rem;
    line-height:2rem;
    height:2rem;
    overflow:hidden;
}
.box_type{
width:8rem;
height:8rem;
border: 1px solid #64c400;
text-align: center;
font-weight: bold;
background: burlywood;
border-radius: 50%;
overflow:hidden;
}

.txtList {
     width:96%;
  margin:0 auto;
}
.txtList ul {
    width:100%;
   height:auto;
    display:-webkit-flex; 
    display:-moz-box;
    display:-mz-flexbox;
    display:flex;
 justify-content:space-around;
 flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
   }
 .txtList ul li {
 width:20rem;
 height:22px;
 line-height:22px;
 padding:2px 2px 2px 2px;
 /*margin-right:12px;*/
 margin-top:2px;
 margin-bottom:2px;

 }
 .divfoot {
    border-top-style : dashed;
	border-top-color : #ccc;
	border-top-width : 1px;

    width:96%;
    margin:0 auto;
    height:100px;
    padding-top:10px;
    display:-webkit-flex; 
    display:-moz-box;
    display:-mz-flexbox;
    display:flex;
 justify-content:space-around;
 flex-wrap:wrap;
 -webkit-flex-wrap:wrap;
}
    .divfoot a {
        margin-left:5px;
        margin-right:5px;
        color:#333;
    }

.txtList ul li a {
    color:#333333;
}
.listcenterMore {
    margin:0 auto;
    width:100px;
    margin-top:25px;
    margin-bottom:15px;
}
.listcenterMore a {
   color:#64c400;
}

.new_kuang {
    width:100%;
    height:auto;
}

   .box {
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	padding: 15px;
}
.box li {
	float: left;
	width: 50%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 35px;
}
.box li a {
    color:#333333;
}

@media only screen and (max-width: 700px){.box li{width: 50%;}}
@media only screen and (max-width: 500px){.box li{width: 100%;}}

     .box_t3 {
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	padding: 15px;
}
.box_t3 li {
	float: left;
	width: 33.3%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 35px;
}
    .box_t3 li a {
        color:#333;
    }
@media only screen and (max-width: 700px){.box_t3 li{width: 50%;}}
@media only screen and (max-width: 500px){.box_t3 li{width: 100%;}}

.clear{clear:both;line-height:0;height:0;font-size:0;}

.headmenu {
    max-width:1200px;margin:0 auto;
    height:35px;
    line-height:35px;
}
    .headmenu a {
        font-size:15px;
        color:#fff;
        margin-left:20px;
    }

    .jianjie {
	width: 100%;
	height: auto;
	margin: 1rem 0;
}

.jj_tit {
	width: 100%;
	height: 3.2rem;
}

.jj_tit h3 {
	width: 30%;
	height: 3.2rem;
	line-height: 3.2rem;
	font-size: 1.5rem;
	text-align: center;
	color: #fff;
	background-color:#64c400;
}
    .jj_tit a {
        color: #fff;
    }
.jj_info {
	width: 99.5%;
	min-height: 8rem;
	background-color: #fff;
	border: 1px solid #ddd;
	box-sizing: border-box;
	line-height: 2.2rem;
	font-size: 1.3rem;
	color: #333;
	padding: 2%;
}
    .jj_info span {
        color:#333333;
    }
       .jj_info div {
        color:#333333;
    }
.jj_info a {
    color:#333;
    }
.jingao {
	width: 100%;
	margin: 1rem 0;
}
.jj_zoubian h3 {
    color:#e04300;
}

.con_morejb {
    height:1.5rem;
    width:5rem;
    margin:0 auto;
    text-align:center;
     background-image: -webkit-linear-gradient(top, #766363, #fff); 
     color:#e04300;
}
.jj_zoubian_loop {
 border-bottom-width : 1px;
	border-bottom-color : #898989;
	border-bottom-style : dotted;
    margin-left:0;
     margin-right:0;
      margin-bottom:0.1rem;
      padding-bottom:0.2rem;
}
    .jj_zoubian section {
         margin-top: 0.1rem;
    }
.jj_zoubian a {
    color:#333;
}
.jj_info h3 {
    color:#e04300;
}