@charset "utf-8";
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html {
	font-family: "Helvetica Neue", Helvetica, Arial, "微软雅黑", "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif, SimSun, "宋体";
	background: white;
	color: black;
	line-height: 1.1;
}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0;
	border: none;
}
/* 去掉 table cell 的边距并让其边重合 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ie bug：th 不继承 text-align */
th {
	text-align: inherit;
}
/* ie6 7 8(q) bug 显示为行内表现 */
/* 去掉 firefox 下此元素的边框 */
abbr, acronym {
	border: none;
	font-variant: normal;
}
/* 一致的 del 样式 */
/*del {
    text-decoration:line-through;
}
/* 去掉列表前的标识，li 会继承 */
ol, ul, li, dl, dt, dd {
	list-style: none;
}
/* 来自yahoo，让标题都自定义，适应多个系统应用 */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 500;
}
/* 统一上标和下标 */
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
a {
	text-decoration: none;
	color:#555;
	outline: none;

	font-size: inherit;
}
/* 默认不显示下划线，保持页面简洁 */
ins, a {
	text-decoration: none;
}
/* 去除 ie6 & ie7 焦点点状线 */
a:focus, *:focus {
	outline: none;
}
input, option, body, button, select, textarea {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	line-height: inherit;
}
article, aside, dialog, footer, header, section, nav, figure, menu,, iframe {
																		 display:block
																	 }
/*响应式布局中，img宽度自适应*/


/*去掉默认样式*/
input {
	outline: none
}
/*禁止拖动大小*/
textarea {
	resize: none
}
/*使用字体库时，让i标签继承行高*/
i {
	line-height: inherit!important;
	font-size: inherit
}
/*这一句是用来解决在安卓上的点击出现篮框问题*/
body {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-tap-highlight-color: rgba(0, 0, 0, 0);
	-ms-tap-highlight-color: rgba(0, 0, 0, 0);
	-o-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
}
/*下面是解决ios上去除微信点击蓝色边框 */
a:focus, input:focus, p:focus, div:focus {
	/*-webkit-user-modify:read-write-plaintext-only; */
}
.top {
	width: 100%;
	max-width: 1200px;
	height: 3rem;
	line-height: 3rem;
	margin: 0 auto;
}
.hover{
	border-bottom: 4px solid #ff0000;
}
.phone{
	float:right;
}
.phone-img{
	float:right;
}
.qing {
	clear: both;
	height: 0px;
	width: 100%;
	font-size: 1px;
	line-height: 0px;
	visibility: hidden;
	overflow: hidden;
}
/*返回顶部样式*/
#gotop {
	right: 10px;
	bottom: 50px;
	font-size: 4em;
	height: 1em;
	width: 1em;
	cursor: pointer;
	position: fixed;
	opacity: 0;
	z-index: 9999;
	display: none;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
body {
	background: #fff;
	font-size: 16px;
}
/*导航样式 基础样式*/
.header_box {
	width: 100%;
	height:5rem;
	background:rgba(255,255,255,.8);
	text-align: center;
	/* position:fixed; */
	/* top:0; */
	z-index:99999999;
}
.header_box_xin{width:100%;max-width: 1440px;height: 6rem;margin:0 auto;}
/*.nav1 a{display: block;width: 100%;}*/
.logo {width: 17%;/* position:absolute; */bottom:0;left:0;right:0;margin:0 auto;}
.logo img{display:block;max-width:91%;/*height:100%;*/margin: 22px auto;}
.sjdh img {display: none;}
.nav1 {
	width: 100%;
	float: right;

	display:table-cell;
	vertical-align: middle;

}
.nav_ul>li {
	float: left;
	width: 8%;
	height: 6rem;
	line-height: 6rem;
	margin: 0 1%;
	overflow: hidden;
	position: relative;
	z-index: 999;
}
.nav_ul>li:nth-child(5){/* margin-left:21%; */}
.nav_ul>li>a {
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	color: #333;
	line-height: 1.875rem;
}
/*导航选中样式*/
.nav_ul li.xz1>a { border-bottom:4px solid #ff0000;
	/*color: #fff;
	background: #e14b4b;*/
}
/*导航经过基础样式*/
.nav_ul>li:hover {

	overflow: visible;
}
.nav_ul>li:hover .nav2 {
	opacity: 1;
	z-index: 9999;
}
/*导航经过可变样式*/
.nav_ul>li:hover>a { border-bottom:4px solid #ff0000;color:#ff0000;
	/*color: #fff;
	background: #e14b4b;*/
}

