body {





	font-family: 微软雅黑, "Open Sans", sans-serif;





	font-size: 14px;





}





input, select, textarea {





	font-family: 微软雅黑, "Open Sans", sans-serif;





	font-size: 1em;





	;





}





.wrap {





	width: 96%;





	margin: 0 auto;





	max-width: 1200px;





	position: relative;





}





img, a {





	border: 0;





}





ul, li {





	list-style: none;





}





* {





	margin: 0;





	padding: 0;





}





.flt {





	float: left;





}





.frt {





	float: right;





}





.clear {





	clear: both;





}





.clear:after, .clear:before {





	content: '';





	clear: both;





	display: table;





}





img {





	max-width: 100%;





}





.img {





	overflow: hidden;





	position: relative;





}





.img:before {





	transition: all 0.5s;





	-webkit-transition: all 0.5s;





	-moz-transition: all 0.5s;





	-ms-transition: all 0.5s;





	-o-transition: all 0.5s;





	content: '';





	display: block;





	position: absolute;





	top: 0;





	left: 0;





	right: 0;





	bottom: 0;





	border: 1px solid rgba(255,255,255,0);





	z-index: 100;





}





/*.img:hover:before { top: 10px; left: 10px; right: 10px; bottom: 10px; border: 1px solid rgba(255,255,255,0.5); }*/





.img:hover {





	background: #000





}


