﻿@charset "utf-8";
/* CSS Document */
body {
	font-family: -apple-system, BlinkMacSystemFont,  "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",  "Fira Sans", "Droid Sans", "Helvetica Neue", "微软雅黑",  sans-serif;
font-size:16px !important;
}
a {
	text-decoration: none;
}
li {
	list-style-type: none;
}
/*bannercss*/
.chbanner {
	background: url(../images/about_01.jpg) no-repeat left top;
	background-size: 100%;
	height: 540px;
}
.bntxt {
	padding-top: 3.37%;
	max-width: 1200px;
	margin: 0 auto;
}
.year {
	line-height: 126px;
	float: left;
	font-weight: bold;
	font-family: "微软雅黑";
	font-size: 9.5rem !important; 
	color: #027c03;
}
.bntxt span {
	display: inline-block;
	margin-left: 26px;
}
.bntxt span b {
	font-family: "微软雅黑";
	font-size: 5rem;
	color: #027c03;
	margin: 0;
	line-height: 82px;
}
.bntxt span p {
	text-align: center;
	background: #027c03;
	font-family: "微软雅黑";
	font-size: 35.47px;
	color: #fff;
	margin: 0;
}
.bna {
	max-width: 1200px;
	margin: 0 auto;
}
.kuai {
	max-width: 283px;
	height: 8px;
	background: #027c03;
	margin-top: 39px;
}
.bna p {
	margin: 0;
	font-family: "微软雅黑";
	font-size: 2.64rem;
	margin-top: 2%;
	margin-bottom: 3.5%;
	letter-spacing: 8px;
	font-weight: 400;
}
.bna a {
	display: inline-block;
	width: 27%;
	background: #ffb137;
	border-radius: 10px;
	text-align: center;
	line-height: 50px;
	font-family: "微软雅黑";
	font-size: 26px;
	color: #363636;
	letter-spacing: 2px;
	transform: translate(0, 0);
	transition: all .3s ease-in 0s;
}
.bna a:hover {
	color: #fff;
	background: #027c03;
}
/*brand introduction css*/
.about {
	padding-top: 3%;
	width: 1200px;
	margin: 0 auto;
}
.about img {
}
.about_r {
	float: right;
	width: 62%;
}
.about_rt {
	width: 53%;
	text-align: center;
	float: right;
	padding-top: 10px;
}
.about_rt b {
	font-family: "微软雅黑";
	font-size: 1.62rem;
}
.about_rt p {
	font-family: "微软雅黑";
	font-size: 0.87rem;
	line-height: 36px;
	margin: 0;
}
.about_txt {
	padding-top: 34px;
}
.about_txt p {
	text-indent: 2rem;
	font-family: "微软雅黑";
	line-height: 26px;
}
/*20year milestone css*/
.mod_about_3 {
	height: 680px;
	background: url(../images/about_06.jpg) repeat-x;
	font-family: "微软雅黑";
}
.mt50 {
	
	margin-bottom: 100px;
}
.fl {
	
	float: left;
	display: inline;
}
.wrap {
	width: 1200px;
	margin: 0 auto;
	background: #FFF;
}
.mod_about_3 .tit {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 2.6rem;
	color: #000;
	margin-top: 96px;
}
.mod_about_3 .tit p {
	margin: 0;
	font-family: "微软雅黑";
	font-size: 1.1rem;
	letter-spacing: 2px
}
.mod_about_3 .box {
	width: 1200px;
	height: 415px;
	float: left;
	background: url(../images/about_fzlc_zjx.jpg) center repeat-x;
	margin-top: 40px;
	position: relative;
}
.mod_about_3 .box .left {
	width: 30px;
	height: 416px;
	float: left;
	position: absolute;
	z-index: 1;
}
.mod_about_3 .box .list {
	width: 1100px;
	height: 450px;
	float: left;
	overflow: hidden;
	z-index: 2;
}
.mod_about_3 .box .right {
	width: 70px;
	height: 416px;
	float: right;
}
.mod_about_3 .box .list ul {
	width: 10000px;
	height: 416px;
	position: relative;
}
.mod_about_3 .box .list .li {
	width: 275px;
	height: 208px;
	float: left;
	position: relative;
}
.mod_about_3 .box .list .li:nth-child(even) .y {
	top: -27px;
	left: 0;
}
.mod_about_3 .box .list .li .y {
	width: 54px;
	height: 54px;
	background: #000;
	color: #FFF;
	font-size: 18px;
	text-align: center;
	line-height: 54px;
	border-radius: 54px;
	position: absolute;
	z-index: 2;
}
.mod_about_3 .box .list .li:nth-child(odd) .y {
	bottom: -27px;
	left: 0;
}
/*标记 缺图片*/

