/*头部*/
.header {
	height: 90px;
	width: 100%;
	border-bottom: 1px solid #dbd4c4;
	box-shadow: 0px 0px 5px #ccc;
	background: #fff;
	z-index: 99;
}
.header.fixed {position: fixed;}
.header .logo {
	float: left;
	display: block;
	line-height: 89px;
}
.header .top {
	margin-top: 15px;
}
.header .search {
	float: right;
	height: 22px;
	width: 150px;
	margin-left: 10px;
	padding: 0 0 0 10px;
	border: 1px solid #dadada;
	border-radius: 20px;
}
.header .search .text {
	width: 110px;
	line-height: 20px;
}
.header .search .btn {
	width: 16px;
	height: 20px;
	background: url(../images/search.png) no-repeat center center;
	cursor: pointer;
}
.header .contact {
	padding-top: 3px;
}
.header .contact a {
	display: inline-block;
	width: 20px;
	height: 15px;
	margin: 0 3px;
	background: url(../images/icon01.png);
}
.header .contact a.l1 {background-position: 3px 0px;}
.header .contact a.l2 {background-position: -27px 0px;}
.header .contact a.l3 {background-position: -63px 0px; position:relative;}
.header .contact a.l4 {background-position: -97px 0px;}
.header .nav li {
	float: left;
	margin: 0 1px;
	position: relative;
}
.header .nav li>a {
	display: block;
	font-size: 14px;
	color: #666;
	padding: 20px 15px 14px;
}
.header .nav li.active>a,.header .nav li:hover>a {
	color: #73b216;
}
.header .nav li:hover .subnav {
	display: block;
}
.header .nav li .subnav {
	position: absolute;
	left: 0;
	top: 50px;
	background: url(../images/bg07.png);
	padding: 0 15px;
	border-bottom: 2px solid #73b216;
	display: none;
}
.header .nav li .subnav a {
	display: block;
	line-height: 35px;
	font-size: 14px;
	white-space:nowrap;
}
.header .nav li .subnav a:hover {
	color: #73b216;
}
/*右侧悬浮*/
.float {
	position: fixed;
	right: 88px;
	top: 50%;
	margin-top: -135px;
	width: 53px;
	background: #8fc145;
    color: #fff;
    font-size: 16px;
}
.float ul li {
	width: 53px;
	height: 53px;
	margin-bottom: 1px;
	background: #73b216;
}
.float ul li:last-child {margin-bottom: 0px;}
.float ul li i {
	display: block;
	width: 53px;
	height: 53px;
	float: left;
    background: url("../images/icon03.png") no-repeat;
}
.float ul li.l1 i {background-position: center 15px;}
.float ul li.l2 i {background-position: center -40px;}
.float ul li.l3 i {background-position: center -90px;}
.float ul li.l4 i {background-position: center -147px;}
.float ul li.l5 i {background-position: center -200px;}
.float ul li.sm {
	overflow: hidden;
	position: relative;
	right: 0;
    transition: all 0.3s ease 0s;
}
.float ul li.sm:hover {
	width: 140px;
	right: 87px;
}
.float ul li.sm>a {
	position: absolute;
	width: 140px;
	left: 0;
}
.float ul li.sm:hover>a {
    background-color: #8fc145;
}
.float ul li.sm>a span {
	float: left;
	line-height: 53px;
	font-size:14px;
}
.float ul li.lg .box {
    position: absolute;
    top: 0px;
    left: -160px;
    height: 269px;
    width: 160px;
    padding: 14px;
    background-color: #8fc145;
    transition: all 0.4s ease 0s;
    opacity: 0;
    visibility: hidden;
    filter:Alpha(opacity=0);
}
.float ul li.lg:hover {
	background: #8fc145;
}
.float ul li.lg:hover .box {
	opacity: 1;
	visibility: visible;
    filter:Alpha(opacity=100);
}

