/*³õʼ»¯*/



html,

body,

div,

p,

ul,

li,

dl,

dd,

dt,

a,

h1,

h2,

h3,

h4,

h5,

h6,

span,

strong,

i,

img,

form,

input,

select,

video,

table,

tr,

td,

th,

button {

	margin: 0;

	padding: 0;

	outline: none;

}



body {

	background: url(../images/bodybg.jpg) no-repeat #f8f3ee 0 top;

	background-attachment: fixed;

	font-family: "microsoft yahei";min-width: 1250px;

}



* {

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



li {

	list-style: none;

}



img{

	border: none;

}

button,

input {

	display: block;

	border: none;

}



i {

	font-style: normal;

}



a {

	cursor: pointer;

	text-decoration: none;

	color: #666666;

}





/*-----------------------×Ô¶¨Òå------------------------*/





	.banner-top {    background: url(../images/a2b68ee0b813.jpg) center no-repeat;
    background-size: cover;
	
}

.pcc{display: block;}

.wapp{display: none;}



.clear {

	max-width: 1200px;

	margin: 50px auto 20px;

}



.clear:after {

	display: block;

	clear: both;

	content: "";

}



.img {

	display: block;

	width: 100%;

	height: 100%;

	background-position: center center;

	background-repeat: no-repeat;

	background-size: cover;

}



.text {

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	display: block;

}



.hover:hover,

.video li:hover a.text {

	

	color: #b7000c;

/*	text-decoration: underline;*/

}



.transition3 {

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	-ms-transition: all .3s ease-in-out 0s;

	-o-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}



.transition7,

.service dl:hover {

	-webkit-transition: all .7s ease-in-out 0s;

	-moz-transition: all .7s ease-in-out 0s;

	-ms-transition: all .7s ease-in-out 0s;

	-o-transition: all .7s ease-in-out 0s;

	transition: all .7s ease-in-out 0s;

}



.fl{float: left;}

.fr{float: right;}

/*-----------------------------------------------*/





/*¶¥²¿*/



.top {

	width: 100%;

	background: rgba(248, 243, 238, 0.95);

	position: fixed;

	z-index: 9;

	top: 30px;

	left: 0;

	box-shadow: 0px 1px 10px rgba(204, 204, 204, 0.8);

	padding-left: 9%;

}



.top .logo {

	width: 300px;

	float: left;

}



#nav {

	float: left;

	margin-left: 10%;

}



#nav .mainlevel {

	float: left;

	width: 100px;

	height: 100px;

	margin-right: 50px;

/*	padding-right: 20px;*/

	position: relative;



}



#nav .mainlevel:hover {

	background: #b7000c;

}



#nav .mainlevel a {

	color: #363636;

	line-height: 20px;

	display: block;

	    font-size: 17px;

    font-weight: bold;

	text-align: center;

	padding: 40px 0 20px;

}



#nav .mainlevel ul {

	display: none;

	position: absolute;

	left: -10px;

     top: 100px; 

	white-space: nowrap;

	min-width: 130px;

}



#nav .mainlevel li {

	border-bottom: 1px solid #fff;

	background: rgba(248, 243, 238, 0.95);

	padding: 15px 30px;

}



#nav li:nth-last-of-type(1) {

	border: none;

}



#nav .mainlevel ul li a,

#nav .mainlevel:hover li a {

	font-size: 16px;

	font-weight: normal;

	padding: 0;

	color: #363636;

	text-align: left;

}



#nav .mainlevel ul li:hover {

	background: #b7000c;

}



#nav .mainlevel ul li:hover a,

#nav .mainlevel:hover a {

	color: #fff;

}



.top-r {

	float: left;    margin-left: 10px;

}



.top-r ul {

	overflow: hidden;

}



.top-r ul li {

	float: left;

	line-height: 30px;

	margin: 20px 0 0 5px;

}



.top-r ul li a {

	color: #000;

	float: left;

	padding-right: 10px;

	font-size: 16px;

	margin: 1px;

}





.top-r ul li span:nth-child(2) {



}



