@charset "utf-8";
.head{
	height: 78px;
	width: 100%;
	background: url(../images/headbg.png) repeat-x;
	box-shadow: 0 0 16px 0 rgb(0 0 0 / 75%);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
}
.head_height{
	height: 78px;
}
.logo{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 88px;
	height: 78px;
	background: url(../images/navbar.png) top right no-repeat;
}
.logo img{
	height: 50px;
}
.hdr{
	padding-right: 15px;
}
.hdr a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 44px;
	height: 35px;
	background: url(../images/flagbg_03.png) no-repeat center;
	margin-right: 10px;
}
.hdr a img{
	display: block;
	margin: 0 auto;
	width: 22px;
	height: 16px;
}
.hdr a:hover{
	-webkit-filter: brightness(120%);
}
.nav span{
	position: relative;
	display: block;
	background: url(../images/navbar.png) center left no-repeat;
}
.nava{
	padding: 0 45px;
	font-size: 16px;
	color: #c6c6c6;
	line-height: 78px;
	display: block;
	overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
/*新增选中效果*/
.nav span a.active{
	color: #fff;
	font-weight: bold;
	font-size: 17px;
}
.nav span:hover .nava,.nav span.active .nava{
	background: url(../images/nav-hover.png) repeat-x;
	color: #fff;
}
.navhide{
	width: 100%;
	background: #383838;
	box-shadow: 0 0 16px 0 rgb(0 0 0 / 75%);
	position: absolute;
	left: 0;
	top: 100%;
	padding: 10px 15px;
	opacity: 0;
	visibility: hidden;
	transition: .25s;
	margin-top: 10px;
	z-index: 9999;
}
/*新增选中效果*/
.nav span .navhide a.active{
	color: #fff;
	font-weight: bold;
	font-size: 15px;
}
.nav span:hover .navhide{
	opacity: 1;
	visibility: inherit;
	margin-top: 0;
}
.navhide a{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	color: #c6c6c6;
	line-height: 32px;
	border-bottom: 1px solid #282828;
    box-shadow: 0 1px 0 0 #454545;
    font-size: 14px;
}
.navhide a:hover{
	color: #fff;
}
.hdrb{
	position: absolute;
	right: 25px;
	top: 100%;
	z-index: 99;
}
.hdrb a{
	margin-left: 10px;
    box-shadow: 0 0 16px 0 rgb(0 0 0 / 75%);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #81671e;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    padding: 7px 10px 7px 10px;
}
.hdrb a:hover,.hdrb span.active a{
	padding-top: 20px;
}
.itxt{
	color: #ccc;
}
.itxt h3{
	font-size: 32px;
	line-height: 50px;
}
.morea{
	background: #383838;
	padding: 0 15px;
	line-height: 28px;
	font-size: 12px;
	color: #ccc;
	display: inline-block;
	margin-top: 25px;
	border-radius: 3px;
	border: 1px solid #222;
}
.morea:hover{
	opacity: .85;
	color: #ccc;
}
.bnl{
	width: 40%;
}
.bnr{
	width: 50%;
}
.md{
	padding: 65px 0;
}
.i5 .wrap{
	height: 420px;
	justify-content: flex-end;
}
.itxt_blk{
	color: #565656;
}
.foot{
	background: #363636;
	padding: 40px 0;
}
.flogo{
	height: 50px;
	display: inline-block;
}
.fta a{
	font-size: 15px;
	color: #ccc;
	margin: 0 15px;
}
.fta a:hover{
	color: #fff;
}

.listbn{
	height: 350px;
	display: flex;
	flex-direction: column;
}
.lbntop{
	padding-top: 45px;
}
.lbntitle{
	padding: 10px 20px;
	border-right: 10px solid #c9172a;
	background: rgb(50 50 50 / 80%);
	color: #ccc;
	width: 33.5%;
	display: flex;
	justify-content: flex-end;
}
.lbntitle h3{
	font-size: 36px;
}
.prdbntxt{
	width: 680px;
}
.pdtop{
	line-height: 40px;
	padding: 15px 0;
}
.pdtop h3{
	font-size: 30px;
	font-weight: normal;
	color: #565656;
}
.pdtop a{
	line-height: 26px;
	padding: 0 15px;
	background: #414141;
	color: #fff;
	border-radius: 3px;
}
.pd1{
	background: #e4e4e4;
}
.pd1w{
	width: 102%;
}
.pd1a{
	width: 31.3333%;
	margin-right: 2%;
	margin-bottom: 25px;
}
.pd1aimg{
	width: 100%;
	height: 270px;
	border: 1px solid #aeaead;
	padding: 10px;
}
.pd1aimg_wt{
	width: 100%;
	height: 100%;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pd1aimg img{
	max-width: 85%;
	max-height: 85%;
}
.zoom{
	width: 100%;
	height: 100%;
	background: url(../images/icon-zoom.png) no-repeat center rgba(0,0,0,.7);
	transition: .25s;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
}
.pd1aimg:hover .zoom{
	opacity: 1;
}
.pd1atxtt{
	margin: 10px 0;
}
.pd1atxttopr a{
	display: inline-block;
	line-height: 22px;
	padding: 0 10px;
	background: #414141;
	color: #fff;
	border-radius: 3px;
}
.pd1atxtt span{
	line-height: 20px;
	font-size: 12px;
	padding: 0 5px;
	background: #d4d4d4;
	border-radius: 2px;
	color: #565656;
	display: inline-block;
	margin-top: 5px;
}
.pd1atxtb{
	color: #565656;
	line-height: 24px;
	font-size: 16px;
}
.pd1atxtb span{
	text-decoration: underline;
}
.pdbg{
	background: url(../images/prdbg_02.jpg) no-repeat top center;
	color: #ccc;
	padding: 40px 0;
}
.pdtitle{
	font-size: 36px;
	font-weight: normal;
}
.pdtxt p{
	width: 48%;
	margin-top: 5px;
}
.pdtxt p i{
	display: inline-block;
	width: 6px;
	height: 6px;
	background: #ccc;
	border-radius: 100%;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 10px;
}
.pdr{
	width: 36%;
}
.pdl{
	margin-right: 5%;
}
/*对比*/
.db{
	width: 110px;
	position: fixed;
	right: 15px;
	top: 20%;
	z-index: 99;
}
.dbt{
	background: #414141;
	padding: 0 5px 0 10px;
	line-height: 30px;
	color: #fff;
}
.dbt i{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20px;
	height: 20px;
	cursor: pointer;
	filter: grayscale(100%) brightness(500%);
}
.dbt i img{
	width: 50%;
}
.dba{
	border: 1px solid #e6e6e6;
	background: #fff;
	padding: 10px;
	font-size: 13px;
	color: #666;
}
.dbaimg img{
	max-width: 80%;
}
.dba_box:hover .dba{
	border: 1px dashed #D42A2A;
	color: #D42A2A;
	position: relative;
	z-index: 9;
}
.dba_close{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	background: #D42A2A;
	opacity: 0;
	transition: .25s;
	z-index: 10;
}
.dba_close img{
	width: 50%;
	filter: grayscale(100%) brightness(500%);
}
.dba_box:hover .dba_close{
	opacity: 1;
}
.dba_box{
	margin-top: -1px;
}
.dbf{
	background: #fff;
	padding: 10px;
	text-align: center;
}
.dbf button{
	color: #fff;
	border-radius: 4px;
	height: 26px;
	cursor: pointer;
	padding: 0 15px;
	background: #D42A2A;
}
.db{
	display: none;
}

.lbntitle_bdn{
	border: 0;
}
.lbntitle_list{
	width: 27.2%;
}
.lbntitle_list .ftwtn{
	min-width: 145px;
}
.col{
	width: 64%;
	margin-right: 4%;
}
.cortxt{
	color: #565656;
	line-height: 24px;
}
.cola{
	width: 48%;
	margin-top: 15px;
}
.cola_w100{
	width: 100%;
}
.cola p{
	margin-bottom: 10px;
	font-size: 16px;
	color: #565656;
}
.colaipt input,.colaipt textarea{
	height: 35px;
	width: 100%;
	background: #2e2e2e;
	padding: 0 12px;
	color: #ccc;
	border-radius: 4px;
}
.colaipt textarea{
	height: 160px;
	resize: none;
	padding: 12px;
}
.colaradio label{
	display: block;
	line-height: 30px;
	cursor: pointer;
	color: #565656;
}
.colaradio label input{
	-webkit-appearance:radio;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 10px;
}
.cola button{
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	background: #3e3e3e;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	border-radius: 4px;
	transition: .25s;
}

.ysw{
	color: #565656;
}
.textidt p{
	text-indent: 2em;
}

.prdbntxt_wt{
	color: #ccc;
}
.rbn{
	height: 320px;
}
.rbn_info{
	height: 230px;
}

.chmd{
	padding-top: 45px;
}
.ch1line{
	display: block;
	margin: 20px 0;
}
.ch2a p,.ch2a span{
	font-size: 12px;
}
.ch2a p{
	margin: 10px 0 15px 0;
}
.ch2w{
	width: 102%;
}
.ch2a{
	width: 31.3333%;
	margin-right: 2%;
}
.ch2a:hover{
	color: #D42A2A;
}
.jxsfma{
	margin-right: 15px;
}
.jxsfma select{
	width: 180px;
	height: 38px;
	background: #fff;
	padding: 0 12px;
	color: #777;
}
.jxsfma i{
	line-height: 38px;
	position: absolute;
	right: 12px;
	top: 0;
	font-size: 18px;
}
.jxsfma button{
	height: 38px;
	border: 1px solid #838383;
	color: #fff;
	font-size: 16px;
	background: #81671e;
	padding: 0 30px;
	cursor: pointer;
	transition: .25s;
}
.jxsfma button:hover{
	opacity: .85;
}
.mapbox{
	padding: 20px;
	border: 1px solid #eee;
}
.mapl{
	height: 650px;
}
.mapr{
	width: 29%;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	margin-left: 20px;
}
.maprtop{
	position: relative;
	z-index: 9;
}
.maprtop h3{
	padding: 0 15px;
	line-height: 56px;
	border-bottom: 1px solid #eee;
	display: block;
}
.maprtop h3 i{
	width: 3px;
	height: 14px;
	background: #81671e;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 10px;
}
.mpr_null,.mpr_full{
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	padding-top: 56px;
	position: absolute;
	left: 0;
	top: 0;
}
.mpr_null p{
	color: #999;
	font-size: 12px;
}
.mpr_height{
	padding: 0 15px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.mpr_height::-webkit-scrollbar{
	width:4px;
	height:4px;
}
.mpr_height::-webkit-scrollbar-track{
	background: #f6f6f6;
	border-radius:2px;
}
.mpr_height::-webkit-scrollbar-thumb{
	background: #aaa;
	border-radius:2px;
}
.mpr_height::-webkit-scrollbar-thumb:hover{
	background: #747474;
}
.mpr_height::-webkit-scrollbar-corner{
	background: #f6f6f6;
}
.mpra{
	padding: 15px 0;
	border-bottom: 1px solid #eee;
}
.mpratxt p{
	color: #999;
	font-size: 12px;
	line-height: 22px;
}
.mpraimg{
	margin-bottom: 10px;
}

.csl{
	width: 200px;
	margin-right: 25px;
}
.cslt a{
	display: inline-block;
	width: 24px;
	height: 24px;
	font-size: 12px;
	text-align: center;
	line-height: 22px;
	color: #000;
	margin-right: 9px;
	margin-bottom: 9px;
	border: 1px solid #e5e4e2;
}
.cslt a:hover,.cslt a.active{
	background: #000;
	border: 1px solid #000;
	color: #fff;
}
.cslb{
	height: 650px;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid #eee;
}
.cslb::-webkit-scrollbar{
	width:4px;
	height:4px;
}
.cslb::-webkit-scrollbar-track{
	background: #f6f6f6;
	border-radius:2px;
}
.cslb::-webkit-scrollbar-thumb{
	background: #aaa;
	border-radius:2px;
}
.cslb::-webkit-scrollbar-thumb:hover{
	background: #747474;
}
.cslb::-webkit-scrollbar-corner{
	background: #f6f6f6;
}
.cslbt{
	line-height: 32px;
	color: #000;
	background: #f2f5f8;
	padding: 0 15px;
}
.cslbf{
	padding: 5px 15px;
}
.cslbf a{
	display: block;
	line-height: 24px;
}
.cslbf a:hover,.cslbf a.active{
	color: #c39924;
}
.csr .ch2a{
	margin-bottom: 20px;
}
.page a{
	line-height: 30px;
	padding: 0 12px;
	color: #666;
	font-size: 12px;
	margin: 3px;
	border: 1px solid #eee;
}
.page a:hover,.page a.active{
	background: #f3f3f3;
}


.page .xiaocms-page a{
	line-height: 30px;
	padding: 0 12px;
	color: #666;
	font-size: 12px;
	margin: 3px;
	border: 1px solid #eee;
}
.page .xiaocms-page span{
	line-height: 30px;
	padding: 0 12px;
	color: #666;
	font-size: 12px;
	margin: 3px;
	border: 1px solid #eee;
	background: #f3f3f3;
}
.page .xiaocms-page a:hover{
	background: #f3f3f3;
}

.flex_end{
	align-items: flex-end;
}
.bninfo{
	padding: 15px 0;
}
.bninfo a{
	color: #ccc;
}
.bninfo i{
	margin: 0 7px;
}

.ifbox{
	width: 900px;
	margin: 0 auto;
}
.iftoptxt{
	color: #999;
	font-size: 12px;
}
.iftoptxt span{
	margin: 0 15px;
}
.iftxt img{
	max-width: 100%;
}
.ifb a{
	margin-top: 10px;
}
.ifb a:hover{
	color: #D42A2A;
}

.hzjmbox{
	width: 720px;
	margin: 0 auto;
}
.hzt{
	padding: 20px;
	text-align: center;
	color: #fff;
}
.hzw{
	border: 1px solid #eee;
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.hza{
	width: 48%;
	margin-bottom: 20px;
}
.hza_w100{
	width: 100%;
}
.hzaipt{
	margin-top: 10px;
}
.hzaipt input,.hzaipt textarea{
	width: 100%;
	height: 40px;
	border: 1px solid #e6e6e6;
	padding: 0 12px;
}
.hzaipt textarea{
	height: 120px;
	padding: 12px;
	resize: none;
}
.hzaipt input:focus,.hzaipt textarea:focus{
	border: 1px solid #e33c3c;
}
.hzasbm button{
	height: 40px;
	width: 120px;
	background: #000;
	border-radius: 4px;
	cursor: pointer;
	transition: .25s;
	color: #fff;
}
.hzasbm button:hover{
	opacity: .85;
}


@media only screen and (min-width:768px) and (max-width:1199px) {
	.nava{
		padding: 0 25px;
	}
	.navhide{
		width: 130px;
		left: 0;
	}
	.itxt h3{
		font-size: 24px;
		line-height: 40px;
	}
	.lbntitle{
		display: inline-block;
		width: auto;
		text-align: left;
	}
	.pdtitle,.lbntitle h3{
		font-size: 30px;
	}
	.pd1atxtb{
		font-size: 13px;
	}
	.lbntitle_list .ftwtn{
		min-width: 1px;
	}

	.mapl{
		height: 500px;
	}
}
@media only screen and (max-width:950px) {
	.whdr{
		padding-right: 25px;
	}
	.hdrb{
		position: relative;
		right: inherit;
		top: inherit;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 15px;
		padding-top: 0;
	}
	.hdrb span{
		width: 48%;
		margin-top: 15px;
	}
	.hdrb a{
		text-align: center;
		width: 100%;
		margin: 0;
		padding-top: 7px !important;
	}
	.swiper-container-bn .bnimg{
		height: 400px;
	}
	.md{
		padding: 45px 0;
	}
	.i5 .wrap{
		height: 320px;
	}
	.pd1w{
		width: 100%;
	}
	.pd1a{
		display: flex;
		width: 100%;
		margin-right: 0;
	}
	.pd1aimg{
		width: 35%;
	}
	.pd1ar{
		width: 62%;
		margin-left: 3%;
	}
	.pdtop h3,.pdtitle,.lbntitle h3{
		font-size: 24px;
	}
	.rbn{
		height: 280px;
	}
	.rbn_info{
		height: 200px;
	}
	.csr .ch2a{
		width: 48%;
	}

	.ifbox{
		width: 100%;
	}
	.bninfo{
		padding: 5px 0;
	}
}
@media only screen and (max-width:768px) {
	.swiper-container-bn .bnimg{
		height: auto;
		padding: 25px 0;
	}
	.md{
		padding: 25px 0;
	}
	.lbntitle{
		padding: 7px 20px;
	}
	.lbntitle_list .ftwtn{
		min-width: 1px;
	}
	.pdtop h3, .pdtitle, .lbntitle h3{
		font-size: 22px;
	}
	.itxt h3{
		font-size: 20px;
		line-height: 35px;
	}
	.morea{
		margin-top: 15px;
	}
	.bnl,.bnr{
		margin-top: 0 !important;
		padding: 5px 0;
	}
	.bnr img{
		max-width: 55%;
		display: block;
		margin: 0 auto;
	}
	.i5 .wrap{
		height: 150px;
	}
	.foot{
		padding: 25px 0;
	}
	.flogo{
		height: 40px;
	}
	.fta {
		margin-top: 20px;
	}
	.listbn{
		display: block;
		height: auto;
		padding: 25px 0;
	}
	.lbntop{
		padding-top: 0;
	}
	.lbntitle{
		width: auto;
		display: inline-block;
	}
	.prdbntxt {
		margin-top: 15px;
		font-size: 12px;
		line-height: 22px;
	}
	.pd1a{
		display: block;
	}
	.pd1aimg,.pd1ar{
		width: 100%;
		margin: 0;
	}
	.pd1atxtb{
		font-size: 12px;
		line-height: 22px;
	}
	.pdtxt p{
		width: 100%;
	}
	.pdr{
		margin-top: 15px;
	}
	.db{
		width: 90px;
		right: 5px;
	}
	.dba{
		font-size: 12px;
	}

	.lbntitle_list{
		margin-top: 15px;
	}
	.rbn{
		height: auto;
	}
	.rbn_info{
		height: auto;
	}
	.rbn .lbntitle_list,.rbn_info .lbntitle_list{
		margin-top: 0;
	}
	.ch2w{
		width: 100%;
		margin-top: 0;
	}
	.ch2a{
		width: 100%;
		margin-top: 20px;
		margin-right: 0;
	}
	.mapbox{
		padding: 0;
		display: block;
	}
	.mapl{
		width: 100%;
		height: 300px;
	}
	.mapr{
		margin-left: 0;
	}
	.mpr_null, .mpr_full{
		position: relative;
		padding-top: 0;
	}
	.jxsform {
		margin-top: 0;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.jxsfma{
		width: 48%;
		margin: 0;
		margin-top: 15px;
	}
	.jxsfma select{
		width: 100%;
		height: 35px;
	}
	.jxsfma button{
		height: 35px;
		font-size: 15px;
	}
	.jxstbox{
		margin-top: 10px;
	}
	.mpr_null{
		padding: 25px;
	}
	.csr .ch2a{
		width: 100%;
		margin-bottom: 0;
	}
	.page a{
		line-height: 26px;
		padding: 0 10px;
	}
	
	.hzjmbox{
		width: 100%;
	}
	.hza{
		width: 100%;
		margin-bottom: 15px;
	}
	.hzw{
		padding: 15px;
	}
	.hzaipt textarea{
		height: 100px;
	}
	.hzasbm button{
		width: 100px;
	}
}