@charset "UTF-8";



header {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	background-color: #fff;

	height: 2rem;

	z-index: 90;

}



.header-view {

	padding: 0 4.17%;

}



header .logo {

	position: absolute;

	left: 4.17%;

	top: 50%;

	transform: translate(0, -50%);

	width: 7.75rem;

}



header .logo img {

	width: 100%;

	display: block;

}



.m-nav {

	display: none;

}



.pc-nav {

	font-size: 0;

	text-align: right;

	padding-right: 8%;

}



.pc-nav li {

	display: inline-block;

	*display: inline;

	zoom: 1;

	margin: 0 1rem;

}



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

	.pc-nav li {

		margin: 0 0.5rem;

	}

}



.pc-nav li .tit {

	display: block;

	line-height: 2rem;

	font-size: 14px;



	color: #000;

	position: relative;

	transition: all .2s;

	/*font-weight: bold;*/

}



.pc-nav li .tit:before {

	content: "";

	position: absolute;

	left: 0;

	bottom: 0;

	width: 0;

	height: 3px;

	background-color: #ee742b ;

	transition: all .2s;

}



.pc-nav li.cur .tit {

	color: #ee742b ;

}



.pc-nav li.cur .tit:before {

	width: 100%;

}



.header-btns {

	position: absolute;

	right: 4.17%;

	top: .75rem;

	font-size: 0;

}



header .header-btns .search-btn,

header .header-btns .qrcode-box,

header .header-btns .bds_more,

header .header-btns .nav-btn {

	display: inline-block;

	*display: inline;

	zoom: 1;

	width: .525rem;

	height: .5rem;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	padding: 0;

	margin: 0;

	margin-left: 1rem;

	transition: all .2s;

}



header .header-btns .qrcode-box {

	position: relative;

}



.bdshare_popup_box {

	display: none !important;

}



header .header-btns .search-btn {

	background-image: url('../image/header-icon1.png');

}



header .header-btns .qrcode-btn {

	display: block;

	width: .525rem;

	height: .5rem;

	padding: 0;

	margin: 0;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	background-image: url('../image/header-icon2.png');

}



header .header-btns .bds_more {

	float: none;

	background-image: url('../image/header-icon3.png') !important;

	background-position: center !important;

}



header .header-btns .nav-btn {

	display: none;

}



.clearfixed {

	height: 2rem;

}



#bdshare_l {

	display: none !important;

}



.dialog-box {

	position: absolute;

	transform: translateX(-50%);

	width: 4rem;

	box-sizing: border-box;

	/* display: none; */

	visibility: hidden;

	transition: all .3s cubic-bezier(.23, 1, .32, 1);

	opacity: 0;

	filter: alpha(opacity=0);

}



.dialog {

	padding: .25rem;

	background-color: #fff;

	box-shadow: 0 0 20px rgba(0, 0, 0, .1);

	border-radius: 2px;

	position: relative;

}



.dialog:before {

	content: "";

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

	width: 12px;

	height: 7px;

	top: -7px;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	background-image: url('../image/dialog-sj.png');

	box-shadow: 0 0 10px rgba(230, 0, 18, .1);

}



.dialog:after {

	content: "";

	width: 100%;

	height: .25rem;

	background-color: #fff;

	z-index: 3;

	position: absolute;

	top: 0;

	left: 0;

}



.dialog img {

	width: 100%;

}



.dialog .txt {

	font-size: 12px;

	line-height: 12px;

	color: #666;

	margin-top: 10px;

	text-align: center;

}



header .qrcode-box .dialog-box {

	padding-top: .5rem;

	left: 50%;

	top: .575rem;

	transform: translate(-50%, 1rem);

}



header .header-btns .qrcode-box.on .dialog-box {

	transform: translate(-50%, 0);

	visibility: visible;

	opacity: 1;

	filter: alpha(opacity=100);

}



/* header end */

footer {

	background-color: #f9f9f9;

}



.footer-top {

	padding: 3.25rem 0 1.5rem;

	border-bottom: 1px solid #e8e8e8;

}



.footer-top .left {

	float: left;

}



.footer-top .f-logo {

	width: 8rem;

	display: block;

}



.footer-top .f-logo img {

	width: 100%;

}



.footer-top .right {

	float: right;

}



.f-nav {

	font-size: 0;

	margin-top: 1rem;

}



.f-nav li {

	display: inline-block;

	*display: inline;

	zoom: 1;

	padding-right: 1.125rem;

	position: relative;

	margin-right: 1.125rem;

}



.f-nav li:last-child {

	margin-right: 0;

	padding-right: 0;

}