.top-r form {

	background: rgba(255, 255, 255, 0.9);

	border-radius: 50px;

	border: 0;

	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);

	margin-top: 3px;

	overflow: hidden;

}



.top-r form input {

	float: left;

	line-height: 24px;

	color: #666666;

	text-indent: 15px;

	width: 130px;

}



.top-r form input#but {

	width: 34px;

	height: 24px;

	background: url(../images/new_fd.png) no-repeat center center;

	cursor: pointer;

}





/*ÁªÏµ·½Ê½*/



.contact {

	width: 100%;

	height: 450px;

	background: url(../images/db.jpg) center no-repeat;

/*	background-size: 100% 100%;*/

	position: relative;

	color: #fff;

}



.contact ul {

	position: absolute;

	padding: 0px 10%;

	width: 100%;

	background: rgba(0, 0, 0, 0.3);

	bottom: 0;

}



.contact ul li {    

	padding:20px 0px;

	float: left;

	line-height: 35px;

	width: 33.3%;



}



.contact ul li.contact_1 {    text-align: center;

	/*background: url(../images/contact_1.png) no-repeat 30% center;

	background-size: 82px;*/

}



.contact ul li.contact_1 span {

	display: block;

	font-size: 20px;

	text-indent: 220px;

}



.contact ul li.contact_2 {

/*	width: 45%;*/

}



.contact ul li.contact_2 a {

	/*width: 50%;*/

	/*float: left;*/

/*	text-indent: 96px;*/

	color: #999;/*

	background: url(../images/contact_2.png) no-repeat 70px center;*/

	background-size: 20px 20px;

}

/*

.contact ul li.contact_2 a.dh {

	background-image: url(../images/contact_3.png);

}



.contact ul li.contact_2 a.cz {

	background-image: url(../images/contact_4.png);

}



.contact ul li.contact_2 a.yx {

	background-image: url(../images/contact_5.png);

}*/



.contact ul li.contact_2 {

	text-indent: 96px;

	text-align: left;

	border: none;

}



.contact ul li.contact_3 {

/*text-indent: 96px;*/

text-align: center;
}





/*µ×²¿*/



.footer {

	padding: 20px 10%;

	width: 100%;

	overflow: hidden;

	text-align: center;

	background: #7f030b;

}



.footer a {

	color: #fff;

}



.footer dl dd a:hover {

	color: #ccc;

}



.footer dl {

	width: 16%;

	border-right:1px solid rgb(255, 255, 255,0.4);





	float: left;

}



/*.footer dl:nth-last-of-type(1) {

	width: auto;

	float: right;

}*/



.footer dl dt {

	margin: 10px 0;

}



.footer dl dt a {font-weight: bold;

    font-size: 16px;

	font-size: 16px;

	color: #FFFFFF;

	cursor: auto;

}



.footer dl dd {

	margin-bottom: 10px;

	font-size: 14px;

}



.footer dl dd img {

	width: 50%;

	float: left;

	padding: 7px;

}



.foot {

	    padding: 20px 10%;

    width: 100%;

	text-align: center;

	color: #FFFFFF;

	font-size: 14px;

	border-top: 1px solid #b2676c;

	background: #7f030b;

}



.foot_wrap{/*width: 1200px; margin: 0 auto;*/}