.nav_ul .light{
	color:#ff0000;
}









.nav_n_ul>li:hover {
	background: #980b11;
}
.nav2>li:hover a {
	color:#b57d4b;
}



.nav2 {
	z-index: 9999;
}
.nav2>li a {
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
/*导航样式可变样式*/
.logo {
	float: left;
	background: url(../images/logo.jpg) no-repeat left center;
	background-size: contain;
}
.btn1, .btn2 {
	position: absolute;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.video_box {
	font-size: 1.2em;
}
.ty_news .news_xq .news_xq_nr {
}

/* red 补丁 red 补丁 red 补丁 red 补丁 red 补丁 red 补丁 red 补丁 red 补丁
 red 补丁 red 补丁 red 补丁 red 补丁 red 补丁 red 补丁 red 补丁 red 补丁 red 补丁
  red 补丁 red 补丁 red 补丁 red 补丁 red 补丁    red 补丁 red 补丁 red 补丁 red 补丁
   red 补丁 red 补丁 red 补丁 red 补丁 red 补丁 red 补丁 red 补丁 red 补丁 red 补丁*/
, .header_box, .content_box, .now_place, .nav_n_ul, .product_xq {
	  margin-left: auto;
	  margin-right: auto;
	  clear:both;
  }

/*当页面大于767时，导航样式 hover伪类都写在这里    于大于大于大于大于大于大于*/
@media only screen and (min-width: 768px) {
	/*导航样式基础样式*/
	.nav1 {
		width: 80%;
		float: right;
		text-align: center;
	}
	.nav_ul>li {
		float: left;
		width: 9.1%;
		margin: 0 1%;
		overflow: hidden;
	}
	.nav_ul>li>a {
		display:block;
		line-height:4.5rem;
		width: 100%;
		font-size:1.2rem;
		display: inline-block;
		color: #000000;
		position: relative;
	}
	.nav_ul>li>a::after {
		content: "";
		position: absolute;
		width: 1em;
		height: 1em;
		z-index: -1;
		background: #d28384;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		left: 50%;
		margin-left: -0.5em;
		opacity: 0;
		bottom: 0em;
	}
	.btn2 {
		display: none;
	}
	.btn1 {
		display: none;
	}

	.nav2 {
		position: absolute;
		opacity: 0;
		-webkit-transition: all 0.4s;
		-o-transition: all 0.4s;
		transition: all 0.4s;
	}
	/*导航可变样式*/

	@keyframes to_up {
		0% {
			opacity: 0;
			bottom: 0.1em;
		}
		100% {
			opacity: 1;
			bottom: -0.4em;
		}

	}
	.nav2 {
		width: 400%;
		padding:0 10%;
		background:rgba(255,255,255,1);
		border-radius:.3rem;
		padding-right:100%;
		height: auto;
	}
	.nav_ul li .nav2 {background:url(../images/nav_02.jpg) no-repeat right center; background-size:cover;}
	.nav_ul li:nth-child(2) .nav2 { width:500%; background:url(../images/nav_03.jpg) no-repeat right center; background-size:cover;}
	.nav_ul li:nth-child(3) .nav2 { width:600%; background:url(../images/t.jpg) no-repeat right center; background-size:cover;}
	.nav_ul li:nth-child(4) .nav2 { width:400%; background:url(../images/t3.jpg) no-repeat right center; background-size:cover;}
	.nav_ul li:nth-child(6) .nav2 { width:400%; background:url(../images/t2.jpg) no-repeat right center; background-size:cover;}
	.nav_ul li:nth-child(7) .nav2 { width:500%; background:url(../images/t1.jpg) no-repeat right center; background-size:cover;}
	.nav_ul li:nth-child(8) .nav2 { width:400%; background:url(../images/nav_02.jpg) no-repeat right center; background-size:cover;}

	.nav_ul li .nav2 li:nth-child(1){ margin-top:1rem;}
	.nav_ul li .nav2 li:nth-child(2){ margin-top:1rem;}
	.nav_ul li .nav2 li:nth-child(3){ margin-top:1rem;}


	.nav2>li {
		width: 30.33%;
		margin:1.5%;
		margin-bottom:1rem;
		float:left;
		height: 2.4rem;


	}
	.nav2>li>a {
		display: block;
		width: 100%;
		height: 2.4rem;
		line-height: 1.2rem;
		font-size:0.8rem;
		text-align:left;
		color: #555;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.nav2>li:first-child {


	}
	.nav2>li:last-child {


	}

	/*.nav_ul li.xz1>a::after{animation: to_up 1s infinite;}*/
	/*.nav_ul li.xz1{padding-bottom: 0.6em; }*/


}}

/*当页面大于1200px时，大屏幕，主要显示PC端 补丁补丁补丁补丁补丁补丁补丁补丁*/
@media only screen and (min-width: 1200px) {
	/*html{font-size: 20px;}*/

	/*.header_box {
        width: 100%;
        height: auto;
        max-width: 1200px;
        margin: 0 auto;
        padding: 1rem 0;
        display:table;
    }*/

	/*导航可变样式*/



	/*当页面大于1200px时，大屏幕，主要显示PC端  red 补丁 red 补丁 red 补丁 red 补丁*/
}

/*当页面小于1200px时，小屏幕，小于小于小于小于小于小于小于小于小于小于小于小于*/
@media only screen and (max-width: 1200px) {

}

/*当页面小于767px时，小屏幕，导航样式  于小于小于小于小于小于小于小于小于小于小于*/
@media only screen and (max-width: 767px) {
	.content_box, .now_place, .nav_n_ul {
		width: 90%;
	}
	.header_box{ top:0; }

	/*导航样式*/
	.nav1 {
		width: 100%;
		display: none;
		clear: both;
		position:absolute;
		z-index:999;
		top: 8rem;
		background:rgba(255,182,112,0.9);
	}
	.nav_ul {
		background: rgba(185,133,85,0.9);
	}
	.nav_ul a {
		text-indent: 1em;
		display: block;
	}
	.nav_ul>li{
		width: 100%;
		margin:0;
		height:auto;
		overflow: hidden;
		position: relative;
		z-index: 999;}
	.nav_ul>li:nth-child(5){ margin:0;}
	.nav_ul>li>a {
		text-align:left;
		line-height: 3rem;
		font-size: 1.25rem;
		border-bottom: 1px solid rgba(255,255,255,0.5);
		color: #fff;
	}
	.nav_ul li.xz1>a{ border-bottom: 1px solid rgba(255,255,255,0.5);;}
	.btn1,.btn2 {
		width: 2rem;
		height:2rem;
		right: 0;
		top: 0;
		display: flex;
		align-items : center;
		justify-content: center;
		cursor: pointer;
	}
	.btn1 {
		font-size: 1.875rem;
		margin-top: 4.5rem;
		margin-right:.5rem;
	}
	.btn2 {
		height: 3rem;
		font-size: 1.5rem;
	}
	.btn2 i {
		font-size: 1.3em;
		color: #fff;
	}
	.nav2 {
		display: none;
	}
	.nav2>li>a {
		color: #fff;
		line-height: 2.4rem;
		margin-left: 2em;
		text-indent: 0;
		width: 86%;
		margin-left: auto;
		margin-right: auto;
		border-bottom: 1px dashed rgba(255,255,255,0.4);
		font-size: 0.875rem;
	}
	.nav2>li>a>span{ display:none;}





	/*导航可变样式*/
	.logo {
		width: 88%; height:5rem;
		margin: 0; top:0;
	}
	.logo img {
		width: auto; height:95%; margin: 0 1.5%;float: left;
	}
	.sjdh img {
		width: auto; height:95%; margin: 0 0.5%;float: right;display: block;}
	.btn1 {
		width:2rem
		height: 2rem;

	}
	/*当页面小于767px时，小屏幕，导航样式  于小于小于小于小于小于小于小于小于小于小于*/
}
@media only screen and (max-width: 765px) {
	.phone{
		display: none;
	}
	.phone-img{
		display: none;
	}



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

	.phone{
		display: none;
	}
	.phone-img{
		display: none;
	}

}


/*在992 和1199 像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
	/*html{font-size: 16.875px;}*/



	/*导航可变样式*/
	.header_box {
		width: 100%;
		height:5rem;
		background:rgba(255,255,255,.8);
		text-align: center;
		position:fixed; z-index:999;
	}
	.header_box_xin{ width:100%; max-width:1200px; height:5rem; margin:0 auto;}
	/*.nav1 a{display: block;width: 100%;}*/
	.logo {width: 16%;position:absolute; bottom:0; left:0; right:0; margin:0 auto;	}
	.logo img{ display:block; max-width:91%;/* height:100%; */margin:0 auto;}
	.sjdh img{ display:none;}
	.nav1 {
		width: 100%;
		float: right;

		display:table-cell;
		vertical-align: middle;

	}
	.nav_ul>li {
		float: left;
		width: 8%;
		line-height:5rem;
		margin: 0 1%;
		overflow: hidden;
		position: relative;
		z-index: 999;
	}
	.nav_ul>li:nth-child(5){ margin-left:21%;}
	.nav_ul>li>a {
		-webkit-transition: all 0.4s;
		-o-transition: all 0.4s;
		transition: all 0.4s;
		color: #333;
		line-height: 1.875rem;
		border-radius: 0.3rem;
	}

	/*在992 和1199 像素之间的屏幕里，中等屏幕，分辨率低的PC red 补丁 red 补丁 red 补丁 red 补丁*/
}