.f-nav li:before {

	content: "";

	position: absolute;

	right: 0;

	top: 50%;

	width: 1px;

	height: .25rem;

	background-color: #d8d8d8;

	transform: translateY(-50%);

}



.f-nav li:last-child:before {

	display: none;

}



.f-nav li .tit {

	display: block;

	font-size: 14px;

	line-height: .45rem;

	color: #333;

	transition: all .2s;

}



.f-share {

	margin-top: 2.25rem;

}



.f-share.bdsharebuttonbox a {

	display: inline-block;

	zoom: 1;

	padding: 0;

	width: 19px;

	height: 16px;

	background-repeat: no-repeat;

	background-position: center !important;

	background-size: cover;

	padding: 0;

	margin: 0;

	float: none;

	margin-right: .75rem;

	transition: all .2s;

}



.f-share .bds_weixin {

	background-image: url('../image/f-share-icon1.png');

}



.f-share .bds_tsina {

	background-image: url('../image/f-share-icon2.png');

}



.f-contact {

	font-size: 0;

	text-align: right;

	padding-top: .4rem;

	position: relative;

}



.feed-left,

.f-qrcode {

	display: inline-block;

	*display: inline;

	zoom: 1;

	vertical-align: top;

}



.feed-left {

	text-align: right;

}



.feed-left .feed-btn {

	display: inline-block;

	width: 3rem;

	height: 1rem;

	background-color: #ee742b ;

	line-height: 1rem;

	color: #fff;

	font-size: 12px;

	text-align: center;

}



.feed-left .time {

	font-size: 12px;

	color: #666666;

	line-height: 20px;

	margin-top: .5rem;

}



.feed-left .tel {

	font-size: 14px;

	color: #ee742b ;

	line-height: .7rem;

}



.f-qrcode {

	margin-left: .25rem;

}



.f-qrcode .img {

	padding: 4px;

	border: 1px solid #e8e8e8;

	width: 2.25rem;

}



.f-qrcode .img img {

	width: 100%;

}



.f-qrcode .txt {

	font-size: 12px;

	line-height: 20px;

	color: #666;

	text-align: center;

	margin-top: 5px;

}



.footer-top .right .address {

	font-size: .35rem;

	line-height: .4rem;

	color: #666;

	margin-top: 1.5rem;

}



.footer-top .right .address br {

	display: none;

}



.footer-bottom {

	padding: 1.25rem 0;

}



.footer-bottom .copy {

	float: left;

	font-size: 13px;

	line-height: 20px;

	color: #555;

}

.footer-bottom .copy p{
	display:inline-block;
}

.footer-bottom .build {

	float: right;

	font-size: 13px;

	color: #555;

	line-height: 20px;

}



.footer-bottom .build a {

	font-size: 13px;

	color: #555;

	line-height: 20px;

	transition: all .2s;

}



.feed-dialog-box {

	position: fixed;

	top: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, .5);

	z-index: 100;

	display: none;

}



.feed-dialog {

	position: absolute;

	left: 50%;

	top: 50%;

	width: 25rem;

	background-color: #fff;

	transform: translate(-50%, -50%);

	border-radius: 4px;

}



.feed-dialog h3 {

	font-size: .6rem;

	line-height: 2rem;

	padding: 0 .75rem;

	color: #ee742b ;

	border-bottom: 1px solid #f2f2f2;

}



.feed-dialog .feed-form {

	padding: .75rem .75rem 1.5rem;

}



.feed-dialog .feed-form .inp {

	float: left;

	width: 42.55%;

	padding: .6rem 0;

	border-bottom: 1px solid #e5e5e5;

	margin-bottom: .3rem;

}



.feed-dialog .feed-form .text-inp {

	float: left;

	width: 100%;

	padding: .55rem 0;

	border-bottom: 1px solid #e5e5e5;

	margin-bottom: .75rem;

}



.feed-dialog .feed-form .inp:nth-child(2n),

.feed-dialog .feed-form input[type=button] {

	float: right;

}



.feed-dialog .feed-form .check-box {

	float: left;

	width: 42.55%;

	border-bottom: 1px solid #e5e5e5;

	padding: .5rem 0;

}



.feed-dialog .feed-form .tit {

	font-size: .4rem;

	line-height: .75rem;

	float: left;

}



.feed-dialog .feed-form input[type=text] {

	float: right;

	width: 82%;

	height: .75rem;

	line-height: .75rem;

	font-size: .4rem;

	color: #666;

}



