@charset "utf-8";
/**初始**/
* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {font: normal 14px "Microsoft YaHei";-webkit-text-size-adjust: 100%}
body {padding: 0;margin: 0 auto;font-size: 14px; line-height:24px; color: #1a1002;background-color: #fff;font-family: "Microsoft YaHei";
-webkit-text-size-adjust: none;
/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight: rgba(0,0,0,0); 
/*控制内容的可选择性*/
/*-webkit-user-select: none; 
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;*/
}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
ul, 
li, 
form, 
dl, 
dt, 
dd, 
div, 
ol,
figure,
aside{padding: 0;margin: 0;}
.ul,
 .ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;font-size: 14px;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Microsoft YaHei";}
img{border: none;vertical-align: middle;}
a {color: #333;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}  
a:hover {color: #a91e2a;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333;}
pre{
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
	margin:0;
	font-family: "Microsoft YaHei";
	text-align:justify;
	text-justify:inter-ideograph;
	}
	
.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; } 

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}
.Isimg{ position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%,-50%);}
/*:before,
:after{ position:absolute; content:'';}*/
:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	/* position relative and z-index fix webkit rendering fonts issue */
	position: relative;
	z-index: 1; }
.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	-moz-backface-visibility: hidden;
	/* fix firefox animation glitch */ }
.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0; }
.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	/* fix for flashing background */
	-webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
	display: block;
	width: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
	display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; }
.owl-carousel.owl-loaded {
	display: block; }
.owl-carousel.owl-loading {
	opacity: 0;
	display: block; }
.owl-carousel.owl-hidden {
	opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
	visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; }
.owl-carousel.owl-grab {
	cursor: move;
	cursor: grab; }
.owl-carousel.owl-rtl {
	direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
	float: right; }

/* No Js */
.no-js .owl-carousel {
	display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
	animation-duration: 1000ms;
	animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
	z-index: 0; }

.owl-carousel .owl-animated-out {
	z-index: 1; }

.owl-carousel .fadeOut {
	animation-name: fadeOut; }

@keyframes fadeOut {
	0% {
		opacity: 1; }
	100% {
		opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
	transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
	transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000; }

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url("owl.video.play.png") no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
	-ms-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
	display: none; }

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%; }

body{ background: url("../images/body_bg.png") repeat;}
.wid{ max-width:1360px; margin:0 auto;}
.w_1200{ max-width: 1200px; margin: 0 auto;}
@media(max-width:1360px){.wid{ padding:0 2%;}}
@media(max-width:1200px){.w_1200{ padding:0 2%;}}


