h2,h4{ font-weight:normal}
.banner .swiper-slide {text-align: center;background: #fff;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;}
.banner .swiper-slide img{ width:100%}
.banner .page1 { position: absolute; bottom: 32px;text-align: center;z-index: 10; left:16%}
.banner .page1 .swiper-pagination-bullet {width: 8px; height: 8px; margin: 0 8px;background: #fff;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;opacity: 1; filter: alpha(opacity=100);transition:height 0.2s;-moz-transition:height 0.2s;-webkit-transition:height 0.2s;-o-transition:height 0.2s;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 8px; height: 20px;background: #fff;transition:height 0.2s;-moz-transition:height 0.2s;-webkit-transition:height 0.2s;-o-transition:height 0.2s;}
.banner .swiper-button-next_ban, .banner .swiper-button-prev_ban { width: 35px;height: 35px;display: block;position: absolute;cursor: pointer; bottom:30px;z-index: 8;background: url(../image/index_24.png) center center no-repeat;}
.banner .swiper-button-next_ban { right: 22%; background-position:-35px 0 }
.banner .swiper-button-prev_ban { left: 52%;background-position:0 0}
.banner .line{left: 64.5%; bottom:40px; position:absolute; color:#a3ce5b}
@-webkit-keyframes scale-bg{from{-webkit-transform:scale(1.2);transform:scale(1.2);}to{-webkit-transform:scale(1);transform:scale(1);}}
@keyframes scale-bg{from{-webkit-transform:scale(1.2);transform:scale(1.2);}to{-webkit-transform:scale(1);transform:scale(1);}}
.banner .swiper-slide-active .scaleBg{visibility: visible; -webkit-animation:scale-bg 6s linear forwards;animation:scale-bg 6s linear forwards;}
.banner .bot{position:absolute; width:25%; background:#91c53c;height:96px; bottom:0; left:20%; z-index:100}
.carousel-scroll{ position:absolute; width:20%; background:#5e5c5d;height:96px; bottom:0; left:0; z-index:100}
.carousel-scroll-btn {z-index: 56;position: absolute;bottom:31px;right:32%;width: 36px;height: 36px;border: 1px solid #fff;border-radius: 100%;overflow: hidden;cursor: pointer;}
.carousel-scroll-btn .carousel-scroll-btn-icon {position: absolute;display: block;width:35px;height: 35px;margin: 0 auto;background: url(../image/index_23.png) no-repeat center center;cursor: pointer;animation: downico 1.5s ease-out infinite;}
@keyframes downico {
	0% {top: 0;opacity: 1;}
	35% {top: 50%;opacity: 0;}
	65% {top: -50%;opacity: 0;}
	100% {top: 0;opacity: 1;}
}
.txtScroll-left .bd ul li .tx a.more em,.product .slideTxtBox .hd ul li.on,.news .slideTxtBox .bd li a .bot .more,.contact a.more em{ -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.txtScroll-left .bd ul li a.pic img,.news .slideTxtBox .bd li .pic img{transition: -webkit-transform 0.3s linear;transition: -moz-transform 0.3s linear;transition: transform 0.3s linear; -webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);}
.txtScroll-left .bd ul li a.pic:hover img,.news .slideTxtBox .bd li a:hover .pic img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
.tit{ text-align:center; position:relative}
.tit:before{position: absolute; content: '';top: 0px;left: 50%; display: inline-block; width: 5px; background: #91c53b; margin-left:-2px}
.tit h2{ font-size:42px}
.tit p{ font-size:16px; color:#666}
.about{ padding-bottom:112px}
.about .tit{padding-top:110px}
.about .tit:before{ height:90px;border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px;}
.about .desc{ text-align:center; padding:34px 0 0px; height:118px; margin-bottom:68px}
.txtScroll-left{ position:relative; }
.txtScroll-left .hd2{ overflow:hidden;  height:358px; width:90px; position:absolute; right:0; top:0; z-index:5}
.txtScroll-left .hd2 .prev,.txtScroll-left .hd2 .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url("../image/arrow.png") no-repeat;}
.txtScroll-left .hd2 .next{ background-position:0 -50px;  }
.txtScroll-left .hd2 .prevStop{ background-position:-60px 0; }
.txtScroll-left .hd2 .nextStop{ background-position:-60px -50px; }
.txtScroll-left .hd2 ul{ overflow:hidden; zoom:1; position:absolute; right:0; bottom:25px}
.txtScroll-left .hd2 ul li{ width:8px; height:8px; overflow:hidden; display:inline-block; margin-left:10px; text-indent:-999px; cursor:pointer; background:#3f3b3a;border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius: 4px;}
.txtScroll-left .hd2 ul li.on{ height:20px; background:#91c63b}
.txtScroll-left .pageState{ color:#666; background:url(../image/index_03.gif) right center no-repeat; padding-right:18px; right:0; top:12px; position:absolute;}
.txtScroll-left .pageState span{ color:#333; font-size:16px; font-weight:bold; padding-right:5px}
.txtScroll-left .bd{  width:100%; overflow:hidden; }
.txtScroll-left .bd ul{ overflow:hidden; }
.txtScroll-left .bd ul li a.pic{ width:44.5%; display:block; overflow:hidden;float:left;}
.txtScroll-left .bd ul li a.pic img{ width:100%;}
.txtScroll-left .bd ul li .tx{ width:48.5%; float:right; position:relative; padding-top:4%}
.txtScroll-left .bd ul li .tx:before{position: absolute; content: '';top: 37.5%;left: -19%; display: inline-block; width: 100px; background: #91c53b; height:2px;border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius:1px}
.txtScroll-left .bd ul li .tx span{ font-size:18px; color:#666; z-index:2}
.txtScroll-left .bd ul li .tx h2{ font-size:36px; padding-top:13px;z-index:2}
.txtScroll-left .bd ul li .tx p{ color:#666; padding:42px 0 0;z-index:2; height:98px; overflow:hidden; margin-bottom:42px}
.txtScroll-left .bd ul li .tx a.more,.contact a.more,.messbox .btn{  text-align:center;   display:inline-block;border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius:20px; position:relative; overflow:hidden}
.txtScroll-left .bd ul li .tx a.more{width:136px; height:40px;background:#91c53b;}
.contact a.more{width:160px; height:40px; border:1px solid #fff}
.txtScroll-left .bd ul li .tx a.more em,.contact a.more em{position:relative;top: 0; display: block;color:#fff; font-style:normal }
.txtScroll-left .bd ul li .tx a.more em{height: 40px; line-height:40px;}
.contact a.more em{height:38px; line-height:38px;}
.txtScroll-left .bd ul li .tx a.more:hover em,.contact a.more:hover em{top: -100%;}
.txtScroll-left .bd ul li .tx i{ font-size:235px; font-family: Arial; color:#f2f2f2; float:right; font-weight: bold; position:absolute; right:0; top:12%; z-index:-1}
.product{ width:100%; background:url(../image/index_07.jpg) no-repeat; padding-top:112px;}
.product .slideTxtBox{ width:100%; }
.product .slideTxtBox .hd{ height:320px;-moz-box-shadow:3px 3px 30px #ededed; -webkit-box-shadow:3px 3px 30px #ededed; box-shadow:3px 3px 30px #ededed; margin-top:-5px}
.product .slideTxtBox .hd ul{}
.product .slideTxtBox .hd ul li{ float:left; cursor:pointer; width:25%; position:relative; background:#fff}
.product .slideTxtBox .hd ul li::before{position: absolute; content: '';top: 20%;left:0; display: inline-block; width: 1; height:60%; border-left:1px dotted #e1e1e1}
.product .slideTxtBox .hd ul li a{ width:100%; display:block; text-align:center; padding:13% 13%;height:320px;}
.product .slideTxtBox .hd ul li a i{ background:url(../image/index_05.png) no-repeat; width:50px; height:58px; display:inline-block; margin-bottom:16px}
.product .slideTxtBox .hd ul li:nth-child(2) a i{background-position:-50px 0}
.product .slideTxtBox .hd ul li:nth-child(3) a i{background-position:-100px 0}
.product .slideTxtBox .hd ul li:last-child a i{background-position:-150px 0}
.product .slideTxtBox .hd ul li:first-child.on a i{background-position:0 -58px}
.product .slideTxtBox .hd ul li:nth-child(2).on a i{background-position:-50px -58px}
.product .slideTxtBox .hd ul li:nth-child(3).on a i{background-position:-100px -58px}
.product .slideTxtBox .hd ul li:last-child.on a i{background-position:-150px -58px}
.product .slideTxtBox .hd ul li.on{ background:#91c53b;}
.product .slideTxtBox .hd ul li a h4{ font-size:22px; margin-bottom:6px}
.product .slideTxtBox .hd ul li a span{ font-size:16px; color:#999; font-family: Arial;}
.product .slideTxtBox .hd ul li a p{ color:#666; padding:27px 0 0; height:83px; overflow:hidden}
.product .slideTxtBox .hd ul li.on h4,.product .slideTxtBox .hd ul li.on span,.product .slideTxtBox .hd ul li.on p{ color:#fff}
.product .slideTxtBox .bd div{  zoom:1;  }
.product .slideTxtBox .bd div img{ width:100%}
.news{ width:100%; background:url(../image/index_10.png) 0 0 no-repeat; padding-top:34px; padding-bottom:72px}
.news .tit{padding-top:85px}
.news .tit:before{ height:64px;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.news .slideTxtBox{ width:100%;}
.news .slideTxtBox .hd ul{ text-align:center; margin-bottom:30px; padding-top:22px}
.news .slideTxtBox .hd ul li{ cursor:pointer;display:inline-block; background:url(../image/index_11.gif) 0 center no-repeat}
.news .slideTxtBox .hd ul li a{padding:0 27px; height:30px; line-height:30px; }
.news .slideTxtBox .hd ul li:first-child{ background:none}
.news .slideTxtBox .hd ul li.on a{ color:#91c53b}
.news .slideTxtBox .bd ul{ margin-left:-3%}
.news .slideTxtBox .bd li{ width:22%; margin-left:3%; float:left}
.news .slideTxtBox .bd li .pic{ width:100%; overflow:hidden; display:block; margin-bottom:14px}
.news .slideTxtBox .bd li .pic img{ width:100%}
.news .slideTxtBox .bd li a h4{ font-size:22px; height:59px; line-height:59px; overflow:hidden; position:relative;}
.news .slideTxtBox .bd li a h4:after{position: absolute; content: ''; bottom:0px;left:0; display: inline-block; width:14% ; height:1px; border-bottom:1px dashed #bcbcbc}
.news .slideTxtBox .bd li a:hover h4:after{border-bottom:1px dashed #91c53b}
.news .slideTxtBox .bd li a p{ line-height:26px; color:#666; height:64px; overflow:hidden; padding-top:12px; margin-bottom:16px}
.news .slideTxtBox .bd li a .bot{ height:24px; margin-bottom:30px}
.news .slideTxtBox .bd li a .bot .time{ background: url(../image/index_12.png) 0 2px no-repeat; color:#999;padding-left:24px}
.news .slideTxtBox .bd li a .bot .more{ background:url(../image/index_13.png) right 0 no-repeat; width:44px; height:7px; display:block; float:right; margin-top:9px}
.news .slideTxtBox .bd li a .line{ height:5px; width:0%;transition: all 0.5s ease-in-out; background:#91c53b}
.news .slideTxtBox .bd li a:hover .line{ width:100%;}
.news .slideTxtBox .bd li a:hover h4,.news .slideTxtBox .bd li a:hover p{ color:#91c53b}
.news .slideTxtBox .bd li a:hover .bot .time{ background:url(../image/index_12_h.png) 0 2px no-repeat;color:#91c53b}
.news .slideTxtBox .bd li a:hover .bot .more{ background:url(../image/index_14.png) right 0 no-repeat; }
.message{ background:url(../image/index_17.jpg) center 0 no-repeat; width:100%; padding:110px 0; height:765px; margin-bottom:90px}
.contact{ width:42%; float:left; padding-top:14px}
.contact .tit2{ margin-bottom:50px}
.contact .tit2 h2{ font-size:71px; font-family: Arial; font-weight:bold;color:#fff}
.contact .tit2 span{ font-size:30px;color:#fff; margin-left:4px}
.contact ul{ margin-bottom:26px}
.contact ul li{ display:block; height:90px}
.contact ul li img{ float:left; margin-right:16px; width:60px; height:60px}
.contact ul li .tx{ float:left; color:#e6e6e6; padding-top:10px}
.contact ul li .tx span{ font-size:16px; color:#fff}
.messbox{ width:58%; float:right; background:#fff; height:544px; padding:60px}
.messbox h2{ font-size:30px; margin-bottom:27px}
.messbox ul li{ position:relative; margin-bottom:16px; font-size:14px; }
.messbox ul li.w1{float:left; width:49%; margin-left:2%;}
.messbox ul li:first-child,.messbox ul li:nth-child(3){ margin-left:0%}
.messbox .inp{ position: absolute;top: 0px; width: 100%; padding:12px 18px; background-color: transparent; border:1px solid #cbcbcb; font-family:Microsoft YaHei; line-height:22px}
.messbox label { position: absolute;display: inline-block;color: #818181;top: 14px; left:18px}
.messbox label span{ color:#cfcfcf}
.messbox .p-input{width:100%;line-height: 22px;display: block; background:#fff;height: 46px;}
.messbox select{ border:1px solid #cbcbcb; height:48px; width:100%; color:#818181; padding:0 0 0 12px}
.messbox .p-message{width: 100%;line-height: 18px;display: block; background:#fff;height: 108px; border:1px solid #cbcbcb}
.messbox .form_textarea{position: absolute;top: 0px; width: 100%; height:108px; padding:7px 12px; background-color: transparent; border:0; font-family:Microsoft YaHei; line-height:19px}
.messbox .btn{ width:160px; height:40px; background:#91c53b; font-size:16px;font-family:Microsoft YaHei; color:#fff; border:0; cursor:pointer}
.messbox .btn:hover{ background:#84b436}
.link{ position: relative;border: 1px solid #e2e2e2; margin-bottom:80px;}
.link .tit2{width: 120px;display: block;height: 22px;font-size: 20px;text-align: center;line-height: 22px;background: #fff;position: absolute;top: -10px;left: 20px;z-index: 2;border-right: 1px solid #c7c7c7;border-left: 1px solid #c7c7c7;}
.picMarquee-left{ position:relative; }
.picMarquee-left .prev,.picMarquee-left .next{ display:block;  width:22px; height:47px; overflow:hidden;cursor:pointer; background:url(../image/index_22.png) 0 0 no-repeat; position:absolute}
.picMarquee-left .prev{ left:-11px; top:50%; margin-top:-24px}
.picMarquee-left .next{ background-position:-24px 0;right:-11px; top:50%; margin-top:-24px}
.picMarquee-left a.prev:hover{background-position:0 -49px;}
.picMarquee-left a.next:hover{background-position:-24px -49px;}
.picMarquee-left .bd{ margin:32px 17px 21px; overflow:hidden}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{  margin:0 19px; float:left; _display:inline; overflow:hidden; text-align:center; }
.picMarquee-left .bd ul li a{width:106px; height:72px; display:block; position:relative}
.picMarquee-left .bd ul li img{ display:block; width:100%; height:100%}
.picMarquee-left .bd ul li a .pic1{ left: 0;top: 0; z-index: 3;}
.picMarquee-left .bd ul li a .pic2 {filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);}
.picMarquee-left .bd ul li a:hover .pic2 {position: absolute;width: 100%;height: 100%;z-index: 4;top: 0;left: 0;background-size: 100% auto;transform: rotate3d(0, 0, 1, -90deg);transform-origin: -100% -100% 0px;transition: transform 1s ease-in 0s;}
.picMarquee-left .bd ul li a .pic2 {position: absolute;width: 100%;height: 100%;z-index: 4;top: 0;left: 0;background-size: 100% auto;transform: perspective(300px) perspective-origin(0, 100%) rotateX(-90deg);-webkit-transform: perspective(300px) perspective-origin(0, 100%) rotateX(-90deg);-moz-transform: perspective(300px) perspective-origin(0, 100%) rotateX(-90deg);-o-transform: perspective(300px) perspective-origin(0, 100%) rotateX(-90deg);-ms-transform: perspective(300px) perspective-origin(0, 100%) rotateX(-90deg);}
.picMarquee-left .bd ul li a .pic2{-webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.picMarquee-left .bd ul li a:hover .pic2 {transform: perspective(300px) perspective-origin(0, 100%) rotateX(0deg);-webkit-transform: perspective(300px) perspective-origin(0, 100%) rotateX(0deg);-moz-transform: perspective(300px) perspective-origin(0, 100%) rotateX(0deg);-o-transform: perspective(300px) perspective-origin(0, 100%) rotateX(0deg);-ms-transform: perspective(300px) perspective-origin(0, 100%) rotateX(0deg);}