section.banner {
    height: 600px;
    width: 100%;
    background: no-repeat center / cover;
    position: relative;
    display: table;
    overflow: hidden;
}

section.banner div.tt{
    font-size: 36px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
section.banner .tt span {
    display: inline-block;
    border-bottom: #fff 2px solid;
    height: 80px;
    line-height: 80px;
    font-size: 42px;
    font-weight: bold;
}

section.qc{
	padding:30px;
}
section.qc div.top{
	width: 100%;
    text-align: center;
    margin: 10px auto 30px;
    position:relative;
    z-index: 1;
}
section.qc div.top select{
	outline: none;
}
section.qc div.top dl{
	display: inline-block;
	width: 15%;
	max-width: 160px;
	outline: none;
	height: 48px;
	line-height: 48px;
	background: #666;
	vertical-align: middle;
	margin:0 5px;
	text-align: left;
}
section.qc div.top dl dt,
section.qc div.top dl dd{
	position:relative;
	padding:0 20px;
	z-index: 3;
}
section.qc div.top dl dt:after{
	content:'';
	border: 6px solid transparent;
    border-top-color: #FFF;
    z-index: 1;
    position:absolute;
    right:5px;
    top:20px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-transform-origin: 50% 20%;
    -moz-transform-origin: 50% 20%;
    -ms-transform-origin: 50% 20%;
    transform-origin: 50% 20%;
}
section.qc div.top dl a{
	display: block;
	height: 100%;
	color: #fff;
	white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
section.qc div.top dl dd{
	background: #000;
	display: none;
	z-index: 4;
}
section.qc div.top dl:hover{
	background-color: #ff666b;
}
section.qc div.top dl:hover dt:after{
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
section.qc div.top dl:hover dd{
	background-color: #ff666b;
	display: block;
}


section.qc > ul li > a{
	display: block;
	background: #fff;
}
section.qc > ul li span.thumb{
	display: block;
	height:0;
	padding-top:50%;
	position:relative;
	overflow: hidden;
}
section.qc > ul li span.thumb span{
	display: block;
	width: 100%;
	height: 100%;
	background: no-repeat center / cover;
	position:absolute;
	left:0;
	top:0;
	-webkit-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
}
section.qc > ul li:hover span.thumb span{
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
section.qc > ul li.rec div.wrap{
	padding:30px;
	background:#e4e4e4;
	overflow: hidden;
}
section.qc > ul li.rec div.wrap h3{
	height: 40px;
    line-height: 40px;
    color: #424242;
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
section.qc > ul li.rec div.wrap h3 a{
	color: inherit;
}
section.qc > ul li.rec div.wrap span.date{
	display: block;
	font-size:16px;
	color: #333;
}
section.qc > ul li.rec div.wrap p{
	line-height: 30px;
	height: 30px;
    font-size: 12px;
    color: #7c7a7b;
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
section.qc > ul li.rec div.wrap a.more{
	color: #fe646c;
	font-size: 12px;
	margin-top: 5px;
	display: inline-block;
}
section.qc > ul li.normal a{
	display: block;
	position:relative;
	overflow: hidden;
}
section.qc > ul li.normal a span.title{
	height: 40px;
    line-height: 40px;
    color: #424242;
    display: block;
    padding:20px;
    white-space: nowrap;
text-align: center;
    overflow:hidden;
    text-overflow:ellipsis;
}
a.go {
    text-align: center;
    width: 150px;
    height: 52px;
    border: #ff545c 1px solid;
    line-height: 52px;
    font-size: 14px;
    display: block;
    overflow: hidden;
    color:#ff545c;
    margin: 80px auto;
}

section.containerBox{
	overflow: hidden;
	padding:0 30px;
}
section.topInfo{
	max-width: 1400px;
	margin:150px auto 80px;
	background: #fff;
    color: #333;
}

section.topInfo div#owl-qcxq{
	position:relative;
	overflow: hidden;
}
section.topInfo div.item img{
	display: block;
	width: 100%;
	height: auto;
}
section.topInfo div#owl-qcxq div.owl-dots{
	position:absolute;
	bottom:10px;
	left:0;
	width: 100%;
	text-align: right;
}
section.topInfo div#owl-qcxq div.owl-dots button{
	display: inline-block;
	width:12px;
	height: 12px;
	border-radius: 50%;
	background: #869791;
	margin-right: 10px;
}
section.topInfo div#owl-qcxq div.owl-dots button.active{
	background: #fe555a;
}
section.topInfo div.right div.wrap{
	width:90%;
	margin:30px auto;
}
section.topInfo div.right div.wrap h3{
    height: 50px;
    line-height: 50px;
    font-size: 26px;
    font-weight: bold;
}
section.topInfo div.right div.wrap div.con{
	margin-top: 15px;
    line-height: 30px;
    font-size: 14px;
}


section.others{
	overflow: hidden;
	padding:30px;
}
section.others div.subnav{
	text-align: center;
}
section.others div.subnav a {
    display: inline-block;
    width: 45%;
    max-width: 157px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    color: #fff;
    border: #fff 1px solid;
    margin: 0 5px;
    font-size: 16px;
    font-weight: bold;
}
section.others div.subnav a.active{
	border: #ff545c 1px solid;
    background: #ff545c;
}
section.others div.container{
	padding:30px 0;
}
section.others div.container >div.layui-row{
	display: none;
	line-height: 30px;
    
    font-size: 14px;
        padding: 130px;
    background: rgba(255, 255, 255, 0.9);
    overflow: hidden;
	position:relative;
}
section.others div.container > div.layui-row.active{
	display: block;
}



@media screen and (min-width:1720px){

}
@media screen and (max-width:991px) {
	section.qc div.top{
		margin-bottom: 10px;
	}
	section.qc div.top dl{
		width: calc(50% - 10px);
		max-width: initial;
		float: left;
		margin-bottom: 5px;
	}
	section.qc{
		padding: 20px 10px;
	}
	section.qc > ul li.rec div.wrap{
		background: #fff;
		padding:0;
	}
	section.qc > ul li.rec div.wrap h3{
		height: 40px;
	    line-height: 40px;
	    color: #424242;
	    font-size: 14px;
	    font-weight: normal;
	    padding:20px;
	}
	section.qc > ul li.rec div.wrap span.date,
	section.qc > ul li.rec div.wrap p,
	section.qc > ul li.rec div.wrap a.more{
		display: none;
	}
	a.go{
		margin:40px auto;
	}
	section.others div.subnav a{
		width: 30%
	}

}
@media screen and (max-width:767px) {
	section.topInfo{
		margin:40px auto;
	}
	section.topInfo div.right div.wrap{
		margin:10px auto;
	}
	section.topInfo div.right div.wrap h3{
		font-size: 18px;
		height: 36px;
		line-height: 36px;
	}
	section.qc > ul li{
		padding:3px;
	}
	section.containerBox{
		padding:0 10px;
	}
	section.others{
		padding:0;
	}
	section.others div.container >div.layui-row{
		padding:50px;
	}
	section.others div.subnav a{
		width:33.333%;
		float: left;
		margin:0;
		height: 36px;
		line-height: 36px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	section.qc a.go{
		margin:20px auto;
		height: 36px;
		line-height: 36px;
		width:100px;
	}
}
@media screen and (max-width:639px) {

}
@media screen and (max-width:479px) {

}