@charset "utf-8";
.fw {
	width: 100%;
	margin: 0 auto
}
.fl {
	text-align: center;
}
.fr {
	float: right
}
.nd {
	display: none
}
.ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	white-space: nowrap
}
ul, li {
	list-style: none
}
.title_in {
	overflow: hidden;
	width: 100%
}
.title_in .fl {
	font-size: 16px;
    color: #5f5f5f;
}
.title_in .fl small {
	font-size: 12px;
	color: #BBB;
	margin-left: 5px
}
.title_in .fr a {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	font-size: 12px;
	color: #828282;
	position: relative
}
.title_in .fr a:hover {
	color: #ff9000
}
.title_in .fr a:before {
	content: '';
	position: absolute;
	width: 1px;
	height: 12px;
	background: #E5E5E5;
	right: 0;
	top: 10px
}
.title_in .fr a.cur {
	color: #fff;
	border-radius: 3px
}
.title_in .fr a.cur:before {
	display: none
}
.title_in .nd a {
	border-radius: 5px;
	background: #ff9000;
	color: #fff
}
.title_in .nd a:before {
	display: none
}
.title_in .nd a:hover {
	color: #fff
}
.pro_in {
	width: 100%;
	margin: 0 auto;
}
.pro_in .title_in {
	margin-bottom: 30px
}
.pro_in .flist {
	background: url(../images/typebg.gif) no-repeat right bottom;
	background-color: #e8e8e8;
	width: 277px;
	height: 462px;
	overflow: hidden;
	float: left
}
.pro_in .flist .tt {
	color: #fff;
	padding: 15px 25px
}
.pro_in .flist .tt span {
	display: block;
	font-size: 14px
}
.pro_in .flist .tt p {
	font-size: 22px;
	margin-bottom: 5px;
	line-height: 22px
}
.pro_in .flist ul {
	padding: 10px 20px
}
.pro_in .flist ul li a {
	display: block;
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	color: #666;
	font-size: 14px;
	border-bottom: 1px solid #eee;
	text-overflow: ellipsis;
	work-break: break-all;
	white-space: nowrap;
	overflow: hidden
}
.pro_in .flist ul li a:hover {
	background: #ccc;
	color: #fff;
	border-radius: 5px
}
.pro_in .frlist {
	width: 100%;
    float: left;
    background: #f9f9f9;
}
.pro_in .frlist li {
    width: 23%;
    float: left;
    margin-bottom: 2%;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 3%;
}
.pro_in .frlist li .pic {
	display: table;
	width: 100%;
	height: 160px;
}
.pro_in .frlist li .pic span {
	display: table-cell;
    width: 100%;
    height: 160px;
    vertical-align: middle;
    text-align: center;
    background: #F6F7F9;
    overflow: hidden;
    box-shadow: gainsboro 1px 2px 37px -2px;
}
.pro_in .frlist li .pic span img {
    display: block;
    width: 100%;
    margin: 0 auto;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.pro_in .frlist li .txt {
	position: relative;
	transition: all 0.3s
}
.pro_in .frlist li .txt h2 {
    font-size: 18px;
    color: #3a3a3a;
    line-height: 51px;
    margin: 0;
    text-align: center;
    font-weight: unset;
}
.pro_in .frlist li .txt p {
	font-size: 12px;
	color: #999;
	line-height: 16px;
	margin: 0
}
.pro_in .frlist li .txt .jt {
	position: absolute;
	right: 15px;
	top: 15px;
	color: #C1C1C1
}
.pro_in .frlist li a:hover .pic span img {
	transform: scale(1.20, 1.20)
}

.pro_in .frlist li a:hover .jt {
	color: #ff9000
}
.biaot {
	width: 60%;
	margin: 0 auto;
	text-align: center
}
.biaot div {
	font-size: 25px;
	color: #575757;
}
.biaot hr {
	color: #b9b9b9
}

.cpbnt{
width: 100%;
    height: 58px;
    float: left;
}

.cpbnta {
    width: 170px;
    height: 39px;
    border-radius: 80px;
    color: #ffffff;
    margin-top: 15px;
    text-align: center;
    margin: 0 auto;
    background: #f10803;
}
.cpbnta a {
    color: #fff;
    font-size: 16px;
    line-height: 35px;
}
.cpbnta:hover {
	color: #fff;
	background: #000;
}