@charset "UTF-8";
/* CSS Document */
.k1200{
	max-width:1200px;
	margin:0 auto;
	padding:0 10px;
	}
.headTop{
	background:#fafafa;
	border-bottom: #b2e7ca solid 2px;
	padding: 10px 0;
}
.headTel{
	float: right;
	font-size: 24px;
	color: #00ae51;
	padding: 5px 0 0 0;
}
.headTel i{
	font-size: 32px;
	display: inline-block;
	margin: -5px 10px 0 0;
	color: #333;
	vertical-align: middle;
}
.headCenter .k1200{
	padding: 25px 10px;
}
.header{
	background:#00ae51;
	box-shadow: 0 5px 7px rgba(0,0,0,0.2);
}
.header .k1200{
	padding: 0 10px
}
.navOpen{
	display: none;
}
.logoBox{
	float: left;
}
.logo{
	width: 290px;
	height: 46px;
	display: block;
	background: url(../images/logo.png) no-repeat;
}
.menu{
	float: left;
}
.menu li{
	display: inline-block;
}
.menu li a{
	display: inline-block;
	line-height: 60px;
	padding: 0 25px;
	color: #fff;
	position: relative;
}
.menu li a:hover,
.menu li.active a{
	color: #fff;
	background: rgba(255,255,255,0.3);
}
.header .search{
	float: right;
	width: 300px;
	margin: 12px 0 0 0;
}
.search{
	background: rgba(255,255,255,0.3);
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}
.searchInput{
	margin: 0 40px 0 0;
}
.searchInput input{
	border: none;
	background: none;
	width: 94%;
	padding: 0 3%;
	height: 36px;
	line-height: 36px;
	color: #fff;
	outline: none;
}
.searchBtn{
	width: 40px;
	height: 36px;
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
	line-height: 36px;
}
.searchBtn i{
	font-size: 24px;
	color: #fff;
	line-height: 28px;
	height: 32px;
	display: block;
}
.homeBanner{
	background: url(../images/b.jpg) no-repeat center bottom;
	background-size: 100% auto;
	height: 470px;
}
.homeBanner .k1200{
	position: relative;
	height: 100%;
}
.homeBannerText{
	padding: 12% 0 0 0;
}
.homeBannerText h1{
	padding: 0;
	margin: 0;
	font-size: 48px;
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.homeBannerText h2{
	color: #999;
	font-size: 24px;
	margin: 0;
	padding: 10px 0 0 0;
}
.row{
	 padding: 80px 0;
}
.boxHead{
	text-align: center;
	position: relative;
}
.boxHead h2{
	font-size: 24px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
.boxHead p{
	color: #999;
	font-weight: 200;
	margin: 0;
	padding: 10px 0 0 0;
}
.boxHeadIconLine{
	max-width: 480px;
	display: block;
	position: relative;
	overflow: hidden;
	margin: 20px auto 0 auto;
}
.boxHeadIconLine i{
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 auto;
	background: #00a851;
}
.boxHeadIconLine:after{
	height: 0;
	content: '';
	position: absolute;
	left: 0;
	width: 50%;
	background: #ececec;
	height: 1px;
	margin-left: -15px;
	top: 50%;
}
.boxHeadIconLine:before{
	height: 0;
	content: '';
	position: absolute;
	right: 0;
	width: 50%;
	background: #ececec;
	height: 1px;
	margin-right: -15px;
	top: 50%;
}
.boxMain{
	line-height: 160%;
	padding: 50px 0 0 0;
}
.boxTab a{
	display: inline-block;
	background: #fff;
	border: 1px solid #efefef;
	line-height: 36px;
	padding: 0 25px;
	margin: 0 2px;
	color: #999;
}
.boxTab a:hover{
	color: #00ae51;
}

.list1Pic,
.list2Pic{
	position: relative;
	overflow: hidden;
	-webkit-transition:0.2s ease-in 0s;
	   -o-transition:0.2s ease-in 0s;
		  transition:0.2s ease-in 0s;
		  cursor: pointer;
		  display: block;
}
.list1Pic img,
.list2Pic img {
	opacity: 0.8;
    backface-visibility: hidden;
    display: block;
    margin: 0 auto;
   -webkit-transition: all 0.7s ease 0s;
		-o-transition: all 0.7s ease 0s;
   			transition: all 0.7s ease 0s;
   			
}
.list1Pad:hover .list1Pic img,
.list2Pad:hover .list2Pic img {
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
}
.list1 ul{
	margin: -25px 0 0 -25px;
}
.list1 li{
	width: 33.33333333%;
	float: left;
}
.list1Pad{
	display: block;
	margin: 25px 0 0 25px;
	background: #fff;
}
.list1Pad:hover{
	box-shadow: 0 2px 15px rgba(0,0,0,0.3);
}
.list1Text h2{
	font-size: 16px;
	margin: 0;
	padding: 0 0 15px 0;
	font-weight: 400;
	text-align: center;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list1Text{
	padding: 35px 20px;
}
.list1Text p{
	color: #999;
	height: 45px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	line-height: 24px;
}
.boxTab{
	padding: 0 0 40px 0;
}
.boxFoot{
	padding: 50px 0 0 0;
	text-align: center;
}
.moreBtn{
	display: inline-block;
	position: relative;
	line-height: 38px;
	padding: 0 70px 0 40px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	color: #999;
}
.moreBtn i{
	position: absolute;
	right: 0;
	line-height: 38px;
	width: 38px;
	background: #fff;
	top: 0;
	background: #333;
	text-align: center;
	color: #fff;
	-webkit-transition:0.2s ease-in 0s;
	   -o-transition:0.2s ease-in 0s;
		  transition:0.2s ease-in 0s;
}
.moreBtn:hover{
	color: #00ae51;
}
.moreBtn:hover i{
	background: #00ae51;
	color: #fff;
}
.list2 li{
	width: 50%;
	float: left;
}
.list2Pic{
	width: 150px;
	float: left;
}
.list2Text{
	margin-left: 170px;
}
.list2Pad{
	display: block;
	padding: 35px 20px;
	background: #f7f7f7;
	margin: 30px 0 0 30px;
	overflow: hidden;
}
.list2 ul{
	margin: -30px 0 0 -30px;
}
.list2Text h2{
	font-size: 16px;
	margin: 0;
	padding: 0 0 15px 0;
	font-weight: 400;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list2Text p{
	color: #999;
	height: 45px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	line-height: 24px;
}
.homeAbout{
	background: url(../images/bg.jpg) no-repeat center 0 / 100% 70%;
}
.homeAboutPad{
	padding: 0 0 30px 30px;
	background: #f8f8f8;
}
.homeAboutPic{
	width: 45%;
	margin: -30px 0 0 0;
	float: left;
	position: relative;
}
.homeAboutMain{
	width: 55%;
	float: left;
}
.homeAboutMainPad{
	padding: 50px 50px 0 50px;
}
.homeAboutMain .boxHead{
	text-align: left;
}
.homeAboutMain .boxFoot{
	text-align: right;
	padding: 30px 0 0 0;
}
.homeAbout .boxHeadIconLine{
	display: none;
}
.footer{
	background: #30323d;
}
.copyright{
	color: #ccc;
	border-top: 1px solid #454751;
	text-align: center;
	padding:20px 0;
}
.footLinkSpan1{
	width: 14%;
	float: left;
}
.footLinkSpan2{
	width: 30%;
	float: left;
}
.footLinkPad{
	padding: 20px 0 0 10px;
}
.footLinkRow{
	margin: -20px 0 0 -10px;
}
.footLink{
	padding: 50px 0;
	color: #fff;
}
.footLinkMain{
	color: #ccc;
}
.footLinkList li{
	padding: 0 0 10px 0;
}
.footLinkTitle{
	padding: 0;
	margin: 0 0 20px 0;
	font-size: 18px;
}
.pageBanner{
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: 100% auto;
	height: 150px;
}
.footLinkList li a{
	color: #ccc;
}
.pageHeadTitle{
	display: inline-block;
	position: relative;
	padding: 0 0 15px 0;
	font-size: 30px;
	margin: 0;
}
.pageHeadTitle:after{
	content: '';
	height: 4px;
	display: block;
	background: #05ac54;
	width: 26px;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -13px;
	bottom: 2px;
}
.pageHeadTitle:before{
	content: '';
	height: 2px;
	display: block;
	background: #05ac54;
	width: 76px;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -38px;
	bottom: 0;
}
.pageBoxMain{
	padding: 50px 0 0 0;
}
.aboutText{
	width: 56%;
	float: left;
	line-height: 180%;
	color: #666;
}
.aboutPic{
	width: 44%;
	float: right;
}
.aboutPicPad{
	padding: 0 0 0 40px;
}
.aboutRowBg{
	background: url(../images/6.jpg) no-repeat right center / auto 100%;
	min-height: 600px;
	position: relative;
	overflow: hidden;
}
.aboutRowBg:after{
	content: '';
	display: block;
	position: absolute;
	width: 14%;
	top: 0;
	bottom: 0;
	left: 50%;
	background: url(../images/j.png) no-repeat right 0 / 100% 100%;
	z-index: 1;
}
.aboutRowBg:before{
	width: 50%;
	left: 0;
	top: 0;
	bottom: 0;
	content: '';
	display: block;
	background: #f4f4f4;
	position: absolute;
	z-index: 1;
}
.aboutRowBg .k1200{
	position: relative;
	z-index: 2;
}
.aboutRowBg .pageHeadTitle{
	float: left;
}
.pageBoxHeadText{
	margin-left: 140px;
	max-width: 50%;
	line-height: 180%;
	color: #999;
}
.lyRow{
	max-width: 980px;
}
.lyRowSpan2{
	width: 36%;
	float: left;
}
.lyRowSpan1{
	float: left;
	width: 64%;
}
.lyRowSpanPad{
	margin: 30px 0 0 30px;
}
.lyRowPad{
	margin: -30px 0 0 -30px;
	overflow: hidden;
}
.lyRowBox1{
	background: url(../images/bg1.png) no-repeat 0 bottom / 100% auto #fff;
	text-align: center;
	padding: 64px 20px;
}
.lyList li{
	width: 33.333333333%;
	float: left;
}
.lyListPad{
	background: #fff;
	margin: 30px 0 0 30px;
	text-align: center;
	padding: 30px 10px;
}
.lyListPad i{
	font-size: 60px;
	color: #ddd;
}
.lyListPad h3{
	font-size: 18px;
	color: #333;
	margin: 0;
	padding: 10px 0 0 0;
}
.lyList ul{
	margin: -30px 0 0 -30px;
}
.history-section{
	position:relative;
}

.history-section .sec-title{
	margin-bottom:70px;
}

.history-section .history-carousel{
	position:relative;
}

.history-section .carousel-outer{
	position:relative;
}

.history-section .carousel-outer .thumbs-outer{
	position:relative;
	overflow:hidden;
}

.history-section .carousel-outer:before{
	position:absolute;
	content:'';
	left:0px;
	top:32px;
	width:100%;
	height:1px;
	background-color:#e6e6e6;
}

.history-section .history-carousel .thumbs-carousel{
	position:static;
	max-width:180px;
	margin:0 auto;
	margin-bottom:40px;
}

.history-section .history-carousel .thumbs-carousel .owl-stage-outer{
	overflow:visible;
}

.history-section .history-carousel .thumbs-carousel .owl-item.active li{
	position:relative;
	color:#020e28;
	-webkit-transform:scale(1.8);
	-moz-transform:scale(1.8);
	-o-transform:scale(1.8);
	-ms-transform:scale(1.8);
	transform:scale(1.8);
}

.history-section .history-carousel .thumbs-carousel .owl-item.active li:before{
	display:none;
}

.history-section .history-carousel .thumbs-carousel li{
	position:relative;
	color:#e6e6e6;
	font-size:36px;
	font-weight:400;
	cursor:pointer;
	line-height:1em;
	text-align:center;
	padding:15px 20px;
	transition:all 0.3s ease;
	display:inline-block;
	background-color:#ffffff;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	font-family: 'Rubik', sans-serif;
}

.history-section .history-carousel .thumbs-carousel .owl-nav{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:0px;
}

.history-section .history-carousel .thumbs-carousel .owl-nav .owl-prev{
	position:absolute;
	left:0px;
	top:20px;
	font-size:22px;
	color:#c4c4c4;
	font-weight:700;
	width:40px;
	display:inline-block;
	background-color:#ffffff;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.history-section .history-carousel .thumbs-carousel .owl-nav .owl-next{
	position:absolute;
	top:20px;
	right:0px;
	left:auto;
	width:40px;
	text-align:right;
	font-size:22px;
	color:#c4c4c4;
	font-weight:700;
	display:inline-block;
	background-color:#ffffff;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.history-section .history-carousel .thumbs-carousel .owl-nav .owl-prev:hover,
.history-section .history-carousel .thumbs-carousel .owl-nav .owl-next:hover{
	color:#05ac54;
}

.history-section .carousel-outer .content-slide{
	position:relative;
}

.history-section .carousel-outer .content-carousel .owl-stage-outer{
	padding-top:60px;
}

.history-section .carousel-outer .content-slide .content-inner{
	position:relative;
	text-align:center;
	padding:45px 20px 45px;
	background-color:#f4f4f4;
}

.history-section .carousel-outer .content-slide .content-inner:before{
	position:absolute;
	content:'';
	left:50%;
	top:-60px;
	margin-left:-150px;
	border-bottom: 100px solid #f4f4f4;
	border-left: 90px solid transparent;
}

.history-section .carousel-outer .content-slide .content-inner h3{
	position:relative;
	color:#020e28;
	font-size:20px;
	font-weight:500;
	line-height:1.4em;
	margin-bottom:5px;
}

.history-section .carousel-outer .content-slide .content-inner .date{
	position:relative;
	color:#05ac54;
	font-size:16px;
	margin-bottom:20px;
}

.history-section .carousel-outer .content-slide .content-inner .text{
	position:relative;
	color:#848484;
	font-size:18px;
	line-height:1.7em;
	font-weight:400;
	max-width:980px;
	margin:0 auto;
}

.history-section .carousel-outer .content-carousel .owl-nav{
	position:absolute;
	left:0px;
	top:50%;;
	width:100%;
}

.history-section .carousel-outer .content-carousel .owl-nav .owl-prev{
	position:absolute;
	left:-20px;
	width:42px;
	height:42px;
	color:#05ac54;
	line-height:42px;
	text-align:center;
	border-radius:50%;
	font-weight:700;
	background-color:#ffffff;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-webkit-box-shadow: 0px 2px 12px 0px rgba(68,68,68,0.5);
	-moz-box-shadow: 0px 2px 12px 0px rgba(68,68,68,0.5);
	box-shadow: 0px 2px 12px 0px rgba(68,68,68,0.5);
}

.history-section .carousel-outer .content-carousel .owl-nav .owl-next{
	position:absolute;
	right:-20px;
	width:42px;
	height:42px;
	color:#05ac54;
	line-height:42px;
	text-align:center;
	border-radius:50%;
	font-weight:700;
	background-color:#ffffff;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-webkit-box-shadow: 0px 2px 12px 0px rgba(68,68,68,0.5);
	-moz-box-shadow: 0px 2px 12px 0px rgba(68,68,68,0.5);
	box-shadow: 0px 2px 12px 0px rgba(68,68,68,0.5);
}

.history-section .carousel-outer .content-carousel .owl-nav .owl-next:hover,
.history-section .carousel-outer .content-carousel .owl-nav .owl-prev:hover{
	color:#ffffff;
	background-color:#05ac54;
}
/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y; }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }
  
  
.side{
	width:220px;
	float: left;
	background: #00ae51;
}
.rightMain{
	margin-left: 270px;
	padding: 50px 0;
}
.sideTitle{
	background: #02b555;
	padding: 0 30px;
	line-height: 65px;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	margin: -65px 0 0 0;
	position: relative;
}
.sideMain li a,.sideMain li span{
	line-height: 60px;
	color: #fff;
	padding: 0 30px;
	display: block;
	border-top: 1px solid rgba(255,255,255,0.2);
}
.sideMain li a:hover,
.sideMain li.active a{
	background: rgba(0,0,0,0.2);
}
.sideMain{
	padding-bottom: 90px;
	background: url(../images/sideBg.png) no-repeat right bottom;
}
.newsPageListPad{
	display: block;
}

.newsPageListPad:hover .list2Pic img {
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
}
.newsPageList{
	overflow: hidden;
}
.newsPageList li{
	padding: 30px 0;
	border-bottom: 1px solid #f0f0f0;
}
.newsPageList ul{
	margin: -30px 0 0 0;
}
.paging{
	text-align: center;
	padding: 40px 0 0 0;
}
.pagingBtn{
	display: inline-block;
	padding: 0 10px;
	line-height: 30px;
	color: #999;
	border: 1px solid #ddd;
	border-radius: 3px;
}
.pagingBtn:hover{
	color: #00ae51;
	border: 1px solid #00ae51;
}
.paging .active{
	border: 1px solid #00ae51;
	background: #00ae51;
	color: #fff;
}
.paging .disabled{
	cursor: default;
	opacity: 0.4;
}
.paging .disabled:hover{
	color: #999;
	border: 1px solid #ddd;
}

.paging a,.paging .current{
	display: inline-block;
	padding: 0 10px;
	line-height: 30px;
	color: #999;
	border: 1px solid #ddd;
	border-radius: 3px;
}
.paging .current{
	border: 1px solid #00ae51;
	background: #00ae51;
	color: #fff;
	margin: 0 4px;
}
.viewHead{
	text-align: center;
}
.viewHead h2{
	font-size: 24px;
	margin: 0;
	padding: 0 0 10px 0;
}
.viewContent{
	line-height: 180%;
	color: #666;
	padding: 20px 0 0 0;
}
.listLine .list1Pad{
	border-bottom: 1px solid #ddd;
}
.viewPic{
	border: 10px solid #f4f4f4;
}
.qcList ul{
		margin: -40px 0 0 -40px;
	}
.qcList li{
	width: 20%;
	float: left;
}
.qcListPad{
	padding: 30px 20px;
	margin: 40px 0 0 40px;
	background: #fff;
	box-shadow: 0 0 6px rgba(0,0,0,0.05);
	text-align: center;
}
.qcListPad h4{
	font-size: 16px;
	color: #999;
	font-weight: normal;
	margin: 0;
	padding: 20px 0 0 0;
}
.qcListPad i{
	font-size: 60px;
	color: #ccc;
}
.qcListPad h4 b{
	color: #05ac54;
}
.rzPic{
	width: 52%;
	float: left;
	box-shadow: 0 0 6px rgba(0,0,0,0.05);
}
.rzMain{
	width: 48%;
	float: left;
}
.rzMainPad{
	padding: 10px 0 0 40px;
}
.rzMainPad{
	font-size: 18px;
	line-height: 180%;
	color: #666;
}
.c_d{
	color: #ddd;
}
.lxList li{
	width: 25%;
	float: left;
}
.lxList{
	max-width: 1024px;
	margin: 0 auto;
	text-align: center;
}
.lxListPad{
	margin: 20px 0 0 20px;
}
.lxList{
	overflow: hidden;
}
.lxList ul{
	margin: -20px 0 0 -20px;
}
.lxListPad i{
	font-size: 80px;
	color: #ccc;
}
.lxListPad h4{
	color: #000;
	font-size: 16px;
	padding: 20px 0 10px 0;
}
.lxListPad p{
	height: 40px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	color: #999;
}
.map{
	height: 450px;
	border: 2px solid #ddd;
	margin: 50px 0 0 0;
}
.map img{
	max-width: inherit;
}

.list1Pic,
.list2Pic{
	height: 280px;
}
.list1Pic img,
.list2Pic img{
	max-height: 100%;
}
@media (max-width:1400px) {
	.pageBanner{
		background-size: auto auto;
	}
	.homeBanner{
		background-size: auto 100%;
	}
}
@media (max-width:960px) {
	.menu li a{
		padding: 0 15px;
	}
	.header .search{
		width: 220px;
	}
	.homeBanner{
		height: 400px;
	}
	.homeBannerText{
		padding: 15% 0 0 0;
	}
	.homeBannerText h1{
		font-size: 38px;
	}
	.homeBannerText h2{
		font-size: 20px;
	}
	.row{
		padding: 50px 0;
	}
	.boxMain{
		padding: 40px 0 0 0;
	}
	.boxTab{
		padding: 0 0 30px 0;
	}
	.boxFoot{
		padding: 40px 0 0 0;
	}
	.footLinkSpan1,
	.footLinkSpan2{
		width: 33.3333333%;
	}
	.footLinkSpan1:nth-child(4){
		clear: both;
	}
	.lyRowSpanPad{
		margin: 20px 0 0 20px;
	}
	.lyRowPad{
		margin: -20px 0 0 -20px;
	}
	.lyListPad{
		margin: 20px 0 0 20px;
	}
	.lyList ul{
		margin: -20px 0 0 -20px;
	}
	.lyRowBox1{
		padding: 59px 20px;
	}
	.history-section{
		padding: 0 15px;
	}
	.side{
		width: 180px;
	}
	.rightMain{
		margin-left: 210px;
	}
	.qcList ul{
		margin: -20px 0 0 -20px;
	}
	.qcListPad{
		padding: 20px 10px;
		margin: 20px 0 0 20px;
	}
	.qcListPad h4{
		font-size: 14px;
		padding: 15px 0 0 0;
	}
	.qcListPad i{
		font-size: 50px;
		color: #ccc;
	}
	
	.rzPic{
		width: auto;
		float: none;
		max-width: 620px;
		margin: 0 auto;
	}
	.rzMain{
		width: auto;
		float: none;
	}
	.rzMainPad{
		padding: 20px 0 0 0;
	}
	.lxListPad i{
		font-size: 58px;
	}
	.lxListPad h4{
		margin: 0;
	}
	.list1Pic,
	.list2Pic{
		height: 250px;
	}
}
@media (max-width:768px) {
	.headTop{
		border:none;
	}
	.header{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		background: rgba(0,0,0,0.8);
		padding: 0;
		z-index: 999;
		box-shadow: none;
	}
	
	.header .search{
		display: none;
	}
	.headTel{
		display: none;
	}
	.headCenter{
		background: #00ae51;
		position: relative;
		box-shadow: 0 3px 5px rgba(0,0,0,0.2);
	}
	.headCenter.isStuck{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 9999;
	}
	.headCenter .k1200{
		padding: 12px 10px;
	}
	.header .k1200{
		padding: 0;
	}
	.navOpen{
		width: 50px;
		height: 50px;
		position: absolute;
		right: 0;
		top: 0;
		display: block;
		border-right:1px solid rgba(255,255,255,0.1);
	}
	.navOpen i{
		position:absolute;
		left:11px;
		right:11px;
		top:50%;
		height:2px;
		margin-top:-1px;
		background:#fff;
		border-radius:2px;
		-webkit-transition:0.2s ease-in 0s;
	   -o-transition:0.2s ease-in 0s;
		  transition:0.2s ease-in 0s;
		}
	.navOpen:after{
		height:2px;
		display:block;
		position:absolute;
		left:11px;
		right:11px;
		border-radius:2px;
		margin-top:7px;
		content:'';
		background:#fff;
		top:50%;
		-webkit-transition:0.2s ease-in 0s;
	   -o-transition:0.2s ease-in 0s;
		  transition:0.2s ease-in 0s;
		}
	.navOpen:before{
		height:2px;
		display:block;
		position:absolute;
		left:11px;
		right:11px;
		border-radius:2px;
		margin-top:-9px;
		content:'';
		background:#fff;
		top:50%;
		-webkit-transition:0.2s ease-in 0s;
	   -o-transition:0.2s ease-in 0s;
		  transition:0.2s ease-in 0s;
		}
	.navOpen.active i{
		opacity:0;
		}	
		
	.navOpen.active:before{
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		margin:0 0 0 0;
	}
	.navOpen.active:after{
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		margin:0 0 0 0;
 	}
 	.menu{
 		display: none ;
 		position: absolute;
 		background: #009143;
 		box-shadow: 0 0 8px rgba(0,0,0,0.3) inset;
 		margin: 0;
 		left: 0;
 		right: 0;
 		top: 50px;
 		height: 800px;
 	}
 	.menu li{
 		display: block;
 		text-align: center;
 	}
 	.menu li a{
 		display: block;
 		font-size: 16px;
 		line-height: 45px;
 		padding: 0 10px;
 	}
 	.menu li.active a{
 		background: rgba(0,0,0,0.2);
 	}
 	.logo{
		width: 146px;
		height: 26px;
		background: url(../images/logo.png) no-repeat 0 -30px / 145px 56px;
	}
	.homeBanner{
		height: 360px;
	}
	.homeBannerText{
		padding: 18% 0 0 0;
	}
	.homeBannerText h1{
		font-size: 32px;
	}
	.layout.active{
		padding: 50px 0 0 0;
	}
	.list1Pad{
		margin: 15px 0 0 15px;
	}
	.list1 ul{
		margin: -15px 0 0 -15px;
	}
	.list1Text{
		padding: 20px;
	}
	.list1Text h2{
		padding: 0 0 10px 0;
	}
	.list2Pad{
		padding: 15px 10px;
		margin: 20px 0 0 20px;
	}
	.list2 ul{
		margin: -20px 0 0 -20px;
	}
	.list2Pic{
		width: 140px;
	}
	.list2Text{
		margin-left: 155px;
	}
	.homeAboutPic{
		margin: -20px 0 0 0;
	}
	.homeAboutPad{
		padding: 0 0 20px 20px;
	}
	.homeAboutMainPad{
		padding: 30px 30px 0 30px;
	}
	.footLinkSpan2{
		width: 100%;
		float: none;
		display: block;
		clear: both;
	}
	.footLinkSpan1{
		width: 50%;
	}
	.footLinkSpan1:nth-child(4){
		clear: none;
	}
	.footLinkSpan1:nth-child(5),
	.footLinkSpan1:nth-child(3){
		clear: both;
	}
	.footLink{
		padding: 30px 0;
	}
	.aboutText{
		width: auto;
		float: none;
	}
	.aboutPic{
		width: auto;
		float: none;
	}
	.aboutPicPad{
		padding: 20px 0 0 0;
		text-align: center;
	}
	.aboutRowBg .pageHeadTitle{
		float: none;
	}
	.aboutRowBg .pageBoxHead{
		text-align: center;
	}
	.pageBoxHeadText{
		margin: 20px auto 0 auto;
		max-width: none;
		text-align: center;
	}
	.lyRowSpan1{
		width: auto;
		float: none;
	}
	.lyRowSpan2{
		width: auto;
		float: none;
	}
	.lyListPad{
		padding: 15px;
	}
	.lyListPad i{
		font-size: 48px;
	}
	.lyListPad h3{
		font-size: 16px;
		padding: 5px 0 0 0;
	}
	.aboutRowBg{
		background: #f4f4f4;
	}
	.pageBoxMain{
		padding: 40px 0 0 0;
	}
	.history-section .history-carousel .thumbs-carousel li{
		font-size:20px;
		
	}
	.history-section .history-carousel .thumbs-carousel .owl-nav .owl-prev{
		top: 1px;
	}
	.history-section .history-carousel .thumbs-carousel .owl-nav .owl-next{
		top: 1px;
	}
	.history-section .carousel-outer:before{
		top: 16px;
	}
	.history-section .history-carousel .thumbs-carousel li{
		padding: 5px;
	}
	.history-section .carousel-outer .content-carousel .owl-stage-outer{
		padding: 30px 0 0 0;
	}
	.history-section .carousel-outer .content-slide .content-inner::before{
		
		top: -30px;
		
		margin-left: -100px;
		
		border-bottom:50px solid #f4f4f4;
		
		border-left: 40px solid transparent;
	}
	.history-section .history-carousel .thumbs-carousel{
		margin-bottom: 20px;
	}
	.history-section .carousel-outer .content-slide .content-inner{
		padding: 20px;
	}
	
	.side{
		width:auto;
		float: none;
	}
	.rightMain{
		margin-left: 0;
		padding: 40px 0;
	}
	.sideTitle{
		padding: 0 20px;
		line-height: 40px;
		font-size: 20px;
		margin: -40px 0 0 0;
		font-weight: normal;
	}
	.sideMain li a{
		line-height: 40px;
		padding: 0 20px;
	}
	.sideMain{
		padding-bottom: 0;
	}
	.newsPageList li{
		padding: 20px 0;
	}
	.qcList li{
		width: 33.3333333333%;
	}
	.map{
		height: 350px;
		margin: 30px 0 0 0;
	}
	.list1Pic,
	.list2Pic{
		height: 200px;
	}
}	

@media (max-width:600px) {
	.homeBanner{
		height: 300px;
	}
	.homeBannerText{
		padding: 18% 0 0 0;
	}
	.homeBannerText h1{
		font-size: 26px;
	}
	.homeBannerText h2{
		font-size: 18px;
	}
	.list1 li{
		width: 50%;
	}
	.row{
		padding: 40px 0;
	}
	.boxMain{
		padding: 20px 0 0 0;
	}
	.boxTab{
		padding: 0 0 20px 0;
	}
	.boxFoot{
		padding: 30px 0 0 0;
	}
	.list1Pad{
		margin: 15px 0 0 10px;
	}
	.list1Pad:hover{
		box-shadow:none;
	}
	.list1 ul{
		margin: -15px 0 0 -10px;
	}
	.boxTab a{
		padding: 0 15px;
		line-height: 30px;
		font-size: 12px;
	}
	.list2Pic{
		width: auto;
		float: none;
	}
	.list2Text{
		margin: 20px 0 0 0;
	}
	.list2Pad{
		padding: 15px;
		margin: 10px 0 0 10px;
	}
	.list2 ul{
		margin: -10px 0 0 -10px;
	}
	.homeAboutPic{
		display: none;
	}
	.homeAboutMain{
		width: auto;
		float: none;
	}
	.pageBoxMain{
		padding: 30px 0 0 0;
	}
	.lyRowBox1 img{
		width: 50%;
		margin: 0 auto;
		display: block;
	}
	.paging{
		padding: 30px 0 0 0;
	}
	.paging .number{
		display: none;
	}
	.viewContent{
		padding: 10px 0 0 0;
	}
	.rightMain{
		padding: 30px 0;
	}
	.qcList li{
		width:50%;
	}
	.rzMainPad{
		font-size: 14px;
	}
	.lxListPad i{
		font-size: 48px;
	}
	.lxList li{
		width: 50%;
	}
	.map{
		height: 280px;
	}
}
@media (max-width:480px) {
	 .homeBanner{
		height: 260px;
	}
	.homeBannerText{
		padding: 18% 0 0 0;
	}
	.homeBannerText h1{
		font-size: 24px;
	}
	.homeBannerText h1 b{
		display: block;
	}
	.homeBannerText h2{
		font-size: 16px;
		padding: 10px 0 0 0;
		font-weight: normal;
	}
	.list1Text{
		padding: 15px 10px;
	}
	.list1Text h2,
	.list2Text h2{
		padding: 0 0 5px 0;
		font-size: 14px;
	}
	.list1Text p,
	.list2Text p{
		font-size: 12px;
		line-height: 20px;
		height: 38px;
	}
	.list2Pad{
		padding:10px;
	}
	.list2Text{
		margin: 15px 0 0 0;
	}
	.copyright{
		font-size: 12px;
		padding: 15px 0;
	}
	.lyListPad{
		margin: 10px 0 0 10px;
	}
	.lyList ul{
		margin: -10px 0 0 -10px;
	}
	.lyRowSpanPad{
		margin: 10px 0 0 10px;
	}
	.lyRowPad{
		margin: -10px 0 0 -10px;
	}
	.lyListPad i{
		font-size: 38px;
	}
	.lyListPad h3{
		font-size: 14px;
	}
	.lyRowBox1{
		padding: 40px;
	}
	.history-section .carousel-outer .content-slide .content-inner{
		padding: 10px;
	}
}