.feed-dialog .feed-form textarea {

	width: 91.5%;

	height: .75rem;

	line-height: .75rem;

	font-size: .4rem;

	color: #666;

	float: right;

}



.feed-dialog .feed-form .check {

	float: right;

	width: 75%;

}



.feed-dialog .feed-form .check input[type=text] {

	float: left;

	width: 65.7%;

}



.feed-dialog .feed-form .check img {

	float: right;

	width: 2.2rem;

	height: .75rem;

}



.feed-dialog .feed-form input[type=button] {

	float: right;

	width: 4.25rem;

	height: 1.5rem;

	background-color: #ee742b ;

	color: #fff;

	border: none;

	font-size: .4rem;

}



.feed-dialog .feed-close {

	position: absolute;

	right: .75rem;

	top: .75rem;

	width: .45rem;

	height: .45rem;

	background-repeat: no-repeat;

	background-position: center;

	background-size: 100%;

	background-image: url('../image/feed-close.png');

}



/* footer end */





@media (max-width: 1366px) {

	.f-nav li {

		padding-right: .8rem;

		margin-right: .8rem;

	}

}



@media (max-width: 1024px) {

	.pc-nav {

		display: none;

	}



	.header-btns {

		top: .6rem;

	}



	header .header-btns .bds_more {

		display: none;

	}



	header .header-btns .nav-btn {

		display: inline-block;

		float: none;

	}



	header .header-btns .search-btn,

	header .header-btns .qrcode-box,

	header .header-btns .bds_more,

	header .header-btns .nav-btn {

		width: 21px;

		height: 20px;

	}



	header .header-btns .qrcode-btn {

		width: 21px;

		height: 20px;

	}



	header .header-btns .nav-btn {

		display: inline-block;

		position: relative;

		width: 28px;

	}



	header .header-btns .nav-btn .line {

		width: 100%;

		height: 2px;

		position: absolute;

		left: 0;

		background-color: #666;

		transition: all .2s;

		transform-origin: center;

	}



	header .header-btns .nav-btn .line1 {

		top: 0;

	}



	header .header-btns .nav-btn .line2 {

		top: 50%;

		margin-top: -1px;

	}



	header .header-btns .nav-btn .line3 {

		bottom: 0;

	}



	header .header-btns .nav-btn.cur .line {

		top: 50%;

		bottom: auto;

		margin-top: -1px;

		background-color: #ee742b ;

	}



	header .header-btns .nav-btn.cur .line1 {

		transform: rotate(45deg);

	}



	header .header-btns .nav-btn.cur .line2 {

		opacity: 0;

		filter: alpha(opacity=0);

	}



	header .header-btns .nav-btn.cur .line3 {

		transform: rotate(-45deg);

	}



	.m-nav {

		position: fixed;

		top: 2rem;

		width: 100%;

		z-index: 50;

		box-sizing: border-box;

		padding: 0 5%;

		background-color: rgba(255, 255, 255, .95);

	}



	.m-nav li {

		border-bottom: 1px solid #dcdcdc;

	}



	.m-nav li .tit {

		display: block;

		font-size: .4rem;

		padding: .4rem 0 .4rem .3rem;

		color: #333;

		position: relative;

	}



	.m-nav li .tit:before {

		content: "";

		position: absolute;

		right: 0;

		width: .4rem;

		height: .4rem;

		margin-top: -.15rem;

		background-repeat: no-repeat;

		background-position: center;

		background-size: cover;

		background-image: url('../img/position-jia.png');

		top: 50%;

		transition: all .2s;

	}



	.m-nav li:nth-child(1) .tit:before {

		display: none;

	}



	.m-nav li.on .tit:before {

		transform: rotate(45deg);

	}



	.m-nav li .navson {

		padding-bottom: .3rem;

		display: none;

	}



	.m-nav li .navson a {

		display: block;

		font-size: .4rem;

		line-height: .9rem;

		padding: 0 .5rem;

		color: #333;

	}





	.footer-top .left {

		width: 40%;

	}



	.f-nav li {

		width: 30%;

		margin-bottom: .5rem;

		box-sizing: border-box;

		margin-right: 5%;

		padding-right: 5%;

	}



	.f-nav li:nth-child(3n) {

		margin-right: 0;

	}



	.f-nav li:nth-child(3n):before {

		display: none;

	}



	.f-share {

		display: none;

	}

}



@media (max-width: 992px) {

	.feed-dialog .feed-form input[type=text] {

		width: 80%;

	}



	.feed-dialog .feed-form .check {

		width: 70%;

	}

}



