@charset "utf-8";
/* CSS Document */ 

@font-face{font-family:'iconfont';src:url('//at.alicdn.com/t/font_1432720974_1547027.eot');src:url('//at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('//at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('//at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('//at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}
.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}
body{font-family:"微软雅黑"}
.glyphicon{top:0 !important}
.overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a{text-decoration:none !important;cursor:pointer !important}
.container-fluid{max-width:1230px !important}

.main-1-list{ width: 50%; }
.main-1-list.left{ padding-right: 15px; }
.main-1-list.right{ padding-left: 15px; }
.main-pad-1{ padding: 0 0 30px; }

#fp-nav ul li:last-child{ display: none !important; }

.section{ overflow: hidden; }
#section6:before{ content: "";position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background:rgba(222,253,155,0.63); }
#section7:before{ content: "";position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background:rgba(126,171,31,0.76); }
.content{ padding-top: 84px; margin:0 auto; padding-left: 15px; padding-right: 15px; max-width: 1230px; }
#section6 .fp-tableCell,#section7 .fp-tableCell{ position:relative; z-index: 3; }
#section7 .content{ padding-top:50px; padding-bottom: 50px; }

.header{ position: relative; left: 0; top: 0; z-index: 214748364; width: 100%; background: #8fc320; }
.header.absolute{position: absolute;}
.header .logo{ font-size: 0; line-height: 84px; }
.header .menu{ padding-top: 23px; }
.header .menu ul{ margin:0; }
.header .menu ul li{ position: relative; margin-left: 33px; }
.header .menu ul li:before{ content: ""; position: absolute; left: -19px; top: 50%; z-index: 1; margin-top: -3px; width: 5px; height: 5px; background: #fff; border-radius: 50%; }
.header .menu ul li:first-child{ margin-left:0; }
.header .menu ul li:first-child:before{ display: none; }
.header .menu ul li > a{ display: block; width: 103px; color: #fff; line-height: 37px; border-radius: 5px; transition: all 0.3s; }
.header .menu ul li.active > a{ background: #1a6d17; }

.banner .swiper-pagination{ bottom: 23px; width: 100%; font-size: 0; }
.banner .swiper-pagination span{ margin:0 7px; width: 10px; height: 10px; background: #fff; border:solid 3px transparent; opacity: 1; transition: all 0.3s; }
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #1a6d17; box-shadow: 0 0 0 3px #fff; }
.banner .swiper-slide{ background-position: 50% 50%; background-size: cover; }
.banner img{ max-width: 100%; }
.banner .imgbox1{ position:absolute; left: 50%; top: 50%; z-index: 1; margin:-13% 0 0 -33%; width:38%; }
.banner .imgbox2{ position:absolute; left: 50%; top: 50%; z-index: 1; margin:-12% 0 0 -3%; width:35%; }
.banner2 img{ max-width: 100%; }

.more-1{ position: absolute; left: 50%; bottom: 90px; z-index: 2; margin:0 0 0 -18px; width: 35px; cursor: pointer; animation: more1 2s infinite linear; }
.more-1 a{ display: block; height: 19px; background: url(../images/icon/vivw_1_xjt.png) no-repeat center; }
.more-2{ margin-top:30px; }
.more-2 a{ display: block; margin:0 auto; width: 130px; color: #8fc320; line-height:38px; background: #fff; border:dashed 1px #d7d7d7; border-radius: 5px;transition: all 0.3s; }
.more-2.active a{color: #fff;background: none;border:dashed 1px #fff; }
.more-2.active2 a{ width: 150px; color:rgba(54,54,54,0.52); line-height: 43px; background: none; border:solid 1px #9c9f96; }

.title-1{ margin-bottom: 40px; font-size: 0; }
.title-1 a{ display: inline-block; vertical-align: top; }
.title-1 .en{ font-size: 30px;color: #1a6d17; line-height: 40px; }
.title-1 .cn{ margin:10px 0 20px; font-size:22px; color: #1a6d17; font-weight:bold; line-height:24px;text-shadow: 0 3px #fff, 3px 0 #fff, -3px 0 #fff, 0 -3px #fff,1px 3px 7px rgba(0,0,0,0.5); }
.title-1 .jiangexian{ margin:0 auto; width: 38px; background: #8fc320; }
.title-1 .jiangexian b{ display: block; width: 19px; height: 2px; background: #1a6d17; }
.title-2{  font-size: 12px;color: #333; line-height: 60px; }
.title-2 a{ color: #333; transition: all 0.3s; }
.title-3{ margin-bottom: 40px; background: #ececec; }
.title-3 ul{ margin:0; }
.title-3 ul li{ width: 12.5%; }
.title-3 ul li a{ display: block; font-size: 12px;color: #333; line-height: 34px; transition: all 0.3s; }
.title-3 ul li.active a{ color: #fff; background: #8fc320; }
.title-5{ margin-bottom: 20px; background: #ededed; }
.title-5 .biaoti{ padding: 0 30px; color: #fff; line-height: 35px; background: #8fc320; }
.title-6{ padding-bottom: 10px; margin-bottom: 20px; border-bottom: solid 1px #eee; }
.title-6 .biaoti{ font-size: 18px;color: #333; line-height: 24px; }
.title-6 .time{ font-size: 12px;color: #999; line-height: 24px; }

.text-1{ margin-bottom:30px; font-size: 12px;color: #6b6b6b; line-height: 30px; }
.text-2{ padding-left: 15px; width: 35%; }
.text-2 ul{ margin-bottom: 0; }
.text-2 ul li{ margin-bottom: 10px; }
.text-2 ul li:last-child{ margin-bottom: 0; }
.text-2 ul li a{ display: block; padding: 0 10px; color: #333; line-height: 40px; border-radius: 5px; transition: all 0.3s; }
.text-2 ul li a .mc{ width: calc(100% - 70px); }
.text-2 ul li a .time{ width: 70px; font-size: 12px; text-align: right; color: #555252; transition: all 0.3s }
.text-3{ margin-bottom:40px; }
.text-3 .biaoti{ margin-bottom: 20px; font-size: 24px;color: #1a6d17; font-weight:bold; line-height: 34px; }
.text-3 .jieshao{ height: 102px; color: #1a6d17; line-height: 34px; overflow: hidden; }
.text-4 .textbox{ width: calc(100% - 128px); color: #4a4a4a; line-height:24px; }
.text-4 .ewm{ margin-top: 10px; padding: 5px; width: 128px; font-size: 0; background: #fff; }
.text-4 .ewm img{ max-width: 100%; }
.text-5{ font-size: 12px; color: #696969; line-height: 24px; }
.text-6{ margin-bottom: 40px; padding-top: 20px; padding-left: 20px; }
.text-6 .biaoti{ margin-bottom: 12px; font-size: 24px;color: #8fc320; font-weight: bold; line-height:54px; border-bottom:solid 1px #e1e1e1;  }
.text-6 .textbox ul{ margin:0; }
.text-6 .textbox li{ border-bottom: dotted 1px #b5b5b5; }
.text-6 .textbox li span{ display: block; padding: 10px 0; color: #333; line-height: 24px; }
.text-6 .textbox li span:first-child{ width: 60%; }
.text-6 .textbox li span:last-child{ width: 40%; }
.text-6 .fanhui{ margin-top: 50px; }
.text-6 .fanhui a{ display: block; margin:0 auto; width: 126px; font-size: 12px;color: #fff; line-height: 36px; background: #8fc320;transition: all 0.3s }

.pictrue-1{ margin:0 -3px; position: relative; }
.pictrue-1 .swiper-wrapper{ padding-bottom: 28px; }
.pictrue-1-list{ margin:0 3px -22px; }
.pictrue-1-list a{ position: relative; padding-top: 28px; display: block; overflow: hidden; }
.pictrue-1-list a .imgbox{ font-size: 0; background: #fff; }
.pictrue-1-list a .imgbox img{ max-width: 100%; max-height: 100%; }
.pictrue-1-list a .textbox{ position: absolute; left:-100%; top:-100%; z-index: 1; width: 100%; height: 100%; background: #8fc320; }
.pictrue-1-list a .textbox.trans{ -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; backface-visibility: hidden; }
.pictrue-1-list a .textbox .box{ position: absolute; left: 0; top: 50%; z-index: 1; margin-top: -72px; padding:0 25px; width: 100%; }
.pictrue-1-list a .textbox .box .biaoti{ font-size: 18px;color: #fff; line-height: 24px; }
.pictrue-1-list a .textbox .box .jieshao{ margin:20px 0; height: 48px; font-size: 12px;color: #fff; line-height: 22px; overflow: hidden; }
.pictrue-1-list a .textbox .box .fdj{ font-size:0;}
.pictrue-2{overflow: hidden; }
.pictrue-2 ul{ margin:0 -30px; }
.pictrue-2 ul li{ position:relative; padding: 0 30px; margin:20px 0; width: 25%; transition: all 0.3s; }
.pictrue-2 ul li a{ display: block; padding: 6px; background: #fff; border-radius: 5px;transition: all 0.3s;  }
.pictrue-2 ul li a .box{ padding: 20px 15px; border:dashed 1px #afccae; border-radius: 5px; transition: all 0.3s;  }
.pictrue-2 ul li a .box .imgbox{ margin-bottom: 10px; font-size: 0; }
.pictrue-2 ul li a .box .imgbox img{ display: block; margin:0 auto; transition: all 0.3s; }
.pictrue-2 ul li a .box .imgbox img:first-child{ margin-bottom: -38px; }
.pictrue-2 ul li a .box .imgbox img:last-child{ opacity: 0; }
.pictrue-2 ul li a .box .textbox{ color: #8b8b8b; line-height: 24px; transition: all 0.3s; }
.pictrue-3-list{ position: relative; padding: 8px; background: #8fc320; border-radius: 5px; overflow: hidden; }
.pictrue-3-list:before,.pictrue-3-list:after{ content: ""; position:absolute; left: 0; top: 0; z-index: 1; width:300%; height: 100%; transform:skew(-40deg);transition: all 0.3s; opacity: 0; }
.pictrue-3-list:before{ right: 20%; background: #6a9709; transform-origin:right top; }
.pictrue-3-list:after{ left: 80%; background: #f7df12;  transform-origin:left top;}
.pictrue-3-list a{ display: block; position: relative; z-index:2; padding: 6px; background: #8fc320;transition: all 0.3s }
.pictrue-3-list a .box{ padding:25px 15px; border:dashed 1px #8fc320; border-radius: 5px; }
.pictrue-3-list a .box .biaoti{ font-size: 24px;color: #fff; line-height: 34px;transition: all 0.3s }
.pictrue-3-list a .box .en{ font-family: 'Aparajita'; font-size: 12px;color: #fff; line-height: 16px; transition: all 0.3s}
.pictrue-4{ padding-right: 15px; width: 65%; }
.pictrue-4 a{ display: block; }
.pictrue-4 .imgbox{ width: 47%; overflow: hidden; }
.pictrue-4 .imgbox span{ display: block; height: 258px; background-position: 50% 50%; background-size: cover;transition: all 1s }
.pictrue-4 .textbox{ padding-top: 30px; padding-left:7%; width: 53%; }
.pictrue-4 .textbox .biaoti{ font-size: 20px;color: #333; line-height: 24px;transition: all 0.3s }
.pictrue-4 .textbox .time{ margin:10px 0; font-size: 12px; color: #8a8a8a; line-height: 24px; }
.pictrue-4 .textbox .jiangexian{ height: 1px; border-bottom: dashed 1px #747474; }
.pictrue-4 .textbox .jieshao{ margin:10px 0; height: 72px; color: #333; line-height: 24px; overflow: hidden; }
.pictrue-4 .textbox .more{ color: #333; line-height: 24px;transition: all 0.3s }
.pictrue-5{ padding: 3px; border:solid 1px #fff; }
.pictrue-5 .imgbox{ height: 340px; background-position: 50% 50%; background-size: cover; }
.pictrue-6-list{ margin-bottom: 30px; }
.pictrue-6-list a{ display: block; }
.pictrue-6-list a .imgbox{ margin-bottom: 7px; font-size: 0; border:solid 1px #8fc320; transition: all 0.3s; }
.pictrue-6-list a .imgbox span{ display: block; }
.pictrue-6-list a .imgbox span img{ max-width: 100%; max-height: 100%; }
.pictrue-6-list a .textbox{ padding: 0 10px; color: #fff; line-height: 40px; background: #8fc320; transition: all 0.3s; }
.pictrue-7 ul li{ padding: 30px 0; border-bottom: dotted 1px #9e9e9e; }
.pictrue-7 ul li:first-child{ padding-top: 0; }
.pictrue-7 ul li:last-child{ padding-bottom: 0;border-bottom:none; }
.pictrue-7 ul li a{ display: block; }
.pictrue-7 ul li a .imgbox{ width: 231px; overflow: hidden; }
.pictrue-7 ul li a .imgbox span{ display: block; height: 134px; transition: all 1s; }
.pictrue-7 ul li a .textbox{ padding-left:30px; width: calc(100% - 231px); }
.pictrue-7 ul li a .textbox .biaoti{ margin-bottom:15px; font-size: 18px; color: #333; line-height: 24px; transition: all 0.3s; }
.pictrue-7 ul li a .textbox .jieshao{ margin-bottom: 15px; height: 44px; font-size:12px;color: #5f5f5f; line-height: 22px; overflow: hidden; }
.pictrue-7 ul li a .textbox .more{ width: 93px; font-size: 12px; color: #818181; line-height: 24px; border:solid 1px #bebebe; transition: all 0.3s; }
.pictrue-8{ margin-bottom: 40px; height: 500px; font-size: 0; line-height: 498px; border:solid 1px #8fc320; }
.pictrue-8 img{ max-width: 100%; max-height: 100%; }

.footer .menu{ margin-bottom: 20px; }
.footer .menu ul{ margin:0; }
.footer .menu ul li{ margin-bottom: 10px;width: calc(100% / 6); }
.footer .menu ul li a{ display: block; height: 14px; color: #fff; line-height: 14px; border-right: solid 1px #fff; text-align:center; transition: all 0.3s }
.footer .menu ul li:last-child a{ border-right: none; }
.footer .link{ margin-bottom: 10px; font-size: 0; text-align: center; }
.footer .link span,.footer .link a{ display: inline-block; vertical-align: top; font-size: 12px; line-height: 24px; }
.footer .link span{ color: #fff; margin-bottom: 10px; }
.footer .link a{ margin:0 15px 10px; color: rgba(255,255,255,0.76); transition: all 0.3s }
.footer .copyright{ font-size: 12px;color:rgba(255,255,255,0.47); line-height: 20px; }
.footer .copyright a{color:rgba(255,255,255,0.47);transition: all 0.3s  }
.footer.active{ padding:30px 0; background: #93b943; }

@media (min-width:992px){
	.header.fiexd{position:fixed; top: -84px;}
	.header .menu ul li:hover > a{ background: #1a6d17; }
	.banner{ position:absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; }
	.banner .swiper-container{ width: 100%; height: 100%; }
	.banner .swiper-pagination span:hover{ background: #1a6d17; box-shadow: 0 0 0 3px #fff; }
	.more-2 a:hover{ color: #fff; background: #8fc320; border:solid 1px #8fc320; }
	.title-2 a:hover{ color: #8fc320 }
	.title-3 ul li:hover a{ color: #fff; background: #8fc320; }
	.text-2 ul li a:hover{ color: #fff; background: #8fc320; }
	.text-2 ul li a:hover .time{ color: #fff; }
	.text-6 .fanhui a:hover{ background: #aae232; }
	.pictrue-2 ul li:hover{ margin-top: 0; margin-bottom: 40px; }
	.pictrue-2 ul li a:hover{ background: #8fc320; box-shadow: 2px 3px 5px rgba(0,0,0,0.1); }
	.pictrue-2 ul li a:hover .box{border:dashed 1px #fff; }
	.pictrue-2 ul li a:hover .box img:first-child{ opacity: 0; }
	.pictrue-2 ul li a:hover .box img:last-child{ opacity: 1; }
	.pictrue-2 ul li a:hover .box .textbox{ color: #fff; }
	.pictrue-3-list:hover:before,.pictrue-3-list:hover:after{ opacity: 1; }
	.pictrue-3-list:hover a{ background: #fff; }
	.pictrue-3-list:hover a .box .biaoti{ color: #6a9709; }
	.pictrue-3-list:hover a .box .en{ color: #979797; }
	.pictrue-4:hover .imgbox span{ transform: scale(1.1,1.1); }
	.pictrue-4:hover .textbox .biaoti{ color: #8fc320; }
	.pictrue-4:hover .textbox .more{ color: #8fc320; }
	.pictrue-6-list:hover a .imgbox{border:solid 1px #1a6d17;}
	.pictrue-6-list:hover a .textbox{ background: #1a6d17; }
	.pictrue-7 ul li:hover a .imgbox span{transform: scale(1.1,1.1); }
	.pictrue-7 ul li:hover a .textbox .biaoti{ color: #8fc320; }
	.pictrue-7 ul li:hover a .textbox .more{ color: #fff; background: #8fc320; border:solid 1px #8fc320; }	
	.footer .menu ul li a:hover{ color: #1a6d17 }
	.footer .link a:hover{ color: #1a6d17 }
	.footer .copyright a:hover{ color: #fff }

	@keyframes more1{
		0%{ bottom: 90px; }
		50%{ bottom: 70px; }
		100%{ bottom: 90px; }
	}

	/*首页特效*/

	.title-1{ position: relative; left: -200px; opacity: 0; transition:all 1.5s; }
	.active .title-1{ left: 0; opacity: 1; }
	.active2 .title-1{ left: 0; opacity: 1; }

	.more-2{ position: relative; left: -150px; opacity: 0; transition:all 1.5s; }
	.active .more-2{ left: 0; opacity: 1; }

	.text-1{ position: relative; left: -200px; opacity: 0; transition:all 2s; }
	.active .text-1{ left: 0; opacity: 1; }

	.pictrue-1 .swiper-container{ overflow: inherit; }
	.pictrue-1-list{ position:relative; opacity: 0; transition:all 2s; }
	.pictrue-1 .swiper-slide:nth-child(1) .pictrue-1-list,.pictrue-1 .swiper-slide:nth-child(5) .pictrue-1-list{ left: -100px; }
	.pictrue-1 .swiper-slide:nth-child(2) .pictrue-1-list,.pictrue-1 .swiper-slide:nth-child(6) .pictrue-1-list{ left: -50px; }
	.pictrue-1 .swiper-slide:nth-child(3) .pictrue-1-list,.pictrue-1 .swiper-slide:nth-child(7) .pictrue-1-list{ right: -50px; }
	.pictrue-1 .swiper-slide:nth-child(4) .pictrue-1-list,.pictrue-1 .swiper-slide:nth-child(8) .pictrue-1-list{ right: -100px; }
	.active .pictrue-1-list{ opacity: 1; }
	.active .pictrue-1 .swiper-slide:nth-child(1) .pictrue-1-list,.active .pictrue-1 .swiper-slide:nth-child(5) .pictrue-1-list{ left: 0; }
	.active .pictrue-1 .swiper-slide:nth-child(2) .pictrue-1-list,.active .pictrue-1 .swiper-slide:nth-child(6) .pictrue-1-list{ left: 0; }
	.active .pictrue-1 .swiper-slide:nth-child(3) .pictrue-1-list,.active .pictrue-1 .swiper-slide:nth-child(7) .pictrue-1-list{ right:0; }
	.active .pictrue-1 .swiper-slide:nth-child(4) .pictrue-1-list,.active .pictrue-1 .swiper-slide:nth-child(8) .pictrue-1-list{ right: 0; }

	.pictrue-2 ul li{ position: relative; opacity: 0; transition:all 2s; }
	.pictrue-2 ul li:nth-child(1),.pictrue-2 ul li:nth-child(5){ left: -100px; }
	.pictrue-2 ul li:nth-child(2),.pictrue-2 ul li:nth-child(6){ left: -50px; }
	.pictrue-2 ul li:nth-child(3),.pictrue-2 ul li:nth-child(7){ right: -50px; }
	.pictrue-2 ul li:nth-child(4),.pictrue-2 ul li:nth-child(8){ right: -100px; }
	.active .pictrue-2 ul li{ opacity: 1; }
	.active .pictrue-2 ul li:nth-child(1),.active .pictrue-2 ul li:nth-child(5){ left: 0; }
	.active .pictrue-2 ul li:nth-child(2),.active .pictrue-2 ul li:nth-child(6){ left: 0; }
	.active .pictrue-2 ul li:nth-child(3),.active .pictrue-2 ul li:nth-child(7){ right: 0; }
	.active .pictrue-2 ul li:nth-child(4),.active .pictrue-2 ul li:nth-child(8){ right: 0; }

	.pictrue-3 .swiper-container{ overflow: inherit; }
	.pictrue-3-list{ position:relative; opacity: 0; transition:all 2s; }
	.pictrue-3 .swiper-slide:nth-child(1) .pictrue-3-list,.pictrue-3 .swiper-slide:nth-child(5) .pictrue-3-list{ left: -100px; }
	.pictrue-3 .swiper-slide:nth-child(2) .pictrue-3-list,.pictrue-3 .swiper-slide:nth-child(6) .pictrue-3-list{ left: -50px; }
	.pictrue-3 .swiper-slide:nth-child(3) .pictrue-3-list,.pictrue-3 .swiper-slide:nth-child(7) .pictrue-3-list{ right: -50px; }
	.pictrue-3 .swiper-slide:nth-child(4) .pictrue-3-list,.pictrue-3 .swiper-slide:nth-child(8) .pictrue-3-list{ right: -100px; }
	.active .pictrue-3-list{ opacity: 1; }
	.active .pictrue-3 .swiper-slide:nth-child(1) .pictrue-3-list,.active .pictrue-3 .swiper-slide:nth-child(5) .pictrue-3-list{ left: 0; }
	.active .pictrue-3 .swiper-slide:nth-child(2) .pictrue-3-list,.active .pictrue-3 .swiper-slide:nth-child(6) .pictrue-3-list{ left: 0; }
	.active .pictrue-3 .swiper-slide:nth-child(3) .pictrue-3-list,.active .pictrue-3 .swiper-slide:nth-child(7) .pictrue-3-list{ right:0; }
	.active .pictrue-3 .swiper-slide:nth-child(4) .pictrue-3-list,.active .pictrue-3 .swiper-slide:nth-child(8) .pictrue-3-list{ right: 0; }

	.pictrue-4 .imgbox{ position: relative; left: -150px; opacity: 0; transition: all 2s; }
	.pictrue-4 .textbox{ position: relative; left: -100px; opacity: 0; transition: all 2s; }
	.text-2 ul li{ position: relative; right: -200px; opacity: 0; }
	.text-2 ul li:nth-child(1){transition: all 1.4s;}
	.text-2 ul li:nth-child(2){transition: all 1.5s;}
	.text-2 ul li:nth-child(3){transition: all 1.6s;}
	.text-2 ul li:nth-child(4){transition: all 1.7s;}
	.text-2 ul li:nth-child(5){transition: all 1.8s;}
	.active .pictrue-4 .imgbox{ left: 0; opacity: 1; }
	.active .pictrue-4 .textbox{ left: 0; opacity: 1; }
	.active .text-2 ul li{ right: 0; opacity: 1; }

	.main-1-list.left{ position: relative; left: -100px; opacity: 0; transition: all 1.5s; }
	.main-1-list.right{ position: relative; right: -100px; opacity: 0; transition: all 1.5s; }
	.active2 .main-1-list.left{ left: 0; opacity: 1; }
	.active2 .main-1-list.right{ right: 0; opacity: 1; }
	
}	

@media (max-width:1199px){
	.header .logo img{ width: 280px; }
	.header .menu ul li > a{ width: 83px;font-size: 13px; }
	.pictrue-2 ul{ margin:0 -20px; }
	.pictrue-2 ul li{ padding:0 20px; }
}

@media (max-width:991px){
	.main-pad-1{ padding:20px 0; }
	.content{ position: relative; z-index: 3;}
	.section{ position: relative; }
	#section7 .content{ padding-top: 30px; padding-bottom: 30px; }
	.main-1-list{ width: 100%; }
	.main-1-list.left{ padding-right: 0; }
	.main-1-list.right{ padding-left: 0; }
	.header.fiexd{ position: relative;}
	.header .logo{ line-height: 80px; }
	.menu-box{ display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index:2147483645; padding-top: 80px; background: #fff;}
	.menu-box .menu{ position: relative; margin:0 auto; max-width: 160px; max-height: calc(100% - 80px); overflow-y:auto; }
	.menu-box .menu ul li{ margin-bottom: 20px; font-size: 0; line-height: 20px; }
	.menu-box .menu ul li span{ position: relative; display: inline-block; vertical-align: top; }
	.menu-box .menu ul li span a{ font-size: 14px; color: #333; }
	.menu-box .menu ul li span b{ position:absolute; left: -40px; top: 0; z-index: 1; width:20px; font-family: '宋体'; font-size: 14px; color: #333; cursor: pointer; }
	.menu-box .menu .ul{ display: none; }
	.menu-box .menu .ul .li{ margin-bottom: 20px; line-height: 20px; }
	.menu-box .menu .ul .li a{ color: #333; }
	.menu-btn{ position: absolute; top:20px; right: 15px; z-index:2147483647; width: 40px; height: 40px; }
	.menu-btn:before{ content: "×"; position: absolute; left: 0; top: 0; z-index: 2; width:100%; height: 100%; color: #fff; line-height: 40px; text-align: center; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; }
	.menu-btn b{ display: block; position: absolute; width:18px; height:18px; background: #fff; border-radius: 5px; transition: all 0.3s; }
	.menu-btn b:nth-child(1){ left: 1px; top: 1px; }
	.menu-btn b:nth-child(2){ left: 21px; top: 1px; }
	.menu-btn b:nth-child(3){ left: 1px; top: 21px; }
	.menu-btn b:nth-child(4){ left: 21px; top: 21px; }
	.menu-btn.active:before{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1; opacity: 1;}
	.menu-btn.active b{ margin:-9px 0 0 -9px; background: #8fc320;  }
	.menu-btn.active b:nth-child(1){ left: 50%; top: 50%; }
	.menu-btn.active b:nth-child(2){ left: 50%; top: 50%; }
	.menu-btn.active b:nth-child(3){ left: 50%; top: 50%; }
	.menu-btn.active b:nth-child(4){ left: 50%; top: 50%; }
	.banner{ position:relative;}
	.banner .swiper-slide{ background: none !important; }
	.banner .swiper-pagination{ bottom: 10px; }
	.banner .swiper-pagination span{ margin:0 3px; box-shadow: none !important; }
	.subnav{ margin-bottom: 20px; }
	.title-1{ margin-bottom: 30px; }
	.title-1 .en{ font-size: 18px; line-height: 24px; }
	.title-1 .cn{ margin:5px 0 15px; font-size: 20px; text-shadow: 0 1px #fff, 1px 0 #fff, -1px 0 #fff, 0 -1px #fff,1px 1px 5px rgba(0,0,0,0.5);}
	.title-3{ margin-bottom: 0; background: none; }
	.title-3 ul li{ margin-bottom: 1px; width: 100%; background: #ececec; }
	.title-4{ position: relative; margin-bottom: 1px; padding: 0 15px; font-size: 18px; color: #fff; line-height: 50px; background: #8fc320; }
	.title-4:before{ content: ""; position: absolute; right: 15px; top: 50%; z-index: 1; margin-top: -10px; width: 20px; height: 20px; background: url(../images/icon/subnav_jt.png) no-repeat; transition: all 0.3s; }
	.title-4.active:before{ transform: rotate(90deg); }
	.text-1{ line-height: 24px; }
	.text-2{ padding-left: 0; width: 100%; }
	.text-2 ul li{ margin-bottom: 0; }
	.text-2 ul li a{ font-size: 12px; line-height: 34px; }
	.text-3{ margin-bottom: 20px; }
	.text-3 .biaoti{ margin-bottom:10px; font-size: 16px; line-height: 24px; }
	.text-3 .jieshao{ height: auto; font-size: 12px; line-height: 24px; }
	.text-4{ margin-bottom: 20px; }
	.text-4 .textbox{ font-size: 12px; line-height:24px; }
	.text-4 .ewm{ margin-top: 0; }
	.text-6{ padding: 0; }
	.text-6 .biaoti{ padding-bottom: 10px; font-size: 18px; line-height: 24px; }
	.text-6 .textbox li span{ font-size: 12px; }
	.text-6 .fanhui{ margin-top: 20px; }
	.pictrue-1{ margin:0; }
	.pictrue-1 .swiper-wrapper{ padding-bottom: 0; }
	.pictrue-1-list{ margin:0; }
	.pictrue-1-list a{ padding-top: 0; }
	.pictrue-2 ul{ margin:0 -15px; }
	.pictrue-2 ul li{ margin:0; padding: 0 15px; width: 50%; }
	.pictrue-2 ul li:nth-child(1),.pictrue-2 ul li:nth-child(2){ margin-bottom: 20px; }
	.pictrue-2 ul li a{ padding: 0; }
	.pictrue-2 ul li a .box .imgbox img:first-child{ margin-bottom:0; }
	.pictrue-4{ padding-right: 0;  margin-bottom: 20px; width: 100%; }
	.pictrue-4 .imgbox{ width: 240px; }
	.pictrue-4 .imgbox span{ height: 200px; }
	.pictrue-4 .textbox{ padding-left: 20px; padding-top: 0; width: calc(100% - 240px); }
	.pictrue-4 .textbox .biaoti{ font-size: 16px; }
	.pictrue-4 .textbox .jieshao{ font-size: 12px; }
	.pictrue-4 .textbox .more{ font-size: 12px; }
	.pictrue-6-list{ margin-bottom: 20px; }
	.pictrue-8{ margin-bottom: 20px; height: auto; line-height: inherit; }
	.footer .menu{ margin-bottom: 0; }
}

@media (max-width:767px){
	.content{ padding-top: 20px; padding-bottom: 20px; }
	#section7 .content{ padding-top:20px;padding-bottom: 20px; }
	.header .logo{ line-height: 60px; }
	.header .logo img{ width: 220px; }
	.menu-btn{  top: 14px; width: 32px; height: 32px; }
	.menu-btn:before{ line-height: 32px; }
	.menu-btn b{ width: 14px; height: 14px; }
	.menu-btn b:nth-child(2){ left: 16px;}
	.menu-btn b:nth-child(3){ top: 16px; }
	.menu-btn b:nth-child(4){ left: 16px; top: 16px; }
	.menu-btn.active b{ margin:-10px 0 0 -10px; width:20px; height: 20px;}
	.title-1{ margin-bottom: 20px; }
	.title-1 .en{ font-size: 14px; line-height: 20px; }
	.title-4{ font-size: 16px; line-height: 40px; }
	.title-6 .biaoti{ font-size: 16px; }
	.more-2{ margin-top: 20px; }
	.pictrue-5 .imgbox{ height: 200px; }
	.pictrue-6-list a .textbox{ font-size: 12px; line-height: 30px; }
	.pictrue-7 ul li{ padding: 20px 0; }
	.pictrue-7 ul li a .imgbox{ width: 220px; }
	.pictrue-7 ul li a .textbox{ padding-left: 15px; width: calc(100% - 220px); }
	.pictrue-7 ul li a .textbox .biaoti{ font-size: 14px; }
	.footer .menu{ text-align: center; }
	.footer .menu ul li{ float: none !important; display:inline-block; vertical-align: top; padding: 0 5px; width: inherit;}
	.footer .menu ul li a{ height: 12px; font-size: 12px; line-height: 12px; border-right: none;  }
	.footer .link a{ margin-bottom: 0; }
	.footer .link span{ margin-bottom: 0; }
}

@media (max-width:479px){
	.menu-box .menu ul li span a{ font-size: 12px; }
	.menu-box .menu .ul .li a{ font-size: 12px; }
	.title-1 .en{ font-size: 12px; line-height: 14px; }
	.title-1 .cn{ margin:5px 0; font-size: 16px; line-height: 20px; }
	.more-2 a{ width: 120px; font-size: 12px; line-height: 30px; }
	.more-2.active2 a{ width: 120px;line-height: 30px; }
	.text-2 ul li a{ padding: 0; line-height: 24px; }
	.text-6 .textbox li{ padding: 5px 0; }
	.text-6 .textbox li span{ padding: 0; }
	.text-6 .textbox li span:first-child{ width: 100%; }
	.text-6 .textbox li span:last-child{ width: 100%; }
	.pictrue-2 ul li a .box .textbox{ font-size: 12px; }
	.pictrue-2 ul li a .box{ padding: 10px; }
	.pictrue-3-list{ padding: 0; }
	.pictrue-3-list a{ padding: 0; }
	.pictrue-3-list a .box{ padding: 10px; border:none; }
	.pictrue-3-list a .box .biaoti{ font-size: 14px; line-height: 24px; }
	.pictrue-4 .imgbox{ width: 120px; }
	.pictrue-4 .imgbox span{ height: 100px; }
	.pictrue-4 .textbox{ padding-left:10px; width: calc(100% - 120px); }
	.pictrue-4 .textbox .biaoti{ font-size: 14px; line-height: 24px; }
	.pictrue-4 .textbox .time{ margin:0; }
	.pictrue-4 .textbox .jiangexian{ margin:3px 0; }
	.pictrue-4 .textbox .jieshao{ margin:0; height: 48px; }
	.pictrue-4 .textbox .more{ display: none; }
	.pictrue-5 .imgbox{ height: 150px; }
	.pictrue-7 ul li a .imgbox{ width:120px; }
	.pictrue-7 ul li a .imgbox span{ height: 100px; }
	.pictrue-7 ul li a .textbox{width: calc(100% - 120px); }
	.pictrue-7 ul li a .textbox .biaoti{ margin-bottom: 5px; }
	.pictrue-7 ul li a .textbox .jieshao{ margin-bottom:5px; height: 40px; line-height: 20px; }
	.pictrue-7 ul li a .textbox .more{ width: 90px; }
	.footer .link a{ margin:0 5px; }
}