.inshugun{ overflow:hidden; width:100%;margin: 30px 0 20px;}
.inshugdiv{ float:left; width:24%; margin-right:4px; text-align:center;}
.inshugtu{ overflow:hidden; max-width: 40px;margin-bottom: 8px;}
.inshugtu img{ max-width:100%;}
.inshugdiv h3 span{/*font-family: Impact !important;*/font-size: 38px; color: #C1121F;line-height: 40px;}
.inshugdiv h3 sup{font-size: 16px;color: #C1121F;margin-left: 10px;}
.inshugdiv h4{line-height: 30px;font-size: 16px;font-weight: normal;color: rgb(58, 58, 58);}


.pro_list li .img{background: black;aspect-ratio: 9/9;}
.pro_list li .img img{max-height: 100%;}
.pro_list li .text{margin: 15px 0 0;}


.aboutyuanjing{ overflow:hidden; width:100%;}
.aboutyuanjing ul{ overflow:hidden; display:flex;}
.aboutyuanjing ul li{ /* flex: 1;*/width: 35%;height: 60vh;display: flex;justify-content: center;align-items: center; text-align:center;transition: 1.0s;}
.aboutyuanjing ul li::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 60vh;
  left: 0;
  opacity: 0.2;
  background: #000;
}
.aboutyuanjing ul li:nth-child(1){ background:url(../images/about1.jpg) no-repeat center;background-size: cover;}
.aboutyuanjing ul li:nth-child(2){ background:url(../images/about2.jpg) no-repeat center;background-size: cover;}
.aboutyuanjing ul li:nth-child(3){ background:url(../images/about3.jpg) no-repeat center;background-size: cover;}
.aboutyuanjing ul li h2{ width:100%; font-size:26px; color:#fff;z-index: 99;line-height: 38px;}
.aboutyuanjing ul li h2 span{ width:100%;font-size:15px; color:#fff;}
.aboutyuanjing ul li:hover{ width:50%;transition: 1.0s;}
.aboutyuanjing ul li::before:hover {opacity: 0;}





.footp{color: #fff; font-size:14px;line-height: 28px;margin-top: 34px;}
.foo_ul{margin-top: 10px;}
.foo_ul li { float:left; width:26px; margin-right:10px; position:relative;}
.foo_ul li a,.foo_ul li i { display:block; width:26px; height:26px; border-radius:50%; overflow:hidden; background-position:center; background-repeat:no-repeat;}
.foo_ul li p { display:none; width:120px; text-align:center; padding:10px 10px 5px 10px; border:1px solid #eee; background:#fff; position:absolute; right:0; bottom:30px;}
.foo_ul li p img { display:block; width:120px; height:120px;}
.foo_ul li p span { display:block; line-height:25px; font-size:12px; margin-top:5px; color:#000 !important;}
.foo_ul .qq i { /*background-color:#308ae2;*/ background-image:url(../images/sr_13.png);}
.foo_ul .phone i { /*background-color:#e96d6d;*/ background-image:url(../images/sr_14.png);}
.foo_ul .facebook i { /*background-color:#42bc78;*/ background-image:url(../images/sr_16.png);}
.foo_ul .in i { /*background-color:#42bc78;*/ background-image:url(../images/sr_17.png);}
.foo_ul .instagram i { /*background-color:#42bc78;*/ background-image:url(../images/sr_18.png);}
.foo_ul .wchat i { /*background-color:#42bc78;*/ background-image:url(../images/sr_15.png);}
.foo_ul li:hover p { display:block;}

.cplunbo{width: 40%;
  float: left;
  background: #000;
  margin-bottom: 30px;
  text-align: center;
  }
.cplunbo .owl-item img{ margin:0 auto;}

.img:hover img {





	/*opacity: .5;*/





	transform: scale(1.1) rotate(3deg);





	-o-transform: scale(1.1) rotate(3deg);





	-webkit-transform: scale(1.1) rotate(3deg);





	-moz-transform: scale(1.1) rotate(3deg);





	-ms-transform: scale(1.1) rotate(3deg);





}





.pos_cell {





	top: 50%;





	transform: translateY(-50%);





	-o-transform: translateY(-50%);





	-webkit-transform: translateY(-50%);





	-moz-transform: translateY(-50%);





	-ms-transform: translateY(-50%);





}





*, *:after, *:before {





	transition: all 0.5s;





	-webkit-transition: all 0.5s;





	-moz-transition: all 0.5s;





	-ms-transition: all 0.5s;





	-o-transition: all 0.5s;





}





.modal, .fp_modal {





	position: fixed;





	top: 0;





	left: 0;





	width: 100%;





	height: 100%;





	z-index: 1000;





}





.fp_modal {





	display: table;





}





.modal {





	transition: all 0s;





	-o-transition: all 0s;





	-webkit-transition: all 0s;





	-moz-transition: all 0s;





	-ms-transition: all 0s;





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





}





.fp_modal .cell {





	display: table-cell;





	vertical-align: middle;





}





.modal_cont {





	max-width: 990px;





	margin: 0 auto;





	width: 90%;





	background: #fff;





	position: relative;





}





.modal_cont .close {





	position: absolute;





	top: 10px;





	right: 10px;





	width: 32px;





	height: 32px;





	background: url(../images/close.png) no-repeat center center #ccc;





	border-radius: 100%;





	cursor: pointer;





}





.modal_cont .box {





	padding: 45px;





}





/*----------header----------*/





.header {





	background: #1c1c1c;





	line-height: 88px;





	position: fixed;





	top: 0;





	left: 0;





	width: 100%;





	z-index: 1000;





}





.logo img {





	vertical-align: middle;





}





.menu li {





	float: left;





	margin: 0 15px;





}





.menu li a {





	color: #717171;

font-size: 18px;
  font-weight: bold;



}





.menu li.on a, .menu li a:hover {





	color: #fff;





}





.banner {





	position: relative;





}





.banner_cur {





	left: 5%;





	right: 5%;





	position: absolute;





	top: 50%;





	margin-top: -20px;





	z-index: 100;





}





.banner_cur span {





	cursor: pointer;





	display: block;





	width: 46px;





	height: 46px;





	border-radius: 100%;





	border: 1px solid #fff;





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





	background-repeat: no-repeat;





	background-position: center center;





}





.banner_cur span:hover {





	border-color: #fb3546;





	background-color: rgba(0,0,0,0.2);





}





.banner_cur span.next {





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





}





.banner .item {





	position: relative;





	font-family: Arial;





}





.banner .text {





	left: 0;





	width: 100%;





	z-index: 100;





	text-align: center;





	color: #fff;





	position: absolute;





	top: 50%;





	transform: translateY(-50%);





	-o-transform: translateY(-50%);





	-webkit-transform: translateY(-50%);





	-moz-transform: translateY(-50%);





	-ms-transform: translateY(-50%);





}





.banner .text h2 {





	font-size: 46px;





	font-weight: normal;





}





.banner .text p {





	font-size: 24px;





	margin: 2em 0;

padding: 0 7%;



}





.banner_search {





	max-width: 800px;





	margin: 0 auto;





	padding: 8px;





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





	border-radius: 3px;





	width: 90%;





	line-height: 48px;





}





.banner_search .box {





	background: #fff;





	border-radius: 2px;





	position: relative;





	padding-right: 147px;





}





.banner_search .btn {





	position: absolute;





	top: 0;





	right: 0;





	width: 147px;





	text-align: center;





}





.banner_search .btn a {





	line-height: 48px;





	width: 100%;





	display: block;





	color: #fff;





	background: #be9a78;





	font-size: 16px;





}





.btn a:hover {





	background: #956d47;





}





.banner_search .btn span {





	display: inline-block;





	padding-right: 32px;





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





}





.banner_search .span_tit {





	display: block;





	float: left;





	width: 72px;





	text-align: center;





	border-right: 1px solid #d5d5d5;





	font-size: 15px;





	font-weight: bold;





	color: #000;





}





.banner_search .div_input {





	padding-left: 20px;





	overflow: hidden;





}

.banner_text { width:80%; height:310px; margin:auto; position:absolute; top:40px; right:0; bottom:0; left:0; z-index:2;color:#fff; text-transform:Uppercase;}
.banner_text h1 { font-size:50px; line-height:100px; letter-spacing:5px;}
.banner_text h1::after {
  content: '';
  width: 30%;
  background: white;
  height: 3px;
  display: block;
}
.banner_text h2 { font-size:30px; line-height:100px; letter-spacing:5px;}



.div_input input {





	width: 100%;





	border: 0;





	background: none;





	text-align: left;





}





.owl-theme .owl-dots .owl-dot span {





	width: 14px;





	height: 14px; /*background: url(../images/dots.png) no-repeat center center;*/





	border-radius: 100%;





	background: none;





	margin-bottom: 15px;





	position: relative;





	border: 2px solid transparent;





}





.owl-theme .owl-dots .owl-dot span:after {





	content: '';





	display: block;





	width: 4px;





	height: 4px;





	border-radius: 100%;





	background: #fff;





	content: '';





	position: absolute;





	top: 50%;





	margin-top: -2px;





	left: 50%;





	margin-left: -2px;





}





.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {





	border-color: #fff;





	background: none;





}





.details .owl-theme .owl-dots .owl-dot span:after {





	background: #be9a78





}





.details .owl-theme .owl-dots .owl-dot.active span, .details .owl-theme .owl-dots .owl-dot:hover span {





	border-color: #be9a78;





}





.page1_text .img1 {





	text-align: right;





	width: 50%;





	float: right;





}





.page1_text .text {





	line-height: 30px;





	color: #878787;





	/*text-align: center;*/





	overflow: hidden;





}





.page1_text .text {





	padding: 80px 0 40px;





}





.page_tit2 h3 {





	font-size: 30px;





	font-family: 'Times New Roman';





	font-weight: normal;





	color: #000;





	line-height: 58px;





}





.page_tit2 h2 {





	font-size: 36px;





	font-weight: normal;





	color: #000;





	line-height: 58px;





	margin-bottom: 30px;





}





.page1_text .text p {





	/*height: 120px;*/

padding: 0 20px 20px 0;



	overflow: hidden;





	/*max-width: 425px;*/





	margin: 0 auto;




/*
	margin-bottom: 30px;*/





}





.xxj {





	color: #fff;





	display: block;





	line-height: 44px;





	width: 140px;





	text-align: center;





	background: #be9a78;





	margin: 0 auto;





}





.btn a {





	color: #fff;





	display: block;





	line-height: 44px;





	width: 140px;





	text-align: center;





	background: #be9a78;





	/*margin: 0 auto;*/





}





.page {





	overflow: hidden;





	padding: 60px 0;





}





.page:after {





	content: '';





	display: block;





	clear: both;





}





.page.on {





	background: #f9f9f9;





}





.page_tit {





	margin-bottom: 40px;





	text-align: center;





}





.page_tit h3 {





	font-size: 30px;





	margin-bottom: 20px;





	font-weight: normal;





}





.page_tit h2 {





	font-size: 28px;





}





.page_tit p {





	color: #999;





}





.page_tit p span:before, .page_tit p span:after {





	display: inline-block;





	width: 30px;





	height: 1px;





	background: #999;





	vertical-align: middle;





	content: '';





	margin: 0 2px;





	margin-bottom: 2px;





}





.page_tag ul li {





	margin-left: -4px;





	display: inline-block;





}





.page_tag {





	text-align: center;





}





.page_tag a {





	display: block;





	line-height: 30px;





	padding: 0 23px;





	color: #7e7e7e;





	position: relative;





}





.page_tag .on a, .page_tag a:hover {





	background: #be9a78;





	color: #fff;





}





.page_tag .on a:before, .page_tag a:hover:before {





	color: #be9a78





}





.page_tag a:before {





	content: '|';





	display: block;





	position: absolute;





	left: -2px;





}





.page_tag li:first-child a:before {





	display: none;





}





.pro_list ul:after {





	content: '';





	display: block;





	clear: both;





}





.pro_list li {





	width: 33.333%;





	float: left;





	text-align: center;





}
.nycptj li{width: 20%;}




.pro_list h3 {





	font-size: 16px;





	color: #000;





	font-weight: normal;





}





.pro_list p {





	padding: 10px 0 15px;





	color: #be9a78;





	background: no-repeat bottom center;





}





.pro_list a:hover p {





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





}





.pro_list ul {





		display: none;





	margin-top: 20px;





}





.pro_list ul.on {





	display: block;





}





.pro_list ul.on li {





	animation-name: zoomIn;





	animation-duration: 1s;





	animation-fill-mode: both;





}





.about_list2 {





	max-width: 1100px;





	margin: 0 auto;





	border-top: 1px solid #e8e8e8;





	margin-top: 30px;





	padding-top: 30px;





}





.about_list2 ul li {





	width: 31.333%;





	margin: 0 1%;





	float: left;





}





.about_list2 ul {





	margin: 0 -1%;





}





.about_list2 .img {





	position: relative;





}





.about_list2 img {





	display: block;





}





.about_list2 .img p {





	position: absolute;





	bottom: 20px;





	left: 20px;





	right: 20px;





	line-height: 42px;





	background: #fff;





	text-align: center;





	height: 42px;





}





.about_list2 .img p span {





	display: block;





	height: 20px;





	border-bottom: 1px solid #000;





	margin: 0 14px;





}





.about_list2 .img p label {





	display: inline-block;





	padding: 0 10px;





	background: #fff;





}





.about_list2 .text {





	line-height: 28px;





	color: #333;





	margin-top: 10px;





}





.his_list {





	padding-top: 20px;





	position: relative;





}





.his_list .line {





	position: absolute;





	top: 0;





	bottom: 0;





	left: 0;





	right: 0;





	margin: 0 auto;





	width: 1px;





	background: #d3d3d3





}





.his_list ul li {





	text-align: right;





	margin: 20px 0;





	width: 50%;





	padding-right: 50%;





	clear: both;





	position: relative;





}





.his_list ul li i {





	position: absolute;





	left: 50%;





	margin-left: -5px;





	top: 10px;





	width: 9px;





	height: 9px;





	border-radius: 100%;





	background: #d3d3d3





}





.his_list ul li i:after {





	content: '';





	display: block;





	position: absolute;





	left: 50%;





	margin-left: -80px;





	width: 60px;





	height: 1px;





	background: #d3d3d3;





	top: 4px;





}





.his_list ul li:nth-child(2n) i:after {





	margin-left: 20px;





}





.his_list ul li:nth-child(2n) {





	padding-right: 0;





	padding-left: 50%;





	text-align: left;





}





.his_list ul li .text {





	padding: 0 100px;





	line-height: 28px;





	color: #262626;





}





.his_list ul li .text h3 {





	font-size: 20px;





	color: #a2774f;





	font-weight: normal;





	margin-bottom: 10px;





}





.ry_list {





	max-width: 1034px;





	margin: 0 auto;





}





.ry_list li {





	width: 30.3%;





	float: left;





	margin: 10px 1.5%;





	text-align: center;





	line-height: 40px;





}





.ry_list li .img {





	border: 10px solid #efefef;





	max-width: 270px;





	margin: 0 auto;





}





.ry_list li:nth-child(3n+1) {





	clear: both;





}





.ry_list li .img img {





	display: block;





}





.td_list {





	max-width: 1100px;





	margin: 0 auto;





}





.td_list li {





	width: 25%;





	float: left;





}





.td_list li:hover .tit p span {





	width: 100%;





}





.td_list li .box {





	margin: 17px;





}





.td_list li .img {



aspect-ratio: 3/2;

	position: relative;





}





.td_list li .img img {



height: 100%;

	display: block;





}





.td_list li .tit p {





	line-height: 56px;





	background: #1c1c1c;





	padding: 0 16px;





	font-size: 16px;





	color: #c09874;





	position: relative;





}





.td_list li .tit p a{color: #c09874;}





.td_list li .tit p span {





	position: absolute;





	display: block;





	width: 48px;





	height: 4px;





	background: #be9a78;





	bottom: 0;





	right: 0;





}





.td_list li:nth-child(4n+1) {





	clear: both;





}





.td_list li .text {





	margin-top: 15px;





	line-height: 26px;





	color: #6c6c6c





}





.td_list li .text h3 {





	font-size: 20px;





	margin-bottom: 10px;





	color: #000





}





.zp_p_list {





	max-width: 1120px;





	margin: 0 auto;





	line-height: 28px;





	color: #4c4c4c





}





.zp_p_list a {





	color: #be9a78





}





.bold {





	font-weight: bold;





}





.zp_p_list .list {





	border-bottom: 1px solid #ebefef;





	margin-bottom: 15px;





	padding-bottom: 15px;





}





.zp_p_list .list:last-child {





	border-bottom: 0





}





.zp_p_list .list h3 {





	font-size: 20px;





	font-weight: normal;





	color: #000;





	margin-bottom: 5px;





	line-height: 40px;





}





.zp_p_list .text>ul>li {





	list-style: decimal;





	margin-left: 20px;





}





.zp_list .text>ul {





	max-width: 514px;





}





.zp_p_list .title {





	cursor: pointer;





	margin: 10px 0;





	line-height: 54px;





	border: 1px solid #e3e9ec;





	background: url(../images/icon12.png) no-repeat 98% center #f9f9f9;





	padding: 0 20px;





}





.zp_p_list .title span {





	display: inline-block;





	width: 23%;





	color: #000





}





.zp_p_list .title span.span1 {





	font-size: 22px;





}





.zp_p_list .box {





	display: none;





	transition: all 0s;





	-o-transition: all 0s;





	-webkit-transition: all 0s;





	-moz-transition: all 0s;





	-ms-transition: all 0s;





}





.zp_p_list .on .title, .zp_p_list li:hover .title {





	background: url(../images/icon12-1.png) no-repeat 98% center #be9a78;





	border-color: #be9a78;





}





.zp_p_list .on .title span, .zp_p_list li:hover .title span {





	color: #fff;





}





@keyframes zoomIn {





 from {





opacity: 0;





transform: scale3d(.3, .3, .3);





}





 50% {





opacity: 1;





}





}





.pro_list li:nth-child(3n+1) {





	/*clear: both;*/





}
.nycptj li:nth-child(3n+1){clear: none;}
.nycptj li:nth-child(5n+1){clear: both;}



.pro_list li a {





	display: block;





	margin: 12px;





	background: #fff;





	padding: 23px;





	box-shadow: 0 0 20px rgba(0,0,0,0.05)





}





.pro_list li a:hover {





	box-shadow: 0 1px 50px rgba(0,0,0,0.1)





}





.pro_list li a:hover .img {





	/*background: #fff;*/





}





.page_pro {





	padding: 0;





	background: #1c1c1c;





	position: relative;





}





.pro_owl {

	/*width: 50%;*/
	width:100%;


}
.inyoushi_left{ width:50%; float:left;}
.inyoushi_wenzi{ width: 33%;
  float: left;
  padding: 2% 0 0 6%;}
.inyoushi_p{line-height: 32px;
  color: #696969;
  overflow: hidden;
  margin-bottom: 30px;}




.pro_owl .owl-theme .owl-controls {





	width: auto;





	right: 50%;





	left: auto;





	width: 120px;





}





.pro_owl .owl-theme .owl-controls .owl-nav [class*=owl-] {





	display: block;





	float: left;





	width: 60px;





	height: 60px;





	margin: 0;





	padding: 0;





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





	background-position: center center;





	background-repeat: no-repeat;





	border-radius: 0;





	background-color: #1c1c1c





}





.pro_owl .owl-theme .owl-controls .owl-nav .owl-next {





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





	background-color: #be9a78





}





.page_pro .text {





	position: absolute;





	left: 55%;





}





.page_pro .text .box {





	max-width: 410px;





}





.page_tit2.on h3 {





	color: #fff;





}





.page_tit2.on h2 {





	color: #c09874;





}





.page_pro .text p {





	line-height: 32px;





	color: #696969;





	height: 96px;





	overflow: hidden;





	margin-bottom: 30px;





}





.page_pro .btn a {





	margin-left: 0;





	background: #0b0b0b;





}





.btn2 a span {





	display: inline-block;





	padding-right: 17px;





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





}





.btn2 a:hover span {





	padding-right: 27px;





}





.service_list:after {





	content: '';





	display: block;





	clear: both;





}





.service_list ul li {





	width: 25%;





	float: left;





}





.service_list a {





	display: block;





	margin: 7px;





	position: relative;





}





.service_list img {





	display: block;





}





.service_list .text {





	position: absolute;





	bottom: 0;





	left: 0;





	right: 0;





	padding: 20px;





	color: #fff;





}





.service_list .text h3 {





	font-size: 16px;





	font-weight: normal;





}





.service_list .text p {





	margin: 10px 0;





	background: bottom center no-repeat





}





.service_list .text .more {





	display: inline-block;





	padding-right: 10px;





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





}





.service_list a:hover .img:before {





	background: #202020;





	opacity: .95;





	top: 20px;





	left: 20px;





	right: 20px;





	bottom: 20px;





}





.service_list a:hover .text {





	bottom: auto;





	top: 50%;





	transform: translateY(-50%);





	-o-transform: translateY(-50%);





	-webkit-transform: translateY(-50%);





	-moz-transform: translateY(-50%);





	-ms-transform: translateY(-50%);





	text-align: center;





	color: #000;





	z-index: 100





}





.service_list a:hover .text h3 {





	color: #fff;





	border-bottom: 1px solid #d7d7d7;





	margin: 0 20px;





	padding-bottom: 15px;





}





.service_list a:hover .text p {





	color: #7f7f7f;





	padding-bottom: 20px;





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





}





.service_list a:hover .text span {





	display: none;





}





.news_list ul li {





	width: 48%;





	padding: 25px 0;





	float: left;





}





.news_list ul li:nth-child(2n) {





	float: right;





}





.news_list a {





	display: block;





}





.news_list .img {





	width: 160px;





	height: 100px;





	float: left;





	margin-right: 20px;





}





.news_list .text {





	overflow: hidden;





}





.news_list .p_time {





	height: auto;





	color: #a1a1a1;

padding-top: 8px;



}

.news_list .p_time span{float: right;display: block;width: 57px; text-align:center;
  background: black;
  color: white;
  padding: 4px 8px;}

.news_list ul li:hover .p_time span{background:#be9a78;}

.news_list h3 {





	/*margin-top: 10px;*/





	font-size: 16px;
line-height: 22px;




	color: #000;





	font-weight: normal;





	white-space: nowrap;





	overflow: hidden;





	text-overflow: ellipsis;





}





.news_list p {





	line-height: 20px;





	color: #999;





	height: 64px;





	overflow: hidden;

text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;



}





.news_list .line {





	width: 100%;





	height: 1px;





	background: #efefef;





	margin: 8px 0;





}





.news_list .line label {





	display: block;





	width: 13px;





	height: 1px;





	background: #000





}





.news_list a:hover .line label {





	width: 100%;





}





/*----------织 梦 58 d e d e 5 8.c o m----------*/





.mainer {





	margin-top: 70px;





}





ul:after {





	content: '';





	display: block;





	clear: both;





}





.btn_more {





	margin-top: 20px;





	text-align: center;





}





.btn_more a {





	display: inline-block;





	padding: 0 45px;





	line-height: 42px;





	border: 1px solid #b2b2b2;





	color: #999





}





.btn_more a:hover {





	border-color: #fb3546;





	color: #fb3546





}





.div_pos {





	line-height: 65px;





	color: #515151;





}





.div_pos a {





	color: #000;





}





.div_pos a:hover {





	color: #fb3546





}





.details .wrap {





	max-width: 1180px;





}





.details .tit {





	padding: 20px 0;





	border-bottom: 1px solid #e8e8e8;





	line-height: 30px;

width: 100%;
  



}
.cpnyjianjie{width: 50% !important;
  float: right;}




.details .tit h2 {





	font-size: 20px;





	font-weight: normal;





}





.details .tit p {





	margin: 20px 0;
  font-size: 15px;





}





.details .tit span {





	color: #717171





}





.details .text {





	line-height: 36px;





	color: #898989;





	padding: 25px 0;
border-top: 1px solid #e8e8e8;




}





.page_padd {





	padding-top: 0;





}





.page_tit3 {





	margin: 0 10px;





	padding-top: 30px;





}





.page_tit3 span {





	font-size: 20px;





}





.center {





	text-align: center;





}





.page_size {





	text-align: center;





	margin-top: 30px;





}





.page_size a {





	display: inline-block;





	width: 35px;





	height: 35px;





	line-height: 35px;





	vertical-align: middle;





	background-color: #515151;





	color: #fff;





	background-position: center center;





	background-repeat: no-repeat;





	margin: 5px 2px;





	;





}





.page_size a.prev {





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





}





.page_size a.next {





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





}





.page_size a:hover, .page_size a.on {





	background-color: #be9a78;





}





/*----------footer----------*/





.footer {





	padding: 50px 0;





	color: #fff;





	line-height: 26px;





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





	background-size: cover;





}





.footer .wrap {





	max-width: 1000px;





}





.footer .text {





	overflow: hidden;





}





.footer .ewm img {





	display: block;





	margin-bottom: 15px;





}





.footer .ewm {





	/*text-align: center;*/





	width: 365px;





}





.footer .list {





	padding-top: 10px;





}





.footer .list ul li {





	margin: 15px 10px;
float: left;
  padding: 4px 10px;
  border: 1px solid #eee;
  text-align: center;
  width: calc( 100% / 4 - 20px);




}





.footer a {





	color: #fff;





}





.news_tag {





	text-align: center;





	padding: 50px 0;





}





.news_tag ul li {





	display: inline-block;





}





.news_tag a {





	display: block;





	padding: 0 10px;





	min-width: 72px;





	text-align: center;





	line-height: 30px;





	background: #eee;





	color: #7e7e7e;





}





.news_tag li.on a, .news_tag a:hover {





	background: #be9a78;





	color: #fff;





}





.page_news .list {





	/*max-width: 945px;*/





	margin: 0 auto;





}





.page_news .list .img {





	width: 471px;





	float: left;





	margin-right: 50px;





}





.page_news .list .text {





	border-top: 2px solid #000;





	padding-top: 30px;





	overflow: hidden;





}





.page_news .list li {





	margin-bottom: 40px;





}





.page_news .list li:after {





	content: '';





	display: block;





	clear: both;





}





.page_news h3 {





	font-size: 16px;





	white-space: nowrap;





	overflow: hidden;





	text-overflow: ellipsis;





	margin-bottom: 10px;





}





.page_news .list a:hover {





	color: #be9a78





}





.page_news .time {





	line-height: 20px;





	margin-bottom: 10px;





	padding-left: 25px;





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





	color: #a8a8a8





}





.page_news p {





	line-height: 27px;





	height: 81px;





	overflow: hidden;





	color: #737373;





	margin: 30px 0;





}





.page_news .btn a {





	background: none;





	border: 2px solid #000;





	color: #000;





	line-height: 34px;





	width: 120px;





	margin-left: 0





}





.page_news .btn a:hover {





	background: #333;





	color: #fff;





}





/*----------custom----------*/





.news_details {





	background: #fff;





	box-shadow: 0 0 5px rgba(0,0,0,0.1)





}





.news_details .box {





	width: 90%;





	margin: 0 auto;





}





.news_details .tit {





	padding: 55px 0;





	text-align: center;





}





.news_details .tit h2 {





	font-size: 36px;





	font-weight: normal;





	margin-bottom: 25px;





}





.news_details .tit p {





	font-size: 18px;





	color: #333;





}





.news_details .text {





	font-size: 16px;





	color: #414141;





	line-height: 28px





}





.news_details .text h3 {





	font-size: 18px;





	font-weight: bold;





	margin-top: 20px;





	margin-bottom: 5px;





}





.news_details .text img {





	margin-top: 10px;





}





.text_cur {





	line-height: 70px;





	border-top: 1px solid #e8e8e8





}





.text_cur span {





	max-width: 45%;





	white-space: nowrap;





	overflow: hidden;





	text-overflow: ellipsis;





}





.text_cur a {





	color: #000;





}





.text_cur a:hover {





	color: #be9a78;





}





.pro_list2 ul li {





	width: 25%;





	float: left;





}





.pro_list2 a {





	display: block;





	margin: 7px;





	font-size: 16px;





}





.pro_list2 ul {





	margin: 0 3px;





	margin-top: 20px;





}





.pro_list2 img {


aspect-ratio: 13/9;
  width: 100%;


	display: block;





}





.pro_list2 .img {





	margin-bottom: 20px;





}





.cont_list ul li {





	width: 33.333%;





	float: left;





	text-align: center;


margin: 24px 0;


}
.cont_list ul li p{line-height: 24px;}




.cont_list ul li .text {





	margin-top: 20px;





	color: #434343





}





.cont_list ul li .text h3 {





	font-size: 16px;





	font-weight: normal;





	color: #000;





	margin-bottom: 10px;





}





.message {





	max-width: 710px;





	margin: 0 auto;





}





.message ul li {





	width: 50%;





	float: left;





}





.message ul li:last-child {





	/*width: 100%;*/





}





.message ul {





	margin-bottom: 30px;





}





.message .div_input {





	margin: 5px;





	line-height: 40px;





	border: 1px solid #e9e9e9;





	background: #fff;





	padding: 0 15px;





}





.div_input textarea {





	width: 100%;





	height: 150px;





	border: 0;





	background: none;





	resize: none;





	padding: 10px 0;





}





.banner .item img {





	display: block;





}





.about_tag {





	line-height: 80px;





	border-bottom: 1px solid #e8e8e8;

position: absolute;
  bottom: 0;
  z-index: 999;
  width: 100%;

background-color: #0D1B2A80;

}



.about_tag ul{display: flex;}

.about_tag ul li {


flex: 1;


	width: 20%;





	float: left;





	text-align: center;





}





.about_tag ul li a {





	margin-left: -1px;





	/*border-left: 1px solid #e8e8e8;*/





	font-size: 16px;





	color: #fff;





	display: block;





}





.about_tag ul li:first-child a {





	/*border-left: 0;*/





}





.about_tag ul li span {





	display: inline-block;





	/*padding-left: 50px;*/





}





.about_tag ul li span.span1 {





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





}





.about_tag ul li span.span2 {





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





}





.about_tag ul li span.span3 {





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





}





.about_tag ul li span.span4 {





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





}





.about_tag ul li span.span5 {





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





}





.about_tag ul li.on a, .about_tag ul li a:hover {





	background: #000;





}





.about_tag ul li.on span, .about_tag ul li a:hover span {





	color: #fff;





}





.about_tag ul li.on span.span1, .about_tag ul li a:hover span.span1 {





	background: url(../images/icon7-1.png) no-repeat left center;





}





.about_tag ul li.on span.span2, .about_tag ul li a:hover span.span2 {





	background: url(../images/icon8-1.png) no-repeat left center;





}





.about_tag ul li.on span.span3, .about_tag ul li a:hover span.span3 {





	background: url(../images/icon9-1.png) no-repeat left center;





}





.about_tag ul li.on span.span4, .about_tag ul li a:hover span.span4 {





	background: url(../images/icon10-1.png) no-repeat left center;





}





.about_tag ul li.on span.span5, .about_tag ul li a:hover span.span5 {





	background: url(../images/icon11-1.png) no-repeat left center;





}





.about_d_text {











	line-height: 30px;





	color: #6d6d6d;











}





.about_list {





	max-width: 790px;





	margin: 0 auto;





}





.about_list ul li {





	width: 33.333%;





	float: left;





	margin: 35px 0





}





.about_list .box {





	margin: 10px;





	border: 1px solid #e7e7e7;





	text-align: center;





	padding: 35px 0;





	color: #ababab;





}





.about_list .box h3 {





	font-size: 56px;





	color: #323232;





	font-weight: normal;





	margin-bottom: 20px;





}





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





.banner_cur {





	left: 5%;





	right: 5%;





}





.page_tit2 h2 {





	margin-bottom: 10px;





}





}





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





.page_tit2 h3 {





	font-size: 38px;





}





.page_tit2.on h2 {





	font-size: 27px;





}





.page_pro .text p {





	line-height: 25px;





	margin-bottom: 10px;





	height: 75px;





}





.his_list ul li .text {





	padding-left: 0





}





.his_list ul li:nth-child(2n) .text {





	padding-left: 100px;





	padding-right: 0





}





}





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





.menu {





	position: fixed;





	top: 60px;





	left: -100%;





	width: 100%;





	height: 100%;





	background: #fff;





}





.menu ul li {





	float: none;





	display: block;





	border-bottom: 1px solid #ddd;





	padding: 0;





}





.menu ul li a {





	line-height: 45px;





	font-size: 18px;





}





.menu ul {





	padding-top: 10px;





}





.header .logo {





	position: relative;





	z-index: 1001;





	line-height: 60px;





}





.menu_wrap {





	position: absolute;





	top: 10px;





	width: 40px;





	height: 40px;





	background: url(../images/menu.png) no-repeat center center #be9a78;





	background-size: 25px auto;





	right: 5px;





}





.h_menu .menu_wrap {





	background: url(../images/menu-1.png) no-repeat center center #be9a78;





	background-size: 25px auto;





}





.h_menu .menu {





	left: 0;





}





.header {





	line-height: 60px;





}





.mainer {





	margin-top: 60px;





}





.menu li.on a, .menu li a:hover {





	color: #be9a78





}





.banner .text h2 {





	font-size: 30px;





}





.banner .text p {





	font-size: 14px;

padding: 0 ;



}





.banner_search {





	max-width: 500px;





}





.page1_text .text {





	padding: 20px 0;





}





.pro_owl {





	width: 80%;





	margin: 0 auto;





}





.page_pro {





	padding: 50px 0;





}





.page_pro .text {





	position: initial;





	top: auto;





	left: auto;





	right: auto;





	transform: none;





	width: 80%;





	margin: 0 auto;





	padding: 20px 0;





}





.page_pro .text .box {





	max-width: 100%;





}





.pro_owl .owl-theme .owl-controls {





	right: 0





}





.service_list ul li {





	width: 50%;





}





.service_list ul li:nth-child(2n+1) {





	clear: both;





}





.service_list ul li img {





	width: 100%;





}





.about_tag ul li span {





	padding-left: 0;





	background: none !important





}





.about_tag {





	line-height: 60px;





}





.td_list li .box {





	margin: 5px;





}





.td_list li {





	width: 50%;





}





.td_list li:nth-child(2n+1) {





	clear: both;





}





.td_list li img {





	width: 100%;





}





.ry_list li {





	width: 47%;





}





.ry_list li:nth-child(3n+1) {





	clear: none;





}





.ry_list li:nth-child(2n+1) {





	clear: both;





}





.page_news .list .img {





	width: 300px;





	margin-left: 20px;





}





.page_news .list .text {





	padding-top: 20px;





}





.page_news p {





	margin-top: 0;





	height: 54px;





	margin-bottom: 10px





}





.page_news .time {





	margin-bottom: 0





}





.page_news .list li {





	margin-bottom: 20px;





}





}





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





.news_list ul li {





	width: 100%;





	padding: 10px 0;





}





}





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





.banner .text h2 {





	font-size: 20px;





}





.banner .text p {





	margin: 1em;





}





.banner_cur {





	display: none;





}





.banner_search .btn {





	width: 100px;





}





.banner_search .box {





	padding-right: 100px;





}





.banner_search .span_tit {





	width: 50px;





}





.banner_search .div_input {





	padding-left: 10px;





}





.banner img {





	width: 150%;





	margin-left: -25%;





	max-width: initial;

height: 20vh;



}

.banner .item img {
  height: 40vh;
}
.banner_text { width: 90%;height:260px; padding-top:40px;}
.banner_text h1 { line-height:35px; font-size:25px;}
.banner_text h1::after{ margin-top:10px;}
.banner_text h2 { line-height:35px; font-size:18px;margin-top: 10px;}





.banner .img1 {





	overflow: hidden;





}





.page1_text .img1 {





	float: none;





	width: 100%;





}





.pro_list li:nth-child(5n+1) {





	clear: none;





}





.pro_list li {





	width: 50%;





}





.pro_list li:nth-child(2n+1) {





	clear: both;





}





.pro_list li a {





	padding: 15px;





	margin: 5px;





}





.footer .ewm {





	float: none;





	text-align: center;





	margin-bottom: 20px;





	display: none;





}

.logo img {
  max-width: 270px;
}
.inshugdiv {
  width: 47%;
  margin: 0 4px 10px;
}
.aboutyuanjing ul {
  display: block;
}
.aboutyuanjing ul li{height: 30vh;width: 100%;}
.aboutyuanjing ul li::before{height: 30vh;}

.cplunbo {
  width: 100%;}
.cpnyjianjie {
  width: 100% !important;
}

.inyoushi_left{ width:100%;}
.inyoushi_wenzi {
  width: 100%;
  margin: 22px 0 0;
}

.footer .list ul li {





	margin: 15px 5px;

width: calc( 100% / 3 - 34px);



}





.footer .ewm img {





	margin: 0 auto;





	margin-bottom: 10px;





}





.footer {





	text-align: center;





}





.page {





	padding: 20px 0;





}





.about_list ul li {





	margin: 20px 0;





}





.page_tit2 h3 {





	font-size: 23px;





	line-height: 20px;





}





.page_tit2 h2 {





	font-size: 30px;





}





.about_tag ul li a {





	font-size: 14px;





}





.about_tag {





	line-height: 40px;





}





.about_tag .wrap {





	width: 100%;





}





.about_list .box h3 {





	font-size: 30px;





}





.about_list .box {





	margin: 5px;





}





.page_tit h2 {





	font-size: 20px;





}





.about_list2 ul li {





	margin: 0 auto;





	width: 95%;





	margin-bottom: 15px;





	float: none;





}





.about_list2 img {





	width: 100%;





}





.his_list ul {





	padding-left: 50px;





}





.his_list ul li i {





	left: -40px





}





.his_list ul li {





	padding: 0 !important;





	width: 100%;





	text-align: left;





}





.his_list ul li .text {





	padding: 0 !important





}





.his_list .line {





	left: 10px;





	right: auto;





}





.his_list ul li i:after {





	margin-left: 10px !important;





	width: 20px !important;





}





.zp_p_list .title span {





	min-width: 47%;





	width: auto;





}





.zp_p_list .title {





	line-height: 30px;





	padding-top: 10px;





	padding-bottom: 10px;





}





.page_news .list .img {





	width: 150px;





	float: left;





	margin: 0 auto;





	margin-right: 10px;





}





.page_news p {





	height: auto;





	white-space: nowrap;





	text-overflow: ellipsis;





	overflow: hidden;





}





.page_news .list .text {





	padding-top: 10px;





}





.page_news .list .time {





	display: none;





	;





}





.page_news .list .text {





	border-top: 0





}





.page_news .btn a {





	border: 0;





	line-height: 20px;





	text-align: left;





}





.page_news .time {





	margin-bottom: 10px;





}





.page_news p {





	margin-bottom: 5px





}





.news_details .tit h2 {





	font-size: 26px;





	margin-bottom: 15px;





}





.news_details .tit {





	padding: 30px 0;





}





.pro_list2 ul li {





	width: 50%;





}





.page_news h3 {





	margin-bottom: 5px;





}





.pro_list2 .img {





	margin-bottom: 10px





}





.text_cur span {





	max-width: 100%;





	float: none;





}





.text_cur {





	line-height: 35px;





	padding: 10px 0;





}





.cont_list ul li {





	float: none;





	width: 100%;





	text-align: left;





	clear: both;





	margin-bottom: 10px;





}





.cont_list ul li:after {





	content: '';





	display: block;





	clear: both;





}





.cont_list ul li .img1 {





	float: left;





	width: 81px;





	margin-right: 20px;





}





.cont_list ul li .text {





	margin-top: 0;





	padding-top: 10px;





	overflow: hidden;





}





.map {





	overflow: hidden;





}





.map img {





	width: 200%;





	margin-left: -50%;





	max-width: initial;





}





.full {





	display: none;





}





.page_tag a {





	padding: 0 15px;





}





.news_tag {





	padding: 20px 0;





}





.page_tit h3 {





	font-size: 24px;





	margin-bottom: 10px;





}





.page_tit {





	margin-bottom: 20px;





}





}





.pro_list2 ul li p {





	white-space: nowrap;





	overflow: hidden;





	text-overflow: ellipsis;





}





.full {





	position: fixed;





	top: 50%;





	right: 0;





	z-index: 1001;





}





.full li a {





	display: block;





	width: 52px;





	height: 52px;





	margin-bottom: 1px;





	position: relative;





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





	z-index: 1;





}





.full li a:hover span, .full li a:hover label {





	background-color: #be9a78 !important;





}





.full li:last-child a {





	border-bottom: 0;





}





.full li a span {





	display: block;





	width: 52px;





	height: 52px;





	position: relative;





	z-index: 100;





	background-position: center center;





	background-repeat: no-repeat;





}





.full li:nth-child(2) a, .full li:nth-child(1) a {





	z-index: 2;





}





.full li a label {





	display: block;





	width: 100px;





	white-space: nowrap;





	padding: 0 20px;





	position: absolute;





	line-height: 52px;





	color: #fff;





	z-index: -1;





	background: #000;





	bottom: 0;





	left: 100%;





	box-sizing: inherit;





	max-width: 300%;





	;





}





.full li a:hover label {





	left: -120px;





}





.full li a .lbl_img {





	padding: 10px;





	height: auto;





	line-height: normal;





}





.full li a span.span1 {





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





}





.full li a span.span2 {





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





}





.full li a span.span3 {





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





}





.full li a span.span4 {





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





}

.full li a span.span5 {background-image: url(../images/sr_16.png);}
.full li a span.span6 {background-image: url(../images/sr_17.png);}
.full li a span.span7 {background-image: url(../images/sr_18.png);}


#maximg img{ max-width:100% !important; height:auto !important}





.pagebar .pagination {





  display: flex;





  justify-content: center;





  margin-top: 10px;





}





.pagination a {float:left;font-family:'microsoft yahei';margin:0 2px;padding:0 10px;line-height:25px;background:#fff;border:1px solid #d8dadf}





.pagination span {





    color: #333;





    font-size: 14px;





    padding: 8px 2px;





    margin: 0 5px;





    border-radius: 3px;





}





.pagination a:hover {





  color: #333;





  border: 1px solid #333;





}





.pagination a.page-num-current {





  color: #fff;





  background:#333;





  border: 1px solid #333;





}