.mod_about_3 .box .list .li .x {
	width: 8px;
	height: 207px;
	position: absolute;
	left: 24px;
	z-index: 1;
}
.mod_about_3 .box .list .li:hover .y {
	background: #D80000;
}
.mod_about_3 .box .list .li:nth-child(odd) .x {
	background: url(../images/about_fzlc_x_1.png) no-repeat;
}
.mod_about_3 .box .list .li:nth-child(odd):hover .x {
	background: url(../images/about_fzlc_x_3.png) no-repeat;
}
.mod_about_3 .box .list .li:nth-child(even) .x {
	background: url(../images/about_fzlc_x_2.png) no-repeat;
}
.mod_about_3 .box .list .li:nth-child(even):hover .x {
	background: url(../images/about_fzlc_x_4.png) no-repeat;
}
.mod_about_3 .box .list .li .t {
	width: 220px;
	float: left;
	margin-left: 40px;
	padding: 0 15px 10px 15px;
}
.mod_about_3 .box .list .li .t p {
	width: 100%;
	float: left;
	color: #000;
	font-family: "微软雅黑";
	font-size: 0.8rem;
	margin-top: 10px;
	line-height: 160%;
	text-align: justify;
	display: inline-block;
	margin: 0;
	padding: 0;
}
.mod_about_3 .box .list .li:nth-child(even) .t {
	margin-top: 40px;
}
.mod_about_3 .box .list .li:nth-child(even) {
	margin-top: 208px;
}
.mod_about_3 .box .btn_left {
	left: -70px;
}
.mod_about_3 .box .btn {
	width: 45px;
	height: 45px;
	background: #FFF;
	position: absolute;
	top: 45%;
	border-radius: 45px;
	line-height: 45px;
	text-align: center;
	font-family: "宋体";
	font-size: 24px;
	font-weight: bold;
}
.mod_about_3 .box .btn_right {
	right: -70px;
}
.mod_about_3 .box .right li {
	color: #FFF;
	font-size: 20px;
	text-align: center;
	float: left;
	margin-top: 150px;
}
.mod_about_3 .box .right li span, .mod_about_3 .box .right li em {
	color: #D80000;
	width: 100%;
	text-align: center;
	display: inline-block;
}
.mod_about_3 .box .right li span {
	color: #D80000;
}
/*customers css*/
.choices {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.choices_title b {
	font-family: "微软雅黑";
	font-size: 2.6rem;
	font-weight: 100;
        
}
.choices_content {
	width: 100%;
	margin: 0;
}
.choices_content ul {
	margin-top: 40px;
	padding: 0;
	overflow: hidden;
}
.choices_content ul li {
	float: left;
	width: 19.4%;
	margin-right: 0.7%;
	margin-top: 0.2%;
	margin-bottom: 0.2%;
}
.choices_content ul li:nth-child(5) {
	margin-right: 0;
}
.choices_content ul li:nth-child(12) {
	margin-right: 0;
}
.choices_content ul .tes {
	background: #027c03;
	width: 79.7%;
	margin-right: 0;
}
.choices_content ul li img {
	width: 100%;
}
.choices_content a {
	margin-top: 50px;
	display: inline-block;
	width: 27%;
	background: #af9258;
	border-radius: 10px;
	text-align: center;
	line-height: 50px;
	font-family: "微软雅黑";
	font-size: 20px;
	color: #fff;
	letter-spacing: 2px;
	transform: translate(0, 0);
	transition: all .3s ease-in 0s;
}
.choices_content a:hover {
	color: #fff;
	background: #c40000;
}
/*culture css*/
.culture {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	margin-top: 3%;
}
.culture b {
	font-family: "微软雅黑";
	font-size: 2.6rem;
	font-weight: 100;
        line-height:90px;
}
.culture_content {
	margin-top: 40px;
	margin-bottom: 110px;
}
/*honor css*/
.honor {
	margin-bottom:80px;
	max-width: 100%;
	text-align: center;
}
.honor b {
	font-family: "微软雅黑";
	font-size: 2.6rem;
	font-weight: 100;
    
}
.honor_top{
       margin-bottom:10px;
}
/*幻灯片css*/
.gallery {
	background: url(../images/about_12.jpg) no-repeat left top;
	background-size: 100%;
}
.gallery-cell {
	width: 100%;
	height: 570px;
}
.gallery-cell img {
	padding-top:4%;
	display: block;
	max-height: 400px;
	max-width: 100%;
	margin: 0 auto;
}
.flickity-enabled {
	position: relative;
}
.flickity-enabled:focus {
	outline: none;
}
.flickity-viewport {
	overflow: hidden;
	position: relative;
	height: 100%;
}
.flickity-slider {
	position: absolute;
	width: 100%;
	height: 100%;
}
/* draggable */

.flickity-enabled.is-draggable {
	-webkit-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}
/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
	position: absolute;
	top: 50%;
	width: 44px;
	height: 44px;
	border: none;
	border-radius: 50%;
	background: white;
	background: hsla(0, 0%, 100%, 0.75);
	cursor: pointer;
	/* vertically center */
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.flickity-prev-next-button:hover {
	background: white;
}
.flickity-prev-next-button:focus {
	outline: none;
	box-shadow: 0 0 0 5px #09F;
}
.flickity-prev-next-button:active {
	filter: alpha(opacity=60); /* IE8 */
	opacity: 0.6;
}
.flickity-prev-next-button.previous {
	left: 25%;
}
.flickity-prev-next-button.next {
	right: 25%;
}
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
	left: auto;
	right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
	right: auto;
	left: 10px;
}
.flickity-prev-next-button:disabled {
	filter: alpha(opacity=30); /* IE8 */
	opacity: 0.3;
	cursor: auto;
}
.flickity-prev-next-button svg {
	position: absolute;
	left: 20%;
	top: 20%;
	width: 60%;
	height: 60%;
}
.flickity-prev-next-button .arrow {
        transform:none;
	fill: #333;
}
/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
	color: #333;
	font-size: 26px;
}
/* ---- page dots ---- */