/*在768 和991 像素之间的屏幕里，小屏幕，主要是PAD*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	/*html{font-size: 14px}*/

	.content_box, .now_place, .nav_n_ul {
		width: 90%;
	}
	/*导航可变样式*/
	.header_box{ top:0; }

	/*导航样式*/
	.nav1 {
		width: 100%;
		display: none;
		clear: both; position:absolute; z-index:999; top:5rem; background:rgba(185,133,85,0.9);
	}
	.nav_ul {
		background: rgba(185,133,85,0.9);
	}
	.nav_ul a {
		text-indent: 1em;
		display: block;
	}
	.nav_ul>li{
		width: 100%;
		margin:0;
		height:auto;
		overflow: hidden;
		position: relative;
		z-index: 999;}
	.nav_ul>li:nth-child(5){ margin:0;}
	.nav_ul>li>a {
		text-align:left;
		line-height: 3rem;
		font-size: 1.25rem;
		border-bottom: 1px solid rgba(255,255,255,0.5);
		color: #fff;
	}
	.nav_ul li.xz1>a{ border-bottom: 1px solid rgba(255,255,255,0.5);;}
	.btn1,.btn2 {
		width: 2rem;
		height:2rem;
		right: 0;
		top: 0;
		display: flex;
		align-items : center;
		justify-content: center;
		cursor: pointer;
	}
	.btn1 {
		font-size: 1.875rem;
		margin-top: 4.5rem;
		margin-right:1.5rem;
	}
	.btn2 {
		height: 3rem;
		font-size: 1.5rem;
	}
	.btn2 i {
		font-size: 1.3em;
		color: #fff;
	}
	.nav2 {
		display: none;
	}
	.nav2>li>a {
		color: #fff;
		line-height: 2.4rem;
		margin-left: 2em;
		text-indent: 0;
		width: 86%;
		margin-left: auto;
		margin-right: auto;
		border-bottom: 1px dashed rgba(255,255,255,0.4);
		font-size: 0.875rem;
	}
	.nav2>li>a>span{ display:none;}





	/*导航可变样式*/
	.logo {
		width: 70%; height:5rem;
		margin: 0; top:0;
	}
	.logo img {
		width: auto; height:100%; margin:0 0 0 1rem;
	}
	.btn1 {
		width:2rem
		height: 2rem;

	}
	.phone{
		display: block;
	}
	.phone-img{
		display: block;
	}
	/*在768 和991 像素之间的屏幕里，小屏幕，主要是PAD  red 补丁 red 补丁 red 补丁 red 补丁 red 补丁*/
}

/*在480 和767 像素之间的屏幕里，超小屏幕，主要是手机*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	/*html{font-size: 20px;}*/


	.logo {width: 88%;height: 48px;margin-bottom: 32px;}
	.phone{
		display: none;
	}
	.phone-img{
		display: none;
	}

	/*在480 和767 像素之间的屏幕里，超小屏幕，主要是手机  red 补丁 red 补丁 red 补丁 red 补丁 red 补丁*/
}