/*内容*/
.content .section {
	padding-top: 90px;
}
#fp-nav.right {
	right: 35px;
}
#fp-nav ul li a span {
	display: none;
}
#fp-nav ul li {
	width: 21px;
	height: 21px;
	margin: 0 0 10px 0;
}
#fp-nav ul li a {
	width: 21px;
	height: 21px;
	background: url(../images/pager01.png);
	border-radius: 50%;
	transition: all 0.3s ease-out 0s;
}
#fp-nav ul li a.active,#fp-nav ul li a:hover  {
	background: url(../images/pager02.png);
}

.sec-title h2 {
	color: #73b216;
	font-size: 46px;
}
.sec-title .p {
	font-size: 14px;
	width: 50%;
	margin: 10px auto 30px;
	line-height: 20px;
	color: #666;
}
.sec-title .left-line,.sec-title .right-line {
	width: 18%;
    border-bottom: 1px solid #d0d0d0;
    position: absolute;
    top: 27px;
}
.sec-title .left-line {
	left: 3%;
}
.sec-title .right-line {
	right: 3%;
}
/*第一屏*/
.section1 ul li {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.section1 .roll {
	color: #fff;
	width: 40px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	bottom: 20px;
	text-align: center;
}
.section1 .roll i {
	display: block;
	width: 16px;
	height: 26px;
	margin: 0 auto 10px;
	background: url(../images/roll.png) no-repeat center center;
	animation: mouse 1.6s ease 0s infinite;
}
@keyframes mouse {
	0% {
        transform: translateY(-10px);
	}
	100% {
        transform: translateY(0px);
	}
}

/*第二屏*/
.section2,.section4 {background: url(../images/bg01.jpg);}
.section2 .bxslider li {padding: 0 10px;}
.section2 .item {
	margin-bottom: 20px;
	background: url(../images/bg03.png);
	box-shadow: 3px 4px 0px #e5e5e5;
}
.section2 .item a {
	display: block;
}
.section2 .item .wrap,.prolist .item .img {
	float: left;
	width: 37%;
	height: 215px;
	margin-right: 3%;
	position: relative;
}
.section2 .item .wrap img,.prolist .item .img img,.prodetail-left .img img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	max-width: 95%;
	max-height: 95%;
}
.section2 .item .txt {
	float: right;
	width: 60%;
	padding: 15px 20px 15px 0;
}
.section2 .item .txt .ttl {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}
.section2 .item .txt .p {
	line-height: 22px;
	max-height: 92px;
	overflow: hidden;
}
.section .bx-wrapper {padding-bottom: 40px;}
.section2 .bx-wrapper {padding-bottom: 10px;}
.section .bx-wrapper .bx-pager {bottom: 0;}
.section .bx-wrapper .bx-pager.bx-default-pager a {
	width: 54px;
	height: 5px;
	background: #d0d0d0;
	border-radius: 0px;
}
.section .bx-wrapper .bx-pager.bx-default-pager a.active, 
.section .bx-wrapper .bx-pager.bx-default-pager a:focus, 
.section .bx-wrapper .bx-pager.bx-default-pager a:hover {
	background: #73b216;
}
.section .bx-wrapper .bx-controls-direction a {
	width: 50px;
	height: 50px;
	border: 1px solid #dfdfdf;
	top: 35%;
	margin-top: 0;
}
.section .bx-wrapper .bx-prev {
	left: -80px;
	background: url(../images/pager03.png) no-repeat center center;
}
.section .bx-wrapper .bx-controls-direction a:hover,
.section .bx-wrapper .bx-controls-direction a:focus {
	background-position: center center;
	background-color: #fff;
}
.section .bx-wrapper .bx-next {
	right: -80px;
	background: url(../images/pager04.png) no-repeat center center;
}
/*第三屏*/
.section3 {background: url(../images/bg03.jpg);}
.section3 li {
	padding: 0 6px;
}
.section3 .item {display: block;border: 1px solid #dfdfdf;}
.section3 .item img {
	width: 100%;
    height: 264px;
}
.section3 .item .txt {
	background: #fff;
	text-align: center;
	padding: 20px 0 10px;
}
.section3 .item .txt .ttl {
	font-size: 20px;
	color: #000;
	margin-bottom: 10px;
	text-transform:uppercase;
}
.section3 .item .txt .p {
	color: #999;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
}
/*第四屏*/
.section4 li {padding: 0 10px;}
.section4 .item {display: block;position: relative;overflow: hidden;}
.section4 .item img {
	width: 100%;
	height: 237.39px;
}
.section4 .item .txt {
	position: absolute;
	width: 100%;
	height: 90px;
	left: 0;
	bottom: 0;
	padding-top: 20px;
	background: url(../images/bg04.png);
	text-align: center;
	line-height: 20px;
}
.section4 .item .txt .ttl {
	font-size: 20px;
	color: #fff;
	margin-bottom: 5px;
	height: 20px;
    overflow: hidden;
    padding: 0 8px;
}
.section4 .item .txt .p {
	color: #d7ec90;
	height: 40px;
	overflow: hidden;
}
/*底部*/
.footer {
	background: url(../images/bg02.jpg);
	border-top: 3px solid #73b216;
	padding-top: 0 !important;
}
.footer-wrap {padding: 40px 0 50px;}
.footer-left dl {
	float: left;
	margin-right: 40px;
}
.footer-left dl dt {
	font-size: 16px;
	margin-bottom: 10px;
}
.footer-left dl dd {
	color: #999;
	line-height: 28px;
}
.footer-left dl dd a:hover {color: #73b216;}
.footer-follow {
	float: left;
}
.footer-follow .ttl {
	font-size: 16px;
	margin-bottom: 20px;
}
.footer-follow .list a {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 4px;
	background: url(../images/icon02.png);
}
.footer-follow .list a.l2 {background-position: -32px 0px;}
.footer-follow .list a.l3 {background-position: -64px 0px;}
.footer-follow .list a.l4 {background-position: -96px 0px;}
.footer-bottom {
	padding: 23px 0;
	line-height: 24px;
	background: #73b216;
	color: #fff;
}
.footer-links {
	float: left;
	height: 22px;
	width: 220px;
	margin-left: 30px;
	border: 1px solid #e3e9ef;
	border-radius: 2px;
	padding-right: 20px;
	background: #fff url(../images/down.png) no-repeat 96% center;
	position: relative;
	line-height: 20px;
	cursor: pointer;
}
.footer-links span {
	color: #333;display: block;width:100%;
}
.footer-links .list {
	display: none;
	background: #fff;
	width: 220px;
	position: absolute;
	left: -1px;
	bottom: 20px;
	border: 1px solid #e3e9ef;
}
.footer-links .list a {
	display: block;
	color: #333;
	padding-left: 10px;
}
.footer-links .list a:hover {color: #73b216;}
.d-table {
	display: table;
	width: 100%;
}
.d-table .middle {
	display: table-cell;
	vertical-align: middle;
}

/*----------------首页结束--------------------*/
/*内页*/
.toppic {
	width: 100%;
	height: 277px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-bottom: 5px solid #fcd3a5;
}
.main-menu {
	width: 100%;
	min-height: 92px;
	background: #f4f4f4;
}
.main-menu ul li {
	float: left;
	line-height: 92px;
	margin-right: 30px;
	color: #666;
	font-size: 16px;
	text-transform:uppercase;
}
.main-menu ul li a {display: block;}
.main-menu ul li.active,.main-menu ul li:hover {
	color: #73b216;
	background: url(../images/icon04.png) no-repeat bottom center;
}
.main-menu .ttl {
	font-size: 38px;
	color: #666;
	text-align: center;
	line-height: 92px;
}
.main1 {padding: 50px 0;}
.main2 {padding-top: 50px;}
.fz16 {font-size: 16px;}
.fz14 {font-size: 14px;}
.article {
	line-height: 30px;
	font-size: 15px;
	min-height:320px;
}
.subttl {
	font-size: 22px;
	color: #73b216;
	margin-bottom: 5px;
}
.li36 {line-height: 36px;}
.com-ttl {
	font-size: 36px;
	text-align: center;
	margin-bottom: 40px;
	text-transform:uppercase;
}
.newsd-top .ttl {
	font-size: 36px;
	color: #72b100;
	margin-bottom: 5px;
}
.newsd-top .p {
	color: #aaa;
	font-size: 14px;
}
.contact-bg {
	background-repeat: no-repeat;
	background-position: right bottom;
}
.contact-form-wrap {
	margin-top: 40px;
	padding: 50px 0 70px;
	background: url(../images/bg06.jpg) no-repeat center center;
	background-size: cover;
}
.contact-form {
	max-width: 900px;
	margin: 0 auto;
}
.contact-form .label {
	display: inline-block;
	width: 100px;
	text-align: right;
	color: #fff;
	font-size: 15px;
}
.contact-form .text {
	height: 32px;
	width: 320px;
	padding-left: 10px;
	border: 1px solid #dfe0e0;
}
.contact-form .label span {
	color: #f00;
}
.contact-form .textarea {
	padding: 5px;
	width: 770px;
	height: 250px;
	border: 1px solid #dfe0e0;
}
.contact-form .btn {
	width: 90px;
	height: 30px;
	color: #fff;
	border-radius: 3px;
	margin: 0 5px;
	background: #898989;
	cursor: pointer;
	font-size: 16px;
	font-family: 'Arial';
}
.contact-form .btn.btn1 {
	background: #73b216;
}
.news-list-wrap {
	max-width: 1080px;
	margin: 0 auto;
}
.news-list li {
	padding: 0 20px;
	margin-bottom: 40px;
}
.news-list .item {
	display: block;
	border: 1px solid #e8e8e8;
	background: #fefefe;
	padding: 25px 18px;
    transition: all 0.3s ease-out;
}
.news-list .item .date {
	color: #aaa;
	margin-bottom: 10px;
}
.news-list .item .ttl {
	color: #555;
	font-size: 16px;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	margin-bottom: 15px;
}
.news-list .item img {
	width: 100%;
	margin: -30% auto;
}
.news-list .item .p {
	color: #888;
	font-size: 14px;
	height: 72px;
	overflow: hidden;
	line-height: 24px;
	margin: 15px 0 30px;
}
.news-list .item .more {
	width: 70px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	background: #c3c3c3;
}
.news-list .item:hover {
	background: #73b216;
}
.news-list .item:hover .date,
.news-list .item:hover .ttl,
.news-list .item:hover .p {
	color: #fff;
}
.news-list .item:hover .more {
	background: #fff;
	color: #73b216;
}
.pagenation {
	text-align: center;
}
.pagenation a {
	display: inline-block;
	padding: 14px 12px;
	font-size: 14px;
	background: #aaa;
	color: #fff;
}
.pagenation a.active,.pagenation a:hover {
	background: #73b216;
}
.proleft {
	float: left;
	min-width: 260px;
	padding-right: 12px;
}
.promenu {
	max-width:248px;
	background: #f7fcf0;
	margin-top: 30px;
	padding-bottom: 20px;
}
.promenu li {
	margin-bottom: 20px;
	cursor: pointer;
}
.promenu li .ttl {
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	color: #fff;
	padding-left: 15px;
	border-radius: 3px;
	background: #73b216 url(../images/down2.png) no-repeat 95% center;
}
.promenu li .sublist {padding: 0 18px;}
.promenu li .sublist a {
	display: block;
	line-height: 20px;
	color: #666;
	font-size: 14px;
	padding: 10px;
	background: url(../images/right02.png) no-repeat left center;
	border-bottom: 1px solid #e3e3e3;
}
.promenu li .sublist a.active,.promenu li .sublist a:hover {
	color: #73b216;
	background-image: url(../images/right01.png);
	border-bottom-color: #73b216;
}
.proright {
	float: right;
	max-width: 940px;
	border-left: 1px solid #f2f2f2;
}
.proright-border {
	border-left: 7px solid #fcfcfc;
	padding: 30px 0 100px;
}
.prolist {margin-bottom: 20px;}
.prolist li {
	padding: 0 10px;
	margin-bottom: 20px;
}
.prolist .item {
	display: block;
	background: #f9f9f9;
    box-shadow: 3px 4px 0px #e5e5e5;
}
.prolist .item .txt {
    float: right;
    width: 60%;
    padding: 20px 20px 0 0;
}
.prolist .item .txt .ttl {
	line-height: 24px;
	font-size: 18px;
	height: 48px;
	overflow: hidden;
	color: #73b216;
	margin-bottom: 10px;
}
.prolist .item .txt .p {
	color: #555;
	font-size: 14px;
	line-height: 24px;
	max-height: 120px;
	overflow: hidden;
}
.proright .proright-border {
	padding: 30px 10px 60px;
}
.prodetail-left .img {
	border: 1px solid #eee;
	width: 460px;
	height: 460px;
	position: relative;
	margin: 0 auto;
}
.prodetail-left .share {
	width: 114px;
	margin: 0 auto;
}
.prodetail-left .share span.p {
	display: inline-block;
	width: 114px;
	height: 38px;
	line-height: 38px;
	font-size: 13px;
	text-align: center;
	padding-right: 20px;
	margin-top: 36px;
	background: #ddd url(../images/share.png) no-repeat 80% center;
	cursor: pointer;
}
.prodetail-left .share:hover .list {
	display: block;
}
.prodetail-left .share .list {
	width: 214px;
	height: 92px;
	border: 1px solid #d8d8d8;
	text-align: center;
	padding-top: 20px;
	position: relative;
	position: absolute;
	left: 50%;
	margin-left: -107px;
	bottom: 60px;
	display: none;
	background: #fff;
}
.prodetail-left .share .list a {
	display: inline-block;
	width: 50px;
	height: 50px;
	margin: 0 3px;
	background: url(../images/icon05.png);
}
.prodetail-left .share .list a.l2 {background-position: -75px 0;}
.prodetail-left .share .list a.l3 {background-position: -150px 0;}
.prodetail-left .share .list i {
	display: block;
	width: 37px;
	height: 18px;
	position: absolute;
	left: 50%;
	margin-left: -18px;
	bottom: -16px;
	background: url(../images/down03.png);
}
.prodetail-right {
	padding-left: 30px;
}
.prodetail-right .ttl {
	color: #73b216;
	font-size: 24px;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
	margin-bottom: 20px;
}
.prodetail-right .description,.prodetail-b .description {
	background: #ffb767;
	color: #fff;
	font-size: 18px;
	line-height: 36px;
	height: 36px;
	margin-bottom: 5px;
	padding-left: 10px;
}
.prodetail-b {
	margin-top: 50px;
}
.prodetail-b .description {
	background: #bbb;
	margin-bottom: 20px;
}
.com-img {
	padding-left: 5%;
}







/*动画*/
.t-scale {
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}
.t-scale:hover {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
.delay1 {animation-delay: 0.1s;}
.delay2 {animation-delay: 0.2s;}
.delay3 {animation-delay: 0.3s;}
.delay4 {animation-delay: 0.4s;}
.delay5 {animation-delay: 0.5s;}
.delay6 {animation-delay: 0.6s;}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 0deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 0deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

/* 新增 */
.select-wrap {
	margin-bottom: 35px;
	position: relative;
}
.select-item {
	float: left;
	height: 36px;
	width: 230px;
	margin-left: 10px;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	background: #fafafa;
	position: relative;
}
.select-item .list {
	width: 230px;
	padding: 10px 0 10px 30px;
	border: 1px solid #e3e3e3;
	position: absolute;
	top: 34px;
	left: -1px;
	background: url(../images/bg07.png);
	display: none;
	z-index: 99999;
}
.select-item .list span {
	display: block;
	line-height: 32px;
	font-size: 14px;
	cursor: pointer;
}
.select-item .list span:hover {
	color: #73b216;
}
.select-item .ttl {
	font-size: 16px;
	padding: 0 15px;
	line-height: 34px;
	background: url(../images/down4.png) no-repeat 95% center;
	cursor: pointer;
	position: relative;
}
.select-item .ttl:after {
	content: ' ';
	border-top: 5px solid #999;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -2px;
}
.select-wrap .btn {
	float: left;
	margin-left: 10px;
	height: 36px;
	line-height: 34px;
	font-size: 14px;
	width: 80px;
	color: #fff;
	background: #73b216;
	text-align: center;
	border-radius: 4px;
	cursor: pointer;
}