.foot_a{ margin:5px;    padding: 0 2px;display: block; border: 1px solid #fff;border-radius: 5px; color: #fff}

.foot_a:hover{ color: #d5d5d5; }

.foot_wrap .thirdsplit{ cursor: pointer;}

.foot_wrap .thirdsplit1{width: 35.33%;float: left;}

.foot_wrap .thirdsplit2{ text-align:center;}

.foot_wrap .thirdsplit3{width: 18.33%;float: left;}





.foot_wrap .thirdsplit ul li{ float: left;  /*  width: 25%;*/ }

.foot_wrap .thirdsplit ul li ul{ display: none; }

.foot_wrap .thirdsplit ul li:hover ul{ display: block;  }

.foot_wrap .thirdsplit ul li ul li{   display: block;

    position: absolute; }



  

.foot_wrap .thirdsplit ul li ul li img{ 
	left: 0;
width: 150px;
	    position: absolute;

    bottom: 50px; z-index: 999999 }



.foot_wrap .shoplinks{



 height: 32px;

 margin: 0 7px;

 -webkit-filter: brightness(0) invert(1);

  filter: brightness(0) invert(1);





}



.foot_wrap .shoplinks:hover{

 -webkit-filter: brightness(1) invert(0);

  filter: brightness(1) invert(0);





}











/*ÄÚÒ³¶¥²¿Í¼Æ¬*/



.banner-top {margin-top: 134px;

	height: 400px;

}





/*ÄÚÒ³µ±Ç°Î»ÖÃ*/



.ny_nav{



		min-height: 40px;

	

	margin-bottom: 20px;

}



.ny_nav ul{ width: 100%;

display:flex;    flex-wrap: wrap;
    align-content: flex-end;}

.ny_nav ul li{ /*flex:1;*/
	cursor: pointer;

line-height: 40px; font-size: 16px; background:#b7000c; padding: 2px 20px ; margin: 1%; text-align:center; }

.ny_nav ul li a{color: #fff}

.ny_nav ul li:hover{background: #7f030b}

.ny_nav ul li.on{background: #7f030b}



.content_top {

	height: 40px;

	line-height: 40px;

	font-size: 14px;

/* 	border-bottom: 2px solid #b7000c; */

	padding-left: 10px;

	background: rgba(255, 255, 255, 0.9);

	border-radius: 4px 4px 0 0;

	margin-bottom: 20px;

}



.content_top a {

/*	float: left;*/

	padding: 0 2px;

}



.content_top span {

	float: left;

	color: #666666;

	margin-left: 0px;

}



.content_top p {

	float: right;

	color: #666666;

}



.content_top a.content_top_1 {

	font-size: 14px;

	/*background: #b7000c;*/

	color: #666;

	border-radius: 4px 4px 0 0;

}





/*¿íÆÁÄÚÒ³Ö÷Ìå*/



.items {

	overflow: hidden;

	background: #FFFFFF;

	padding: 20px 15px;

}



.items .contactus{ line-height:30px;}


/*·­Ò³*/



.Flip {

	width: 100%;

	    margin: 30px auto;

	text-align: center;

}



.Flip a {

	padding: 5px 10px;

	margin: 0 5px;

	border: 1px solid #C4C4C4;

	border-radius: 8px;

	font-size: 14px;

	display: inline-block;

}



#Flip_6 {

	border: none;

	background: none !important;

	cursor: auto;

}



.Flip a:hover {

	background: #DEDEDE;

}



.Flip a.on {

	background: #b7000c;

	color: #FFFFFF;

	border-color: #b7000c;

}





/*Á½ÁÐÄÚÒ³Ñùʽ*/



.clear .clear {

	margin: 0 auto;

}

/*¶¥*/

.top_nav{    padding-right: 9%; padding-left: 9%;width: 100%; height:30px;line-height: 30px;background: #b7000c; position: fixed;top: 0;    z-index: 99999; }



/*.top_nav .top_nav_wrap{width: 1200px;margin: 0 auto;}

*/

.top_nav .language{    color: #FFF; font-size: 14px; }

.top_nav select{ background: none;border: 0;color: #FFF; }

.top_nav option{  color: #fff; ;background: #b7000c; margin-bottom:5px;border: 0; text-align: center;border: 0;}

.top_nav option:hover{ background: #b7000c;}



.top_nav .shop_nav{ color: #FFF;}

 .top_nav .shop_nav a{color: #FFF; font-size: 13px; }

 .top_nav .shop_nav a:hover{color: #d5d5d5; }

 



.top_nav .shop_nav .hdicon{ height: 23px;
    padding-right: 2px;
    padding-top: 8px;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);}









/*ÊÖ»úµ¼º½*/

.phone_nav{display: none;}




/*×ó²à*/



.content_left {

	width: 20%;

	border: 1px solid #E6E6E6;

	border-radius: 4px;

	overflow: hidden;

	margin-bottom: 25px;

	background: #FFFFFF;

	float: left;

	text-align: center;

}



.content_left h2 {

	line-height: 45px;

	background: #b7000c;

	color: #FFFFFF;

	font-size: 16px;

}



.content_left li {

	border-bottom: 1px dashed #C9C9C9;

	line-height: 40px;

}



.content_left li:nth-last-of-type(1) {

	border: none;

}



.content_left li:hover {

	background: #EEEEEE;

}



.content_left li a {

	display: block;

	font-size: 14px;

}



/*ÓÒ²à*/



.content_right {

	width: 100%;

	float: right;

	padding: 20px 30px;

	background: #FFFFFF;

}



.content_right .tit{

    margin-bottom: 30px;}

}

.content_right h2 {

/*	border-bottom: 2px solid #CCCCCC;*/

	line-height: 50px;

	font-size: 20px;

	margin-bottom: 20px;

	color: #555555;

	padding: 0 20px;

	display: inline-block;

}



.content_right img {

	max-width: 100%;

}



.content_right table {

	width: 100%;

	text-align: center;

	font-size: 14px;

	line-height: 40px;

	color: #666666;

	margin: 20px 0;

}





 .indexgap {  width: 100%;text-align: center;margin:50px 0; }



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

	.top {

		padding-left: 3%;

	}

	

	#nav {

		margin:0 2%;

	}

	

	#nav .mainlevel {

		margin-right: 10px;

		padding-right: 10px;

	}

	

	.top-r ul li {

		margin: 20px 0 0 5px;

	}

	

	.top-r form {

		margin-top: 2px;

	}

	

	.contact ul {

		padding: 0px 7%;

	}

	

	.contact ul li.contact_1 span {

		text-indent: 180px;

	}

	

	.footer dl {

		width: 16.6666%;

	}

	

}



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

	.top {

		padding-left: 3%;

	}

	

	#nav {

		margin:0 0.333%;

	}

	

	#nav .mainlevel {

		margin-right: 10px;

		padding-right: 10px;

	}

	

	.top-r ul li {

		margin: 20px 0 0 5px;

	}

	

	.top-r form {

		margin-top: 2px;

	}

	

	.contact ul {

		padding: 0px 7%;

	}

	

	.contact ul li.contact_1 span {

		text-indent: 180px;

	}

	

	.footer dl {

		width: 16.6666%;

	}

	

}

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

	.top {

		padding-left: 1.333%;

	}

	

	#nav {

		margin:0 3.3838%;

	}

	

	#nav .mainlevel {

		margin-right: 0px;

		padding-right: 0px;

	}

	

	.top-r ul li {

		margin: 20px 0 0 5px;

	}

	

	.top-r form {

		margin-top: 2px;

	}

	

	.contact ul {

		padding: 20px 0%;

	}

	

	.contact ul li.contact_1 span {

		text-indent: 180px;

	}

	

	.footer {

		padding: 20px 4%;

	}



	.footer dl {

		width: 12%;

	}

}



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

	.top {

		padding-left: 7%;

	}

	.top .logo {

		width: 214px;

		float: left;

	}

	.top .logo img{

		width: 100%;margin-top: 15px;

	}

	#nav {

		margin:0 1%;

	}

	

	#nav .mainlevel {

		margin-right: 0px;

		padding-right: 0px;

		width: 88px;

	}

	/*#nav .mainlevel:hover {

	    background: url(../images/nav-bj.jpg) no-repeat center center;

	}*/

	#nav .mainlevel ul{

		left: -16px;

	}

	.top-r ul li {

		margin: 20px 0 0 5px;

	}

	

	.top-r form {

		margin-top: 2px;

	}

	

	.contact ul {

		padding: 0px 0%;

	}

	

	.contact ul li.contact_1 span {

		text-indent: 180px;

	}

	

	.footer {

		padding: 20px 4%;

	}



	.footer dl {

		width: 16.6666%;

	}

	.banner-top {

		height: 380px;

	}

	

	

}



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



	.contact ul li {

  /*  padding: 0px 0px;*/}



	#nav .mainlevel {

		width: 90px;



	}



	.top {

	    padding-left: 2%;

	}

	.top .logo {

	    width: 15.6%;margin-top: 6px;

	}

	#nav{

		width: 57.8%;

	}

	#nav .mainlevel {

	    width: 12.5%;

	}

	

}



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

	.rfixedadv{display: none;}



	body{

		min-width: 100px;

	}

	.phone_nav{display: block;}

	.phone_nav a{

		display: block;

		width: 28px;

		height: 18px;

		position: absolute;

		top: 21px;

		right: 10px;

	}

	.phone_nav a:before,.phone_nav a:after{

		content: '';

		display: block;

		background: #b7000c;

		height: 2px;

	}

	.phone_nav a span{

		background: #b7000c;

		display: block;

		height: 2px;

		margin: 6px 0;

	}





	.clear {

		max-width: 96%;

		margin: 20px auto;

	}

	.top {

	    padding-left: 3%;background: rgba(248, 243, 238, 1);

	}

	.top .logo{

		width: 180px;

	}

	.top .logo img{

		margin-top: 0;vertical-align: middle;

	}

	#nav {

		display: none;

	}

	.top-r {

		display: none;  margin-left: 0px;

	}

	

	.banner-top {

		height: 220px;margin-top: 60px;

	}

	

	.contact {

		width: 100%;

		height: 409px;

		background: url(../images/contact_bj.jpg) no-repeat center;

	/*	background-size: 100% 100%;*/

		position: relative;

		color: #fff;

	}

	.contact ul {

		position: absolute;

		padding: 20px 0%;

		width: 100%;

		background: rgba(0, 0, 0, 0.7);

		bottom: 0;

	}

	.contact ul li {

		float: left;

		line-height: 30px;

		width: 100%;

		border-right: none;border-bottom: 1px solid #666;padding: 10px 0;

	}

	.contact ul li.contact_1 {

		background: url(../images/contact_1.png) no-repeat 39% center;

		background-size: 66px;

	}

	.contact ul li.contact_1 span {

		display: block;

		font-size: 20px;

		text-indent: 47%;

	}

	.contact ul li.contact_2 {color: #fff;

		width: 100%;text-align: center;text-indent: 0px;

	}

	.contact ul li.contact_2 a {

		width: 100%;

		float: left;

		text-indent: 280px;

		color: #fff;

		background: url(../images/contact_2.png) no-repeat 256px center;

		background-size: 20px 20px;

	}

	.contact ul li.contact_2 a.dh {

		background-image: url(../images/contact_3.png);

	}

	.contact ul li.contact_2 a.cz {

		background-image: url(../images/contact_4.png);

	}

	.contact ul li.contact_2 a.yx {

		background-image: url(../images/contact_5.png);

	}

	.contact ul li.contact_3 {

		text-indent: 0px;

		text-align: center;

		border: none;

	}

	

	.content_left{

		display: none;

	}

	.content_right{

		width: 100%;padding: 0;

	}

	.content_right img{

		height: auto !important;

	}

	.content_right embed{

		max-width: 100%;height: auto !important;

	}

	.content_right iframe{

		max-width: 100%;

	}

	.content_right table{

	    border-collapse: collapse;

	}

	.content_right table td{

		border: 1px solid #ccc;font-size: 14px;line-height: 28px;

	}

	.content_right table td span{

		font-size: 14px !important;

	}

	.items{

		padding: 0;

	}

	

	.Flip a{

	    margin: 0 2px;

	}

	

	.footer {

	    display: none;

	}

	



}



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


