.banner {
width: 100%;
height: auto;
overflow: hidden;
margin: 0;
padding: 0;
margin: 0 auto;
}


/* 内容 */

#content {
width: 100%;
background: #fff;
margin: 0 auto;
}


/* 本例子css -------------------------------------- */

.focus1 {
width: 100%;
height: auto;
margin: 0 auto;
position: relative;
overflow: hidden;
}

.focus1 .hd {
width: 100%;
height: 11px;
position: absolute;
z-index: 1;
bottom: 5px;
text-align: center;
}

.focus1 .hd ul {
display: inline-block;
height: 5px;
padding: 3px 5px;
background-color: rgba(255, 255, 255, 0.7);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 0;
vertical-align: top;
}

.focus1 .hd ul li {
display: inline-block;
width: 5px;
height: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #8C8C8C;
margin: 0 5px;
vertical-align: top;
overflow: hidden;
}

.focus1 .hd ul .on {
background: #FE6C9C;
}

.focus1 .bd {
position: relative;
z-index: 0;
}

.focus1 .bd li img {
width: 100%;
height: auto;
background: url(../img/loading.gif) center center no-repeat;
}

.focus1 .bd li a {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
/* 取消链接高亮 */
}

.cx-box {
width: 90%;
height: 40px;
float: left;
margin: 0;
padding: 0;
margin-left: 5%;
margin-top: 20px;
background: #fff;
/*border-radius: 30px;*/
overflow: hidden;
border: 1px solid #e7e7e7;
}

.cx-box form {
width: 100%;
height: 100%;
display: block;
float: left;
}

.cx-box form input[type=text] {
border: none;
color: #666;
font-size: 12px;
width: 75%;
line-height: 40px;
height: 40px;
margin-left: 1%;
float: left;
outline: none;
caret-color: #0d61df
}

.cx-box form a {
width: 22%;
height: 100%;
float: right;
display: inline-flex;
justify-content: center;
align-items: center;
cursor: pointer;
}

.cx-box form a:link,
.cx-box form a a:visited {
color: #fff;
text-decoration: none;
}

.cx-box form a:hover {
color: #fff;
text-decoration: none;
}

.btn1 {
width: 100%;
height: 100%;
float: right;
background: #ed8908;
color: #FFF;
font-size: 0.825rem;
display: flex;
align-items: center;
justify-content: center;
}

.people {
width: 100%;
height: auto;
overflow: hidden;
padding: 1rem 0;
float: left;
}

.people h3 {
width: 94%;
height: auto;
overflow: hidden;
float: left;
border-bottom: 1px solid #E7E7E7;
line-height: 2rem;
color: #666;
font-weight: normal;
font-size: 0.825rem;
padding: 0 3%;
}

.tjzy {
width: 100%;
height: auto;
overflow: hidden;
float: left;
margin: 0;
padding: 0;
padding-bottom: 0.825rem;
}

.tjzy ul li {
width: 29%;
max-width:110px;
height: auto;
overflow: hidden;
float: left;
display: inline-flex;
flex-direction: column;
margin: 10px 1.8%;
margin-top: 1rem;
border: 1px solid #E7E7E7;
position: relative;
text-align: center;
}


.img {width: 100%;position: relative;z-index: 1;border-bottom: 1px solid #E7E7E7;height: 145px;overflow: hidden;}
.img img {width: 100%;display: block;}



.name {width: 100%;
height: 1.8rem;
background: rgba(51, 122, 183, 0.67);
position: absolute;
z-index: 8888;
color: #fff;
bottom: 0;
line-height: 1.8rem;
text-align: center;
font-size: 0.7rem;
font-weight: normal;
}

.line {border: 1px solid rgba(255, 255, 255, 0.3);
position: absolute;z-index: 2;
width: 90%;
height: 90%;
left: 5%;
top: 5%;
}

.hot {width: 100%;
height: auto;
overflow: hidden;
float: left;
margin: 0;
padding: 0;
padding-bottom: 0.825rem;
margin-top: 0.825rem;}

.hot  li {width: 92%;height: auto;overflow: hidden;float: left;border: 1px solid #E7E7E7;margin: 0 2%;padding: 0.5rem 2%;box-shadow: 5px 5px 5px #f5f5f5;margin-bottom: 5px;}

.hotimg {
width: 30%;
height: auto;
overflow: hidden;
display:inline-block;
float: left;
margin: 0;
padding: 0;


}

.hotimg img {
width: 100%;
display: block;
min-height: 136px;
}

.htxt {width: 64%;height: 145px;overflow: hidden;display: inline-block;float: right;text-align: left;line-height: 1.5rem;color: #333;font-size: 0.825rem;position: relative;}
.htxt h4{ width: 100%; border-bottom: 1px solid #E7E7E7;}
.htxt p img{ margin-top: 6px;}
.htxt p{max-height: 3rem; overflow: hidden;}
.htxt p.lll{color: #E53333;font-size: 0.7rem; position: absolute; bottom: 0px;}

@media (min-device-width : 320px) and (max-device-width :568px) {
	.htxt,.img{height: 118px;}
	.hotimg img {
	    min-height: 115px;
	}
} 


@media (min-device-width : 360px) and (max-device-width :640px) {
	.htxt,.img{height: 134px;}
} 

/*6*/ 
@media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){
	.tjzy ul li {width: 30%;margin: 0.5rem 1.3%;max-width: 125px;}
	.htxt,.img{height: 145px;}
} 


@media (min-device-width : 411px) and (max-device-width : 823px){ 
	.htxt,.img{height: 157px;}
} 

/*6+*/ 
@media (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3){ 
	.tjzy ul li {max-width: 125px;}
	.htxt,.img{height: 160px;}
}


@media only screen and (min-width:567px) {
	.name {width: 100%; height: 2.5rem; background: rgba(0, 0, 0, 0.8); position: absolute; z-index: 8888; color: #fff; bottom: 0; line-height: 2.5rem; text-align: center; font-size: 0.7rem; font-weight: normal;}
	.htxt p{max-height:4.5rem; overflow: hidden;}
}
@media only screen and (min-width:735px) {
	.hotimg {width:20%;overflow: hidden;display:inline-block;float: left;margin: 0;padding: 0;}
	.htxt { width: 74%;  overflow: hidden; display: inline-block; float: right; text-align: left; line-height: 1.5rem;color: #333;font-size: 0.825rem;}
}