@media (max-width: 767px) {

	.header-view {

		padding: 0 .4rem;

	}



	header {

		height: .9rem;

	}



	header .logo {

		width: 2.5rem;

	}



	.header-btns {

		top: .35rem

	}



	header .header-btns .search-btn,

	header .header-btns .qrcode-box,

	header .header-btns .bds_more,

	header .header-btns .nav-btn {

		margin-left: .4rem;

		width: .24rem;

		height: .24rem;

		vertical-align: middle;

	}



	header .header-btns .nav-btn {

		width: .3rem;

		height: .24rem;

	}



	header .header-btns .qrcode-btn {

		width: .24rem;

		height: .24rem;

	}



	header .qrcode-box .dialog-box {

		padding-top: 0;

		transform: translate(-50%, .4rem);

	}



	.dialog {

		padding: .15rem;

	}



	.dialog-box {

		top: .4rem;

		width: 2rem;

	}



	.clearfixed {

		height: .9rem;

	}



	.m-nav {

		padding: 0 .4rem;

		top: .9rem;

	}



	.m-nav li .tit {

		font-size: .24rem;

		padding: .15rem 0 .15rem .3rem;

	}



	.m-nav li .navson a {

		font-size: .24rem;

		line-height: .4rem;

	}



	/* header end */

	footer {

		overflow: hidden;

	}



	.footer-top {

		padding: .3rem 0 .3rem;

	}



	.footer-top .left {

		float: none;

		width: 100%;

	}



	.footer-top .f-logo {

		width: 2.5rem;

	}



	.f-nav {

		position: relative;

	}



	.f-nav:before {

		content: "";

		position: absolute;

		left: -50%;

		width: 200%;

		height: 1px;

		background-color: #dcdcdc;

	}



	.f-nav {

		margin-top: .36rem;

	}



	.f-nav li {

		display: block;

		width: 100%;

		margin-bottom: 0;

		border-bottom: 1px solid #dcdcdc;

	}



	.f-nav li:last-child {

		border-bottom: none;

	}



	.f-nav li .tit {

		line-height: .84rem;

		height: .84rem;

		font-size: .3rem;

	}



	.f-nav li:before {

		width: .1rem;

		height: .18rem;

		background-repeat: no-repeat;

		background-position: center;

		background-image: url('../image/f-arrow.png');

		background-color: transparent;

		background-size: cover;

	}



	.f-nav li:nth-child(3n):before {

		display: block;

	}



	.f-contact {

		text-align: left;

	}



	.feed-left {

		text-align: left;

	}



	.feed-left .feed-btn {

		width: 1.5rem;

		height: .5rem;

		line-height: .5rem;

	}



	.feed-left .time {

		font-size: .24rem;

		line-height: .4rem;

		margin-top: .2rem;

	}



	.feed-left .tel {

		font-size: .3rem;

		line-height: .4rem;

	}



	.f-qrcode .img {

		width: 1.2rem;

	}



	.footer-top .right .address {

		font-size: .24rem;

		line-height: .4rem;

		margin-top: .3rem;

		padding: .3rem 0 0px;

		line-height: .48rem;

	}



	.f-contact:before {

		content: "";

		position: absolute;

		left: -50%;

		top: 0;

		width: 200%;

		height: 1px;

		background-color: #dcdcdc;

	}



	.footer-top .right .address {

		border-top: 1px solid #e8e8e8;

	}



	.footer-bottom {

		padding: .3rem 0;

	}



	.footer-bottom .copy,

	.footer-bottom .build {

		float: none;

		display: block;

		line-height: .4rem;

	}



	.footer-bottom .build {

		margin-top: .2rem;

	}



	.footer-top .right {

		float: none;

	}



	.footer-top .right .address br {

		display: block;

	}



	.feed-dialog {

		width: 90%;

	}



	.feed-dialog .feed-form .inp {

		float: none;

		width: 100%;

	}



	.feed-dialog .feed-form {

		padding: .5rem;

	}



	.feed-dialog .feed-form .inp {

		padding: .2rem 0;

		margin-bottom: .1rem;

	}



	.feed-dialog .feed-form .tit {

		font-size: .3rem;

		line-height: .4rem;

	}



	.feed-dialog .feed-form input[type=text] {

		font-size: .3rem;

		line-height: .4rem;

		height: .4rem;

		width: 75%;

	}



	.feed-dialog h3 {

		font-size: .3rem;

		line-height: 1rem;

		padding: 0 .5rem;

	}



	.feed-dialog .feed-form textarea {

		width: 75%;

		height: .4rem;

		line-height: .4rem;

		font-size: .3rem;

	}



	.feed-dialog .feed-form .text-inp {

		padding: .2rem 0;

		margin-bottom: .2rem;

		float: none;

	}



	.feed-dialog .feed-form .check-box {

		width: 100%;

		float: none;

		padding: .2rem 0;

	}



	.feed-dialog .feed-form .check {

		width: 65%;

	}



	.feed-dialog .feed-form .check input[type=text] {

		width: 55%;

	}



	.feed-dialog .feed-form .check img {

		width: 1.5rem;

		height: .4rem;

	}



	.feed-dialog .feed-close {

		width: .2rem;

		height: .2rem;

		right: .5rem;

		top: .5rem;

	}



	.feed-dialog .feed-form input[type=button] {

		float: none;

		display: block;

		margin: .3rem auto 0;

		width: 2.5rem;

		height: .8rem;

		font-size: .3rem;

	}

}



