@charset "utf-8";
/* …………………………………………^_^………………………………………… 清除默认样式 …………………………………………^_^………………………………………… */
/*
*{margin:0; padding:0;font-size:12px;font-family:"微软雅黑";color: #666;  border: none;}
*/
/*去掉所有元素的边框*/
/*
*:focus { outline: none; }
*/
html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button, textarea, select {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-family: "微软雅黑";
  font-weight: normal;
  border: none;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
ul, ol {
  list-style: none;
}
input, button, textarea, select, input:focus, textarea:focus {
  background: none;
  outline: none;
}
textarea {
  resize: none;
  overflow: auto;
}
select {
  border: none;
}
a, button {
  cursor: pointer;
  text-decoration: none;
}
/* 禁止页面选中复制 *IE10、Oprea15以下不支持，若需要，要在需要禁止选中的元素上面添加一个属性unselectable="on" */
/*
html,body{ -moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; }
*/
.middle {
  width: 1200px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}
.nav {
  width: 800px;
  float: right
}
.nav ul li {
  float: left;
  display: block;
  width: 120px;
  text-align: center;
  margin-top: 54px;
}
.nav ul li a {
  font-size: 16px;
  color: #000000;
}
.head {
  height: 120px;
  display: block;
}
.logo {
  width: 140px;
  height: 55px;
  display: block;
  float: left;
  margin-top: 32px;
}
.foot_logo {
  width: 140px;
  height: 55px;
  display: block;
  float: right;
  margin-top: 32px;
}
.footer {
  background: #f2f2f2;
}
.footer a {
  color: #000000;
}
.foot_nav ul li {
  width: 120px;
  float: left;
}
.foot_nav ul li a {
  font-size: 16px;
  display: block;
}
.foot_nav ul li p a {
  font-size: 14px;
  margin-top: 10px;
  display: block;
  color: #a3a3a3;
}
.keepbut {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.banner {
  height: 545px;
  background-image: url("../images/banner.jpg");
  background-position: center center; /* 水平垂直居中 */
  background-size: cover; /* 背景图片覆盖整个div区域 */
}
.bannermini1 {
  height: 392px;
  background-image: url("../images/mini1.jpg");
  background-position: center center; /* 水平垂直居中 */
  background-size: cover; /* 背景图片覆盖整个div区域 */
}
.bannermini2 {
  height: 392px;
  background-image: url("../images/mini2.jpg");
  background-position: center center; /* 水平垂直居中 */
  background-size: cover; /* 背景图片覆盖整个div区域 */
}

.bannermini3 {
  height: 392px;
  background-image: url("../images/mini3.jpg");
  background-position: center center; /* 水平垂直居中 */
  background-size: cover; /* 背景图片覆盖整个div区域 */
}

.bannermini4 {
  height: 625px;
  background-image: url("../images/bg1.jpg");
  background-position: center center; /* 水平垂直居中 */
  background-size: cover; /* 背景图片覆盖整个div区域 */
}
.bannermini5 {
  height: 392px;
  background-image: url("../images/mini4.jpg");
  background-position: center center; /* 水平垂直居中 */
  background-size: cover; /* 背景图片覆盖整个div区域 */
}

.shuzi ul li {
  width: 300px;
  display: block;
  float: left;
}
.disc {
  background: #fffaf5;
  padding-top: 100px;
  padding-bottom: 100px;
  font-size: 16px;
}
.left_dis {
  width: 660px;
  line-height: 30px;
  float: left;
}
.right_dis {
  width: 395px;
  height: 250;
  float: right;
}
.shipin {
  width: 395px;
  height: 230px;
}
.us {
  width: 100%;
  height: 345px;
}
.us_pic {
  width: 556PX;
  height: 345px;
  float: left;
}
.us_adr {
  width: 643px;
  height: 345px;
  float: right;
  background-color: #fffaf5;
}
.xiazai {
  width: 569px;
  height: 100px;
  background: #fffaf5;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-right: 30px;
  margin-left: auto;
	float: left;
}
.ico {
  width: 55px;
  height: 70px;
  float: left;
  margin-top: 16px;
  margin-left: 10px
}
.biao {
  width: 355px;
  height: 70px;
  float: left;
  margin-top: 16px;
  margin-left: 30px;
	font-size: 20px; line-height: 70px;
}
.down {
  width: 80px;
  height: 70px;
  float: left;
  margin-top: 16px;
  margin-left: 10px;
	
}
.logo1{ 
	 width: 165px; height: 100px;
	 background-image: url("../images/logo1.png");
  background-position: center center; /* 水平垂直居中 */
  background-size: cover; /* 背景图片覆盖整个div区域 */
	transition: all 0.3s ease;
	 margin-left: 360px;float: left;
}

.logo1:hover {
     background-image: url("../images/logo1_1.png");
  background-position: center center; /* 水平垂直居中 */
	background-size: cover; /* 背景图片覆盖整个div区域 */}

.logo2{ 
	 width: 234px; height: 100px;
	 background-image: url("../images/logo2.png");
  background-position: center center; /* 水平垂直居中 */
  background-size: cover; /* 背景图片覆盖整个div区域 */
	transition: all 0.3s ease;
	 margin-left: 97px; float: left;
}

.logo2:hover {
     background-image: url("../images/logo2_2.png");
  background-position: center center; /* 水平垂直居中 */
	background-size: cover; /* 背景图片覆盖整个div区域 */}

.logo3{ 
	 width: 390px; height: 100px;
	 background-image: url("../images/logo3.png");
  background-position: center center; /* 水平垂直居中 */
  background-size: cover; /* 背景图片覆盖整个div区域 */
	transition: all 0.3s ease;
	 margin-left: 40px; float: left;
}

.logo3:hover {
     background-image: url("../images/logo3_3.png");
  background-position: center center; /* 水平垂直居中 */
	background-size: cover; /* 背景图片覆盖整个div区域 */}

.logo4{ 
	 width: 260px; height: 100px;
	 background-image: url("../images/logo4.png");
  background-position: center center; /* 水平垂直居中 */
  background-size: cover; /* 背景图片覆盖整个div区域 */
	transition: all 0.3s ease;
	 margin-left: 60px; float: left;
}

.logo4:hover {
     background-image: url("../images/logo4_4.png");
  background-position: center center; /* 水平垂直居中 */
	background-size: cover; /* 背景图片覆盖整个div区域 */}

.logo5{ 
	 width: 340px; height: 100px;
	 background-image: url("../images/logo5.png");
  background-position: center center; /* 水平垂直居中 */
  background-size: cover; /* 背景图片覆盖整个div区域 */
	transition: all 0.3s ease;
	 margin-left: 60px; float: left;
}

.logo5:hover {
     background-image: url("../images/logo5_5.png");
  background-position: center center; /* 水平垂直居中 */
	background-size: cover; /* 背景图片覆盖整个div区域 */}




.logo6{ 
	 width: 427px; height: 100px;
	 background-image: url("../images/logo6.png");
  background-position: center center; /* 水平垂直居中 */
  background-size: cover; /* 背景图片覆盖整个div区域 */
	transition: all 0.3s ease;
	 margin-left: 188px; float: left;
}

.logo6:hover {
     background-image: url("../images/logo6_6.png");
  background-position: center center; /* 水平垂直居中 */
	background-size: cover; /* 背景图片覆盖整个div区域 */}

.logo7{ 
	 width: 333px; height: 100px;
	 background-image: url("../images/logo7.png");
  background-position: center center; /* 水平垂直居中 */
  background-size: cover; /* 背景图片覆盖整个div区域 */
	transition: all 0.3s ease;
	 margin-left: 60px; float: left;
}

.logo7:hover {
     background-image: url("../images/logo7_7.png");
  background-position: center center; /* 水平垂直居中 */
	background-size: cover; /* 背景图片覆盖整个div区域 */}



.logo8{ 
	 width: 175px; height: 100px;
	 background-image: url("../images/logo8.png");
  background-position: center center; /* 水平垂直居中 */
  background-size: cover; /* 背景图片覆盖整个div区域 */
	transition: all 0.3s ease;
	 margin-left: 160px; float: left;
}

.logo8:hover {
     background-image: url("../images/logo8_8.png");
  background-position: center center; /* 水平垂直居中 */
	background-size: cover; /* 背景图片覆盖整个div区域 */}

.logo9{ 
	 width: 175px; height: 100px;
	 background-image: url("../images/logo9.png");
  background-position: center center; /* 水平垂直居中 */
  background-size: cover; /* 背景图片覆盖整个div区域 */
	transition: all 0.3s ease;
	 margin-left: 60px; float: left;
}

.logo9:hover {
     background-image: url("../images/logo9_9.png");
  background-position: center center; /* 水平垂直居中 */
	background-size: cover; /* 背景图片覆盖整个div区域 */}

.logo10{ 
	 width: 175px; height: 100px;
	 background-image: url("../images/logo10.png");
  background-position: center center; /* 水平垂直居中 */
  background-size: cover; /* 背景图片覆盖整个div区域 */
	transition: all 0.3s ease;
	 margin-left: 60px; float: left;
}

.logo10:hover {
     background-image: url("../images/logo10_10.png");
  background-position: center center; /* 水平垂直居中 */
	background-size: cover; /* 背景图片覆盖整个div区域 */}

.logo11{ 
	 width: 175px; height: 100px;
	 background-image: url("../images/logo11.png");
  background-position: center center; /* 水平垂直居中 */
  background-size: cover; /* 背景图片覆盖整个div区域 */
	transition: all 0.3s ease;
	 margin-left: 60px; float: left;
}

.logo11:hover {
     background-image: url("../images/logo11_11.png");
  background-position: center center; /* 水平垂直居中 */
	background-size: cover; /* 背景图片覆盖整个div区域 */}



.logo12{ 
	 width: 388px; height: 100px;
	 background-image: url("../images/logo12.png");
  background-position: center center; /* 水平垂直居中 */
  background-size: cover; /* 背景图片覆盖整个div区域 */
	transition: all 0.3s ease;
	 margin-left: 30px; float: left;
}

.logo12:hover {
     background-image: url("../images/logo12_12.png");
  background-position: center center; /* 水平垂直居中 */
	background-size: cover; /* 背景图片覆盖整个div区域 */}

.logo13{ 
	 width: 315px; height: 100px;
	 background-image: url("../images/logo13.png");
  background-position: center center; /* 水平垂直居中 */
  background-size: cover; /* 背景图片覆盖整个div区域 */
	transition: all 0.3s ease;
	 margin-left: 63px; float: left;
}

.logo13:hover {
     background-image: url("../images/logo13_13.png");
  background-position: center center; /* 水平垂直居中 */
	background-size: cover; /* 背景图片覆盖整个div区域 */}

.logo14{ 
	 width: 388px; height: 100px;
	 background-image: url("../images/logo14.png");
  background-position: center center; /* 水平垂直居中 */
  background-size: cover; /* 背景图片覆盖整个div区域 */
	transition: all 0.3s ease;
	 margin-left: 2px; float: left;
}

.logo14:hover {
     background-image: url("../images/logo14_14.png");
  background-position: center center; /* 水平垂直居中 */
	background-size: cover; /* 背景图片覆盖整个div区域 */}


.more{ background-color: #f2f2f2; padding: 20px;width:300px; text-align: center; font-size: 18px; font-weight: bold;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto; border-radius: 36px;}






	/* 定义下拉按钮样式 */
.dropbtn {
  color: #000000;
  font-size: 16px;
  border: none;
  cursor: pointer;
}
/* 容器 <div> - 滚动容器 */
.dropdown {
  position: relative;
  display: inline-block;
}
 
/* 下拉内容 (默认隐藏) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f950;
  min-width: 120px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;backdrop-filter: brightness(90%) saturate(150%) blur(10px);
}
 
/* 鼠标悬停时显示下拉内容 */
.dropdown:hover .dropdown-content {
  display: block;
}
 
/* 链接样式 */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
	transition: all 0.3s ease;
}
 
/* 链接悬停样式 */
.dropdown-content a:hover {background-color: #f08723; color: #FFFFFF;}


/*大事件滚动CSS样式表*/
.product-section {
	padding-bottom: 1px;
	position: relative;
	background-size: cover
}
.product-title {
	padding: 50px 10px 30px;
	font-weight: normal;
	font-size: 36px;
	line-height: 46px;
	color: #333;
	text-align: center;
	color: #ffffff
}
.product-wrapper {
	max-width: 1200px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: auto;
	margin-right: auto;
	position: relative
}

.product-features .product-body {
	    margin-left: 62px;
}
.product-features .product-body:after {
	content: "";
	width: 100%;
	height: 3px;
	background: url(../images/productBase-features-model.png) no-repeat;
	background-size: 100% auto;
	background-position: center;
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 0
}
/*li*/
.features-item {
	position: relative;
	float: left
}
.features-slide .features-item>* {
	 left:0px;
}
.features-item h3 {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 17px;
	font-weight:bold;
	color: #FB7500;
	opacity: 1;
	transition: all 0.4s;
}
.features-item i {
	position: absolute;
	width: 90%;
	height: 33px;
	background-position: center center;
	top: 65px;
	z-index: 3;
	background-image: url(../images/productBase-features-timeline.png);
	background-repeat: repeat;
		transition: all 0.4s;
}
.features-item .features-info {
	display: block;
	transition: all 0.3s;
	border-radius: 2px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 53px;
	padding-left: 0px;
}
.features-item .features-info .features-info-i {
	font-size: 22px;
	color: #333;
	line-height: 22px;
	margin-bottom: 10px
}
.features-item .features-info .features-info-s {
	font-size: 16px;
	color: #333;
	line-height: 24px;
	overflow: hidden
}
.features-item.dark i {
	background: url(../images/productBase-features-timeline-dark.png) no-repeat;
	background-size: contain;
	background-position: right center;
}
/*榧犳爣鎮诞鏁堟灉*/
.features-item:hover h3 {
	font-size: 18px;
	line-height: 28px;
	opacity: 0.9
}
.features-item:hover i {
	width: 100%;
	background-size: contain;
	background-position: center center;
	background-image: url(../images/productBase-features-timeline-hover.png);
	background-repeat: repeat;
}
.features-item:hover a {
	background-size: 100% ;

}
/*宸﹀彸鎸夐挳*/
.product-features .swiper-button-prev {
	width: 30px;
    height: 40%;
    left: 24px;
    top: 20px;
    background: rgba(255, 0, 0, 0.0);
}
.product-features .swiper-button-prev:after {
	content: "";
	display: inline-block;
	position: absolute;
	width: 15px;
	height: 30px;
	background-size: 100% 100%;
	top: 50%;
	margin-top: -15px;
	left: 50%;
	margin-left: -7px;
	background-image: url(../images/productBase-features-left.png);
	background-repeat: no-repeat;
}
.product-features .swiper-button-next {
	width: 30px;
    height: 40%;
    right: -24;
    top: 20px;
    background: rgba(255, 0, 0, 0.0);
}
.product-features .swiper-button-next:after {
	content: "";
	display: inline-block;
	position: absolute;
	width: 15px;
	height: 30px;
	background-size: 100% 100%;
	top: 50%;
	margin-top: -15px;
	left: 50%;
	margin-left: -7px;
	background-image: url(../images/productBase-features-right.png);
	background-repeat: no-repeat;
}
.lichengbg{
	height: 358px; background-image: url("../images/licheng.jpg");
}
.wenhua_zi{
	 width: 470px; float: left;
}
.wenhua_zi h1{ padding-top: 30px;}
.wenhua_tu{
	 width: 720px;height: 440px; float: right; background-color: aquamarine;	
}
.wenhua_tu img{width: 720px;height: 440px;}