.foot_wrap .thirdsplit ul li {
    float: left;
    width: 33%;
}

.foot_wrap .thirdsplit ul li ul li img {
    left: -100px;
    width: 150px;
    position: absolute;
    bottom: 50px;
    z-index: 999999;
}

.foot_wrap .shoplinks{




 margin: 0 26px;}


.content_top {



    background:rgba(255, 255, 255, 0.9);}



.ny_nav {height: auto}

.ny_nav ul {

    width: 100%;

    display: inline-block;}

.ny_nav ul li{ width: 100%; float: left;margin-bottom: 10px;

}





.pcc{display: none;}

.wapp{display: block;}





.top_nav {

    padding-right: 2%;

    padding-left: 2%;}



	/*ÊÖ»úµ¼º½*/

	.phone_nav{display: block;}

	.phone_nav a{

		display: block;

		width: 28px;

		height: 18px;

		position: absolute;

		top: 21px;

		right: 10px;

	}

	.phone_nav a:before,.phone_nav a:after{

		content: '';

		display: block;

		background: #b7000c;

		height: 2px;

	}

	.phone_nav a span{

		background: #b7000c;

		display: block;

		height: 2px;

		margin: 6px 0;

	}




	.clear {

		max-width: 96%;

		margin: 20px auto;

	}

	.top {

	    padding-left: 3%;background: rgba(248, 243, 238, 1);

	}

	.top .logo{

		width: 310px;

	}

	.top .logo img{

		margin-top: 0;vertical-align: middle;

	}

	#nav {

		display: none;

	}

	.top-r {

		display: none;

	}

	.banner-top {

		height: 120px;margin-top: 30px;

	}

	

	/*ÁªÏµ·½Ê½*/

	.contact {

		width: 100%;

		height: 410px;

		background: url(../images/contact_bj.jpg) center no-repeat;

		/*background-size: 100% 100%;*/

		position: relative;

		color: #999999;

	}

	.contact ul {

		position: absolute;

		padding: 20px 0%;

		width: 100%;

		background: rgba(0, 0, 0, 0.7);

		bottom: 0;

	}

	.contact ul li {

		float: left;

		line-height: 30px;

		width: 100%;

		border-right: none;border-bottom: 1px solid #666;padding: 10px 0;

	}

	.contact ul li.contact_1 {

		background: url(../images/contact_1.png) no-repeat 20% center;

		background-size: 66px;

	}

	.contact ul li.contact_1 span {

		display: block;

		font-size: 20px;

		text-indent: 40%;

	}

	.contact ul li.contact_2 {color: #fff;

		width: 100%;   text-align:center;text-indent: 0px;

	}

	.contact ul li.contact_2 a {

		width: 100%;

		float: left;

		text-indent: 80px;

		color: #999;

		background: url(../images/contact_2.png) no-repeat 56px center;

		background-size: 20px 20px;

	}

	.contact ul li.contact_2 a.dh {

		background-image: url(../images/contact_3.png);

	}

	.contact ul li.contact_2 a.cz {

		background-image: url(../images/contact_4.png);

	}

	.contact ul li.contact_2 a.yx {

		background-image: url(../images/contact_5.png);

	}

	.contact ul li.contact_3 {

		text-align: center;text-indent: 0px;color: #fff;

		border: none;

	}

	

	.content_left{

		display: none;

	}

	.content_right{

		width: 99%;padding:1%;

	}

	.content_right img{

		height: auto !important;

	}

	.content_right embed{

		max-width: 100%;height: auto !important;

	}

	.content_right iframe{

		max-width: 100%;

	}

	.content_right table{

	    border-collapse: collapse;

	}

	.content_right table td{

		border: 1px solid #ccc;font-size: 14px;line-height: 28px;

	}

	.content_right table td span{

		font-size: 14px !important;

	}

	.items{

		padding: 0;

	}

	

	.Flip a{

	    margin: 0 2px;

	}

	

	.footer {

	    display: none;

	}

	


.foot {

    padding: 20px 5%;}

    .thirdsplit{

    	margin: 10px 0;

    }



	.foot_wrap .thirdsplit1{

    width: 100%;

}

	.foot_wrap .thirdsplit2{

    width: 100%;    padding-left: 0%;

}

	.foot_wrap .thirdsplit3{float: inherit;

		  width: 100%;

	}



 .indexgap {  width: 100%;text-align: center;margin:10px 0; }

}







}