@media (min-width: 1025px) {

	.animate .delay1 {

		transition-delay: .1s;

	}



	.animate .delay2 {

		transition-delay: .2s;

	}



	.animate .delay3 {

		transition-delay: .3s;

	}



	.animate .delay4 {

		transition-delay: .4s;

	}



	.animate .delay5 {

		transition-delay: .5s;

	}



	.animate .delay6 {

		transition-delay: .6s;

	}



	.fade-in {

		opacity: 0;

		filter: alpha(opacity=0);

		transition: opacity 1s;

	}



	.fade-in-up {

		opacity: 0;

		filter: alpha(opacity=0);

		transform: translateY(30px);

		transition: transform 0.5s, opacity 0.5s;

	}



	.fade-in-down {

		opacity: 0;

		filter: alpha(opacity=0);

		transform: translateY(-30px);

		transition: transform 1s, opacity 1s;

	}



	.fade-in-right {

		opacity: 0;

		filter: alpha(opacity=0);

		transform: translateX(30px);

		transition: transform 1s, opacity 1s;

	}



	.fade-in-left {

		opacity: 0;

		filter: alpha(opacity=0);

		transform: translateX(-30px);

		transition: transform 1s, opacity 1s;

	}



	.animate .fade-in {

		opacity: 1;

		filter: alpha(opacity=1);

	}



	.animate .fade-in-up {

		opacity: 1;

		filter: alpha(opacity=1);

		transform: translateY(0);

	}



	.animate .fade-in-down {

		opacity: 1;

		filter: alpha(opacity=1);

		transform: translateY(0);

	}



	.animate .fade-in-left {

		opacity: 1;

		filter: alpha(opacity=1);

		transform: translateX(0);

	}



	.animate .fade-in-right {

		opacity: 1;

		filter: alpha(opacity=1);

		transform: translateX(0);

	}



	.wow {

		visibility: hidden;

	}



	header .header-btns .search-btn:hover,

	header .header-btns .qrcode-btn:hover,

	header .header-btns .bds_more:hover,

	header .header-btns .nav-btn:hover {

		opacity: 1;

		filter: alpha(opacity=100);

	}



	header .header-btns .search-btn:hover {

		opacity: 0.8;

	}



	header .header-btns .qrcode-box:hover .qrcode-btn {

		opacity: 0.8;

	}



	header .header-btns .bds_more:hover {

		opacity: 0.8;

	}



	.pc-nav li:hover .tit {

		color: #ee742b ;

	}



	.pc-nav li:hover .tit:before {

		width: 100%;

	}



	header .header-btns .qrcode-box:hover .dialog-box {

		transform: translate(-50%, 0);

		visibility: visible;

		opacity: 1;

		filter: alpha(opacity=100);

	}



	.f-nav li .tit:hover {

		color: #ee742b ;

	}



	.f-share .bds_weixin:hover {

		background-image: url('../image/f-share-icon1.png');

	}



	.f-share .bds_tsina:hover {

		background-image: url('../image/f-share-icon1.png');

	}



	.footer-bottom .build a:hover {

		color: #ee742b ;

	}





}



.foot-p {

	margin-left: 20px

}



.foot-p a {

	color: #555;
	line-height: 30px;
	margin-bottom:0px;

}



.foot-p a:hover {

	color: #ee742b 

}

@media screen  and (max-width:991px){
	.footer-bottom .copy{
		display:block;
		float:none;
		margin-left:0px;
	}
}
/*xs*/
@media screen and (max-width:600px){
	.footer-bottom .copy p{
		display:block;
	}
	.footer-bottom .copy{
		font-size:12px;
	}
	/* .footer-bottom .copy a:first-of-type{
		display:block;
		float:none;
		margin-left:0px;
	} */
}