body{font-size:14px; font-family:"微软雅黑";}
.fr{ float:right;}
.fl{ float:left;}
.fn{ float:none;}
.f2{ font-size:12px;}
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;text-decoration: none;}
img {
	vertical-align: top;
}
ul,li{padding:0px; margin:0px; list-style:none;}
ul li a:hover{ color:#e5322c;}
div a:hover{ color:#e5322c;}
input,form,select,textarea{ margin:0px;padding:0px; outline:medium; border:0; border-radius:0; background:none; font-family:"微软雅黑"; font-size:14px;}
i,em{ font-style:normal;}

::-webkit-input-placeholder {/*Chrome/Safari*/
color:#ffffff;
}
::-moz-placeholder {/*Firefox*/
color:#ffffff;
}
::-ms-input-placeholder {/*IE*/
color:#ffffff;
} 



.mo{ margin: 0 auto;}
.most{ width:100%; height:auto; overflow:hidden; display:block;}
.roundBorder{border-radius: 15px;} 
.clear{ clear:both; height:0; overflow:hidden;} 
.dsk{ width:100%; height:100%; display:block; overflow:hidden;}
/*定位*/
.pr{ position: relative;}
.pa{ position: absolute;}
.pf{ position: fixed;}

/*块级转换*/
.db { display: block;}
.dn { display: none;}
.di { display: inline;}
.dib { display: inline-block;}

/*清除浮动*/
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix{*zoom:1;}

/*首页*/
a { 
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.lazy { background: url(../images/loading.gif) 50% no-repeat;}

.bg {
	 background:#F5F5F5;
}

.w1180 {
	width: 1180px;
	margin: 0 auto;
}

@media (min-width: 320px) and (max-width: 736px) {
	
	img { 
	  width: 100%; 
	  vertical-align: middle;
	}

	*, *::before, *::after {
	    box-sizing: border-box;
	}

	form,select,textarea,input{ 
	  margin:0px;
	  padding:0px; 
	  outline:medium; 
	  border:0;
	  border-radius:0; 
	  background:none;
	  appearance:none;
	  -moz-appearance:none; /* Firefox */
	  -webkit-appearance:none; /* Safari 和 Chrome */ 
	  -webkit-tap-highlight-color: rgba(0,0,0,0);
	  -webkit-appearance: none;
	  }	
	a{ 
	  margin:0px;
	  padding:0px; 
	  outline:medium; 
	  border:0; 
	  border-radius:0; 
	  background:none;    
	  appearance:none;
	  -moz-appearance:none; /* Firefox */
	  -webkit-appearance:none; /* Safari 和 Chrome */ 
	  -webkit-tap-highlight-color: rgba(0,0,0,0); 
	  -webkit-appearance: none;
	  }

	a:hover {
	  text-decoration: none !important;
	}

	.link-info a {
		width: 178px;
		height: 40px;
		line-height: 40px;
		display: block;
		background: #B91B21;
		color: #fff;
		font-size: 13px;
		text-align: center;
		margin-top: 8px;
	}
}

.header {
	width: 100%;
	background: #fff;
}
.top {
	width: 100%;
	height: 40px;
	border-bottom: 1px #e6e6e6 solid;
}
.top-inner {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 10px;
}
.welcome {
	font-size: 12px;
	color: #808080;
	line-height: 40px;
}
.search-box {
	width: 344px;
	padding: 6px 0;
}
.top-link {
	width: 154px;
	height: 28px;
	text-align: center;
	font-size: 12px;
	color: #333;
	line-height: 28px;
}
.top-link a {
	color: #333;
}
.search {
	width: 190px;
	overflow: hidden;
}
.search input[type="text"] {
	width: 135px;
	height: 26px;
	float: left;
	padding: 0 10px;
	border: 1px #d9d9d9 solid;
	border-right: none;
	font-size: 12px;
}
.search input[type="button"] {
	width: 34px;
	height: 28px;
	float: left;
	background: url(../images/zoom.png) no-repeat center center #b91b21;
	cursor: pointer;
}

.search input[type="submit"] {
	width: 34px;
	height: 28px;
	float: left;
	background: url(../images/zoom.png) no-repeat center center #b91b21;
	cursor: pointer;
}

.header-inner {
	max-width: 1180px;
	padding: 0 10px;
	margin: 0 auto;
}
.header-bar {
	padding: 40px 0;
}
.logo {
	width: 13%;
}
.logo img {
	width: 100%;
}
.contact {
	max-width: 778px;
}
.contact-box div {
	padding: 5px 0 0 48px;
	height: 43px;
}
.contact-box b {
	font-size: 14px;
	color: #4c4c4c;
}
.contact-box p {
	font-size: 12px;
	color: #999;
}
.contact-phone {
	background: url(../images/head-icon1.png) no-repeat left center;
}
.contact-address {
	margin: 0 40px;
	background: url(../images/head-icon2.png) no-repeat left center;
}
.contact-call {
	background: url(../images/head-icon3.png) no-repeat left center;
}
.mini-map{display: none;}
@media (min-width: 768px) and (max-width: 1024px) {
	.header-bar {
		padding: 20px 0;
	}
	.contact-box div {
		padding: 0 0 0 30px;
		height: 36px;
		line-height: 18px;
	}
	.contact-box b {
		font-size: 12px;
		color: #4c4c4c;
	}
	.contact-box p {
		font-size: 12px;
		color: #999;
	}
	.contact-phone {
		background: url(../images/head-icon1.png) no-repeat left center;
		background-size: 24px 24px;
	}
	.contact-address {
		margin: 0 20px;
		background: url(../images/head-icon2.png) no-repeat left center;
		background-size: 24px 24px;
	}
	.contact-call {
		background: url(../images/head-icon3.png) no-repeat left center;
		background-size: 24px 24px;
	}


	
}

.nav {
	border-top: 1px #e6e6e6 solid;
}
.nav ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.nav li {
	flex: 1;
	padding: 34px 0;
	text-align: center;
	background: url(../images/bar.jpg) no-repeat right center;
	position: relative;
}
.nav li:last-child {
	background: none;
}
.nav li a {
	font-size: 16px;
	color: #4c4c4c;
}
.nav li:before {
	display: block;
	content: '';
	width: 0;
	height: 3px;
	background: #b91b21;
	box-shadow: 0 0 6px rgba(255,54,54,.6);
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.nav li.active:before {
	width: 100%;
}
.nav li:hover:before {
	width: 100%;
}

@media (min-width: 768px) and (max-width: 1024px) {
	.nav li {
		padding: 20px 0;
	}
	.nav li a {
		font-size: 14px;
	}
	.nav li:before {
		height: 2px;
	}
}

.banner {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.banner li {
	position: relative;
}
.banner-img {
	width: 100%;
}
.banner-img img {
	width: 100%;
}
.banner-word {
	max-width: 1180px;
	position: absolute;
	left: 50%;
	margin-left: -590px;
	z-index: 9;
}
.banner-word img {
	width: 50%;
}
.hd	{
	max-width: 1180px;
	position: absolute;
	bottom: 12px;
	left: 50%;
	margin-left: -590px;
	z-index: 9;
	font-size: 0;
}
.hd li {
	display: inline-block;
	width: 30px;
	height: 4px;
	margin: 0 6px;
	background: #fff;
	cursor: pointer;
}
.hd li.on {
	background: #b91b21;
}
.banner-map {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 50%;
	margin-right: -590px;
	z-index: 8;
}
.banner-map-box {
	width: 21%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: rgba(255,255,255,.8);
}
.china-map {
	width: 100%;
}
.china-map img {
	width: 100%;
}
.china-con {
	padding: 5%;
}
.china-con h3 {
	margin: 0 0 10%;
	font-size: 1.5vw;
	color: #b91b21;
	font-weight: normal;
	text-align: center;
}
.china-list ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.china-list li {
	flex: 1;
	text-align: center;
	color: #b91b21;
}
.china-list p {
	font-size: 0.8vw;
}
.china-list span {
	font-size: 0.8vw;
}
.china-list b {
	font-size: 1.5vw;
}


.mini-header {
	display: none;
	width: 100%;
	height: 42px;
	position: relative;
}

.mini-logo {
	width: 100px;
	height: 42px;
	padding: 10px 10px 0;
}
.menu-btn {
	display: block;
	width: 42px;
	height: 42px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9999;
}
.menu-btn a {
	display: block;
	width: 100%;
	height: 100%;
}
.menu-btn span,.menu-btn span:before,.menu-btn span:after { 
  position: absolute; 
  display: block; 
  width: 24px; 
  height: 3px; 
  left: 50%; 
  top: 50%; 
  margin: -1.5px 0 0 -12px;
  cursor: pointer;
  content: ''; 
  background-color: #b91b21;
  -webkit-transition: all .4s cubic-bezier(0.19,1,.22,1);
  -o-transition: all .4s cubic-bezier(0.19,1,.22,1);
  transition: all .4s cubic-bezier(0.19,1,.22,1);
}
.menu-btn span:before { 
  margin: -8.5px 0 0 -12px;
}
.menu-btn span:after { 
  margin: 5.5px 0 0 -12px;
}
.menu-btn.active span { 
  background-color: transparent;
}
.menu-btn.active span:before {
   margin: -1.5px 0 0 -12px;
  -webkit-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
}
.menu-btn.active span:after {
   margin: -1.5px 0 0 -12px;
  -webkit-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
}
.mini-zoom-btn {
	width: 42px;
	height: 42px;
	position: absolute;
	top: 0;
	right: 52px;
	z-index: 9999;
}
.mini-zoom-btn a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/mini-zoom.png) no-repeat center center;
	background-size: 16px 16px;
}
.mini-zoom-btn.active {
	background: #e1e1e1;
}
.mini-search {
	display: none;
	padding: 10px 20px;
	border-bottom: 2px #e6e6e6 solid;
	overflow: hidden;
}
.mini-search input[type="text"] {
	width: 85%;
	height: 40px;
	float: left;
	padding: 0 10px;
	font-size: 14px;
	border: 1px #d9d9d9 solid;
}
.mini-search input[type="button"] {
	width: 15%;
	height: 40px;
	float: left;
	background: url(../images/zoom.png) no-repeat center center #b91b21;
	background-size: 16px 16px;
	cursor: pointer;
}

.mini-search input[type="submit"] {
	width: 15%;
	height: 40px;
	float: left;
	background: url(../images/zoom.png) no-repeat center center #b91b21;
	background-size: 16px 16px;
	cursor: pointer;
}
.mini-nav {
	display: none;
	width: 100%;
	padding: 0 20px;
	background: #fff;
	border-bottom: 2px solid #e1e1e1;
}
.mini-nav li {
	border-bottom: 2px #fff solid;
}
.mini-nav li.active {
	border-bottom: 2px #b91b21 solid;
}
.mini-nav li a {
	display: block;
	padding: 0 20px;
	font-size: 14px;
	color: #505050;
	line-height: 40px;
}
.mini-nav li.active a {
	color: #b91b21;
}

.mini-banner {
	display: none;
	height: 120px;
}
.mini-banner img {
	height: 120px;
}
.mini-banner-pagi {
	position: absolute;
	z-index: 9999;
	text-align: center;
}
.mini-banner-pagi .swiper-pagination-bullet {
	width: 10px;
	height: 3px;
	border-radius: 0;
	background: #fff;
	opacity: 0.8;
}
.mini-banner-pagi .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #b91b21;
}

@media (min-width: 320px) and (max-width: 736px) {
	

	.header {
		display: none;
	}
	.banner {
		display: none;
	}
	.mini-header {
		display: block;
	}

	.mini-banner {
		display: block;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	

	
	.banner {
		display: none;
	}

	.mini-banner {
		display: block;
		height: 310px;
	}

	.mini-banner img {
		height: 310px;
		width: 100%;
	}
}


.mini-china-count {
	display: none;
}
.mini-china-count ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center
}
.mini-china-count li {
	flex: 1;
	padding: 20px 0;
	text-align: center;
	color: #b91b21;
}
.mini-china-count p {
	font-size: 16px;
}
.mini-china-count b {
	font-size: 24px;
}

@media (min-width: 320px) and (max-width: 736px) {
	

	.mini-china-count {
		display: block;
	}

	.mini-china-count li {
		padding: 10px 0;
	}
	.mini-china-count p {
		font-size: 12px;
	}
	.mini-china-count b {
		font-size: 14px;
	}
	.mini-china-count img {
		width: 30px;
		height: 30px;
	}

}

@media (min-width: 768px) and (max-width: 1024px) {
	

	.mini-china-count {
		display: block;
	}
	
}

.index-content {
	padding: 30px 0 0;
	max-width: 1215px;
	margin: 0 auto;
}
.index-content ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;

}
.index-content li {
	flex: 0 0 33.3%;
	padding: 0 2%;
	margin: 0 0 35px;
	box-sizing: border-box;
}
.index-about {
	overflow: hidden;
	position: relative;
}
.index-about-img {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.index-about-img:after {
	display: block;
	content: '';
	margin-top: 76%;
}
.index-about-img img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.index-about-info {
	width: 100%;
	height: 32%;
	padding: 4%;
	box-sizing: border-box;
	border-bottom: 3px #b91b21 solid;
	background: rgba(0,0,0,.6);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 9;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.index-about-info h3 {
	font-size: 18px;
	color: #fff;
	font-weight: normal;
}
.index-about-info h3 a {
	color: #fff;
}
.company {
	line-height: 42px;
	font-size: 14px;
}
.company p {
	overflow: hidden;
	color: #fff;
}
.company a {
	color: #fff;
	text-decoration: underline;
}
.more-btn {
	display: none;
	width: 11px;
	height: 18px;
	background: url(../images/right-arrow.png) no-repeat;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.index-about:hover .index-about-info {
	height: 100%;
	background: rgba(90,0,3,.9);
}
.index-about:hover .more-btn {
	display: block;
}
.index-about:hover .index-about-img img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.index-about:active .more-btn {
	display: block;
}
.index-about:active .index-about-img img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.index-about-con {
	padding: 1% 0;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.index-about:hover .index-about-con {
	-webkit-line-clamp: 10;
}
.index-about:active .index-about-con {
	-webkit-line-clamp: 10;
}
.index-mini-about {
	display: none;
	width: 100%;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 14px;
	background: rgba(0,0,0,.6);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 9;
}
.index-mini-about a {
	color: #fff;
}
.index-join {
	width: 100%;
	height: 100%;
	padding: 4%;
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 9;
}
.index-join h3 {
	font-size: 18px;
	color: #fff;
	font-weight: normal;
}
.index-join h3 a {
	color: #fff;
}
.index-join-count {
	position: absolute;
	bottom: 4%;
	left: 4%;
	font-size: 12px;
	color: #fff;
}
.index-join-count b {
	font-size: 28px;
	color: #8e0005;
}
.index-news {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.index-news:after {
	display: block;
	content: '';
	margin-top: 76%;
}
.index-news-box {
	width: 100%;
	height: 100%;
	padding: 4%;
	box-sizing: border-box;
	background: #b91b21;
	position: absolute;
	top: 0;
	left: 0;
}
.index-news h3 {
	font-size: 18px;
	color: #fff;
	font-weight: normal;
}
.index-news h3 a {
	color: #fff;
}
.news-slide .swiper-slide {
	padding: 2% 0;
}
.news-slide .swiper-slide p {
	font-size: 14px;
	overflow: hidden;
	color: #fff;
}
.news-slide .swiper-slide p a {
	color: #fff;
}
.index-news-img {
	margin-top: 2%;
	width: 100%;
	background: #fff;
	position: relative;
	overflow: hidden;
}
.index-news-img:after {
	display: block;
	content: '';
	margin-top: 53%;
}
.index-news-img img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
.news-pagi {
	margin-top: 4%;
	text-align: right;
}
.news-pagi .swiper-pagination-bullet {
	opacity: 1;
	background: #fff;
}
.news-pagi .swiper-pagination-bullet-active {
	background: #ff2c34;
}

@media (min-width: 768px) and (max-width: 1024px) {
	

	.index-content {
		padding: 0;
	}

	.index-content li {
		flex: 0 0 33.3%;
		padding: 0 1%;
		margin: 0 0 15px;
		box-sizing: border-box;
	}

	.index-about-con {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}

	.index-about:hover .index-about-con {
		-webkit-line-clamp: 8;
	}
	.index-about:active .index-about-con {
		-webkit-line-clamp: 8;
	}
}

@media (min-width: 320px) and (max-width: 736px) {
	

	.index-content {
		padding: 0;
	}

	.index-content li {
		flex: 0 0 50%;
		padding: 0 1%;
		margin: 0 0 10px;
		box-sizing: border-box;
	}

	.index-about-info {
		display: none;
	}
	
	.index-mini-about {
		display: block;
	}

	.index-news-box h3 {
		display: none;
	}

	.index-join-ti h3 {
		font-size: 14px;
	}

}

.footer {
	background: #262626;
}
.footer-content {
	padding: 2% 0;
	border-bottom: 1px #4d4d4d solid;
}
.footer-link {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 2%;
}
.footer-link ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
.footer-link li {
	flex: 0 0 12%;
}
.footer-link li:nth-child(6) {
	flex: 0 0 25%;
}
.footer-link li:nth-child(7) {
	flex: 0 0 15%;
}
.footer-link li h3 {
	margin: 0 0 20px;
	font-size: 14px;
	color: #ccc;
	font-weight: normal;
}
.footer-link li a {
	color: #ccc;
}
.link-list {
	line-height: 34px;
}
.footer-address {
	font-size: 14px;
	color: #ccc;
	line-height: 34px;
}
.footer-address b {
	font-style: italic;
}
.qr {
	text-align: center;
	font-size: 14px;
	color: #ccc;
	line-height: 34px;
}
.copyright-content {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 2%;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	color: #ccc;
}
@media (min-width: 768px) and (max-width: 1024px) {
	
	.footer-link li {
		flex: 0 0 20%;
	}

	.footer-link li:nth-child(6) {
		flex: 0 0 70%;
		margin-top: 20px;
	}
	.footer-link li:nth-child(7) {
		flex: 0 0 30%;
		margin-top: 20px;
	}
	
}

.mini-footer {
	display: none;
	background: #262626;
}
.mini-footer-link {
	padding: 4%;
	border-bottom: 1px #4d4d4d solid;
}
.mini-footer-link ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
.mini-footer-link li {
	flex: 0 0 33.3%;
	font-size: 12px;
	line-height: 30px;
	text-align: center;
}
.mini-footer-link li a {
	color: #ccc;
}
.mini-footer-address {
	padding: 4%;
	border-bottom: 1px #4d4d4d solid;
	font-size: 12px;
	color: #ccc;
	line-height: 30px;
}
.mini-footer-address b {
	font-style: italic;
}
.mini-copyright {
	padding: 4%;
	font-size: 12px;
	color: #ccc;
}

@media (min-width: 320px) and (max-width: 736px) {
	
	.footer {
		display: none;
	}

	.mini-footer {
		display: block;
	}
	
}

.back-top {
	display: none;
	width: 40px;
	height: 40px;
	border-radius: 6px;
	background: url(../images/up.png) no-repeat rgba(0,0,0,.6) center center;
	background-size: 20px 20px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 9999;
}
.back-top:hover {
	background: url(../images/up.png) no-repeat rgba(90,0,3,.9) center center;
	background-size: 20px 20px;
}

/*和桂产研*/
.inside-banner img {
	width: 100%;
}

.link-content {
	background: #e6e6e6;
}
.link-ti {
	width: 100%;
	height: 72px;
	background: #fff;
	box-shadow: 0 4px 8px rgba(0,0,0,.1);
}
.link-ti ul {
	max-width: 1180px;
	margin: 0 auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.link-ti li {
	flex: 1;
	height: 72px;
	line-height: 72px;
	text-align: center;
	position: relative;
	font-size: 18px;
	color: #4c4c4c;
	cursor: pointer;
}
.link-ti i {
	display: inline-block;
	width: 36px;
	height: 36px;
	vertical-align: middle;
}
.link-ti span {
	vertical-align: middle;
}
.link-ti em {
	display: none;
	width: 23px;
	height: 14px;
	background: url(../images/down-arrow.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 72px;
	left: 50%;
	margin-left: -11.5px;
	z-index: 99;
}
.link-ti i.a-icon1 {
	background: url(../images/a-icon1.png) no-repeat;
	background-size: 100% 100%;
}
.link-ti i.a-icon2 {
	background: url(../images/a-icon2.png) no-repeat;
	background-size: 100% 100%;
}
.link-ti i.a-icon3 {
    width: 70px;
    height: 57px;
    background: url(../images/a-icon34.png) no-repeat;
	/*background: url(../images/a-icon34.jpg) no-repeat;*/
	background-size: 100% 100%;
}
.link-ti i.a-icon4 {
    
    width: 70px;
    height: 57px;
    
	background: url(../images/a-icon88.png) no-repeat;
	background-size: 100% 100%;
}
.link-ti i.a-icon5 {
    
    background: url(../images/a-icon56.png) no-repeat;
	/*background: url(../images/a-icon5.png) no-repeat;*/
	background-size: 100% 100%;
}

.link-ti i.a-icon6 {
    
    background: url(../images/a-icon56.png) no-repeat;
	/*background: url(../images/a-icon6.png) no-repeat;*/
	background-size: 100% 100%;
}
.link-ti li.active {
	background: #b91b21;
	color: #fff;
}
.link-ti li.active i.a-icon1 {
	background: url(../images/a-icon1-h.png) no-repeat;
	background-size: 100% 100%;
}
.link-ti li.active i.a-icon2 {
	background: url(../images/a-icon2-h.png) no-repeat;
	background-size: 100% 100%;
}
.link-ti li.active i.a-icon3 {
      background: url(../images/a-icon34.png) no-repeat;
	/*background: url(../images/a-icon35-h.png) no-repeat;*/
	background-size: 100% 100%;
}
.link-ti li.active i.a-icon4 {
    background: url(../images/a-icon88.png) no-repeat;
	/*background: url(../images/a-icon4-h.png) no-repeat;*/
	background-size: 100% 100%;
}
.link-ti li.active i.a-icon5 {
    background: url(../images/a-icon56.png) no-repeat;
	/*background: url(../images/a-icon5-h.png) no-repeat;*/
	background-size: 100% 100%;
}

.link-ti li.active i.a-icon6 {
    background: url(../images/a-icon56.png) no-repeat;
	/*background: url(../images/a-icon6-h.png) no-repeat;*/
	background-size: 100% 100%;
}


.link-ti i.a-icon7 {
    
    
    width: 57px;
    height: 50px;
    
	background: url(../images/a-icon7.png) no-repeat;
	background-size: 100% 100%;
}

.link-ti li.active i.a-icon7 {
	background: url(../images/a-icon7-h.png) no-repeat;
	background-size: 100% 100%;
}



.link-ti li.active em {
	display: block;
}
.link-con {
	padding: 45px 0;
	max-width: 1180px;
	margin: 0 auto;
	background: url(../images/big-logo.png) no-repeat center bottom;
	background-size: 411px 432px;
}
.link-box {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.link-info {
	flex: 0 0 50%;
	box-sizing: border-box;
	position: relative;
}
.link-info em {
	display: block;
	margin: 0 0 25px;
	font-size: 30px;
	color: #b91b21;
}
.link-info h3 {
	margin: 0 0 25px;
	font-size: 30px;
	color: #676767;
	font-weight: normal;
}
.link-info p {
	font-size: 14px;
	color: #808080;
	line-height: 30px;
}
.link-img {
	flex: 0 0 37%;
}
.link-img img {
	width: 100%;
}
@media (min-width: 768px) and (max-width: 1024px) {
	
	.link-ti {
		height: 60px;
	}
	.link-ti li {
		height: 60px;
		line-height: 60px;
		font-size: 14px;
	}
	.link-ti i {
		width: 26px;
		height: 26px;
	}
	.link-ti em {
		width: 18px;
		height: 11px;
		top: 60px;
		left: 50%;
		margin-left: -9px;
	}

	.link-con {
		padding: 20px;
	}

	.link-info em {
		margin: 0 0 15px;
		font-size: 20px;
	}
	.link-info h3 {
		margin: 0 0 15px;
		font-size: 20px;
	}
	.link-info p {
		font-size: 12px;
		line-height: 22px;
	}
	
}

@media (min-width: 320px) and (max-width: 736px) {
	

	.link-ti {
		height: 40px;
	}
	.link-ti li {
		height: 40px;
		line-height: 40px;
	}
	.link-ti i {
		width: 20px;
		height: 20px;
	}
	.link-ti span {
		display: none;
	}
	.link-ti em {
		width: 13px;
		height: 8px;
		top: 40px;
		margin-left: -6.5px;
	}
	
	.link-con {
		padding: 10px;
	}
	.link-info {
		margin: 0 0 10px;
		flex: 0 0 100%;
	}
	.link-info em {
		margin: 0 0 10px;
		font-size: 16px;
	}
	.link-info h3 {
		margin: 0 0 10px;
		font-size: 16px;
	}
	.link-info p {
		font-size: 12px;
		line-height: 18px;
	}
	.link-img {
		flex: 0 0 100%;
	}

}

.honur {
	max-width: 1180px;
	margin: 0 auto;
	padding: 60px 0;
}
.honur-ti {
	margin: 0 0 25px;
	text-align: center;
}
.honur-ti h3 {
	font-size: 30px;
	color: #333;
	font-weight: normal;
}
.honur-ti p {
	font-size: 16px;
	color: #999;
}

.honur-show {
	position: relative;
}
.honur-slide {
	max-width: 1040px;
	margin: 0 auto;
}
.honur-img {
	width: 100%;
	overflow: hidden;
	position: relative;
}
/*.honur-img:after {
	display: block;
	content: '';
	margin-top: 67%;
}*/
.honur-img img {
	width: 100%;
	max-height: 350px;
/*	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
*/	margin: auto;
}
.honur-name {
	display: none;
	width: 100%;
	height: 49px;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	left: 0;
	z-index: 99;
}
.honur-name span {
	display: inline-block;
	height: 47px;
	padding: 0 12px;
	font-size: 16px;
	color: #fff;
	border-top: 1px #fff solid;
	border-bottom: 1px #fff solid;
	line-height: 47px;
}
.honur-mask {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.6);
	z-index: 90;
}
.honur-img:hover .honur-name,.honur-img:hover .honur-mask {
	display: block;
}
.honur-show .swiper-button-next,.honur-show .swiper-button-prev {
	width: 46px;
	height: 46px;
}
.honur-show .swiper-button-next {
	right: -24px;
	background: url(../images/hr-arro.png) no-repeat;
	background-size: 100% 100%;
}
.honur-show .swiper-button-prev {
	left: -24px;
	background: url(../images/hl-arro.png) no-repeat;
	background-size: 100% 100%;
}

.mini-honur-show {
	display: none;
}

.mini-products-show{
	display: none;
}
.mini-news-con {
	display: none;
}
.honur-info {
	margin-top: 38px;
	padding: 20px;
	background: url(../images/honur-star.jpg) no-repeat 960px center #b91b21;
}
.honur-info-box {
	width: 824px;
	font-size: 14px;
	color: #fff;
	line-height: 30px;
}
.honur-scroll {
	width: 100%;
	height: 190px;
	overflow: auto;
}
.honur-scroll .scroll_container {
	overflow: hidden;
	position: relative;
}

.honur-scroll .scroll_absolute {
    position: absolute;
}

.honur-scroll .scroll_vertical_bar {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    margin: 0;
    padding: 0;
}

.honur-scroll .scroll_track {
	position: relative;
	background: url(../images/scroll-bar.jpg) repeat-y center top;
}

.honur-scroll .scroll_drag {
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	background: url(../images/scroll-dot.png) no-repeat top center;
}

.honur-scroll .scroll_arrow {
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	background-color: #369DB4;
}

.honur-scroll .scroll_vertical_bar .scroll_arrow {
    height: 16px;
}



.honur-info {
	margin-top: 38px;
	padding: 20px;
	background: url(../images/honur-star.jpg) no-repeat 960px center #b91b21;
}
.honur-info-box {
	width: 824px;
	font-size: 14px;
	color: #fff;
	line-height: 30px;
}
.honur-scroll {
	width: 100%;
	height: 190px;
	overflow: auto;
}
.honur-scroll .scroll_container {
	overflow: hidden;
	position: relative;
}

.honur-scroll .scroll_absolute {
    position: absolute;
}

.honur-scroll .scroll_vertical_bar {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    margin: 0;
    padding: 0;
}

.honur-scroll .scroll_track {
	position: relative;
	background: url(../images/scroll-bar.jpg) repeat-y center top;
}

.honur-scroll .scroll_drag {
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	background: url(../images/scroll-dot.png) no-repeat top center;
}

.honur-scroll .scroll_arrow {
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	background-color: #369DB4;
}

.honur-scroll .scroll_vertical_bar .scroll_arrow {
    height: 16px;
}
.xiugai-honur-info {
/*	margin-top: 38px;*/
	padding:15px;
	background: url(../images/xiugai-honur-star.jpg) no-repeat 960px center #b91b21;
}
.xiugai-honur-info-box {
	width: 96%;
	margin:0 auto;
	font-size: 14px;
	color: #fff;
	line-height: 30px;
}
.xiugai-honur-scroll {
	width: 100%;
	height:140px;
	overflow: auto;
}
.xiugai-honur-scroll .scroll_container {
	overflow: hidden;
	position: relative;
}

.xiugai-honur-scroll .scroll_absolute {
    position: absolute;
}

.xiugai-honur-scroll .scroll_vertical_bar {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    margin: 0;
    padding: 0;
}

.xiugai-honur-scroll .scroll_track {
	position: relative;
	background: url(../images/scroll-bar.jpg) repeat-y center top;
}

.xiugai-honur-scroll .scroll_drag {
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	background: url(../images/scroll-dot.png) no-repeat top center;
}

.xiugai-honur-scroll .scroll_arrow {
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	background-color: #369DB4;
}

.xiugai-honur-scroll .scroll_vertical_bar .scroll_arrow {
    height: 16px;
}
.products-show .swiper-slide a{
	color: #666;
}
@media (min-width: 768px) and (max-width: 1024px) {
	
	.honur {
		padding: 20px 0;
	}
	.honur-ti {
		margin: 0 0 10px;
	}
	.honur-ti h3 {
		font-size: 20px;
	}
	.honur-ti p {
		font-size: 14px;
	}

	.honur-show .swiper-button-next {
		right: 10px;
		background: url(../images/h-right.png) no-repeat;
		background-size: 100% 100%;
	}
	.honur-show .swiper-button-prev {
		left: 10px;
		background: url(../images/h-left.png) no-repeat;
		background-size: 100% 100%;
	}

	.honur-info {
		margin-top: 30px;
		padding: 20px;
		background: #b91b21;
		box-sizing: border-box;
	}
	.honur-info-box {
		width: 100%;
		font-size: 14px;
		color: #fff;
		line-height: 30px;
	}


	.xiugai-honur-info {
		margin-top: 30px;
		padding: 20px;
		background: #b91b21;
		box-sizing: border-box;
	}
	.xiugai-honur-info-box {
		width: 100%;
		font-size: 14px;
		color: #fff;
		line-height: 30px;
	}

	
}

@media (min-width: 320px) and (max-width: 736px) {
	
	.honur {
		padding: 20px 0;
	}
	.honur-ti {
		margin: 0 0 10px;
	}
	.honur-ti h3 {
		font-size: 16px;
	}
	.honur-ti p {
		font-size: 12px;
	}

	.honur-show {
		display: none;
	}

	.mini-honur-show {
		display: block;
	}
	.products-show {
		display: none;
	}
    .mini-products-show{display: block;}
/*	.mini-news-con {
		display: block;
	}*/
	
	.honur-info {
		margin-top: 15px;
		padding: 10px;
		background: #b91b21;
		box-sizing: border-box;
	}
	.honur-info-box {
		width: 100%;
		font-size: 12px;
		line-height: 18px;
	}
	.honur-info-box p {
		margin: 0 0 10px;
	}


	.xiugai-honur-info {
		margin-top: 15px;
		padding: 10px;
		background: #b91b21;
		box-sizing: border-box;
	}
	.xiugai-honur-info-box {
		width: 100%;
		font-size: 12px;
		line-height: 18px;
	}
	.xiugai-honur-info-box p {
		margin: 0 0 10px;
	}




}

.power {
	padding: 60px 0;
	background: url(../images/power-bg.jpg) no-repeat center center;
}
.power .honur-ti h3,.power .honur-ti p {
	color: #fff;
}
.power-big {
	padding: 50px 0;
	background: #fff;
	width: 1180px;
	margin: 0 auto;
	position: relative;
}
.power-big .hdd {
	width: 100%;
	height: 5px;
	text-align: center;
	position: absolute;
	bottom: 20px;
	left: 0;
}
.power-big .hdd li {
	display: inline-block;
	width: 30px;
	height: 5px;
	margin: 0 4px;
	background: #ccc;
	text-indent: -999999999px;
	cursor: pointer;
}
.power-big .hdd li.on {
	background: #b91b21;
}
.power .bd ul {
	box-sizing: border-box;
}
.power .bd li {
	width: 360px;
	padding: 0 15px;
}

.power-img {
	width: 100%;
	overflow: hidden;
	position: relative;
	background: #fff;
}
.power-img:after {
	display: block;
	content: '';
	margin-top: 100%;
}
.power-img img {
	width: 100%;
	height: 100%;
	vertical-align: top;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.power-img:hover img {
	-webkit-transform: scale(1.01);
	-ms-transform: scale(1.01);
	-o-transform: scale(1.01);
	transform: scale(1.01);
}
.power-info {
	padding: 10px 0;
	text-align: center;
}
.power-ti {
	line-height: 38px;
	font-size: 18px;
	color: #333;
	overflow: hidden;
}
.power-ti a {
	color: #333;
}
.power-info span {
	display: block;
	width: 44%;
	height: 1px;
	background: #e6e6e6;
	margin: 0 auto 10px;
	position: relative;
}
.power-info i {
	display: block;
	width: 0;
	height: 1px;
	background: #333;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.power li:hover i {
	width: 100%;
}
.power-info p {
	font-size: 14px;
	color: #666;
	overflow: hidden;

}
.power-slide {
	display: none;
	padding: 10px;
	background: #fff;
}
@media (min-width: 768px) and (max-width: 1024px) {
	
	.power {
		padding: 20px 0;
	}
	.power ul {
		padding: 20px 0;
	}
	.power li {
		padding: 0 10px;
	}
	.power-ti {
		font-size: 16px;
	}
	.power-info p {
		font-size: 12px;
	}
}

@media (min-width: 320px) and (max-width: 736px) {
	.power-slide {
		display: block;
	}
	.power {
		padding: 20px 0;
	}
	.power ul {
		display: none;
	}
	.power-ti {
		font-size: 14px;
	}
	.power-info p {
		font-size: 12px;
	}

}

.area {
	max-width: 1180px;
	margin: 0 auto;
	padding: 60px 0;
}

.area-tips {
	margin: 0 0 20px;
	font-size: 14px;
	color: #666;
	line-height: 30px;
}
.area-big {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
.area-big .hdd {
	width: 100%;
	height: 5px;
	position: absolute;
	bottom: -20px;
	left: 0;
	text-align: center;
}
.area-big .hdd li {
	display: inline-block;
	width: 30px;
	height: 5px;
	margin: 0 4px;
	background: #ccc;
	text-indent: -999999999px;
	cursor: pointer;
}
.area-big .hdd li.on {
	background: #b91b21;
}
.area-big .bd ul {

	box-sizing: border-box;
}
.area-big .bd li {
	width: 380px;
	padding: 0 10px;
}
.area-img {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.area-img:after {
	display: block;
	content: '';
	margin-top: 63%;
}
.area-img img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.area-link {
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
}
.area-link p {
	width: 100%;
	font-size: 16px;
	color: #fff;
	text-align: center;
	position: absolute;
	top: -100%;
	left: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.area-img:hover p {
	top: 40%;
}
.area-link a{width: 100%;height: 100%;display: block;}
.area-link a i{
	display: block;
	width: 30px;
	height: 30px;
	background: url(../images/zoom2.png) no-repeat;
	position: absolute;
	bottom: -100%;
	left: 50%;
	margin-left: -15px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.area-link a:hover i{
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.area-img:hover .area-link i {
	bottom: 30%;
}
.area-info {
	padding: 10px;
	height: 50px;
	font-size: 14px;
}
.area-info a {
	color: #333;
}
.area li:hover .area-info {
	background: #b91b21;
}
.area li:hover .area-info a {
	color: #fff;
}
.area li:hover .area-link {
	display: block;
}

.area-slide {
	display: none;
}

@media (min-width: 320px) and (max-width: 736px) {
	.area {
		padding: 20px 0;
	}
	.area-tips {
		padding: 0 10px;
	}
	.area ul {
		display: none;
	}
	.area-slide {
		display: block;
		padding: 10px;
	}
}


.deve {
	padding: 60px 0;
	background: #e6e6e6;
}
.deve ul {
	max-width: 1180px;
	margin: 0 auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.deve li {
	flex: 0 0 50%;
}
.deve-info {
	padding: 20px;
	height: 220px;
	position: relative;
	background: #fff;
	overflow: hidden;
}
.deve-info h3 {
	margin: 0 0 15px;
	font-size: 28px;
	color: #b91b21;
	font-weight: normal;
}
.deve-info p {
	font-size: 14px;
	color: #666;
	line-height: 30px;
}
.link-btn {
	display: block;
	width: 180px;
	height: 50px;
	line-height: 50px;
	background: #b91b21;
	text-align: center;
	font-size: 16px;
	color: #fff;
}
.link-btn i {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-left: 7px;
	background: url(../images/line-icon.png) no-repeat;
	vertical-align: middle;
	background-size: 100% 100%;
}
.link-btn:hover {
	background: #d31b22;
	color: #fff;
}
@media (min-width: 768px) and (max-width: 1024px) {
	.deve {
		padding: 20px 10px;
	}
	.deve-img img {
		width: 100%;
		height: 200px;
	}
	.deve-info {
		padding: 10px;
		height: 180px;
	}
	.deve-info h3 {
		margin: 0 0 5px;
		font-size: 14px;
	}
	.deve-info p {
		font-size: 12px;
		line-height: 18px;
	}
	.link-btn {
		width: 198px;
		height: 34px;
		line-height: 34px;
		font-size: 14px;
	}
	.link-btn i {
		width: 7px;
		height: 7px;
	}
}
@media (min-width: 320px) and (max-width: 736px) {
	.deve {
		padding: 20px 10px;
	}
	.deve li {
		flex: 0 0 100%;
	}
	.deve-img img {
		width: 100%;
	}
	.deve-info {
		padding: 10px;
		height: auto;
	}
	.deve-info h3 {
		margin: 0 0 5px;
		font-size: 14px;
	}
	.deve-info p {
		font-size: 12px;
		line-height: 18px;
	}
	.link-btn {
		width: 90px;
		height: 25px;
		margin-top: 10px;
		line-height: 25px;
		font-size: 12px;
	}
	.link-btn i {
		width: 7px;
		height: 7px;
	}
}

.oem {
	padding: 60px 0;
	max-width: 1180px;
	margin: 0 auto;
}
.oem-tips {
	margin: 0 0 30px;
	font-size: 14px;
	color: #666;
	line-height: 30px;
}
.oem-img {
	text-align: center;
}
@media (min-width: 768px) and (max-width: 1024px) {
	.oem {
		padding: 20px 10px;
	}
	.oem-tips {
		margin: 0 0 15px;
		line-height: 24px;
	}
	.oem-img img {
		width: 100%;
	}
}
@media (min-width: 320px) and (max-width: 736px) {
	.oem {
		padding: 20px 10px;
	}
	.oem-tips {
		margin: 0 0 15px;
		line-height: 24px;
		font-size: 12px;
	}
	.oem-img img {
		width: 100%;
	}
}

.join {
	padding: 60px 0;
	background: url(../images/join-bg.jpg) no-repeat;
	background-size: 100% 100%;
}
.join .honur-ti h3 {
	color: #fff;
}
.join .honur-ti p {
	color: #fff;
}
.join ul {
	max-width: 1180px;
	margin: 0 auto;
}
.join li {
	margin: 0 0 20px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.join-txt,.join-pick {
	flex: 0 0 49%;
	height: 80px;
	background: rgba(0,0,0,.8);
	box-sizing: border-box;
	position: relative;
}
.join-txt input[type="text"] {
	width: 100%;
	height: 80px;
	padding: 0 20px;
	font-size: 16px;
	color: #fff;
}
.join-pick span {
	display: inline-block;
	width: 114px;
	height: 80px;
	font-size: 16px;
	color: #fff;
	line-height: 80px;
	padding: 0 20px;
}
.sexy {
	display: inline-block;
	padding: 0 0 0 35px;
	margin: 0 70px 0 0;
	height: 80px;
	line-height: 80px;
	font-size: 24px;
	color: #fff;
	background: url(../images/pick1.png) no-repeat left center;
}
.sexy.active {
	background: url(../images/pick2.png) no-repeat left center;
}
.join-pick select {
	width: 100%;
	height: 80px;
	font-size: 16px;
	padding: 0 20px;
	color: #fff;
	margin:0px;
	outline:medium; 
	border:0;
	border-radius:0; 
	background:none;
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari 和 Chrome */ 
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-appearance: none;
	background: url(../images/green-arrow.png) no-repeat 98% center;
}
.join-pick option {
	background: rgba(0,0,0,.8);
	color: #fff;
}
.join-area {
	flex: 1;
}
.join-area textarea {
	width: 100%;
	height: 160px;
	padding: 20px;
	background: rgba(0,0,0,.8);
	font-size: 16px;
	color: #fff;
	box-sizing: border-box;
}
.join li input[type="button"] {
	width: 100%;
	height: 80px;
	font-size: 24px;
	color: #fff;
	background: #00611e;
	cursor: pointer;
}
@media (min-width: 768px) and (max-width: 1024px) {
	.join {
		padding: 20px 10px;
		background: url(../images/join-bg.jpg) no-repeat;
		background-size: 100% 100%;
	}
	.join li {
		margin: 0 0 10px;
	}
	.join-txt,.join-pick {
		height: 60px;
	}
	.join-txt input[type="text"] {
		width: 100%;
		height: 60px;
		padding: 0 10px;
		font-size: 14px;
	}
	.join-pick span {
		display: inline-block;
		width: 94px;
		height: 60px;
		font-size: 14px;
		line-height: 60px;
		padding: 0 10px;
	}
	.sexy {
		display: inline-block;
		padding: 0 0 0 25px;
		margin: 0 35px 0 0;
		height: 60px;
		line-height: 60px;
		font-size: 18px;
		background: url(../images/pick1.png) no-repeat left center;
		background-size: 20px 20px;
	}
	.sexy.active {
		background: url(../images/pick2.png) no-repeat left center;
		background-size: 20px 20px;
	}
	.join-pick select {
		height: 60px;
		font-size: 14px;
		padding: 0 10px;
		background: url(../images/green-arrow.png) no-repeat 98% center;
	}
	.join-area textarea {
		height: 120px;
		padding: 10px;
		font-size: 14px;
	}
	.join li input[type="button"] {
		height: 60px;
	}
}
@media (min-width: 320px) and (max-width: 736px) {
	.join {
		padding: 20px 10px;
		background: url(../images/join-bg.jpg) no-repeat;
		background-size: 100% 100%;
	}
	.join li {
		margin: 0 0 5px;
	}
	.join-txt,.join-pick {
		height: 42px;
	}
	.join-txt input[type="text"] {
		width: 100%;
		height: 42px;
		padding: 0 10px;
		font-size: 12px;
	}
	.join-pick span {
		display: inline-block;
		width: 40px;
		height: 42px;
		font-size: 12px;
		line-height: 42px;
		padding: 0 0 0 10px;
	}
	.sexy {
		display: inline-block;
		padding: 0 0 0 15px;
		margin: 0 5px 0 0;
		height: 42px;
		line-height: 42px;
		font-size: 14px;
		background: url(../images/pick1.png) no-repeat left center;
		background-size: 10px 10px;
	}
	.sexy.active {
		background: url(../images/pick2.png) no-repeat left center;
		background-size: 10px 10px;
	}
	.join-pick select {
		height: 42px;
		font-size: 12px;
		padding: 0 10px;
		background: url(../images/green-arrow.png) no-repeat 98% center;
	}
	.join-area textarea {
		height: 84px;
		padding: 10px;
		font-size: 12px;
	}
	.join li input[type="button"] {
		height: 42px;
		font-size: 16px;
	}
}


/*关于我们*/
.sub-nav-bar {
	width: 100%;
	height: 72px;
	background: #fff;
	box-shadow: 0 4px 8px rgba(0,0,0,.1);
}
.sub-nav {
	max-width: 1180px;
	margin: 0 auto;
}
.sub-nav ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.sub-nav li {
	flex: 0 0 16%;
}
.sub-nav li a {
	display: block;
	line-height: 70px;
	border-bottom: 2px #fff solid;
	font-size: 16px;
	color: #333;
	text-align: center;
}
/*.sub-nav li:hover a {
	background: #b91b21;
	color: #ffffff;
}*/
.sub-nav li.active a {
	/*border-bottom: 2px #b91b21 solid;*/
	background: #b91b21;
	color: #ffffff;
	border-bottom:0px;
	height: 100%;display: block;
}
@media (min-width: 768px) and (max-width: 1024px) {
	.sub-nav-bar {
		height: 50px;
	}
	.sub-nav li {
		flex: 1;
	}
	.sub-nav li a {
		line-height: 50px;
		font-size: 14px;
	}
}
@media (min-width: 320px) and (max-width: 736px) {
	.sub-nav-bar {
		height: auto;
	}
	.sub-nav ul {
		flex-wrap: wrap;
	}
	.sub-nav li {
		flex: 0 0 33.3%;
		background: #fff;
	}
	.sub-nav li a {
		line-height: 40px;
		font-size: 12px;
	}
}

.about {
	padding: 30px 0;
	background: #e6e6e6;
}
.about-content {
	max-width: 1180px;
	margin: 0 auto;
}
.about-ti {
	margin: 0 0 25px;
}
.about-ti p {
	font-size: 30px;
	color: #b91b21;
}
.about-ti h3 {
	font-size: 30px;
	color: #bfbfbf;
	text-transform: uppercase;
}
.about-box {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.about-show {
	flex: 0 0 49%;
}
.about-img {
	width: 100%;
	margin: 0 0 18px;
}
.about-img img {
	width: 100%;
}
.about-tips li {
	margin: 0 0 30px;
	font-size: 14px;
	line-height: 28px;
	color: #333;
}
.about-tips h3 {
	font-weight: normal;
}
.about-tips p {
	color: #d92432;
}
.about-info {
	flex: 0 0 49%;
	font-size: 14px;
	color: #333;
	line-height: 30px;
}

.about-slide-img {
	width: 100%;
	overflow: hidden;
	position: relative;
	background: #fff;
}
.about-slide-img:after {
	display: block;
	content: '';
	margin-top: 58%;
}
.about-slide-img img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
.about-slide-info {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(185,27,33,.9);
}
.about-slide-info p {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	left: 0;
	z-index: 9;
}
.about-slide-info span {
	display: inline-block;
	padding: 0 24px;
	line-height: 59px;
	border-top: 1px #fff solid;
	border-bottom: 1px #fff solid;
	font-size: 16px;
	color: #fff;
}
.about-slide .swiper-slide:hover .about-slide-info {
	display: block;
}
.about-slide .swiper-button-next,.about-slide .swiper-button-prev {
	width: 50px;
	height: 100px;
	margin-top: -50px;
}
.about-slide .swiper-button-next {
	right: 0;
	background: url(../images/b-right.png) no-repeat;
	background-size: 100% 100%;
}
.about-slide .swiper-button-prev {
	left: 0;
	background: url(../images/b-left.png) no-repeat;
	background-size: 100% 100%;
}
.about-slide2 {
	display: none;
}
@media (min-width: 768px) and (max-width: 1024px) {
	.about {
		padding: 20px;
	}
	.about-box {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.about-show {
		flex: 0 0 100%;
	}
	.about-img {
		width: 100%;
		margin: 0 0 18px;
	}
	.about-info {
		flex: 0 0 100%;
		margin: 0 0 18px;
		font-size: 14px;
		color: #333;
		line-height: 30px;
	}

	.about-slide .swiper-button-next,.about-slide .swiper-button-prev {
		display: none;
	}
}
@media (min-width: 320px) and (max-width: 736px) {
	.about {
		padding: 10px;
	}
	.about-ti {
		margin: 0 0 15px;
	}
	.about-ti p {
		font-size: 16px;
	}
	.about-ti h3 {
		font-size: 16px;
	}
	.about-box {
		flex-wrap: wrap;

	}
	.about-show {
		flex: 0 0 100%;
	}
	.about-img {
		margin: 0 0 10px;
	}
	.about-tips li {
		margin: 0 0 15px;
		font-size: 12px;
		line-height: 20px;
	}
	.about-info {
		margin: 0 0 15px;
		flex: 0 0 100%;
		font-size: 12px;
		line-height: 20px;
	}
	
	.about-slide {
		display: none;
	}

	.about-slide2 {
		display: block;
	}
}

/*董事长致辞*/
.ceo {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.ceo-img {
	flex: 0 0 48%;
}
.ceo-img img {
	width: 100%;
}
.ceo-info {
	flex: 0 0 50%;
	padding: 45px 25px 100px;
	box-sizing: border-box;
	background: #fff;
	position: relative;
}
.ceo-info h3 {
	margin: 0 0 30px;
	text-align: center;
	font-size: 20px;
	color: #666;
	font-weight: normal;
}
.ceo-info p {
	margin: 0 0 35px;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	text-indent: 40px;
}
.ceo-info img {
	position: absolute;
	bottom: 25px;
	right: 25px;
}

@media (min-width: 768px) and (max-width: 1024px) {
	.ceo-img {
		flex: 0 0 100%;
	}
	.ceo-info {
		flex: 0 0 100%;
		padding: 45px 25px 100px;
	}
}
@media (min-width: 320px) and (max-width: 736px) {
	.ceo-img {
		flex: 0 0 100%;
	}
	.ceo-info {
		flex: 0 0 100%;
		padding: 25px 15px 50px;
	}
	.ceo-info img {
		width: 126px;
		height: 48px;
		bottom: 15px;
		right: 15px;
	}
	.ceo-info h3 {
		margin: 0 0 20px;
		font-size: 16px;
	}
	.ceo-info p {
		margin: 0 0 20px;
		font-size: 12px;
		line-height: 24px;
		text-indent: 20px;
	}
}

/*发展历程*/
.history {
	padding: 60px 90px;
	background: #fff;
}
.history ul {
	padding: 0 0 0 40px;
	border-left: 4px #ccc dashed;
}
.history li {
	padding: 20px 0;
	border-bottom: 1px #e6e6e6 dashed;
}
.history li h3 {
	font-size: 24px;
	color: #b91b21;
	line-height: 50px;
}
.history-con {
	margin: 0 0 20px;
	font-size: 14px;
	color: #666;
	line-height: 22px;
}
.history .swiper-container {
	background: url(../images/bar3.jpg) repeat-x 0 30px;
}
.history img {
	display: none;
	margin-top: 10px;
}
.history .swiper-slide-active img {
	display:block;
}

.history .swiper-slide {
	text-align: center;
}
.history .swiper-slide b {
	display: block;
	margin: 0 0 50px;
	font-size: 14px;
	color: #bfbfbf;
}
.history .swiper-slide span {
	display: block;
	width: 100%;
	margin: 0 0 35px;
	height: 1px;
	background: #ccc;
}
.history .swiper-slide p {
	display: none;
	font-size: 14px;
	color: #333;
}
.history .swiper-slide.swiper-slide-active b {
	color: #b91b21;
}
.history .swiper-slide.swiper-slide-active p {
	display: block;
}
.history .swiper-button-next,.history .swiper-button-prev {
	width: 24px;
	height: 14px;
	top: 24px;
}
.history .swiper-button-next {
	background: url(../images/d-right.png) no-repeat;
}
.history .swiper-button-prev {
	background: url(../images/d-left.png) no-repeat;
}
.history-slide2 {
	display: none;
}

@media (min-width: 320px) and (max-width: 736px) {
	.history {
		padding: 20px;
	}
	.history-slide {
		display: none;
	}
	.history-slide2 {
		display: block;
	}
}

/*企业文化*/
.ten {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 20px;
	position: relative;
}
.ten-info {
	height: 360px;
	flex: 0 0 34%;
	box-sizing: border-box;
	padding: 40px 20px 0;
	background: #fff;
	overflow: hidden;
	position: relative;
}
.ten-info h3 {
	margin: 0 0 15px;
	font-size: 30px;
	color: #b91b21;
	font-weight: normal;
}
.ten-info p {
	font-size: 14px;
	color: #666;
	line-height: 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}
.ten-info a {
	position: absolute;
	bottom: 20px;
	left: 20px;
}
.ten-img {
	height: 360px;
	flex: 0 0 66%;
	background: #fff;
	overflow: hidden;
}
.ten-img img {
	width: 100%;
	height: 100%;
}
.cheer {
	padding: 10px;
	margin: 0 0 15px;
	background: #fff;
}
.cheer img {
	width: 100%;
}
.cheer h3 {
	text-align: center;
	font-size: 24px;
	color: #b91b21;
	line-height: 50px;
	font-weight: normal;
}
.cheer p {
	font-size: 14px;
	color: #666;
	line-height: 30px;
	text-indent: 30px;
}
.notice {
	margin: 0 0 15px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.notice-img {
	flex: 0 0 34%;
	height: 300px;
	background: #fff;
	position: relative;
	overflow: hidden;
}
.notice-img img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.notice-con {
	flex: 0 0 66%;
	height: 300px;
	background: #fff;
	box-sizing: border-box;
	padding: 20px;
}
.notice-con h3 {
	margin: 0 0 20px;
	font-size: 30px;
	color: #b91b21;
	font-weight: normal;
}
.notice-list {
	width: 100%;
	height: 190px;
	overflow: auto;
}
.notice-list li {
	padding: 0 30px 0 0;
	overflow: hidden;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #666;
}
.notice-list li span {
	float: right;
}
.notice-list li p {
	overflow: hidden;

}
.notice-list li a {
	color: #666;
}
.notice-list .scroll_container {
	overflow: hidden;
	position: relative;
}

.notice-list .scroll_absolute {
    position: absolute;
}

.notice-list .scroll_vertical_bar {
    position: absolute;
    top: 0;
    right: 0;
    width: 4px;
    margin: 0;
    padding: 0;
}

.notice-list .scroll_track {
	position: relative;
	background: #d9d9d9;
}

.notice-list .scroll_drag {
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	background: #b91b21;
}

.notice-list .scroll_arrow {
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	background-color: #369DB4;
}

.notice-list .scroll_vertical_bar .scroll_arrow {
    height: 16px;
}
@media (min-width: 768px) and (max-width: 1024px) {
	.ten-info {
		height: 260px;
		padding: 20px 10px 0;
	}
	.ten-info h3 {
		margin: 0 0 10px;
		font-size: 20px;
	}
	.ten-info p {
		font-size: 12px;
		line-height: 20px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
		overflow: hidden;
	}
	.ten-info a {
		bottom: 10px;
		left: 10px;
	}
	.ten-img {
		height: 260px;
		position: relative;
	}
	.ten-img img {
		height: auto;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}
	.notice-img {
		display: none;
	}
	.notice-con {
		flex: 1;
	}
}
@media (min-width: 320px) and (max-width: 736px) {
	.ten-info {
		height: auto;
		padding: 20px 10px;
		flex: 0 0 100%;
	}
	.ten-info h3 {
		margin: 0 0 10px;
		font-size: 16px;
	}
	.ten-info p {
		font-size: 12px;
		line-height: 16px;
	}
	.ten-info a {
		position: static;
	}
	.ten-img {
		flex: 0 0 100%;
		height: auto;
	}
	.ten-img img {
		height: auto;
	}
	.cheer h3 {
		font-size: 16px;
		line-height: 30px;
	}
	.cheer p {
		font-size: 12px;
		line-height: 20px;
		text-indent: 20px;
	}
	.notice-img {
		display: none;
	}
	.notice-con {
		flex: 1;
		padding: 10px;
		height: 200px;
	}

	.notice-con h3 {
		margin: 0 0 10px;
		font-size: 16px;
	}
	.notice-list {
		width: 100% !important;
		height: 140px;
		overflow: auto;
	}
	.notice-list .scroll_container {
		width: 100% !important;
	}
	.notice-list .scroll_absolute {
		width: 100% !important;
	}
	.notice-list li {
		padding: 0 20px 0 0;
		height: 20px;
		line-height: 20px;
		font-size: 12px;
	}
	.notice-list li span {
		float: right;
	}
}


/*和桂建党*/
.party {
	padding: 20px;
	margin: 0 0 30px;
	background: #fff;
}
.party-ti {
	margin: 0 0 15px;
}
.party-ti h3 {
	margin: 0 0 15px;
	font-size: 18px;
	color: #b91b21;
	font-weight: normal;
}
.party-ti p {
	font-size: 12px;
	color: #999;
}
.party-box {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
.party-info {
	flex: 0 0 64%;
}
.party-con {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
.party-img {
	flex: 0 0 33%;
}
.party-img img {
	width: 100%;
}
.party-con-info {
	flex: 0 0 67%;
	padding: 0 12px;
	box-sizing: border-box;
	font-size: 14px;
	color: #666;
	line-height: 30px;
}
.party-con-info a{color:#666;}
.party .notice-con {
	padding: 20px 0 0;
	height: 133px;
}
.party .notice-list {
	height: 120px;
}
.party-flag {
	flex: 0 0 35%;
	padding: 20px 0 0;
	text-align: center;
}
@media (min-width: 768px) and (max-width: 1024px) {
	.party-info {
		flex: 0 0 100%;
	}
	.party-flag {
		flex: 0 0 100%;
	}
}
@media (min-width: 320px) and (max-width: 736px) {
	.party-info {
		flex: 0 0 100%;
	}
	.party-img {
		flex: 0 0 100%;
	}
	.party-con-info {
		flex: 0 0 100%;
	}
	.party-flag {
		flex: 0 0 100%;
	}
}

/*媒体报道*/
.news li {
	margin: 0 0 15px;
	background: #fff;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.news-img {
	flex: 0 0 50%;
	height: 314px;
	position: relative;
	overflow: hidden;
}
.news-img img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
.news-info {
	flex: 0 0 50%;
	height: 314px;
	padding: 0 20px;
	box-sizing: border-box;
	overflow: hidden;
}
.news-time {
	width: 80px;
	height: 80px;
	background: #b91b21;
    color: #fff;
    text-align: center;
}
.news-time b {
	font-size: 40px;
}
.news-ti {
	width: 100%;
	height: auto;
	margin:20px 0 15px;
	line-height:36px;
	border-bottom: 1px #e6e6e6 solid;
	font-size: 20px;
	color: #333;
}
.news-ti a {
	color: #333;
}
.news-con {
	font-size: 14px;
	color: #666;
	line-height: 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
@media (min-width: 768px) and (max-width: 1024px) {
	.news-img {
		height: 230px;
	}
	.news-info {
		height: 230px;
		padding: 0 10px;
	}
	.news-time {
		width: 60px;
		height: 60px;
	}
	.news-time b {
		font-size: 30px;
	}
	.news-ti {
		height: 45px;
		line-height: 45px;
		font-size: 16px;
	}
	.news-ti a {
		color: #333;
	}
	.news-con {
		font-size: 12px;
		line-height: 22px;
	}
}
@media (min-width: 320px) and (max-width: 736px) {
	.news-img {
		height: 125px;
	}
	.news-info {
		height: 125px;
		padding: 0 10px;
	}
	.news-time {
		width: 80px;
		height: 20px;
		display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
	}
	.news-time b {
		margin: 0 5px 0 0;
		font-size: 14px;
	}
	.news-time p {
		font-size: 12px;
	}

	.news-con{display: none;}
	.mini-news-con {
		font-size: 12px;
		line-height: 18px;
	}
}

@media(min-width: 320px) and (max-width: 540px){
	.news-ti {
		height:auto;
		margin: 0 0 5px;
		line-height: 19px;
		font-size: 14px;
		overflow: hidden;
	
	}
}
/*视频中心*/
.videos ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.videos li {
	flex: 0 0 49%;
	margin: 0 0 20px;
}
.videos-img {
	width: 100%;
	height: 290px;
	background: #fff;
	overflow: hidden;
	position: relative;
}
.videos-img img {
	width: 100%;
}
.videos-img i{position: absolute;left:0;right: 0;bottom: 0;top: 0;background: url(../images/bf_btn.png) no-repeat center center;cursor: pointer;}
.videos-info {
	padding: 0 10px;
	height: 70px;
	font-size: 16px;
	color: #333;
	overflow: hidden;

	background: #fff;
	line-height:35px;
}

@media (min-width: 768px) and (max-width: 1024px) {
	.videos li {
		width:48%;
		float: left;
		margin: 0 0 20px;
	}
	.videos-img {
		height:184px;
	}
	.videos-info {
		width: 95%;
	    margin: 0 auto;
	    height: 50px;
	    font-size: 15px;
	    line-height: 25px;
	    padding: 10px;
	    overflow: hidden;
	}


}

@media (min-width: 320px) and (max-width: 736px) {
	.videos li {
	/*	flex: 0 0 100%;*/
	/*	margin: 0 0 10px;*/
	flex:none;
		width: 100%;
		margin: 0 auto;
		margin-bottom: 14px;
	}
	.videos-img {
		height: auto;
	}
	.videos-img img{max-width: 100%;max-height: 190px;display: block;}
	.videos-info {
		width: 100%;
	    margin: 0 auto;
	    height: 70px;
	    font-size: 15px;
	    line-height: 25px;
	    padding: 10px;
	    overflow: hidden;
	}


	.videos-info p{width: 100%;height: 100%;line-height:39px;overflow: hidden;}
}

/*新闻详情*/
.way {
	margin: 0 0 10px;
	overflow: hidden;
	height: 40px;
	line-height: 40px;
}
.back-list {
	display: block;
	width: 100px;
	height: 40px;
	float: right;
	background: #b91b21;
	text-align: center;
	font-size: 14px;
	color: #fff;
}
.back-list:hover {
	background: #d51017;
	color: #fff;
}
.your-position {
	font-size: 12px;
	color: #999;
}
.your-position a {
	color: #999;
}

.simple {
/*	padding: 40px 90px;*/
    width: 700px;
    height: auto;
    margin:0 auto;
	background: #fff;
}
.simple-ti {
	/*margin: 0 0 20px;*/
	width: 561px;
	padding-top: 41px;
	margin: 0 auto;
}
.simple-ti h3 {
	margin: 0 0 20px;
	font-size: 26px;
	color: #333;
	text-align: center;
	font-weight: normal;
}
.simple-bar {
	height: 40px;
	line-height: 40px;
	background: #f2f2f2;
	text-align: center;
	font-size: 12px;
	color: #df1818;
	position: relative;
}
.simple-bar .bdsharebuttonbox {
	position: absolute;
	top: 4px;
	right: 4px;
}
.simple-page {
	margin-top: 30px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 14px;
	color: #333;
	line-height: 30px;
}
.simple-page p {
	overflow: hidden;
/*	text-overflow: ellipsis;
	white-space: nowrap;*/
}
.simple-page a {
	color: #333;
}


.simple-con{	
	font-size: 14px;
	line-height: 27px;
	color: #666;
	width: 560px;
	margin: 0 auto;
	text-align: justify;
	margin-top: 30px;
	padding-bottom: 50px;
}
.simple-con img{max-width: 100%;height: auto;display: block;}



@media (min-width: 768px) and (max-width: 1024px) {
	.simple {
		padding: 20px 40px;
	}
	.simple-ti {
		margin: 0 0 20px;
	}
	.simple-ti h3 {
		margin: 0 0 20px;
		font-size: 18px;
	}
	.simple-bar .bdsharebuttonbox {
		display: none;
	}
}
@media (min-width: 320px) and (max-width: 736px) {
	.simple {
		padding: 10px 20px;
		width:auto;
	}
	.simple-con{width:98%;}
	.simple-ti {
		margin: 0 0 15px;
		width: 98%;
	}
	.simple-ti h3 {
		margin: 0 0 15px;
		font-size: 16px;
	}
	.your-position {
		display: none;
	}
	.simple-bar .bdsharebuttonbox {
		display: none;
	}
	.simple-page {
		margin-top: 15px;
		font-size: 12px;
		color: #333;
		line-height: 24px;
	}
}

/*社会责任*/
.respons-img {
	width: 100%;
	height: 340px;
	position: relative;
}
.respons-img img {
	width: 100%;
}
.respons-list {
	padding: 20px 0;
	background: #fff;
}
.respons-list ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.respons-list li {
	flex: 0 0 50%;
	padding: 0 20px;
	box-sizing: border-box;
	line-height: 34px;
	overflow: hidden;
	font-size: 14px;
	color: #666;
}
.respons-list span {
	float: right;
}
.respons-list p {
	overflow: hidden;
/*	text-overflow: ellipsis;
	white-space: nowrap;*/
}
.respons-list a {
	color: #666;
}
@media (min-width: 768px) and (max-width: 1024px) {
	.respons-list li {
		flex: 0 0 100%;
	}

	.simple {
		padding: 10px 20px;
		width:auto;
	}
	.simple-con{width:98%;}
	.simple-ti {
		margin: 0 0 15px;
		width: 98%;
	}

	
}
@media (min-width: 320px) and (max-width: 736px) {
	.respons-list li {
		flex: 0 0 100%;
		padding: 0 10px;
		line-height: 30px;
		font-size: 12px;
	}
}


/*加入我们*/
.family {
	padding: 20px;
	margin: 0 0 20px;
	background: #fff;
	box-sizing: border-box;
	background: #fff;
}
.family-box {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.family-img1 {
	flex: 0 0 37%;
	overflow: hidden;
}
.family-img2 {
	flex: 0 0 62.25%;
}
.family-img2 ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.family-img2 li {
	flex: 0 0 49.25%;
	margin: 0 0 10px;
	overflow: hidden;
}
.small-box {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.small-img {
	flex: 0 0 49%;
	overflow: hidden;
}
.family-con {
	font-size: 14px;
	color: #666;
	line-height: 30px;
	text-indent: 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
	
}
@media (min-width: 320px) and (max-width: 736px) {
	.family {
		padding: 10px;
		margin: 0 0 10px;
	}
	.family-img2 li {
		margin: 0 0 2px;
	}
	.family-con {
		font-size: 12px;
		line-height: 20px;
		text-indent: 20px;
	}
}

/*社会招聘*/
.about-ti {
	position: relative;
}
.about-ti a {
	display: block;
	width: 180px;
	height: 50px;
	background: #b91b21;
	line-height: 50px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	right: 0;
}
.about-ti a:hover {
	background: #d40d15;
	color: #fff;
}
.job {
	padding: 38px 20px;
	background: #fff;
}
.job-link {
	margin: 0 0 36px;
}
.job-link ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
.job-link li {
	flex: 0 0 20%;
}
.job-link li a {
	display: block;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	color: #333;
	text-align: center;
	background: #e6e6e6;
}
.job-link li:nth-child(even) a {
	background: #ccc;
}
.job-link li a:hover {
	color: #333;
}
.job-link li.active a {
	background: #b91b21;
	color: #fff;
}
.job-list li {
	margin: 0 0 15px;
}
.job-ti {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	height: 60px;
	background: #e9e9e9;
	position: relative;
	line-height: 60px;
	cursor: pointer;
}
.job-ti div {
	flex: 1;
}
.job-ti div.job-name {
	flex: 2;
	padding: 0 20px;
	font-size: 18px;
	color: #333;
}
.job-ment,.job-count {
	font-size: 14px;
	color: #444;
}
.job-ti span {
	display: block;
	width: 29px;
	height: 29px;
	border-radius: 50%;
	background: #b91b21;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	right: 20px;
}
.job-ti i {
	display: block;
	width: 8px;
	height: 13px;
	background: url(../images/right-arrow.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 50%;
	margin-top: -6px;
	left: 50%;
	margin-left: -4px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.job-ti.active i {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.job-drop {
	display: none;
	padding: 20px;
}

@media (min-width: 320px) and (max-width: 736px) {
	.about-ti a {
		width: 90px;
		height: 36px;
		line-height: 36px;
		font-size: 12px;
		margin-top: -18px;
	}
	.job {
		padding: 20px 10px;
	}
	.job-link {
		margin: 0 0 20px;
	}
	.job-link li {
		flex: 0 0 50%;
	}
	.job-link li a {
		height: 40px;
		line-height:40px;
		font-size: 14px;
	}
	.job-list li {
		margin: 0 0 10px;
	}
	.job-ti {
		height: 40px;
		line-height: 40px;
	}
	.job-ti div {
		flex: 1;
	}
	.job-ti div.job-name {
		padding: 0 10px;
		font-size: 14px;
	}
	.job-ment,.job-count {
		display: none;
		font-size: 12px;
	}
	.job-ti span {
		width: 20px;
		height: 20px;
		margin-top: -10px;
		right: 10px;
	}
	.job-ti i {
		width: 6px;
		height: 10px;
		margin-top: -5px;
		margin-left: -3px;
	}
	.job-drop {
		padding: 10px;
		font-size: 12px;
	}
}

/*联系我们*/
.company-address {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.map-box {
	flex: 0 0 66%;
	padding: 6px;
	height: 614px;
	overflow: hidden;
	background: #fff;
	box-sizing: border-box;
}
.company-info {
	flex: 0 0 33%;
	padding: 10px 20px 0;
	height: 614px;
	background: #fff;
	box-sizing: border-box;
}
.company-info li {
	padding: 15px 0;
	border-bottom: 1px #ccc dashed;
	line-height: 26px;
}
.company-info li:last-child {
	border-bottom: none;
}
.company-info h3 {
	font-weight: normal;
	font-size: 18px;
	color: #333;
}
.company-info p {
	font-size: 14px;
	color: #808080;
}
@media (min-width: 768px) and (max-width: 1024px) {
	.map-box {
		flex: 0 0 100%;
		height: auto;
		margin: 0 0 15px;
	}
	.company-info {
		flex: 0 0 100%;
		padding: 10px 20px 0;
		height: auto;
	}
}
@media (min-width: 320px) and (max-width: 736px) {
	.map-box {
		flex: 0 0 100%;
		height: auto;
		margin: 0 0 10px;
		display: none;
	}
	.mini-map{display: block;width: 100%;height: 150px;overflow: hidden;margin: 0 0 10px;flex: 0 0 100%;}
	.company-info {
		flex: 0 0 100%;
		padding: 10px 10px 0;
		height: auto;
	}
	.company-info li {
		padding: 10px 0;
		line-height: 20px;
	}
	.company-info h3 {
		font-size: 14px;
	}
	.company-info p {
		font-size: 12px;
	}
}

/*旗下企业产研基地*/
.uo{color:#666;font-size: 13px;line-height: 30px;}

/*旗下企业*/
.link-ti li a{color:#4D4D4D;}

.link-ti li.active{
    background: #b91b21;
}

.link-ti li.active a{color: #fff;}
@media (min-width: 1200px){
.link-info a{width: 180px;height: 52px;line-height: 52px;display:block;background:#B91B21 ;color: #fff;font-size: 16px;text-align: center;margin-top: 20px;}

}

.family-con img{max-width: 100%;height: auto;display: block;}
.respons-title{width: 196px;height: auto;color:#fff;text-align: center;margin:0 auto;padding-top:8%;padding-bottom: 2.7%;}
.respons-title h4{
	font-size: 28px;
	line-height: 33px;
	font-weight: lighter;
}
.respons-title p{line-height:32px;font-size: 15px;}
.respons-content{    width: 68%;
    line-height: 25px;
    font-size: 14px;
    color: #ffffff;
    margin: 0 auto;
}


@media screen and (max-width:990px){
	.cappu{width:98%;margin:0 auto;height: auto;overflow: hidden;min-height:400px;margin-top: 50px;}
	.upwq{width: 100%;height:auto;overflow: hidden;padding:10px;}
	.upwq li{height: 40px;line-height: 40px;width: 100%;border-bottom:1px solid #ededed;}
	.upwq li a{font-size: 14px;color: #333;width:100%;display: block;height: 100%;overflow: hidden;}
	.wcpu{width:100%;height:90px;line-height:90px;color: #999;text-align:center;font-size:16px;overflow: hidden;}
		.catw{display: none;}
	.respons-content {
	    width: 68%;
	    line-height:18px;
	    font-size: 12px;
	    color: #ffffff;
	    margin: 0 auto;
	}

}
@media screen and (min-width:1001px){
	.cappu{width: 1200px;margin:0 auto;height: auto;overflow: hidden;min-height:600px;margin-top: 50px;}
	.upwq{width: 100%;height:auto;overflow: hidden;}
	.upwq li{height:50px;line-height:50px;width: 100%;border-bottom:1px solid #ededed;}
	.upwq li a{font-size:18px;color: #333;}
	.wcpu{width:100%;height:40px;line-height:40px;color: #999;margin:0 auto;font-size:22px;text-align: center;overflow: hidden;}
}



table[Attributes Style]{
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
}

table {
    white-space: normal;
    line-height: normal;
    font-weight: normal;
    font-size: medium;
    font-style: normal;
    color: -internal-quirk-inherit;
    text-align: start;
    font-variant: normal normal;
}
table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
}
tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}


table.ke-zeroborder td {
    border: 1px dotted #AAA;
}

td, th {
    display: table-cell;
    vertical-align: inherit;
}


.copyright-content p span a{color: #fff;}
.copyright-content a{color: #cccccc;}
.mini-copyright a{color: #cccccc;}
/*我要应聘*/
.ik-form .iotn-title b{ color:#fff;}
.ik-form .iotn-title span{ color:#fff;}
.ikfb{ width:1000px; overflow:hidden; margin:0 auto;}
.ikfb-name{ width:580px; height:80px; background:rgba(51,51,51,0.88); margin:0 auto;margin-left:20%;margin-bottom:20px;}
div.ikfb-m20{ margin-right:20px;}
.ikfb-name input{ width:100%; height:100%; display:block; overflow:hidden; line-height:80px; text-indent:20px; font-size:16px; color:#fff;}
.ikfb-sex{ width:580px; height:80px; background:rgba(51,51,51,0.88); margin-bottom:20px;}
.ikfb-sex label{ height:100%; display:block; line-height:80px; overflow:hidden; font-size:16px; color:#fff; width:165px; text-indent:20px;}
.ikfb-sex span{ cursor:pointer; height:100%; display:block; line-height:80px; font-size:24px; color:#fff; padding-left:40px; background:url(../images/ifsf-xz.png) no-repeat left center; margin-right:70px;}
.ikfb-sex span.act{background:url(../images/ifsf-xzh.png) no-repeat left center;}
.ikfb-map1{ width:100%; height:80px; background:rgba(51,51,51,0.88); margin-bottom:20px;}
.ikfb-map1 input{ width:100%; height:100%; display:block; overflow:hidden; line-height:80px; text-indent:20px; font-size:16px; color:#fff;}
.ikfb-st{ padding-bottom:60px;width: 58%;margin-left:20%;}
.ikfb-st input{ width:100%; height:80px; cursor:pointer; display:block; color:#fefefe; background:#00611e; font-size:24px;
-webkit-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}
.ikfb-st input.act{ background:#108735;}
.ikfb-map0{ width:580px; height:80px; background:rgba(51,51,51,0.88);margin-left:20%; margin-bottom:20px; position:relative; z-index:5;}
.ikfb-map0 label{ height:100%; display:block; line-height:80px; overflow:hidden; font-size:16px; color:#fff; width:165px; text-indent:20px;}
.ikfb-map0 .ikfbm-wks{ width:358px; margin-right:55px; height:100%; position:relative; cursor:pointer;}
.ikfb-map0 .ikfbm-wks span{ width:100%; height:100%; display:block; position:relative; font-size:16px; color:#fff; line-height:80px;}
.ikfb-map0 .ikfbm-wks span.act{ color:#007b1e;}
.ikfb-map0 .ikfbm-wks i{ background:url(../images/io-xl.png) no-repeat; background-size:100% 100%; width:14px; height:10px; overflow:hidden; display:block; position:absolute; right:0; top:50%; margin-top:-5px;
-webkit-transform:rotate(0deg);-webkit-transition-duration:0.5s; 
	-moz-transform:rotate(0deg);-moz-transition-duration:0.5s; 
	transform:rotate(0deg);transition-duration:0.5s;
}
/*.ikfb-map0 .ikfbm-wks span.act i{
	-webkit-transform:rotate(180deg);-webkit-transition-duration:0.5s; 
	-moz-transform:rotate(180deg);-moz-transition-duration:0.5s; 
	transform:rotate(180deg);transition-duration:0.5s;
}*/
.ikfb-map0 .ikfbm-wks ul{ display:none; background:rgba(51,51,51,0.6); width:100%; height:160px; overflow:auto; position:absolute; left:0; top:80px; background:#;}
.ikfb-map0 .ikfbm-wks li{ width:100%; height:40px; text-align:center; overflow:hidden; line-height:40px; color:#fff;}
.ikfb-map0 .ikfbm-wks li:hover{ background:#007b1e;}

.zpbh-sc{width: 580px;height: 80px;margin:0 auto;position: relative;margin-left: 20%;}

.zpbh-sc input{ width:449px; height:42px; background:rgba(51,51,51,0.88);; display:block; overflow:hidden; line-height:42px; border:1px solid rgba(51,51,51,0.88);; border-right:0; text-align:left; text-indent:15px; font-size:16px; color:#fff; cursor:pointer;}
.zpbh-sc a{ width:128px; height:42px; display:block; text-align:center; line-height:42px; background:#00611e; border:1px solid #00611e; font-size:16px; color:#fff;}
.zpbh-sc a:hover{ color:#fff;}
.zpbh-sc .spant{ display:block; overflow:hidden; line-height:42px; font-size:15px; color:#a7a6a6;}



@media (max-width: 1181px) {
	.ikfb{ width:94%;}
div.ikfb-m20{ margin-right:0;}
.ikfb-name{ margin-bottom:15px; width:100%; height:50px;margin-left:0;}
.ikfb-name input{ line-height:50px;}
.ikfb-sex{ margin-bottom:15px; width:100%; height:50px;}
.ikfb-sex label{ line-height:50px; width:100px;}
.ikfb-sex span{ line-height:50px; font-size:14px; color:#fff; padding-left:25px; background:url(../images/ifsf-xz.png) no-repeat left center; margin-right:15px; background-size:15px 15px;}
.ikfb-sex span.act{background:url(../images/ifsf-xzh.png) no-repeat left center; background-size:15px 15px;}
.ikfb-map1{ height:50px; margin-bottom:15px;}
.ikfb-map1 input{ line-height:50px;}
.ikfb-map0 label{ line-height:50px; width:100px;}
.ikfb-st input{ height:60px;}
.ikfb-st{ padding-bottom:30px;width: 100%;margin-left: 0;}
.ikfb-map0 .ikfbm-wks{ height:50px; margin-right:8px; width:111px;}
.ikfb-map0 .ikfbm-wks span{ line-height:50px; font-size:14px;}
.ikfb-map0 .ikfbm-wks ul{ top:50px;}
.ikfb-map0{ height:50px;}
.ikfb-map0 .ikfbm-wks i{ display:none;}
.ifsn-rs{ float:none; margin:0 auto; padding-right:30px;}
.ikfb-map0{ width:100%;margin-left: 0;}


.zpbh-sc{width:100%;height: 80px;margin:0 auto;position: relative;margin-left: 0;}

.zpbh-sc input{ width:74%; height:42px; background:rgba(51,51,51,0.88); display:block; overflow:hidden; line-height:42px; border:1px solid rgba(51,51,51,0.88); border-right:0; text-align:left; text-indent:15px; font-size:14px; color:#666; cursor:pointer;}
.zpbh-sc a{ width:25%; height:42px; display:block; text-align:center; line-height:42px; background:#00611e; border:1px solid #00611e; font-size:13px; color:#fff;}
.zpbh-sc a:hover{ color:#fff;}
.zpbh-sc .spant{ display:block; overflow:hidden; line-height:42px; font-size:13px; color:#a7a6a6;}


	
}


.banner-word img {
    width: 100%;
}


.index-join a{width: 100%;height: 100%;display: block;}
.xdwe a{width: 100%;height: 100%;display: block;}


/*联系我们地图*/
@media(min-width: 1024px;){ .mini-map{display: none;}}



.woupe{font-size: 14px;text-align: center;color: #999;width: 100px;height: 24px;line-height: 24px;}
.honur-titlec{font-size: 14px;line-height:24px;width: 100%;text-align: center;}

/*社会招聘*/
.job-link i {
    display: inline-block;
    width: 36px;
    height: 36px;
    vertical-align: middle;
}
.job-link i.a-icon1 {
	background: url(../images/a-icon1.png) no-repeat;
	background-size: 100% 100%;
}
.job-link i.a-icon2 {
	background: url(../images/a-icon1.png) no-repeat;
	background-size: 100% 100%;
}
.job-link i.a-icon3 {
	background: url(../images/a-icon2.png) no-repeat;
	background-size: 100% 100%;
}
.job-link i.a-icon4 {
	background: url(../images/a-icon3.png) no-repeat;
	background-size: 100% 100%;
}
.job-link i.a-icon5 {
	background: url(../images/a-icon4.png) no-repeat;
	background-size: 100% 100%;
}
.job-link li.active {
	background: #b91b21;
	color: #fff;
}
.job-link li.active i.a-icon1 {
	background: url(../images/a-icon1-h.png) no-repeat;
	background-size: 100% 100%;
}
.job-link li.active i.a-icon2 {
	background: url(../images/a-icon1-h.png) no-repeat;
	background-size: 100% 100%;
}
.job-link li.active i.a-icon3 {
	background: url(../images/a-icon2-h.png) no-repeat;
	background-size: 100% 100%;
}
.job-link li.active i.a-icon4 {
	background: url(../images/a-icon3-h.png) no-repeat;
	background-size: 100% 100%;
}
.job-link li.active i.a-icon5 {
	background: url(../images/a-icon4-h.png) no-repeat;
	background-size: 100% 100%;
}
.job-link li.active em {
	display: block;
}

/*产研*/
.xiugai-power{width: 100%;margin:0 auto;overflow: hidden;background: url(../images/power-big33.jpg) no-repeat left top;height:auto;}
.xiugai-honur-ti{width: 1180px;text-align: center;margin:60px auto 28px;}
.xiugai-honur-ti h3 {
    font-size: 30px;
    color: #ffffff;
    font-weight: normal;
}
.xiugai-honur-ti p {
    font-size: 16px;
    color: #ffffff;
}
.xiugai-power-big{
	background: #fff;
	width: 1180px;
	margin: 0 auto;
	position: relative;
}
.xiugai-power-big ul {
    width: 1100px;
    margin: 0 auto;
    padding:30px 0;
    background: #fff;
    box-sizing: border-box;
    overflow: hidden;
}
.xiugai-power-big ul li{
    width:540px;
    float: left;
    margin-right: 20px;
    box-sizing: border-box;
    margin-bottom:15px;

}
.xiugai-power-big ul li.mrot{margin-right: 0px;}

.xiugai-power-img {
	width: 100%;
	height: 250px;
	overflow: hidden;
	position: relative;
	background: #fff;
}
.xiugai-power-img:after {
	display: block;
	content: '';
	margin-top: 100%;
}
.xiugai-power-img img {
	width: 100%;
	height: 100%;
	vertical-align: top;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.xiugai-power-img:hover img {
	-webkit-transform: scale(1.01);
	-ms-transform: scale(1.01);
	-o-transform: scale(1.01);
	transform: scale(1.01);
}
.xiugai-power-info {
	padding: 10px 0;
	text-align: center;
}
.xiugai-power-ti {
	line-height: 38px;
	font-size: 18px;
	color: #333;
	overflow: hidden;
/*	text-overflow: ellipsis;
	white-space: nowrap;*/
}
.xiugai-power-ti a {
	color: #333;
}
.xiugai-power-info span {
	display: block;
	width: 44%;
	height: 1px;
	background: #e6e6e6;
	margin: 0 auto 10px;
	position: relative;
}
.xiugai-power-info i {
	display: block;
	width: 0;
	height: 1px;
	background: #333;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.xiugai-power li:hover i {
	width: 100%;
}
.xiugai-power-info p {
	font-size: 14px;
	color: #666;
	overflow: hidden;
	/*text-overflow: ellipsis;
	white-space: nowrap;
*/
}

.xiugai-area{width: 100%;margin:0 auto;overflow: hidden;height:auto;}
.xiugai-honur-ti2{width: 1180px;text-align: center;margin:60px auto 28px;}
.xiugai-honur-ti2 h3 {
    font-size:30px;
    color: #333333;
    font-weight: normal;
}
.xiugai-honur-ti2 p {
    font-size: 16px;
    color: #999;
}

.xiugai-area-tips {
	width: 1180px;
	margin:0 auto;
    font-size: 14px;
    color: #666;
    line-height: 30px;
}
.xiugai-area-big ul{width: 1180px;margin: 0 auto;overflow: hidden;box-sizing: border-box;}
.xiugai-area-big ul li{float: left;margin-right: 15px;}
.xiugai-area-big ul li.mrot{margin-right: 0px;}
.xiugai-area-img {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.xiugai-area-img img {
    width: 100%;
    height: 100%;
    margin: auto;
}

.xiugai-area-info {
    padding: 10px;
    height: 50px;
    font-size: 14px;
}

.xiugai-area-info h3 {
    color: #333;
    font-size: 18px;
	line-height:27px;
	text-align: center;
}
.xiugai-area-info p{
	font-size: 14px;
	line-height: 27px;
    color: #333;
    text-align: center;
}
/*明星产品推荐*/
.products-show{width: 1180px;margin:0 auto;position: relative;}


.products-slide {
    max-width: 1040px;
    margin: 0 auto;
}
.products-img {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.products-img img {
    max-width: 100%;
    max-height: 285px;
    margin: auto;
}

.products-titlec {
    font-size: 14px;
    line-height:40px;
    width: 100%;
    text-align: center;
}

.products-show .swiper-button-next,.products-show .swiper-button-prev {
	width: 46px;
	height: 46px;
}
.products-show .swiper-button-next {
	right: -24px;
	background: url(../images/hr-arro.png) no-repeat;
	background-size: 100% 100%;
	top:50%;
	margin-top: -52.5px;
}
.products-show .swiper-button-prev {
	left: -24px;
	background: url(../images/hl-arro.png) no-repeat;
	background-size: 100% 100%;
	top:50%;
	margin-top: -52.5px;
}

/*企业荣誉*/

@media (min-width: 320px) and (max-width: 736px) {
	.xiugai-power{width: 100%;margin:0 auto;overflow: hidden;background: url(../images/power-bg.jpg) no-repeat left top;height:auto;}
	.xiugai-honur-ti{width:98%;text-align: center;margin:20px auto 20px;}
	.xiugai-honur-ti h3 {
	    font-size:22px;
	    color: #ffffff;
	    font-weight: normal;
	}
	.xiugai-honur-ti p {
	    font-size: 16px;
	    color: #ffffff;
	}
	.xiugai-power-big{
		background: #fff;
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.xiugai-power-big ul {
	    width:94%;
	    margin:0 auto;
	    background: #fff;
	    box-sizing: border-box;
	    overflow: hidden;
	}
	.xiugai-power-big ul li{
		width: 100%;
	    box-sizing: border-box;
	    margin-bottom:15px;

	}
	.xiugai-power-big ul li.mrot{margin-right: 0px;}
	.xiugai-power-info{width:100%;margin:0 auto;}
	.xiugai-power-img2 {
		max-width: 100%;
		max-height:292px;
		overflow: hidden;
		position: relative;
		background: #fff;
	}
	div.aconawpeu{width: 100%;margin:0 auto;}
	div.aconawpeu .honur-img img {
		width: 100%;
		max-height: 350px;
	}

	.xiugai-honur-ti2{width:100%;text-align: center;margin:20px auto 20px;}

	.xiugai-area-tips {
		width:92%;margin:0 auto;
	}

    .xiugai-area-info{height: 78px;}


	.xiugai-area-big ul{width:94%;margin: 0 auto;overflow: hidden;box-sizing: border-box;}
	.xiugai-area-big ul li{width: 100%;float: left;}

}

@media (min-width: 736px) and (max-width:1200px) {
	.xiugai-power{width: 100%;margin:0 auto;overflow: hidden;background: url(../images/power-bg.jpg) no-repeat left top;height:auto;}
	.xiugai-honur-ti{width:98%;text-align: center;margin:20px auto 20px;}
	.xiugai-honur-ti h3 {
	    font-size:22px;
	    color: #ffffff;
	    font-weight: normal;
	}
	.xiugai-honur-ti p {
	    font-size: 16px;
	    color: #ffffff;
	}
	.xiugai-power-big{
		background: #fff;
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.xiugai-power-big ul {
	    width:96%;
	    margin:0 auto;
	    background: #fff;
	    box-sizing: border-box;
	    overflow: hidden;
	}
	.xiugai-power-big ul li{
		width:49%;
	    box-sizing: border-box;
	    margin-bottom:15px;
	    float: left;
	    margin-right:14px;
	}

	.xiugai-power-info{width:100%;margin:0 auto;}
	.xiugai-power-img2 {
		width: 100%;
		overflow: hidden;
		position: relative;
		background: #fff;
	}
	.xiugai-power-img2 img{
		max-width: 100%;
		max-height:292px;
	}

	.xiugai-honur-ti2{width:100%;text-align: center;margin:20px auto 20px;}

	.xiugai-area-tips {
	    width: 94%;
	    margin: 0 auto;
	    margin-bottom: 10px;
	}
	.xiugai-area-big ul{width:96%;margin: 0 auto;overflow: hidden;box-sizing: border-box;}
	.xiugai-area-big ul li{width:31.9%;float: left;margin-right:15px;box-sizing: border-box;}

	.xiugai-area-info{height:64px;}

	.products-show {
	    width: 96%;
	}
	.products-titlec{line-height: 33px;}

}

.wetopu{height: 30px;width: 100%;}

/*联系我们新增*/
.son {
	padding: 30px 0;
	margin-top: 30px;
	background: #fff;
	overflow: hidden;
	margin-bottom: 20px;
}
.son-logo {
	width: 280px;
	height: 145px;
	padding: 55px 0 0;
	float: left;
	text-align: center;
	font-size: 18px;
	color: #333;
	line-height: 68px;
}
.son ul {
	overflow: hidden;
}
.son li {
	width: 250px;
	height: 180px;
	padding: 20px 0 0;
	float: left;
	margin: 0 36px 0 0;
	background: url(../images/c-bar.jpg) repeat-x;
	text-align: center;
	color: #fff;
}
.son li p {
	line-height: 32px;
	font-size: 14px;
}
.son li b {
	padding: 0 0 0 30px;
	font-size: 20px;
	color: #fff;
	background: url(../images/phone.png) no-repeat left center;
}
.son li span{width: 100%;text-align: center;font-weight:bold;font-size:20px;display: block;line-height:30px;padding-left:17px;}
@media (min-width: 768px) and (max-width: 1024px) {
	.son-logo {
		width: 100%;
		padding: 0;
		height: auto;
		margin: 0 0 30px;
		float: none;
		line-height: 32px;
		font-size: 14px;
	}
	.son ul {
		text-align: center;
		font-size: 0;
	}
	.son li {
		display: inline-block;
		width: 250px;
		height: 180px;
		padding: 20px 0 0;
		float: none;
		margin: 0 15px;
		background: url(../images/c-bar.jpg) repeat-x;
		text-align: center;
		color: #fff;
	}
	.son li:nth-child(3){margin-top: 30px;}
}

@media (min-width: 320px) and (max-width: 736px) {

	.son-logo {
		width: 100%;
		padding: 0;
		height: auto;
		margin: 0 0 20px;
		float: none;
		line-height: 28px;
		font-size: 12px;
	}
	.son-logo img {
		width: 138px;
		height: 42px;
	}
	.son li {
		width: 100%;
		height: auto;
		padding: 10px;
		float: none;
		margin: 0 0 10px;
		overflow: hidden;
		text-align: left;
	}
	.son li img {
		float: left;
		width: 60px;
		height: 60px;
		margin: 0 15px 0 0;
	}
	.son li span{width:76%;}
}


/*公司简介*/
.xiugai-about-box{width: 1180px;margin:0 auto;overflow: hidden;margin-bottom: 23px;}
.xiugai-about-img{width:100%;height: auto;overflow: hidden;margin-bottom: 15px;}
.xiugai-about-img img{max-width: 100%;height: auto;display: block;}
.xiugai-about-info{width: 1180px;margin:0 auto;overflow: hidden;flex: 0 0 49%;font-size: 14px;color: #333;line-height: 30px;margin-bottom: 15px;}
.xiugai-about-tips li {
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 28px;
	color: #333;
}
.xiugai-about-tips h3 {
	font-weight: normal;
}
.xiugai-about-tips p {
	color: #d92432;
}

/*荣誉列表*/
.xiugai-honur-show{width:98%;height: auto;margin:0 auto;overflow: hidden;}
.xiugai-honur-show ul{width: 100%;margin: 0 auto;overflow: hidden;}
.xiugai-honur-show ul li{float: left;margin-right: 15px;width: 373px;margin-bottom: 20px;box-sizing: border-box;}
.xiugai-honur-show ul li img{max-width: 100%;max-height:373px;display: block;}
.xiugai-honur-show ul li p{font-size: 16px;text-align: center;color: #333;line-height: 40px;padding:7px;}
.xiugai-honur-show ul li:nth-child(3n){margin-right: 0px;}


.minixiugai-honur-show{display: none;}
@media (min-width: 320px) and (max-width: 736px) {
.xiugai-about-box{width: 96%;}
.xiugai-about-info{width:100%;}
.xiugai-honur-show{display: none;}
.minixiugai-honur-show{display: block;width:98%;margin: 0 auto;}
.minixiugai-honur-show ul{width: 100%;margin: 0 auto;overflow: hidden;}
.minixiugai-honur-show ul li{float: left;margin-right: 13px;width:47.75%;margin-bottom:0px;box-sizing: border-box;}
.minixiugai-honur-show ul li img{max-width: 100%;max-height:100%;display: block;}
.minixiugai-honur-show ul li p{font-size: 14px;text-align: center;color: #333;line-height:30px;padding:5px;}
.minixiugai-honur-show ul li:nth-child(2n){margin-right: 0px;}


}

@media (min-width: 737px) and (max-width: 1200px) {
.xiugai-about-box{width: 96%;}
.xiugai-about-info{width:100%;}
.minixiugai-honur-show{display: none;}
.xiugai-honur-show ul li{float: left;margin-right:10px;width:32.4%;margin-bottom:10px;box-sizing: border-box;}
.xiugai-honur-show ul li p{font-size: 14px;text-align: center;color: #333;line-height:30px;padding:7px;}
}


/*应聘*/
.zhaopin-box{width: 1180px;margin:0 auto;overflow: hidden;background: #fff;margin-bottom:20px;padding-bottom: 20px;}
.zhaopin-box h3{width:98%;height: 50px;line-height:50px;font-size: 25px;color: #333;padding:30px;}
.yingpin-box{width: 1180px;margin:0 auto;overflow: hidden;}
.ikfbtie{ width:1000px; overflow:hidden; margin:0 auto;}
.ikfbtie-name{ width:480px;height:60px; background:rgba(51,51,51,0.88);margin:0 auto;margin-bottom:20px;margin-right:20px;}
.ikfbtie-name input{ width:100%; height:100%; display:block; overflow:hidden; line-height:60px; text-indent:20px; font-size:16px; color:#fff;}
.ikfbtie-st input.act{ background:#108735;}
.ikfbtie-map0{ width:480px; height:60px; background:rgba(51,51,51,0.88);margin-bottom:20px;position:relative; z-index:5;margin-right:20px;}
.ikfbtie-map0 input{ height:100%; display:block; line-height:60px; overflow:hidden; font-size:16px; color:#fff; width:165px; text-indent:20px;}
.ikfbtie-map0 label{ height:100%; display:block; line-height:60px; overflow:hidden; font-size:16px; color:#fff; width:165px; text-indent:20px;}
.ikfbtie-map0 .ikfbm-wks{ width:260px; margin-right:55px; height:100%; position:relative; cursor:pointer;}
.ikfbtie-map0 .ikfbm-wks span{ width:100%; height:100%; display:block; position:relative; font-size:16px; color:#fff; line-height:60px;}
.ikfbtie-map0 .ikfbm-wks span.act{ color:#007b1e;}
.ikfbtie-map0 .ikfbm-wks i{ background:url(../images/io-xl.png) no-repeat; background-size:100% 100%; width:14px; height:10px; overflow:hidden; display:block; position:absolute; right:0; top:50%; margin-top:-5px;
-webkit-transform:rotate(0deg);-webkit-transition-duration:0.5s; 
	-moz-transform:rotate(0deg);-moz-transition-duration:0.5s; 
	transform:rotate(0deg);transition-duration:0.5s;
}
.ikfbtie-map0 .ikfbm-wks span.act i{
	-webkit-transform:rotate(180deg);-webkit-transition-duration:0.5s; 
	-moz-transform:rotate(180deg);-moz-transition-duration:0.5s; 
	transform:rotate(180deg);transition-duration:0.5s;
}
.ikfbtie-map0 .ikfbm-wks ul{ display:none; background:rgba(51,51,51,0.6); width:100%; height:160px; overflow:auto; position:absolute; left:0; top:60px;}
.ikfbtie-map0 .ikfbm-wks li{ width:100%; height:40px; text-align:center; overflow:hidden; line-height:40px; color:#fff;}
.ikfbtie-map0 .ikfbm-wks li:hover{ background:#007b1e;}
.zpbh-sc2{width: 980px;height:60px;margin:0 auto;position: relative;}
.zpbh-sc2 input{ width:509px; height:60px; background:rgba(51,51,51,0.88);; display:block; overflow:hidden; line-height:60px; border:1px solid rgba(51,51,51,0.88);; border-right:0; text-align:left; text-indent:15px; font-size:16px; color:#fff; cursor:pointer;}
.zpbh-sc2 a{ width:128px; height:60px; display:block; text-align:center; line-height:60px; background:#00611e; border:1px solid #00611e; font-size:16px; color:#fff;}
.zpbh-sc2 a:hover{ color:#fff;}
.zpbh-sc2 .spant{ display:block; overflow:hidden; line-height:60px; font-size:15px; color:#a7a6a6;margin-left: 30px;}
.ikfb-st2 {
	width: 100%;
	margin:20px auto;
	overflow: hidden;
}
.ikfb-st2 input {
    width:540px;
    height: 60px;
    margin:0 auto;
    cursor: pointer;
    display: block;
    color: #fefefe;
    background: #00611e;
    font-size: 24px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
@media(min-width: 320px) and (max-width:769px){
	/*应聘*/
	.zhaopin-box {
	    width: 100%;
	    margin: 0 auto;
	    overflow: hidden;
	    background: #fff;
	    margin-bottom: 20px;
	    padding-bottom: 20px;
	}
	.yingpin-box {
	    width:98%;
	}
	.zhaopin-box h3 {
	    width: 98%;
	    height:auto;
	    padding:12px 20px;
	}
	.ikfbtie {
	    width:98%;
	    overflow: hidden;
	    margin: 0 auto;
	}
	.ikfbtie-name{width: 100%;margin-right: 0px; margin-bottom: 20px;}
	.ikfbtie-map0{width: 100%;}
	.ikfbtie-map0 label{width:42%;}
	.ikfbtie-map0 .ikfbm-wks {
	    width:49%;
	    margin-right:0;
	}
	.zpbh-sc2 .spant{line-height: 15px;margin-top: 10px;margin-bottom: 10px;}
	.zpbh-sc2{width: 100%;height: 82px;}
	.zpbh-sc2 input{width:59%;}
	.ikfb-st2{width: 100%;}
	.ikfb-st2 input {
	    width:100%;
	}
	.zpbh-sc2 a{width:40%;}
}


@media(min-width:770px) and (max-width:1200px){
	/*应聘*/
	.zhaopin-box {
	    width: 100%;
	    margin: 0 auto;
	    overflow: hidden;
	    background: #fff;
	    margin-bottom: 20px;
	    padding-bottom: 20px;
	}
	.yingpin-box {
	    width:98%;
	}
	.zhaopin-box h3 {
	    width: 98%;
	    height:auto;
	    padding:12px 20px;
	}
	.ikfbtie {
	    width:98%;
	    overflow: hidden;
	    margin: 0 auto;
	}
	.ikfbtie-name{width:49%;margin-right: 15px; margin-bottom: 20px;}
	.ikfbtie-name:nth-child(2n){margin-right: 0px;}

	.ikfbtie-map0{width:49%;margin-right: 15px;}
	.ikfbtie-map0:nth-child(2n){margin-right: 0px;}
	.ikfbtie-map0 label{width:42%;}
	.ikfbtie-map0 .ikfbm-wks {
	    width:49%;
	    margin-right:0;
	}
	.zpbh-sc2 .spant{line-height: 23px;margin-top: 10px;margin-bottom: 10px;}
	.zpbh-sc2{width: 100%;height: 82px;}
	.zpbh-sc2 input{width:49%;}
	.ikfb-st2{width: 100%;}
	.ikfb-st2 input {
	    width:70%;
	}
	.zpbh-sc2 a{width:20%;}
}


/*旗下企业*/
.acpune{height:auto;float: right;}
.tupian-show{width:437px;overflow: hidden;height: 334px;}
.tupian-slide{
	width:100%;
	height:100%;
	display: block;
} 
.tupian-show .swiper-slide {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: relative;
}
.tupian-img img{width: 437px;height:334px;display: block;}
div.tupian-show .swiper-pagination {
    width:160px;
    height: 10px;
    position: absolute;
    left: 50%;
    margin-left: -80px;
    bottom: 19px;
    padding-left: 10px;
    text-align: center;
}

div.tupian-show .swiper-pagination span.swiper-pagination-bullet{ width:10px; height:10px; display:block; overflow:hidden; border-radius:50%; background:#fff; float:left; margin:0 7px 0 0;}
div.tupian-show .swiper-pagination span.swiper-pagination-bullet-active{ background:#B91B21;}


.xiugai-linkbox{position: relative;}
/*电话*/
/*
.telxi span{
	background: url(../images/dinahu.png) no-repeat left top;
	width: 50px;
	height:48px;
	display:block;
	float: left;
}*/
.telxi{
    width: 437px;
    height: auto;
    margin-top: 10px;
    overflow: hidden;
}
.apbnat{
	width: 133px;
    height: auto;
    float: left;
    margin-right:19px;
    margin-top: 15px;
}
.apbnat:nth-child(3n){
	margin-right: 0;
}
.apbnat img{
	width: 133px;height: 133px;
}
.apbnat p{
	width: 133px;line-height:37px;text-align: center;font-size: 15px;text-indent: 0;
}
/*.telxi img{
	width:120px;height: 120px;
}
.telxi p{
	width:292px;
	float:left;
	line-height: 40px;
	color: #b91b21;
	font-size: 18px;
	font-weight: bold;
}*/
div.xiugai-telxi{
	width:100%;
	height: 48px;
	margin-top: 20px;
}
div.xiugai-telxi span{
	background: url(../images/dinahu.png) no-repeat left top;
	width: 50px;
	height:48px;
	display:block;
	float: left;
}
div.xiugai-telxi p{
	width: 387px;
	float: left;
	line-height: 40px;
	color: #b91b21;
	font-size: 15px;
	font-weight: bold;
}
.vpabr{
	width: 100%;margin:20px auto;overflow: hidden;
}
.vpabr .link-btn{
    margin-bottom: 15px;
    width: 47%;
    float: left;
    margin-right: 10px;
    margin-top: 0;
}
.vpabr .link-btn:nth-child(2n){
	margin-right: 0;
}
/*党建*/
.inocw{width: 1180px;height: auto;margin:0 auto;overflow: hidden;margin-bottom: 20px;}
.inocw img{max-width: 100%;height: auto;display: block;}

/*旗下企业*/
.xiugai-hin{width: 1180px;margin:0 auto;line-height: 24px;font-size: 14px;}

@media(min-width: 320px) and (max-width:767px){
	.acpune{width:100%;height: auto;}
	.tupian-show{width:100%;overflow: hidden;height:auto; }
	.tupian-slide{
		width:100%;
		height: auto;
		margin:0 auto;
	} 
	.tupian-img img{max-width: 100%;max-height:100%;height:auto;display: block;width: 100%;}
/*	.telxi p{
		line-height:39px;
		color: #b91b21;
	}

	.telxi p{
		width:83%;
	}
*/
	div.xiugai-telxi p{
		width: 85%;
		float: left;
		line-height: 21px;
		color: #b91b21;
		font-size: 15px;
		font-weight: bold;
	}

	.inocw{width:98%;}
    .xiugai-hin{width: 100%;margin:0 auto;line-height: 24px;font-size: 14px;}
	.telxi{
		width: 100%;
	}
    .apbnat{
    	width: 100%;margin-right:0;margin-bottom: 10px;clear: both;
    }
    .apbnat img{
    	width: 100%;
    	height: auto;
    }
    .apbnat p{
    	width: 100%;
    }

}
@media(min-width: 768px) and (max-width:1200px){
	.acpune{width:46%;height:auto;}
	.tupian-show{width:100%;height: auto;}
	.tupian-slide{
		width:100%;
		height: auto;
		margin:0 auto;
	} 
	.tupian-img img{max-width: 100%;max-height:100%;height:auto;display: block;width: 100%;}
    .xiugai-link-info{width:50%;}
    .xiugai-link-info img{max-width: 100%;height: auto;display: block;}
   
	.telxi p{
		width:85%;
		font-size: 17px;

	}
	
    div.xiugai-telxi p{
		width:85%;
		line-height: 21px;
	}
	.inocw{width:98%;}
    .xiugai-hin{width: 100%;margin:0 auto;line-height: 24px;font-size: 14px;}


    .telxi{
		width: 100%;
	}
    .apbnat{
    	width:48%;margin-right:12px;margin-bottom: 12px;
    }
    .apbnat:nth-child(3n){
    	margin-right:12px;
    }
    .apbnat:nth-child(2n){
    	margin-right: 0;
    }
    .apbnat img{
    	width: 100%;
    	height: auto;
    }
    .apbnat p{
    	width: 100%;
    }


}



/*十大人物*/
.fame-banner {
	width: 100%;
	position: relative;
}
.fame-banner img {
	width: 100%;
}
.fame-banner .cup {
	width: 454px;
	height:340px;
	position: absolute;
	top: 22px;
	left: 50%;
	margin-left: -636px;
	z-index: 999;
}

.fame-slide {
	width: 1180px;
	margin: 0 auto;
	padding: 70px 30px;
	background: #f7f7f7;
	box-sizing: border-box;
}
.fame-slide .swiper-slide {
}
.fame-box {
	padding: 30px;
	height: 400px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.fame-box:hover {
	background: #fff;
	box-shadow: 0 14px 54px rgba(16,16,16,0.3);
}
.fame-img {
	width: 185px;
	height: 185px;
	margin: 0 auto;
	border-radius: 50%;
	overflow: hidden;
}
.fame-img img {
	width: 100%;
}
.fame-box h3 {
	font-weight: normal; 
	text-align: center;
	font-size: 22px;
	color: #333;
	line-height: 40px;
}
.fame-bar {
	width: 100%;
	height: 35px;
	margin: 0 auto 10px;
	background: #ffede5;
	text-align: center;
	line-height: 35px;
	font-size: 16px;
	color: #7a7878;
}
.fame-bar span {
	margin: 0 10px;

}
.fame-box p {
	font-size: 13px;
	line-height: 22px;
	color: #7a7878;
}

.fame-mini {
	display: none;
}


@media (min-width: 768px) and (max-width: 1024px) {
	.fame-banner .cup {
		width: 280px;
		height: 212px;
		top: 10px;
		margin-left: -413px;
	}
	.fame-slide {
		width: 100%;
		padding:100px 15px;
		height: auto;
		background: #f7f7f7;
	}
	.fame-box {
		padding: 15px;
		height: 350px;
	}
	.fame-img {
		width: 120px;
		height: 120px;
	}
	
}

@media (min-width: 320px) and (max-width: 736px) {
	.fame-slide {
		display: none;
	}
	.fame-mini {
		display: block;
	}
	.fame-banner .cup {
		width: 99px;
		height: 74px;
		top: 5px;
		margin-left: -150px;
	}
	.fame-mini {
		padding: 30px;
	}
	.fame-box {
		padding: 15px;
		height: 426px;
	}
	.fame-img {
		width: 100px;
		height: 100px;
	}
}

@media (min-width:1300px) and (max-width:1400px) {
	
	.fame-banner .cup {
		width: 405px;
		height:304px;
		top: 5px;
		left:10px;
		margin-left: 0;
	}
	
}

@media (min-width:1050px) and (max-width:1250px) {
	
	.fame-banner .cup {
		width: 359px;
		height:269px;
		top: 5px;
		left:10px;
		margin-left: 0;
	}
	
}
/*发展历程*/
.build {
	padding: 15px;
	background: #fff;
	overflow: hidden;
}
.build-we {
	width: 253px;
	float: left;
}

.build-slide {
	width: 897px;
	float: left;
	background: url(../images/build-bar.jpg) repeat-x 0 60px;
}
.build-slide ul {
	padding: 15px;
	width: 250px;
	margin: 0 auto;
	box-sizing: border-box;
	border: 1px #e2e2e2 solid;
}
.build-slide li p {
	height: auto;
	line-height:26px;
	font-size: 16px;
	color: #333;
}
.build-img {
	width: 220px;
	height: 145px;
	overflow: hidden;
}
.build-img img{width: 220px;height:145px;display: block;}
.build-ti {
	height: 70px;
	margin: 0 0 4px;
	text-align: center;
	position: relative;
}
.build-ti h3 {
	height: 62px;
	font-size: 20px;
	color: #b91b21;
	line-height: 62px;
}
.build-ti i {
	display: block;
	width: 18px;
	height: 18px;
	background: url(../images/dot.png) no-repeat;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -9px;
	z-index: 9;
}
.build-arrow {
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #333;
	position: absolute;
	top: 15px;
	z-index: 999;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
}
.build-arrow:hover {
	background: #b91b21;
	color: #fff;
}
.build-left {
	left: 20px;
}
.build-right {
	right: 20px;
}
.build-mini {
	display: none;
}

@media (min-width: 768px) and (max-width: 1024px) {
	.build-we {
		display: none;
	}
	.build-slide {
		width: 100%;
		float: none;
	}
}

@media (min-width: 320px) and (max-width: 736px) {
	.build-slide {
		display: none;
	}
	.build-mini {
		display: block;
	}
	.build-we {
		display: none;
	}
	.build-mini {
		background: url(../images/build-bar.jpg) repeat-x 0 60px;
	}
	.build-mini ul {
		width: 100%;
	}
	.build-mini li p {
		height: 56px;
		line-height: 23px;
		font-size: 16px;
		color: #333;
		overflow: hidden;
	
	}
	.build-img {
		width: 100%;
		height: 190px;
		overflow: hidden;
	}

	.build-img img{width:100%;height:100%;}
}


/*企业文化*/
.xiugai-wenhua{width: 100%;height: auto;margin:0 auto;overflow: hidden;}
.xiugai-wenhua img{max-width: 100%;height: auto;}
.xiugai-renjia{width: 100%;height: auto;margin:0 auto;overflow: hidden;background: #fff;}
.xiugai-rj{width: 1180px;height: auto;overflow: hidden;margin: 0 auto;}
.xiugai-empty{height:70px;}
/*.xiugai-empty2{height:40px;}*/
.xiugai-empty3{height:70px;}
.xiugai-rj h3{
	margin-top: 0;
	margin-bottom:2em;
	word-wrap: break-word;
	word-break: break-word;
	color: #525252;
	font-weight: 300;
	font-size: 28.8px;
	line-height: 1.44;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	text-align: center;
}
.xiugai-rj h3:after{
    content: '';
    display: block;
    border-top: 1px solid #ddd;
    width: 6em;
    margin: 1em auto;
}
.xiugai-rjcon{
	width: 880px;
	margin: 0 auto;
	overflow: hidden;
	color: #707070;
	font-size: 17px;
	line-height:35px;

}
.xiugai-rjcon:after{content: " ";display: table;}
.xiugai-niandu3{width:100%;overflow:hidden;margin: 0 auto;background:url(../images/rise_index_17.jpg) no-repeat left top;height:660px;background-size: 100% 100%;}


.xiugai-neikuang{width:1180px;margin:0 auto;overflow: hidden;}
.xiugai-neikuang h3{
	margin-top: 0;
	margin-bottom:2em;
	word-wrap: break-word;
	word-break: break-word;
	color: #ffffff;
	font-weight: 300;
	font-size: 28.8px;
	line-height: 1.44;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	text-align: center;
}
.xiugai-neikuang h3:after{
    content: '';
    display: block;
    border-top: 1px solid #ddd;
    width: 6em;
    margin: 1em auto;
}
.xiugai-videotp{width:920px;height: 410px;margin:0 auto;overflow: hidden;position: relative;}
.xiugai-videotp img{width:100%;height:410px;}
.xiugai-videotp i{
	position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: url(../images/bf_btn.png) no-repeat center center;
    cursor: pointer;
}

/*遇见更好的自己*/
.xiugai-shipin{width: 100%;height: auto;overflow: hidden;}
.xiugai-shipin h3{
	margin-top: 0;
	margin-bottom:2em;
	word-wrap: break-word;
	word-break: break-word;
	color: #525252;
	font-weight: 300;
	font-size: 28.8px;
	line-height: 1.44;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	text-align: center;
}
.xiugai-shipin h3:after{
    content: '';
    display: block;
    border-top: 1px solid #525252;
    width: 6em;
    margin: 1em auto;
}
.xiugai-videos{width:1180px;height: auto;overflow: hidden;margin: 0 auto;}
.xiugai-videos ul{
width: 100%;height: auto;overflow: hidden;    display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.xiugai-videos ul li{
    flex: 0 0 49%;
    margin: 0 0 20px;
}

.xiugai-videos ul li .videos-img2 {
    width: 100%;
    height: 290px;
    background: #fff;
    overflow: hidden;
    position: relative;
}
.xiugai-videos ul li .videos-img2 img{width:100%;height: auto;}
.xiugai-videos ul li .videos-info2 {
    width: 96%;
    background: #fff;
    margin: 0 auto;
    height: 50px;
    font-size: 15px;
    line-height: 50px;
    padding: 10px;
	
}
.xiugai-videos ul li i {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: url(../images/bf_btn.png) no-repeat center center;
    cursor: pointer;
}
@media (width: 320px){
	.xiugai-rj {
	    width:98%;
	}
	.xiugai-rjcon h3{font-size: 20px;line-height: 24px;}
	.xiugai-rjcon{width:98%;margin:0 auto;line-height: 27px;font-size:15px;}

	.xiugai-videos{width:100%;}
	.xiugai-videos ul li{
	    width:100%;
	    float: none;
	    flex: none;
	    margin:0 auto;
	    margin-bottom: 15px;
	}

	.xiugai-videos ul li .videos-info2 {
		width: 100%;
		line-height: 25px;
		padding: 7px;
		text-align: center;
		height: 68px;

	}

	.xiugai-videos ul li .videos-img2 {
	    height:auto;
	}

	.xiugai-niandu3{height: auto;}
	.xiugai-neikuang{width: 100%;height:auto;}
	.xiugai-videotp{width: 96%;height:auto;}
	.xiugai-videotp img{
		width: 100%;
	    height: auto;
	}
	.xiugai-videotp i{ 
		background: url(../images/mini_bfbtn.png) no-repeat center center;
	}
    .xiugai-videos{width:100%;}
    .xiugai-videos ul li{
	    width:100%;
	    float: none;
	    flex: none;
	    margin:0 auto;
	    margin-bottom: 15px;
	}

	.xiugai-videos ul li i {
	    background: url(../images/mini_bfbtn.png) no-repeat center center;
	}

	.xiugai-videos ul li .videos-info2 {
		width: 100%;
		line-height: 25px;
		padding: 7px;
		text-align: center;
		height: 68px;

	}

	.xiugai-videos ul li .videos-img2 {
	    height:auto;
	}

	.xiugai-empty{height:18px;}
	.xiugai-empty2{height:0;}
	.xiugai-empty3{height:18px;}

}

@media (min-width: 360px) and (max-width: 736px) {
	.xiugai-rj {
	    width:98%;
	}

	.xiugai-empty{height:13px;}
	.xiugai-empty2{height:0;}
	.xiugai-empty3{height:13px;}
	.xiugai-rjcon h3{font-size: 20px;line-height: 24px;}
	.xiugai-rjcon{width:98%;margin:0 auto;line-height: 27px;font-size:15px;}
	.xiugai-niandu3{height: auto;}
	.xiugai-neikuang{width: 100%;height:auto;}
	.xiugai-videotp{width: 96%;margin: 0 auto;height:auto;}
	.xiugai-videotp img{
		width: 100%;
	    height:auto;
	}
    .xiugai-videos{width:100%;}
    .xiugai-videos ul li{
	    width:100%;
	    float: none;
	    flex: none;
	    margin:0 auto;
	    margin-bottom: 15px;
	}

	.xiugai-videos ul li .videos-info2 {
		width: 100%;
		line-height: 25px;
		padding: 7px;
		text-align: center;
		height: 68px;

	}

	.xiugai-videos ul li .videos-img2 {
	    height:auto;
	}

	.xiugai-videotp i{ 
		background: url(../images/mini_bfbtn.png) no-repeat center center;
	}

	.xiugai-videos ul li i {
	    background: url(../images/mini_bfbtn.png) no-repeat center center;
	}


}


@media (min-width:737px) and (max-width:1200px) {
	.xiugai-rj {
	    width:98%;
	}

	.xiugai-empty{height:13px;}
	.xiugai-empty2{height:0;}
	.xiugai-empty3{height:20px;}
	.xiugai-rjcon h3{font-size: 20px;line-height: 24px;}
	.xiugai-rjcon{width:68%;margin:0 auto;line-height: 27px;font-size:15px;}
	.xiugai-niandu3{height: auto;}
	.xiugai-neikuang{width: 100%;}
	.xiugai-videotp{width: 96%;margin: 0 auto;height:auto;}
	.xiugai-videotp img{
		width: 100%;
	    height:auto;
	    display: block;
	}

	.xiugai-videos{width:100%;}
	.xiugai-videos ul li{
	    width:48%;
	    float: left;
	    margin: 0 0 20px;
	}
	.xiugai-videos ul li .videos-img2 {
	    height: auto;

	}
	.xiugai-videos ul li .videos-info2 {
		width: 95%;
	    margin: 0 auto;
	    height: 50px;
	    font-size: 15px;
	    line-height: 25px;
	    padding: 10px;
	}

}


/*联系方式*/

.xiugai-contact{
	padding:20px 0;
	margin-top: 30px;
	background: #fff;
	overflow: hidden;
	margin-bottom: 20px;
}
.xiugai-toubu{width:100%;height:64px;margin:0 auto;overflow: hidden;padding:0 40px;}
.xiugai-toubu img{float: left;}
.xiugai-toubu span{
	float: left;
	color: #323131;
	font-size:23px;
	line-height:55px;
	margin-left:31px;
}
.xiugai-conw{width: 1031px;height: auto;overflow: hidden;margin: 0 auto;}
.xiugai-conw ul li{float: left;width:21%;height: auto;padding: 20px;}
.xiugai-conw ul li p{color: #323131;font-size:17px;text-align: center;margin:15px 0 20px 0}
.xiugai-ijmg{text-align: center;}
.xiugai-dive{
 /*   background: url(../images/telephone.jpg) no-repeat 18px top;*/
    width: 100%;
    height: 30px;
    color: #CF1C20;
    font-size: 22px;
    line-height: 20px;
    font-weight: lighter;
    text-align: center;
    margin:0 auto;
}
.xiugai-dive img{width:auto;height:auto;margin-right: 8px;}
.xiugai-ijmg img{width:auto;height:auto;}
/*.xiugai-dive{width:94%;margin:0 auto;overflow: hidden;text-align: center;}*/
/*.xiugai-dive span{background:url(../images/telephone.jpg) no-repeat left top;width:30px;height:30px;display: block;float: left;}
.xiugai-dive b{
	color: #CF1C20;
    font-size:22px;
    float: left;
    font-weight: normal;
    line-height: 17px;
}
*/
@media (min-width: 320px) and (max-width: 736px){
.xiugai-toubu img{max-width: 100%;height: auto;width: auto;}
.xiugai-toubu span{font-size: 18px;}
.xiugai-conw{width: 98%;}
.xiugai-conw ul li{width:100%;}
.xiugai-dive{width:84%;text-indent: 0px;}
}

@media (min-width:768px) and (max-width:990px){
.xiugai-toubu img{max-width: 100%;height: auto;width: auto;}
.xiugai-toubu span{font-size: 18px;}
.xiugai-conw{width: 98%;}
.xiugai-conw ul li{width:45%;float: left;padding:15px;}
.xiugai-dive{width:84%;text-indent: 0px;}
.xiugai-ijmg{}
}

.xiugai-fame-banner{width: 100%;height:auto;position: relative;}
.xiugai-fame-banner img {
	width: 100%;
}
.xiugai-fame-banner .cup {
	width: 454px;
	height:340px;
	position: absolute;
	top: 22px;
	left: 50%;
	margin-left: -636px;
	z-index: 999;
}
.fame h3{    
	margin-top: 0;
	margin-bottom: 2em;
	word-wrap: break-word;
	word-break: break-word;
	color: #525252;
	font-weight: 300;
	font-size: 28.8px;
	line-height: 1.44;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	text-align: center;
}

.fame h3:after{
    content: '';
    display: block;
    border-top: 1px solid #ddd;
    width: 6em;
    margin: 1em auto;
}
.xiugai-fame{width:100%;overflow: hidden;margin-bottom: 20px;}

@media (min-width: 768px) and (max-width:1000px) {
	.xiugai-fame-banner .cup {
		width: 186px;
	    height: 140px;
	    top: 10px;
	    margin-left: -342px;

	}

	.fame-bar span{font-size: 12px;}
	.fame h3{margin-bottom: 0em;}
	
}

@media (min-width: 1001px) and (max-width:1050px) {
	.xiugai-fame-banner .cup {
		width: 228px;
	    height: 171px;
	    top: 10px;
	    margin-left: -342px;

	}

	.fame-bar span{font-size: 12px;}
	.fame h3{margin-bottom: 0em;}
	
}
@media (min-width: 320px) and (max-width: 736px) {
.fame-bar span{font-size: 12px;}
	.xiugai-fame-banner .cup {
		width: 99px;
		height: 74px;
		top: 5px;
		margin-left: -150px;
	}
	
}

@media (min-width:1300px) and (max-width:1400px) {
	
	.xiugai-fame-banner .cup {
		width: 405px;
		height:304px;
		top: 5px;
		left:10px;
		margin-left: 0;
	}
	
}

@media (min-width:1050px) and (max-width:1290px) {
	
	.xiugai-fame-banner .cup {
		width: 359px;
		height:269px;
		top: 5px;
		left:10px;
		margin-left: 0;
	}
	
}
/*oem代工*/
.xiugai-oem{
	width: 1180px;
    margin: 0 auto;
    min-height:455px;
    height: auto;
}

.oem-show{width:380px;height:auto;float: left;overflow: hidden;padding-top: 11px;}
.xiugai-oem-tips{width:760px;float: left;height: auto;overflow: hidden;margin-left:40px;color: #323232;font-size: 18px;line-height:30px;}
.oem-slide {
    width: 100%;
    height: 100%;
    display: block;
}

div.oem-show .swiper-pagination {
    width:140px;
    height: 10px;
    position: absolute;
    left:50%;
    bottom: 19px;
    text-align: center;
    margin-left: -70px;
}
.xiuaon-onew{width:100%;text-align: center; 
	font-size: 20px;
	line-height: 70px;
}
div.oem-show .swiper-pagination span.swiper-pagination-bullet{ width:13px; height:13px; display:block; overflow:hidden; border-radius:50%; background:#E4A3A6; float:left; margin:0 10px 0 0;}
div.oem-show .swiper-pagination span.swiper-pagination-bullet-active{ background:#BB1D23;}
div.xiuaon-onew img{max-width: 100%;height: auto;width:auto;}


@media (min-width: 320px) and (max-width: 736px) {
.xiugai-oem{
	width: 100%;
    margin: 0 auto;
   /* min-height:455px;*/
    height: 1258px;
}

.oem-show{width:100%;}
.xiugai-oem-tips{width:100%;margin:0 auto;margin-left: 0px;}
.xiuaon-onew{line-height:30px;}
}



@media (min-width:737px) and (max-width:1200px) {

.xiugai-oem{
	width: 100%;
    margin: 0 auto;
    min-height:556px;
    height: auto;
}

.oem-show{width:30%;}
div.oem-show .swiper-pagination{left: 53%;}
.xiugai-oem-tips{width:64%;font-size: 17px;}
}

  
.pageshow{  margin: 50px auto 20px; clear: both; }
.pageshow .current{ background:#B91B21;color:#FFFFFF;height:40px; width: 50px;  padding: 12px 17px; margin-left: 5px;border:1px solid #B91B21;font-size: 14px;}
.pageshow .btn-danger,.pageshow .num,.pageshow .prev,.pageshow .next,.pageshow .first,.pageshow .end{height:40px; width: 50px; background:#ffff ; color:#999999;  padding: 12px 17px; margin-left: 5px; border:1px solid #E6E6E6;font-size: 14px;}
.xf-banner{ width:100%; height:0; overflow:hidden; background:rgba(124, 172, 237, 0.74);}
.xfb{ width:1180px; height:100%; position:relative; overflow:hidden;}
.xfb-tx{ width:100%; height:100%; overflow:hidden; position:relative; z-index:2; text-align:center; line-height:44px; color:#fff;}
.xfb-off{ width:44px; height:100%; position:absolute; z-index:10; top:0; right:0; text-align:center; line-height:44px; color:#fff; font-size:16px; cursor:pointer;}
@media screen and (max-width:1180px){
.xf-banner{ display:none;}      
}
@media (min-width: 320px) and (max-width: 736px) {
    .xf-banner{ display:none;width: 100%;} 
    .xfb {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .xfb-tx{ width:100%; height:100%; overflow:hidden; position:relative; z-index:2; text-align:center; line-height:22px; color:#fff;}
}
@media (min-width: 768px) and (max-width: 1200px) {
    .xf-banner{ display:none;width: 100%;} 
    .xfb {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .xfb-tx{ width:100%; height:100%; overflow:hidden; position:relative; z-index:2; text-align:center; line-height:44px; color:#fff;}
}


.teth{
	width: 100%;margin:30px auto 20px; text-align: center;
}
.teth img{
	width: 150px;height: 150px;
}

@media only screen and (max-width: 750px) {
    .teth img{
     	width:46%;
     	height: auto;
    }

}

@media only screen and (width:320px) {
    .teth img{
     	width: 100%;
     	height: auto;
    }

}

.link-ti li a{
	height: 72px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.link-ti li p{
	display:inline-block;
    line-height: 25px;
    margin-top: 8px;
}
.link-ti li p span{
    display: inline-block;
    width: 100%;

}

.link-ti li p span:last-child{
	font-size: 16px;
}

@media only screen and (max-width: 750px) {
	.link-ti{
		height: auto;
	}
	.link-ti ul{
		display: block;
		height: auto;
		overflow: hidden;
	}
    .link-ti li{
     	width:33.33%;
     	float: left;
     	height: auto;
     	font-size: 16px;
    }
	.link-ti li p {
	    line-height: 20px;
	    margin-top: 0;
	}
    .link-ti li p span:last-child{
		font-size: 14px;
	}
	.link-ti em{
		top: 72px;
	}

}