.herder .wid{ position:relative; height: 135px; text-align: center;}
.herder .logo{ width:22%; position: absolute; left: 39%; top: 50%; transform: translate(0,-50%); z-index: 10;}
.herder .top{ position:absolute; right:3%; z-index:10; top:10px; padding-right:70px;}
.herder .top .home{ position:absolute; right:0; background:url(../images/home2.png) no-repeat top center; display:block; width:25px; height:23px; font-size:11px; padding-top:22px; width:55px; color:#c2a899;}
.herder .top .search_bg{ background:url(../images/icon1.png) no-repeat center center; width:14px; height:21px;}
.herder .top .search_bg .search{ position:absolute; right:70px;  background-color:#f1e8e0; top:50%; margin-top:-16px;   width:0; overflow:hidden; transition:0.3s; }
.herder .top .search_bg .search .btn{ position:absolute; right:0; top:0; width:30px; height:100%; cursor:pointer; background:url(../images/icon1.png) no-repeat center;border:none;}
.herder .top .search_bg .search .text{ border:2px solid #cab2a5;color:#ccc;background:none; width:100%; padding:0 30px 0 10px; line-height:32px;height:32px; background-color:#fff;}
.herder .top .search_bg:hover div{width:170px; }
.herder .TopNav  ol,
.herder .TopNav li{ float: left;}
.herder .TopNav ol{ width: 22%; height: 135px;}
.herder .TopNav li{  width: 13%; line-height:135px; position:relative;}
.herder .TopNav li a{ line-height: 24px; display: inline-block; color: #7f645f; font-size: 16px;vertical-align: middle; height:85px; min-width:95px; line-height:85px;}
.herder .TopNav li span{ font-size: 12px; line-height:12px; transform:scale(0.70); color:#c4b0ab; text-transform:uppercase; position:absolute; width:100%; left:0; top: 78px; letter-spacing:1px;}
.herder .TopNav li a:hover,
.herder .TopNav li a.aon{ background:url(../images/icon2.png) no-repeat center; color:#fff;}


.Hbanner{ position: relative;}
.Hbanner img{ width: 100%; display: block;}
.Hbanner .img2{ display: none;}
.Hbanner .bx-pager{margin:0 auto; text-align:center;position:absolute; left:0; width:100%; bottom:20px; z-index:101;}
.Hbanner .bx-pager div{ display:inline-block; height:13px; margin:0 3px; padding: 2px;}
.Hbanner .bx-pager div a{ display:block; width:28px; height:11px; background-color:#FFFFFF; border-radius:20px; overflow:hidden; text-indent: 9999px; overflow: hidden; transition: all .3s ease-out;}
.Hbanner .bx-pager div a.active{ background: #ff0017; width: 49px;}

.Home{/* padding: 2.5% 0;*/}
.Home .Title{ font-size: 0; text-align: center; padding: 2.5% 0;}
.Home .Title span{ width: 23%; display: inline-block; vertical-align:middle;}
.Home .Title:after,
.Home .Title:before{ content: ''; width: 35%; display: inline-block; background: url("../images/icon5.png") no-repeat right center; height: 2px; vertical-align: middle;background-size: contain; /*margin-top: -30px;*/}
.Home .Title:after{ background: url("../images/icon6.png") no-repeat left center;background-size: contain;}


.Home1 .list{ padding:2% 0 0;}
.Home1 .list .item{ position: relative;}
.Home1 .list .item figure{ position: relative; width: 100%; padding-top: 76.1%;}
.Home1 .list .item figure img{ width: 100%; height: 100%;}
.Home1 .list .item .txt{ position: absolute; left: 9.5%; top: 20%;writing-mode: lr-tb;-webkit-writing-mode:vertical-lr;writing-mode: vertical-lr;*writing-mode: lr-tb; color: #e0d8ae; letter-spacing: 2px; padding-right: 30px;max-height: 70%;}
.Home1 .list .item .txt h2,
.Home1 .list .item .txt p{ margin: 0;}
.Home1 .list .item .txt h2{ font-size: 22px; font-weight: normal; padding: 0 10px; border-right: 1px solid #37221f; letter-spacing: 5px;}
.Home1 .list .item .txt pre{ padding: 10px 5px 0; position: relative;writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl; *writing-mode: tb-rl;}
.Home1 .list .item .txt span{ position: absolute; right: 0; bottom: 0;  color: #da8273; font-size: 12px;}
.Home1 .list .item a:hover h2{color: #ff0017;}
.Home1 .list .item a:hover pre{ color:#ccaf80}
.Home1 .list .owl-nav div{ position:absolute; top:50%; width:80px; overflow:hidden; line-height:1000px; height:80px; margin-top:-20px; background:url(../images/icon4.png) no-repeat left center; z-index:10; background-size: cover;}
.Home1 .list .owl-nav .owl-prev{ left:0;margin-left:-40px;}
.Home1 .list .owl-nav .owl-next{right:0; margin-right:-40px;background-position: right center;}

.Home_pic{ padding-bottom: 0; background-color:#e8dacf; text-align:center;}
.Home_pic img{ max-width:100%;}
.Home3 .list .pic{ width: 50%; float: left;}
.Home3 .list .pic img{ width: 100%; display: block;}
.Home3 .list ul{ width: 47%; float: right;}
.Home3 .list ul li{ position: relative; padding-left: 88px; min-height: 98px; border-bottom: 1px dashed rgba(138,100,100,0.46);font-size: 12px; margin-bottom: 5px;}
.Home3 .list ul li time{ position: absolute; left: 0; text-align: center; color: #967e78;}
.Home3 .list ul li time b{ width: 64px; height: 64px; display: block; font-style: normal; line-height: 64px; color: #fff; font-size: 18px; background: url("../images/icon7.png") no-repeat; background-size: contain; font-weight: normal;}
.Home3 .list ul li h2{ font-size: 15px; color: #342a1d; margin: 0; font-weight: normal;}
.Home3 .list ul li p{  color: #987973; margin: 0; line-height: 20px;max-height: 38px; overflow: hidden;}
.Home3 .list ul li span{ color: #a91e2a; display: block; }
.Home3 .list ul li a:hover h2{ color: #ff0017;}

.footer{ background: url("../images/footer.png") no-repeat center top; margin-top: -30px; position: relative; z-index: 2; background-size: auto 100%;}
.footer .bottom{ padding: 3.2% 0 2%;}
.footer .code{ float: right; text-align: center; margin-top: 20px;}
.footer .code img{ width: 116px; height: 116px; display: inline-block;}
.footer .code .bdshare-button-style0-16 a{ display: inline-block; float: none; background: url("../images/icon3.png") no-repeat left 81%; width: 28px; height: 28px; padding: 0; margin: 0 5px;}
.footer .code .bdshare-button-style0-16 a.bds_tsina{ background-position: 51% 81%;}
.footer .code .bdshare-button-style0-16 a.bds_sqq{ background-position: 100% 81%;}
.bd_weixin_popup{ width: 260px !important; height: 315px !important;}

.footer dl{ float: left; width: 20%;}
.footer dl dt,
.footer dl dd a{ color: #7f7b76; font-size: 14px; line-height: 36px;}
.footer dl dd a{ padding-left: 20px; background: url("../images/icon3.png") no-repeat left -1.5%;}
.footer dl.dl_3{ width: 40%; margin-left: 5%;}
.footer dl.dl_3 dd{ padding-left: 35px; line-height: 36px; position: relative;}
.footer dl.dl_3 dd:after{ content: ''; width: 35px; height: 36px; position: absolute; left: 0; top: 0;background: url("../images/icon3.png") no-repeat left 12%; }
.footer dl.dl_3 dd.fax:after{ background-position: 0 30%;}
.footer dl.dl_3 dd.email:after{ background-position: 0 47%;}
.footer dl.dl_3 dd.address:after{ background-position: 0 63%;}
.footer .Copyright{ border-top: 1px solid rgba(108,84,33,0.1); padding: 1.5% 0;}

.footer .Copyright a{ color: #a19b95; display: inline-block; margin-right: 3%; vertical-align: middle;}
.footer .Copyright p{ float: right; color: #948f89; margin: 0; font-size: 12px;}
.footer .Copyright p a{ margin: 0; color: #948f89;}

.banner img{ display: block; width: 100%;}
.banner .img2{ display: none;}
.banner span{ display:block; height:400px; background-repeat:no-repeat; background-position:center center;}

.Location{ padding:3% 0;}
.Location .Menu{ float:left; width: 80%;}
.Location .Menu li{ float:left; margin-right:2.5%; text-align: center; margin-bottom: 2%;}
.Location .Menu li:last-child{ margin-right:0;}
.Location .Menu li a{ font-size:15px; color:#6f5854; display: block; line-height: 30px; padding: 0 10px;}
.Location .Menu li.cur a,
.Location .Menu li a:hover{ background: url("../images/icon9.png") no-repeat center; background-size:contain; color: #fff;}
.Location .Menu_Pro li.cur a,
.Location .Menu_Pro li a:hover{ background-image: url("../images/icon22.png");}
.Location .Currents{ text-align:right;  color:#6f5854; line-height:26px; float:right; background: url("../images/icon8.png") no-repeat left center; padding-left: 30px; margin-bottom: 2%;}
.Location .Currents a{color:#6f5854;transition: .3s ease-out;}
.Location .Currents a:hover{color:#ff0017;}

.Menu_sub{ text-align: center; padding-bottom: 4%;}
.Menu_sub li{ width: 109px; display: inline-block; margin: 0 1.5%; text-align: center; height:45px; line-height: 45px;}
.Menu_sub li a{ display: block; color: #6f5854; background: url("../images/icon15.png") no-repeat left center;}
.Menu_sub li a:hover,
.Menu_sub li.sub a{ background-position: right center; color: #fff;}


.Pages{ text-align:center; padding:3% 0;}
.Pages *{ vertical-align:middle;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_jump,
.Pages .p_total{ display:none;}
.Pages a{ display:inline-block; width: 30px; height: 30px; line-height:30px; background-color: #eaded1; color:#847c74; margin-left:8px; font-size: 16px; border-radius: 100%;}
.Pages a:hover,
.Pages a.a_cur{ color:#fff; background: url("../images/icon7.png") no-repeat; background-size: contain;}
.Pages a.a_cur{ width: 39px; height: 39px; line-height: 39px;}
.Pages em{ font-style:normal; display:inline-block; vertical-align:middle;}
.Pages .i_text{ width:47px; height:36px; line-height:36px;border:1px solid #ceced5;}
.Pages .i_button{ cursor:pointer; background:none; width:47px; height:36px;border:1px solid #ceced5;}
.Pages .p_jump b{font-weight:normal; margin:0 5px;}
.Pages .a_prev,.Pages .a_next{ font-family: 宋体; font-weight: bold;}
.Pages .a_first,.Pages .a_end {font-size:11px;}


.Content{ padding-bottom: 5%;}
.Content img{ max-width:100%;}
.News_list{}
.News_list li{ overflow: hidden; margin-bottom: 3%;}
.News_list li a{ display: block; width: 100%; height: 100%; background: url("../images/icon10.png") no-repeat; background-size: 100% 100%; padding: 2%;transition: 0.85s;}
.News_list li figure{ width: 20.075%; float: left; position: relative; padding-top: 16.49%; margin-right: 5%;}
.News_list li figure img{ width: 100%; height: 100%;}
.News_list li .txt{ position: relative; width: 72%; float: left; padding-right: 24%; font-size: 12px; color: #987973; margin-top: 3%;}
.News_list li .txt time{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); text-align: center; color: #967e78;}
.News_list li .txt time b{ width: 64px; height: 64px; display: block; font-style: normal; line-height: 64px; color: #fff; font-size: 30px; background: url("../images/icon7.png") no-repeat; background-size: contain; font-weight: normal;}
.News_list li .txt h2{ font-weight: normal; font-size: 18px; color: #1a1002; margin: 0;}
.News_list li .txt p{ height: 42px; overflow: hidden; line-height: 20px;}
.News_list li .txt span{ display: block; margin-top: 4.5%; color: #a91e2a;}
.News_list li a:hover{ background-image: url("../images/icon11.png")}

.Industry_list .top_list{ position: relative; margin-bottom: 5%;}
.Industry_list .top_list li a{ display: block; width: 100%; height: 100%; background: url("../images/icon12.png") no-repeat; background-size: 100% 100%;}
.Industry_list .top_list li figure{ width: 50%; float: left; position: relative; padding-top: 37.25%; margin-right: 2%;}
.Industry_list .top_list li figure img{ width: 100%; height: 100%;}
.Industry_list .top_list li .txt{ position: relative; width: 46%; float: right; color: #987973; margin-top: 3.5%; padding-right: 5%; padding-bottom: 2%;}
.Industry_list .top_list li .txt time{ display:inline-block; text-align: center; color: #967e78;}
.Industry_list .top_list li .txt time b{ width: 64px; height: 64px; display: block; font-style: normal; line-height: 64px; color: #fff; font-size: 30px; background: url("../images/icon7.png") no-repeat; background-size: contain; font-weight: normal;}
.Industry_list .top_list li .txt h2{ font-weight: normal; font-size: 24px; color: #1a1002; margin-top: 8%;}
.Industry_list .top_list li .txt p{ height: 48px; overflow: hidden; line-height: 24px;}
.Industry_list .top_list li .txt span{ position: absolute; left: 0; bottom: 0; color: #a91e2a; font-size: 16px;}
.Industry_list .top_list .bx-pager{ text-align:center;position:absolute; left:0; width:50%; bottom:15px; z-index:101;}
.Industry_list .top_list .bx-pager div{ display:inline-block; height:13px; margin:0 3px; padding: 2px;}
.Industry_list .top_list .bx-pager div a{ display:block; width:11px; height:11px; background-color:#FFFFFF; border-radius:20px; overflow:hidden; text-indent: 9999px; overflow: hidden; transition: all .3s ease-out;}
.Industry_list .top_list .bx-pager div a.active{ background: #ff0017;}
.Industry_list .top_list.top_list2 li figure {width:100%; margin-right:0; float:none; padding-top:0;}
.Industry_list .top_list.top_list2 li figure img {height:auto;}
.Industry_list .top_list.top_list2 h2 {position:absolute; bottom:0; left:0; width:100%; padding:8px 5%; font-size:24px; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff; background:rgba(0,0,0,.5); text-align:center;}
.Industry_list .top_list.top_list2 .bx-prev,.Industry_list .top_list.top_list2 .bx-next {position:absolute; left:3%; top:50%; background:url(../images/icon17.png) no-repeat 0 0; width:17px; height:22px; margin-top:-11px; text-indent:-9999em;}
.Industry_list .top_list.top_list2 .bx-next {background-position:-17px 0; left:auto; right:3%;}
@media(min-width:768px){
	.Industry_list .top_list li .txt{ padding-bottom: 5%;}
}
@media(min-width:1000px){
	.Industry_list .top_list li .txt{ padding-bottom: 8%;}
}
@media(min-width:1200px){
	.Industry_list .top_list li .txt{ padding-bottom: 10.5%;}
}

.Industry_list .list li{ margin-bottom: 2%;}
.Industry_list .list li a{ display: block; width: 100%; height: 100%; background: url("../images/icon13.png") no-repeat center bottom; background-size:100% 100%; padding: 1.5% 4% 1.5% 3%; overflow: hidden; color: #1a1002; font-size: 16px;transition: 0.85s;}
.Industry_list .list li a time{ float: right; color: #967e78;}
.Industry_list .list li a:hover{ background-image: url("../images/icon14.png");}

/*详情页*/
.detail-article{ padding:2% 0 5%; color: #1a1002;}
.detail-article .title,
.detail-article .p{text-align:center; display:block;}
.detail-article .title{  font-size:24px; color: #1a1002; font-weight: normal; margin:0; line-height: 30px;}
.detail-article .p{ padding:1% 0;  border-bottom:solid 1px #e7c7c2; margin-bottom:3%;}
.detail-article .p time{ margin: 0 3%;}

.info_back{ padding:1% 0; text-align:center; margin-top:5%;}
.info_back a{ width: 110px; cursor:pointer; color:#fff;background: url(../images/icon9.png) no-repeat center; display:inline-block; line-height: 30px;}
.info_prev_next{ border-top: 1px dashed #e7c7c2; margin-top: 3%;}
.info_prev_next span{ margin-top:5px; display:block; background: url("../images/icon25.png") no-repeat left center; padding-left: 20px;color:#a5a5a5;}
.info_prev_next span a{ color:#a5a5a5;}
.info_prev_next span a:hover{ color: #1a1002;}
.detail-article .btn{ width: 190px; height: 50px; line-height: 50px; text-align: center; background: url("../images/icon24.png") no-repeat; font-size: 16px; margin: 5% auto;}
.detail-article .btn a{ display: block; color: #ff0017;}

.Info_Table{ position: fixed; width: 100%; height: 100%; z-index: 110; background: rgba(26, 16, 2, 0.5); left: 0; top: 0; display: none;}
.Info_Table .table{ width: 516px; max-width: 96%; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #e8dacf; border-radius: 10px; position: absolute;}
.Info_Table .table .close{ position: absolute; top: 5px; right: 5px; font-size: 18px; letter-spacing: 5px; cursor: pointer; color: #999;}
.Info_Table .table h2{ text-align: center; font-weight: normal; font-size: 20px; color: #ff0017; padding: 4.5% 0; margin: 0;}
.Info_Table .table li{ margin-bottom: 3%; padding: 0 5%; line-height: 50px; font-size: 16px; text-align: center;}
.Info_Table .table li .f_name{ width: 80px; text-align: right; color: #a9a298; display: inline-block; vertical-align: top; margin-right: 3%;}
.Info_Table .table li .text{ background: #f4eae3; border: none; line-height: 50px; padding: 0 10px; max-width: 75%; width: 341px;}
.Info_Table .table li textarea.text{ line-height: 24px; height: 110px; padding: 5px 10px;}
.Info_Table .table li .btn{ width: 190px; height: 50px; line-height: 50px; text-align: center; background: url("../images/icon24.png") no-repeat; font-size: 16px; margin: 2% auto 8%; border: none; display: inline-block; color: #ff0017; cursor: pointer;}

.Pic_list li{ width: 32%; float: left; margin-right: 2%; margin-bottom: 2%; text-align: center; font-size: 16px;}
.Pic_list li:nth-child(3n){ margin-right: 0;}
.Pic_list li figure{ position: relative; width: 100%; border: 1px solid #a80716; padding-top: 71%; margin-bottom: 5%;}
.Pic_list li figure img{ width: 96.5%; height: 96%;}

.Product_list li{ width: 31.66%; margin-right: 2.5%; font-size: 15px;}
.Product_list li figure{ border:none;}
.Product_list li figure img{ width: 100%; height: 100%;}


.Honor{}
.Honor .tab_list{ text-align: center; position: relative;}
.Honor .tab_list .bx-wrapper{ margin: 0 auto;}
.Honor .tab_list li{ background: url("../images/icon16.png") no-repeat left 10px; padding-top: 45px; text-align: center; position: relative; cursor: pointer; color: #967e78;}
.Honor .tab_list li:before,
.Honor .tab_list li:after{ content: ''; position: absolute; border-radius: 100%; left: 50%; transform: translateX(-50%); display: none;}
.Honor .tab_list li:before{ width: 16px; height: 16px; background: #ab0817; z-index: 2; top: 14px;}
.Honor .tab_list li:after{ background:rgba(168,7,22,0.1); width: 41px; height: 41px; z-index: 1; top: 0px;}
.Honor .tab_list li.on{ color: #180e0f; font-size: 28px;}
.Honor .tab_list li.on:before,
.Honor .tab_list li.on:after{ display: block;}
.Honor .tab_list .bx-controls a{ width: 13px; height: 22px; position: absolute; left: 0; top: 10px; background: url("../images/icon17.png") no-repeat left center; line-height: 1000; overflow: hidden;}
.Honor .tab_list .bx-controls a.bx-next{ left: auto; right: 0; background-position: right center;}
.Honor .box{ padding-top: 5%;}
.Honor .box .Info{ display: none;}
.Honor .box .Info ul{ background: url("../images/icon18.png") repeat-y center top; width: 100%; padding-top: 3%;}
.Honor .box .Info ul li{ padding-left: 50%; position: relative; min-height: 64px; background: url("../images/icon19.png") no-repeat center 25px; margin-bottom: 3%;}
.Honor .box .Info ul li time{ width: 64px; height: 64px; line-height: 64px; position: absolute; left: 52.5%; top: 0; background: url("../images/icon7.png") no-repeat; color: #fff; text-align: center;}
.Honor .box .Info ul li time span{ font-size: 30px; display: inline-block; vertical-align: middle;}
.Honor .box .Info ul li pre{ padding-left: 110px; font-size: 16px; color: #1a1002; line-height: 28px; text-align: left;}


.Development ul{ background: url("../images/icon18.png") repeat-y center top; width: 100%; padding-top: 3%;}
.Development ul li{ padding-left: 50%; position: relative; min-height: 64px; background: url("../images/icon19.png") no-repeat center 25px; margin-bottom: 3%;}
.Development ul li time{ width: 64px; height: 64px; position: absolute; left: 52.5%; top: 0; background: url("../images/icon7.png") no-repeat; color: #fff; text-align: center; line-height: 20px; padding-top: 15px;}
.Development ul li time span{ font-size: 16px; display: block;}
.Development ul li pre{ padding-left: 110px; font-size: 16px; color: #1a1002; line-height: 28px; text-align: left;}

@media(min-width:641px){
	.Honor .box .Info ul li:nth-child(2n){ padding-left: 0; padding-right: 50%;}
	.Honor .box .Info ul li:nth-child(2n) time{ right: 52.5%; left: auto;}
	.Honor .box .Info ul li:nth-child(2n) pre{ padding-left: 0; padding-right: 110px; text-align: right;}

	.Development ul li:nth-child(2n){ padding-left: 0; padding-right: 50%;}
	.Development ul li:nth-child(2n) time{ right: 52.5%; left: auto;}
	.Development ul li:nth-child(2n) pre{ padding-left: 0; padding-right: 110px; text-align: right;}
}


.Enjoy_list{ padding-bottom: 10%;}
.Enjoy_list{ padding-bottom: 10%;}
.Enjoy_list .Pic_img{ position: relative; width: 100%;  padding-top: 57%; margin-bottom: 10px;}
.Enjoy_list .Pic_img img{ width: 100%; height: 100%;}
.small_img{ max-width: 90%; margin: 0 auto; position: relative;}
.Enjoy_list .small_img li{ height: 79px; cursor: pointer;}
.Enjoy_list .small_img li.on:after{ content: ''; width: 100%; height: 100%; background: url("../images/icon20.png") no-repeat center; background-size: cover; position: absolute; left: 0; top: 0;}
.Enjoy_list .small_img li img{ display: block; width: 100%; height: 100%;}
.Enjoy_list .bx-wrapper{ margin: 0 auto;}
.Enjoy_list .bx-controls a{ position:absolute; top:50%; width:52px; overflow:hidden; line-height:1000px; height:52px; margin-top:-24px; background:url(../images/icon4.png) no-repeat left center; z-index:10; background-size: cover;}
.Enjoy_list .bx-controls a.bx-prev{ left:0;margin-left:-6%;}
.Enjoy_list .bx-controls a.bx-next{right:0; margin-right:-6%;background-position: right center;}

.Video_list{}
.Video_list li{ width: 48%; margin-right: 4%; float: left; position: relative; margin-bottom: 4%;}
.Video_list li:nth-child(2n){ margin-right: 0;}
.Video_list li a:after,
.Video_list li a:before,
.Video_list li p:before{ content: ''; position: absolute; left: 0; top: 0;}
.Video_list li a:after{ background: url("../images/icon21.png") no-repeat center; width: 100%; height: 100%;}
.Video_list li a:before{background: -moz-linear-gradient(top, rgba(255,255,255,0.2) 40%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 40%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.2) 40%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000',GradientType=0 ); width: 100%; height: 100%; z-index: 9}
.Video_list li figure{ position: relative; width: 100%; padding-top: 71.85%;}
.Video_list li figure img{ width: 100%; height: 100%;}
.Video_list li p{ position: absolute; z-index: 10; left: 0; bottom: 0; color: #e0d8ae; font-size: 16px; padding-left: 33px;}
.Video_list li p:before{ width: 19px; height: 1px; background: #e0d8ae; top:50%;}

.detail-article .play{ width: 600px; height: 400px; margin: 0 auto; max-width: 100%; text-align: center;}
.play embed,
.play iframe,
.play video{ max-width: 100%; max-height: 100%; margin: 0 auto; display: inline-block; width: 600px; height: 400px;}

.RighInfo .list_img{ float:left; width:62.61%; position:relative;}
.RighInfo .big_img{ position:absolute; left:0; top:0; width:77%; padding-top: 55.4%;}
.RighInfo .big_img li,
.RighInfo .big_img li figure{ position:absolute; left:0; width:100%; top:0; height:100%;}
.RighInfo .big_img li figure .Isimg{ width: 100%; height: 100%;}
.RighInfo .list{}
.RighInfo .list .bd{ position:relative;}
.RighInfo .list>a{ position:absolute; width:20%; height:21px; right:0; background:url(../images/icon23.png) no-repeat center top; cursor:pointer;}
.RighInfo .list a.prev{ top:10px;}
.RighInfo .list a.next{ background-position: center bottom;}
.RighInfo .list a.prevStop,
.RighInfo .list a.nextStop{ cursor:default;}
.RighInfo .list li{ height:110px;  position:relative; margin:5px 0;}
.RighInfo .list li figure{ position:absolute; left:0; width:100%; top:0; height: 100%;}
.RighInfo .list li.on figure:after{ content: ''; border: 2px solid #ac0a19; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10;}
.RighInfo .right_info{ }
.RighInfo .right_info h2{ font-size: 28px; color: #6a412c; margin-top: 10%; line-height: 30px;}
.RighInfo .right_info h2:after{ content: ''; display: block; width: 47px; height: 2px; background: #6a412c; margin: 8% 0 5%;}
.RighInfo .right_info p{ margin: 2.8% 0; color: #1a1002;}
.RighInfo .right_info p span{ color: #6a412c;}
.RighInfo .h2{height:0;border-bottom:39px solid #ab0817;border-right:39px solid transparent; color: #fff; line-height: 39px; padding-left: 15px; display: inline-block; font-weight: normal; font-size: 18px;}


.Store_list .mapText{ width: 28.5%; float:left;}
.mapImg{ width: 71.5%; float: right; position: relative; padding-top: 47.17%;}
.mapImg img{ width: 100%; position: absolute; left: 0; top: 0; height: 100%;}
.mapList img{ display: none;}
.Store_list .mapText li div{ border: 1px solid #e8dacf; border-bottom: none; padding:4% 5%; width: 100%; min-height: 124px; cursor: pointer; position: relative;}
.Store_list .mapText li.on div:after{ content: ''; width: 7px; height: 100%; position: absolute; right: 0; top: 0; background: #ab0817;}
.Store_list .mapText li h2{ font-size: 16px; font-weight: normal; color: #1a1002; margin: 3% 0;}
.Store_list .mapText li p{ margin: 0 0 3%;}
.Store_list .mapText .bx-controls a{ width: 50%; float: left; text-align: center; line-height: 100; overflow: hidden; height: 63px; background:url("../images/icon26.png") no-repeat center #fbf5f1;border: 1px solid #e8dacf; border-right: none;}
.Store_list .mapText .bx-controls a.bx-next{ background-image: url("../images/icon27.png");}


.Map dd{ position: relative; border: 1px solid #e8dacf; padding: 3% 5% 3% 65%; margin-bottom: 5%; color: #76736a;}
.Map dd:nth-child(2){ padding-left: 5%; padding-right: 65%;}
.Map dd .map{position: absolute;width: 60%;left: 0;height: 100%;top: 0;}
.Map dd:nth-child(2) .map{ left: auto; right: 0;}
.Map dd .map *{ max-width: none;}


.Join_list section{ border:solid 1px #e8dacf;}
.Join_list .list{ border-bottom:solid 1px #e8dacf;}
.Join_list section .list:last-child{ border-bottom:0;}
.Join_list .list .dot{ font-weight:normal; margin:0;  padding:15px 45px 15px 4%; background:url(../images/icon29.png) no-repeat 98% center #f4eae3; font-size:16px; cursor:pointer; color: #1a1002;}
.Join_list .list .dot#on{ background-image:url(../images/icon29.png); background-color:#ad0e1c; color:#fff;}
.Join_list .list .con{ display:none; padding:4%; background: #e8dacf; color: #1a1002;}


.Online{ background: #e8dacf; padding: 5% 6%;}
.Online .dl{ overflow: hidden; margin: 3% 0;}
.Online .dl dt,
.Online .dl dd{ position: relative; width: 50%; float: left;}
.Online .dl dt .txt{ position:absolute; left: 0; top: 0; height: 100%; width: 50%; background: rgba(66,7,5,0.73); color: #fff;}
.Online .dl dt .txt .info_201801081803{ position:absolute; left: 0; top: 50%; transform: translateY(-50%); padding: 3% 18%; border-left: 2px solid #fff;}
.Online .dl dd{ padding: 0 0 0 3%;}
.Online .dl dd .text{ background: #f4eae3; border: none; width: 100%; line-height: 50px; padding: 0 2%; color:#1a1002; margin-bottom: 3%;}
.Online .dl dd textarea.text{ line-height: 24px; padding: 5px 2%; height: 200px;}
.Online .dl dd .btn{ text-align: center;}
.Online .dl dd .btn input{ width: 190px; height: 50px; line-height: 50px; text-align: center; background: url("../images/icon24.png") no-repeat; font-size: 16px; margin: 5% auto 2%; border: none; display: inline-block; color: #ff0017; cursor: pointer;}


.Collection{ background: url("../images/icon31.png") no-repeat center bottom; padding-bottom: 10%;}
.Collection .h2{ text-align: center; font-weight: normal; color: #6f5854; font-size: 24px; margin: 5% 0;}
.Collection .table{ background: url("../images/icon32.png") no-repeat center; background-size: 100% 100%; max-width: 665px; margin: 0 auto; padding: 5%;}
.Collection .table li{ margin-bottom: 20px;}
.Collection .table .f_name{ font-size: 16px; display: block; line-height: 30px; padding-bottom: 5px;}
.Collection .table .text{ width: 100%; background: #e8dacf; border: 1px solid #d6cac0; line-height: 50px; padding: 0 10px;}
.Collection .table .btn{ text-align: center; margin: 5% 0 0;}
.Collection .table .btn input{ width: 110px; height: 50px; line-height: 50px; background: #ab0817; color: #fff; margin: 0 auto; border: none; cursor: pointer;}

.Collection_info{color: #1a1002; border: 1px solid #ccc; background: rgba(232,218,207,0.6); padding: 5%; margin: 5% auto; max-width:75%;}
.Collection_info .h3{ font-size: 16px; font-weight: normal; text-align: center;}
.Collection_info .p{ color: #1a1002; line-height: 28px;}
.Collection_info dl{ font-size: 0;}
.Collection_info dt,
.Collection_info dd{ width: 50%; display: inline-block; vertical-align: middle; font-size: 14px;}
.Collection_info dt { position: relative; padding-top: 50%;}
.Collection_info dt img{ right: 10%; transform: translateY(-50%); left: auto;}
.Collection_info dd{ padding-left: 10%;}
.Collection_info dd p{ line-height: 40px; margin: 0;}
.Collection_info dd p span{ color: #6a412c;}


.link_box{ padding-top:2%;}
.link_box li{ float:left; width:22.75%; margin-right:3%; margin-bottom:3%;}
.link_box li:nth-child(9),
.link_box li:nth-child(10),
.link_box li:nth-child(11),
.link_box li:nth-child(12){ margin-bottom:0;}
.link_box li a{ border:1px solid #d2d2d2; position:relative; display:block;width: 100%; padding-top: 51%;}
.link_box li img{ display: block;
	max-width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	max-height: 100%;}
.link_box li a figure{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(168, 7, 22, 0.63); opacity:0; transition:0.3s;z-index: 10;}
.link_box li a:hover figure{ opacity:1;}
.link_box li dl{ display:table;  width:100%; height:100%;}
.link_box li dt{ display:table-cell; vertical-align:middle;text-align:center; font-size:18px; color:#fff;}
@media(min-width:769px){
	.link_box li:nth-child(4n){ margin-right:0;}
}



.singlepage{ padding-bottom: 5%;   text-align: justify;}
.singlepage img{ max-width:100%; height: auto !important;}
@media(min-width:640px){
.singlepage .txt{ padding-bottom:5%;}
}
/*联系我们*/
.contact{ background: #e8dacf; padding: 6%;}
.contact dl{ font-size: 0;}
.contact dd{ display: inline-block; width: 50%; font-size: 14px; display: inline-block; vertical-align: middle;}
.contact dd.txt{ padding-left: 10%; color: #1a1002;}
.contact dd.txt .h2{ font-size: 16px;  font-weight: normal;}
.contact dd.txt p{ padding-left: 35px; position: relative; line-height: 34px;}
.contact dd.txt p:before{ content: ''; background: url("../images/icon28.png") no-repeat left 6px; position: absolute; left: 0; top: 0; width: 35px; height: 34px;}
.contact dd.txt p.fax:before{ background-position: left 32%;}
.contact dd.txt p.email:before{ background-position: left 67%;}
.contact dd.txt p.address:before{ background-position: left 103%;}





/*公司简介*/
.Info_201801051600{ color: #1a1002}
.Info_201801051600 .h2{ font-size: 30px; font-weight: normal; margin-bottom: 5%; line-height: 30px;}
.Info_201801051600 .txt .pic{ float: right; width: 40%; margin:0 0 0 10%;}
.Info_201801051600 .txt2 .pic{ float: left; width: 36.5%; margin:0 8% 0 0;}

/*企业文化*/
.Info_201701021624{ color: #1a1002}
.Info_201701021624 h2{ font-size: 30px; font-weight: normal; margin-bottom: 5%; line-height: 30px;}
.Info_201701021624 dd .pic{ float: right; width: 64.35%; margin:0 0 0 5%;}
.Info_201701021624 dd .pic2{ float: left; width: 44%; margin:0 7% 0 0;}

/*社会责任*/
.Info_201801051650{ color: #1a1002}
.Info_201801051650 .pic{ float: right; width: 55.25%; margin:0 0 0 3%;}
.Info_201801051650 h2{ font-size: 30px; font-weight: normal; margin-bottom: 3%; line-height: 30px; padding-top: 4%;}

/*艺术馆*/
.Info_201801051707{ color: #1a1002}
.Info_201801051707 h2{ font-size: 20px; margin-bottom: 5%; height: 85px; background: url("../images/icon2.png") no-repeat center; line-height: 85px; color: #fff; text-align: center;}
.Info_201801051707 dl.dl1 dd{ width: 60%; float: left; padding-top: 3%;}
.Info_201801051707 dl.dl1 .pic{ float: right; width: 35.5%; }
.Info_201801051707 dl.dl2 dd{ width: 55%; float: right;}
.Info_201801051707 dl.dl2 .pic2{ float: left; width: 38%;}



/*最新活动详情页*/
.info_201801081439{}
.info_201801081439 .box{ border-top: 1px solid #e7c7c2; padding: 3% 0; margin: 3% 0;}
.info_201801081439 .box .h2,
.info_201801081439 .box .h3{ font-weight: normal; margin: 0;}
.info_201801081439 .box1 .info{ max-width: 940px; margin: 0 auto;}
.info_201801081439 .box1 .h2{ line-height: 50px; font-size: 20px;}
.info_201801081439 .box .h3{ font-size: 18px;}
.info_201801081439 .box li{ float: left; margin-bottom: 3%;}
.info_201801081439 .box li img{ width: 100%; display: block;}
.info_201801081439 .box1 li{ width: 48%; margin-right: 4%;}
.info_201801081439 .box1 li:nth-child(2n){ margin-right: 0;}
.info_201801081439 .box .title{ background:url("../images/icon22.png") no-repeat left center; color: #fff; font-size: 20px; line-height: 30px; text-align: left; font-weight: normal; padding-left: 10px; margin-bottom: 3%;}
.info_201801081439 .box2 li,
.info_201801081439 .box3 li{ width: 30%; margin-right:5%;}
.info_201801081439 .box2 li:nth-child(3n),
.info_201801081439 .box3 li:nth-child(3n){ margin-right: 0;}
.info_201801081439 .box2 li h2{ font-weight: normal; font-size: 18px;}
.info_201801081439 .box2 li p{ line-height: 18px; font-size: 12px; color: #987973;}
.info_201801081439 .box2 li a{ color: #a91e2a;}
.info_201801081439 .box3{ border-top: none; margin: 0; padding: 0;}

/*售后服务*/
.info_201801081714{ color: #1a1002;}
.info_201801081714 .h2{height:0;border-bottom:39px solid #ab0817;border-right:39px solid transparent; color: #fff; line-height: 39px; padding-left: 15px; display: inline-block; font-weight: normal; font-size: 18px;}


@media(max-width:1450px){
	.Home1 .list .owl-nav .owl-prev{ margin-left:0;}
	.Home1 .list .owl-nav .owl-next{margin-right:0;}
}
@media(max-width:1200px){
	.footer .bottom{padding: 3.2% 2% 2%}


	
	.Location .Menu li{ margin-right:1.2%}
}
@media(max-width:1024px){
	.footer dl{ width: 15%;}
	.footer dl.dl_3{ width: 45%;}

	.News_list li .txt{ margin-top: 2%;}

}
@media(max-width:1000px){
	.Location	.Currents{ display:none;}
	.Location .Menu{ width: 100%; float: none;}
	.Location .Menu li{ margin-right: 4%;}
	.News_list li .txt{ margin-top: 1%;}
	.RighInfo .list a{ height: 15px;}
	.RighInfo .list a.prev{ top: 0;}
	
	.banner span{ display: none;}
	.banner .img2{ display:block;}
	
}
@media(max-width:768px){
	.herder .wid{ height:auto;}
	.herder .logo{ position:static; width:100%; text-align:center; padding:3% 0; transform:none;}
	.herder .logo img{ display:inline-block;max-width: 45%;}
	.herder .top{ top:50%; transform:translateY(-50%); right:2%; padding-right:40px;}
	.herder .top dd{ display:inline-block; vertical-align:middle;position: relative;}
	.herder .top .moblie_menu{ padding-left: 0; width: 42px; height: 32px; border-radius: 3px; margin-left: 0;}
	.herder .top .moblie_menu::before{ position:absolute; content:''; left:15%; margin-left:4px; top:0;width:3px; height:100%; background-color:#f1e8e0; z-index:2;}
	.herder .top .moblie_menu i,
	.herder .top .moblie_menu i::after,
	.herder .top .moblie_menu i::before{ position:absolute; width:100%; height:3px; background-color:#f2001c; border-radius:3px;}
	.herder .top .moblie_menu i{ left:15%; width:70%; top:50%; margin-top:-1.5px;}
	.herder .top .moblie_menu i::after,
	.herder .top .moblie_menu i::before{ content:''; left:0;}
	.herder .top .moblie_menu i::after{ top:-8px;}
	.herder .top .moblie_menu i::before{ top:8px;}

	.herder .TopNav{ position: absolute; right: 0; top: 100%; background:rgba(242,0,28,0.5); border-radius: 5px 0 0 5px; z-index:101; display:none;}
	.herder .TopNav li{border-bottom: 1px solid rgba(255,255,255,0.5); box-shadow: 0 1px 0 rgba(152, 120, 120, 0.3); width:100%; float:none; line-height:50px;}
	.herder .TopNav li:last-child{ border-bottom:none;}
	.herder .TopNav li a{ height:auto; line-height:50px; color:#fff;}
	.herder .TopNav li a.aon,
	.herder .TopNav li a:hover{ background:none;}
	.herder .TopNav ol,
	.herder .TopNav li a span,
	.Hbanner img{ display:none;}
	.Hbanner .img2{ display: block;}
	


	.Home .Title span{ width: 30%;}
	.Home1 .list .owl-nav div{ width: 40px; height: 40px;}

	.Home3 .list .pic{ display: none;}
	.Home3 .list ul{ width: 100%; float: none; margin-bottom: 3%;}
	.footer dl{ display: none;}
	.footer .code{ float: none;}
	.footer .Copyright{ text-align: center;}
	.News_list li .txt{ margin-top: 0;}
	.News_list li .txt h2{ font-size: 16px;}
	.Industry_list .top_list li .txt{ margin-top: 2%;}
	.Industry_list .top_list li .txt h2{ margin-top: 5%; font-size: 18px;}

	.RighInfo .list_img,
	.RighInfo .right_info{ width: 100%; float: none;}
	.RighInfo .big_img{ position:relative; width: 100%; padding-top: 0;}
	.RighInfo .big_img li figure{ position: relative; padding-top: 71.9%;}
	.RighInfo .list{ display: none;}
	.RighInfo .right_info h2{ margin-top: 3%;}
	.RighInfo .right_info h2:after{ margin: 2% 0;}
	.RighInfo .list_img .bx-pager{margin:0 auto; text-align:center;position:absolute; left:0; width:100%; bottom:10px; z-index:101;}
	.RighInfo .list_img .bx-pager div{ display:inline-block; height:11px; margin:0 3px; padding: 2px;}
	.RighInfo .list_img .bx-pager div a{ display:block; width:11px; height:11px; background-color:#FFFFFF; border-radius:20px; overflow:hidden; text-indent: 9999px; overflow: hidden; transition: all .3s ease-out;}
	.RighInfo .list_img .bx-pager div a.active{ background: #ff0017;}

	.mapImg,
	.Store_list .mapText li.on div:after{ display: none;}
	.Store_list .mapText{ width: 100%; float: none;}
	.Store_list .mapList img{ display: block; width: 100%;}
	.link_box li{ width:32%; margin-right:2%;}
    .Online .dl dt, .Online .dl dd{ width:100%; float:none; margin-bottom:5%;}
}

@media(max-width:768px) and (min-width:641px){
	.link_box li:nth-child(3n){ margin-right:0;}
}
@media(max-width:640px){
	img{ max-width:100%;}
	.Location .Menu li{ margin-right:0;}
	
.footer .code img{ width:100px; height: 100px;}
	
	.Home .Title span img{ max-width: 80%;}
/*	.Home .Title:after,
	.Home .Title:before{ margin-top: -17px;}*/
	.Home1 .list .item .txt h2{ font-size: 18px;}
	.Pages a{ margin-left: 5px;}
	.News_list li figure{ width: 35.1%;padding-top: 26.2%;}
	.News_list li .txt{ padding-right: 0; width: 59%;}
	.News_list li .txt time,
	.Industry_list .top_list li .txt time{ display: none;}
	.News_list li .txt p{ margin: 5px 0 0;}
	.News_list li .txt span{ margin-top: 0;}
	.Industry_list .top_list li .txt h2{ margin: 0; font-size: 16px;}
	.Industry_list .top_list li .txt span{ font-size: 14px;}

	.Pic_list li{ width: 49%; margin-right: 2%;}
	.Pic_list li:nth-child(3n){ margin-right: 2%;}
	.Pic_list li:nth-child(2n){ margin-right: 0;}

	.Honor .box .Info ul,
	.Development ul{ background-position:9px top;}
	.Honor .box .Info ul li,
	.Development ul li{ padding-left: 20px; background-position: left 20px;}
	.Honor .box .Info ul li time,
	.Development ul li time{ left: 40px;}
	.Honor .box .Info ul li pre,
	.Development ul li pre{ padding-top: 10px;}

	.Video_list li{ width: 100%; margin-right: 0!important;}
	.RighInfo .right_info h2{ font-size: 18px;}
	.RighInfo .h2{ font-size: 16px;}

	.Map dd{ position: relative; border: 1px solid #e8dacf; padding: 3%!important; margin-bottom: 5%;}
	.Map dd .map{position:relative;width: 100%; height: 300px;}

	.contact dd{ width: 100%; margin-bottom: 3%;}
	.contact dd.txt{ margin-bottom: 0; padding-left: 0;}


	.Collection_info dt,
	.Collection_info dd{ width: 100%; display: block; margin-bottom: 2%;}
	.Collection_info dt img{ left: 50%; transform: translate(-50%,-50%); right: auto;}
	.Collection_info dd{ padding-left: 0;}

	.link_box li{ width:49%;}
	.link_box li:nth-child(2n){ margin-right:0;}
	.link_box li dt{ font-size:15px;}


	.Info_201801051600 .h2,
	.Info_201701021624 h2,
	.Info_201801051650 h2{ font-size: 22px;}
	.Info_201801051600 .txt .pic,
	.Info_201801051600 .txt2 .pic,
	.Info_201701021624 dd .pic,
	.Info_201701021624 dd .pic2,
	.Info_201801051650 .pic,
	.Info_201801051707 dl.dl1 dd,
	.Info_201801051707 dl.dl1 .pic,
	.Info_201801051707 dl.dl2 dd,
	.Info_201801051707 dl.dl2 .pic2,
	.info_201801081439 .box1 li,
	.info_201801081439 .box2 li, .info_201801081439 .box3 li{ float: none; width:100%; margin:0;}
	.info_201801081439 .box2 li, .info_201801081439 .box3 li{ margin-bottom: 3%;}

}




.RighInfo .add_content,
.Content .detail-article,
.Content .Development{ width:75%; margin:0 auto;}
@media(max-width:640px){
.RighInfo .add_content,
.Content .detail-article,
.Content .Development{ width:100%;}
}


.Development ul{ background:none;}
.Development ul li,
.Development ul li:nth-child(2n){ padding:0; background:none; border-bottom:1px solid #a80716; margin:0; padding:15px 0;}
.Development ul li time{ position:static; background:none; color:#1a1002; font-weight:bold; font-size:16px;}
.Development ul li pre,
.Development ul li:nth-child(2n) pre{ text-align:left; padding:0;}
.Development ul li time span{ display:inline;}

.Development .picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; border:none; list-style:none;}
.Development .picMarquee-left .bd ul li .pic img{ width:210px; height:164px; display:block; }
.Development .picMarquee-left .p{ white-space: nowrap; text-overflow: ellipsis;overflow: hidden; text-align:center;}

.Development .picMarquee-left .tempWrap{ width:100% !important;}

.cloudzoom-blank{ z-index:20;}



.add_Honor .box .Info ul li time span{ font-size:16px; display:block; padding-top:15px;}
.add_Honor .box .Info ul li pre{ padding-top:10px;}
.add_Honor .box .Info ul li time{ line-height:20px;}






/*大图*/
.photo{ width:760px; position:absolute; top:0; left:0;}
.photo .ProBig{ width:580px;}
.photo .info{ position:absolute; right:0; top:0}
.photo .info .txt{ float:right; width:254px;}
.jqzoom{ width:570px; height:420px; position:relative; border:solid 1px #e5e5e5;text-align:center;}
.jqzoom img{ width:570px;  height:420px; max-width:none;}
.list-h li{ float:left;}

/*缩略图*/
#spec-n5{ }
.ProSmallList .control{ height:20px; width:100%; cursor:pointer; display:block; padding:5px 0;}
.ProSmallList .prev{ background:url(../images/icon23.png) no-repeat center top;}
.ProSmallList .next{ background:url(../images/icon23.png) no-repeat center bottom;}
.ProSmallList .prev:hover{ background:url(../images/icon23.png) no-repeat center top;}
.ProSmallList .next:hover{ background:url(../images/icon23.png) no-repeat center bottom;}
#spec-list{ display:block; width:150px; }
#spec-list ul{ margin:0px; padding:0px;}
#spec-list ul li{ display:block; width:150px; height:108px; list-style:none;}
#spec-list ul li img{ padding:1px ;border:1px solid #ccc; width:150px; height:108px; cursor:pointer;}
#spec-list ul li.on img{border:2px solid #ac0a19}

/*放大*/
.zoomdiv{ z-index:8; position: absolute; top: 1px; left:0px; text-align:center; display: none; background: url(../images/loading.gif) #fff no-repeat center center; overflow: hidden; border:1px solid #ddd;} /*设置高清图片*/
.bigimg{width:1266px; height:846px;} /*设置高清图片的大小*/
.jqZoomPup{z-index:10; visibility:hidden; position:absolute; top:0px; left:0px; border:1px solid #aaa; background:#fff 50% top no-repeat; opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(Opacity=50); cursor:move;} /*放大镜在图片上的效果*/



.maincontent .add_ban1{ display:none;}
.maincontent .add_ban2{}


.RighInfo .add_bm{ padding-left:780px; position:relative; min-height:440px;}

.add_content img{ max-width:100%;}

@media(max-width:1150px){
/*.photo{ width:603px;}
.photo .ProBig{ width:460px; margin-right:10px;}
.jqzoom img{ width:100%; height:auto;}
.jqzoom{ width:100%; height:auto;}
#spec-list ul li,
#spec-list ul li img{ width:110px; height:auto;}
#spec-list{ height:278px !important; width:115px;}
#spec-n5{ width:112px;}
.photo .info{ width:130px;}
.RighInfo .add_bm{ padding-left:640px;}*/

.RighInfo .add_bm{ padding-left:0;}
.photo{ position:relative;}
}


@media(max-width:768px){
.maincontent .add_ban1{ display:block;}
.maincontent .add_ban2{ display:none;}
.RighInfo .add_bm{ padding-left:0;}

}
@media(max-width:768px){

}

.zoomdiv{ top:0 !important;}


.Home_technology{ position:relative; margin-top:3%;}
.Home_technology img{ max-width:100%;}
.Home_technology ul li{ display:none;}
.Home_technology ol{  width:100%; text-align:center;}
.Home_technology ol li{ display:inline-block; position:relative; margin:0 1%;}
.Home_technology ol li dl dt{ display:none;color:#eedeb8; font-size:16px;}
.Home_technology ol li dl dd{  overflow:hidden; border-radius:100px; padding:5px; border:dashed 1px rgba(179, 159, 139, 0.20)}
.Home_technology ol li dl dd div{ position:relative; background-color:#422f29;border-radius:100px; overflow:hidden; }
.Home_technology ol li dl dd span{ width:100%; height:100%;border-radius:100px; display:block; opacity:0.2; display:block;  background-repeat: no-repeat; background-position:center center;}
.Home_technology ol li dl dd a{ z-index:1; cursor:pointer; display:block; text-align:center;  position:absolute; color:#cfb7a0; }

.Home_technology ol li.show dt{ display:block;}
.Home_technology ol li.show dd div{background-color:#420705;}



@media(min-width:768px){
.Home_technology ul li{ height:700px; background-repeat:no-repeat; background-position: center center;}
.Home_technology img{ display:none;}
.Home_technology ol{ position:absolute; bottom:20%}
.Home_technology ol li:nth-child(odd){ top:-40px;}
.Home_technology ol li dl dt{
    writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
	height:264px;
	text-align: -webkit-auto;
	padding-left:30%;
}

.Home_technology ol li dl dd div{ width:113px; height:113px;}
.Home_technology ol li dl dd a{ left:18%; font-size:45px;  line-height:123px;}
.Home_technology ol li dl dd a:first-letter{font-size:30px; float:left; margin-top:-20px;}
.Home_technology ol li.show dd div{ width:133px; height:133px;}
.Home_technology ol li.show dd a{ line-height:113px;}

}
@media(max-width:1200px){
.Home_technology ol li{ margin:0 0.5%}
.Home_technology ol li dl dd div{ width:80px; height:80px;}
.Home_technology ol li.show dd div{ width:90px; height:90px;}
.Home_technology ol li dl dd a{ font-size:24px; line-height:100px;}
.Home_technology ol li dl dd a:first-letter{ font-size:20px;}
}
@media(max-width:768px){
.Home_technology ul li{ background:none!important;}
.Home_technology ol{ position:relative;}
.Home_technology ol li{ margin:0 0.2%}

.Home_technology ol li dl dd div{ width:50px; height:50px;}
.Home_technology ol li.show dd div{ width:60px; height:60px;}
.Home_technology ol li dl dt{ position:absolute;}
.Home_technology ol li dl dd{ padding:2px;}
.Home_technology ol li dl dd a{ width:100% ;font-size:16px;  line-height:50px;}
.Home_technology ol li.show dt{ display:none;}
.Home_technology ol li.show dd a{ line-height:60px;}
}

.picture-show{ height:675px; position:relative;}
.picture-show .swiper-container {
      width: 90%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
	  position: static;
    }
.picture-show  .swiper-slide {
      background-size: cover;
      background-position: center;
    }
.picture-show  .gallery-top {
      height: 80%;
      width: 100%;
    }
.picture-show  .gallery-thumbs {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }
.picture-show .gallery-thumbs .swiper-slide {
      height: 72%;
	   cursor:pointer;
      /*opacity: 0.4;*/
    }
.picture-show .gallery-thumbs .swiper-slide-active {
      /*opacity: 1;*/
    }
.picture-show .gallery-thumbs .swiper-slide{ position:relative}
.picture-show .gallery-thumbs .swiper-slide-active:after{    content: '';
    width: 100%;
    height: 100%;
    background: url(../images/icon20.png) no-repeat center;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;}

.picture-show .prev,
.picture-show .next{  position:absolute; bottom:8%; width:52px; overflow:hidden; line-height:1000px; height:52px; background:url(../images/icon4.png) no-repeat left center; z-index:10; background-size: cover;}
.picture-show .prev{ left:0;margin-left:0;}
.picture-show .next{right:0; margin-right:0;background-position: right center;}
.picture-show .swiper-button-next,
.picture-show .swiper-button-prev{ width:52px; z-index:100; height:97%; top:0; margin-top:0;}
.picture-show .swiper-button-prev, .picture-show .swiper-container-rtl .swiper-button-next{ left:0;}
.picture-show .swiper-button-next, .picture-show .swiper-container-rtl .swiper-button-prev{ right:0;}
@media(max-width:1000px){
.picture-show .prev,
.picture-show .next{ width:40px; height:40px;}
}
@media(max-width:768px){
.picture-show{ height:400px;}
.picture-show .gallery-thumbs,
.picture-show .prev,
.picture-show .next{ display:none;}
}

/*在线客服*/
.qq_kefu {position:fixed; right:-140px; top:300px; z-index:999;}

.qq_kefu ul {margin:0; padding:0; list-style:none;}
.qq_kefu .kefu_btn {background-color:#a80716; color:#fff; font-size:15px; width:24px; font-weight:bold; text-align:center; border-radius:5px 0 0 5px; padding:15px 0; position:absolute; left:-24px; top:50%; margin-top:-39px;}
.qq_kefu .kefu_main {width:140px; background-color:#fff; border:solid 1px #e9e9e9;}
.qq_kefu .kefu_main h3 {font-size:14px; color:#626262; padding:0 5px; background-color:#f6f6f6; margin:0; height:28px; line-height:28px;}
.qq_kefu .kefu_main ul {padding:10px;}
.qq_kefu .kefu_main ul li {padding:5px 0;}
.qq_kefu .kefu_main ul li a {background:url(../images/qq_kefu.png) no-repeat left center; padding-left:22px; display:block; height:20px; line-height:20px;}