.flickity-page-dots {
	display: none;
	position: absolute;
	width: 100%;
	bottom: -25px;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	line-height: 1;
}
.flickity-rtl .flickity-page-dots {
	direction: rtl;
}
.flickity-page-dots .dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 8px;
	background: #333;
	border-radius: 50%;
	filter: alpha(opacity=25); /* IE8 */
	opacity: 0.25;
	cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
	filter: alpha(opacity=100); /* IE8 */
	opacity: 1;
}
/*Contact css*/
.Contact{
	overflow:hidden;
	max-width:1200px;
	text-align:center;
	margin:0 auto;
	}
.Contact span{
	font-family:"微软雅黑";
	font-size:1.8rem;
	display:inherit;
	font-weight:100;
	}
.Contact a{
	margin-top: 50px;
	display: inline-block;
	width: 27%;
	background: #af9258;
	border-radius: 10px;
	text-align: center;
	line-height: 50px;
	font-family: "微软雅黑";
	font-size: 18px;
	color: #fff;
	letter-spacing: 2px;
	transform: translate(0, 0);
	transition: all .3s ease-in 0s;
	margin-bottom:110px;
	}
.Contact a:hover{
		color: #fff;
	background: #c40000;

	}
.Contact_bottom{
	overflow:hidden;
	margin-bottom:110px;
	}

.C_l{   height:491px;
	float:left;
	width:30%;
	border:1px #666 solid;
	}
.C_l p{
	line-height:40px;
	font-family:"微软雅黑";
	font-size:1.25rem;
	}
.C_l p img{
	padding-right:10px;

	}

.ewm .wx{
	float:left;
	margin-left:10px;
	}
.C_r{
	float:right;
	width:69%;
	}

@media screen and (max-width: 1440px) {
   .gallery-cell img{
    width:35%;
}
 .flickity-prev-next-button{
  top:42%;
}
  .chbanner .bna p{
margin: 0;
    font-family: "微软雅黑";
    margin-top: 2%;
    letter-spacing: 8px;
    font-weight: 400;
  font-size:2.4rem;
  margin-bottom:2%;
}
.chbanner{
height:432px;
}
.gallery-cell{
height:420px;
}
}