@charset "utf-8";

body{font-family:"微软雅黑"}
.no-margin{margin: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}
.tr{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
.tr3{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;}
input,button,textarea,.swiper-pagination span,.swiper-button{ outline: none !important; }
.sizeCover{ background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }

.main-pad-1{ padding:20px 0 0;}
.main-pad-2{ padding:0 0 20px;}
.main-pad-3{ padding:60px 0 0;}
.main-pad-4{ padding:0 0 60px;}
.main-pad-5{ padding:50px 0 0;}
.main-pad-6{ padding:0 0 50px;}
.main-Background-1{ background:rgba(0,0,0,0.6);}

header{ position: relative; z-index:99999;}
header .qita .logo a{ display:block; font-size:0;}

.banner{ position:relative;}
.banner a{ display: block; font-size: 0; text-align: center;}
.banner a img{ width: 100%;}
.banner .swiper-pagination{ position: absolute; left: 0; bottom: 20px; z-index: 1; width: 100%; font-size: 0; text-align: center;}
.banner .swiper-pagination span{ margin: 0 5px; width: 10px; height: 10px; background: #fff; opacity: 1; transition: all 0.3s;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #1cb63c;}

.title-1{ padding: 20px 0 7px; margin-bottom: 20px; border-bottom: solid 1px #dcdcdc;}
.title-1 .left{ padding-left: 10px; font-size: 24px; color: #008e44; font-weight: bold; line-height: 32px; border-left: solid 6px #008e44;}
.title-1 .right{ margin-top: 6px; width: 78px; border:solid 2px #41b75a; border-radius: 10px;}
.title-1 .right a{ display: block; font-size: 12px; color: #008e44; line-height: 16px; transform: scale(0.8);}
.title-1.active{ padding-top: 0;}
.title-2{ font-size: 0;}
.title-2 img{ max-width: 100%;}
.title-3{ margin-bottom:10px; font-size: 18px; color: #333; font-weight: bold; line-height: 24px;}
.title-4{ margin-bottom: 5px; font-size: 16px; color: #333; font-weight: bold; line-height: 24px;}
.title-5{ margin-bottom: 20px;}
.title-5 .biaoti{font-size: 18px; color: #333; line-height: 24px;}
.title-5 .qita{ color: #999; line-height: 24px;}

.text-1 .right form{ display: block;}
.text-1 .right form input{ display: block; padding: 0 10px; width: calc(100% - 40px); height: 40px; color: #ababab; line-height: 38px; background: #f3f3f3; border:solid 1px #dddddd;}
.text-1 .right form button{ display: block; padding: 0; width: 40px; height: 40px; font-size: 24px; color: #fff; line-height: 40px; background: #008e44; border:none;}
.text-2{ font-size: 18px; color: #808080; line-height: 30px;}
.text-3{ margin-bottom:10px; color: #333; line-height: 30px;}
.text-4{ padding-bottom: 35px;}
.text-4 ul li:nth-child(n+2){ border-top: solid 1px #dddddd;}
.text-4 ul li a{ display: block; color: #333; line-height: 35px;}
.text-4 ul li a .imgbox{ display: none;}
.text-4 ul li a .textbox{ width: 100%;}
.text-4 ul li a .textbox .biaoti .mc{ position: relative; padding: 0 10px 0 20px; max-width: calc(100% - 65px);}
.text-4 ul li a .textbox .biaoti .mc b{ display: block; position: absolute; left:6px; top: 50%; z-index: 1; width: 1px; height: 3px; background: #008e44;}
.text-4 ul li a .textbox .biaoti .mc b:before,.text-4 ul li a .textbox .biaoti .mc b:after{ content: ""; position: absolute; bottom: 0; z-index: 1; width: 3px; background: #008e44;}
.text-4 ul li a .textbox .biaoti .mc b:before{ right: 100%; height: 5px;}
.text-4 ul li a .textbox .biaoti .mc b:after{ left: 100%; height: 7px;}
.text-4 ul li a .textbox .jieshao{ display: none;}
.text-4 ul li.active{ margin-top: 1px; margin-bottom: 10px; border:none;}
.text-4 ul li:nth-child(1).active{ margin-top: 0;}
.text-4 ul li:last-child.active{ margin-bottom: 9px;}
.text-4 ul li.active + li{ border:none;}
.text-4 ul li.active a .imgbox{ display: block; width: 200px; overflow: hidden;}
.text-4 ul li.active a .imgbox span{ display: block; padding-top: 86px;}
.text-4 ul li.active a .textbox{ padding-left: 20px; width: calc(100% - 200px);}
.text-4 ul li.active a .textbox .biaoti .mc{ padding-left: 0;}
.text-4 ul li.active a .textbox .biaoti .mc b{ display: none;}
.text-4 ul li.active a .textbox .jieshao{ display: block; height: 48px; color: #ababab; line-height: 24px; overflow: hidden;}
.text-4.active ul li a{ line-height: 49px;}
.text-4.active ul li a .textbox .biaoti .mc:before{ background: #008e44;}
.text-4.active ul li a .textbox .biaoti .mc{ color: #666;}
.text-4.active ul li a .textbox .biaoti .time{ color: #999;}
.text-4.active ul li.active a{ padding:15px; line-height: 24px; border:solid 1px #e5e5e5;}
.text-4.active ul li.active a .imgbox{ width: 100px;}
.text-4.active ul li.active a .imgbox span{ padding-top: 60px;}
.text-4.active ul li.active a .textbox{ width: calc(100% - 100px);}
.text-4.active ul li.active a .textbox .jieshao{ height: 24px;white-space:nowrap;text-overflow:ellipsis;}
.text-5{ font-size: 16px; color: #333; line-height: 30px;}
.text-6 input{ display: block; margin-bottom:20px; padding: 0 10px; width: 100%; height: 35px; font-size: 12px; color: #a9a9a9; line-height: 33px; background: none; border:solid 1px #cccccc;}
.text-6 textarea{ display: block; margin-bottom:20px; padding:3px 10px; width: 100%;max-width: 100%;min-width: 100%; height:110px;min-height:110px; font-size: 12px; color: #a9a9a9; line-height:26px; background: none; border:solid 1px #cccccc;}
.text-6 button{ display:block; padding: 0; width: 100%; height: 40px; color: #fff; line-height: 40px; background: #41b75a; border:none;}

.more-1{ margin-top: 20px;}
.more-1 a{ display: block; width: 224px; color: #fff; line-height: 32px; background: #008e44; border-radius: 5px;}

.picture-1{ position: relative;}
.picture-1 ul{ margin:0 -10px -20px;}
.picture-1 ul li{ padding: 0 10px; margin-bottom: 20px; width: calc(100% / 3);}
.picture-1-list a{ display: block; padding: 3px; border:solid 1px #f0f0f0;}
.picture-1-list a .imgbox{ overflow: hidden;}
.picture-1-list a .imgbox span{ display: block; padding-top: 85%;}
.picture-1-list a .textbox{ padding: 0 10px; font-size: 16px; color: #333; line-height: 45px; background: #f0f0f0;}
.picture-2 .imgbox span{ display: block;}
.picture-2 .textbox .box .biaoti{ margin-bottom: 30px;}
.picture-2 .textbox .box .biaoti .en{ display: flex; align-items: center; margin-bottom: -30px; font-family:'Tahoma'; font-size: 115px; color: #e8e8e8; height:90px;}
.picture-2 .textbox .box .biaoti .cn{ position: relative; margin-bottom: 20px; padding-left: 15px; font-size: 24px; color: #008e44; font-weight: bold; line-height: 24px; border-left: solid 10px #008e44;}
.picture-2 .textbox .box .biaoti .cn span{ color: #333;}
.picture-2 .textbox .box .bot{ position: relative; padding: 0 60px 30px 0; background: #f0f0f0;}
.picture-2 .textbox .box .bot:before{ content: ""; position: absolute; right: 100%; top: 0%; z-index: 1; width:calc((100vw - 1200px) / 2); height:100%; background: #f0f0f0;}
.picture-2 .textbox .box .bot .jieshao{ position: relative; margin-bottom: 30px; padding: 40px 0 10px 40px;}
.picture-2 .textbox .box .bot .jieshao:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 3px; height: 100%; background: #008e44; border-bottom: solid 90px #c0c0c0;}
.picture-2 .textbox .box .bot .jieshao .mc{ margin-bottom:5px; font-size: 16px; color: #333; font-weight: bold; line-height: 24px;}
.picture-2 .textbox .box .bot .jieshao .text{ margin-bottom: 20px; height: 150px; color: #333; line-height: 30px; overflow: hidden;}
.picture-2 .textbox .box .bot .jieshao .more a{ display: block; width: 100px; font-size: 12px; color: #fff; line-height: 26px; background: #008e44;}
.picture-2 .textbox .box .bot .tubiao ul{ margin:0 -10px;}
.picture-2 .textbox .box .bot .tubiao ul li{ padding: 0 10px; width: calc(100% / 3);}
.picture-2 .textbox .box .bot .tubiao ul li a{ display: block; padding-top: 31px; height: 150px; border:solid 1px #e5e5e5;}
.picture-2 .textbox .box .bot .tubiao ul li a .icon{ margin-bottom:15px; color: #333; line-height: 50px;}
.picture-2 .textbox .box .bot .tubiao ul li a .icon.icon-gongsijianjie{ font-size: 50px;}
.picture-2 .textbox .box .bot .tubiao ul li a .icon.icon-qiyelinian{ font-size: 50px;}
.picture-2 .textbox .box .bot .tubiao ul li a .icon.icon-qiyewenhua{ font-size: 50px;}
.picture-2 .textbox .box .bot .tubiao ul li a .title{ color: #333; line-height: 20px;}
.picture-3 .imgbox{ overflow: hidden;}
.picture-3 .imgbox span{ display: block;}
.picture-3 .textbox .biaoti{ margin-bottom: 10px; font-size: 30px; color: #fff; line-height: 34px;}
.picture-3 .textbox .tel{ margin-bottom: 10px; font-size: 30px; color: #fff; line-height: 34px; font-weight: bold;}
.picture-3 .textbox .jieshao{ font-size: 24px; color: #fff; line-height: 38px;}
.picture-3 .textbox{background: #f39200;}
.picture-3.active .textbox{background: #41b75a;}
.picture-4 .ul .li .imgbox{font-size: 0;}
.picture-4 .ul .li .imgbox img{ max-width: 100%;}
.picture-4 .ul .li .textbox .box .biaoti{ padding-bottom: 10px; margin-bottom: 20px; border-bottom: dashed 1px #3eace2;}
.picture-4 .ul .li .textbox .box .biaoti .shuzi{ width: 56px; font-family: 'Arial'; font-size: 30px; color: #fff; font-weight: bold; line-height: 56px; background: #41b75a; border-radius: 50%;}
.picture-4 .ul .li .textbox .box .biaoti .mc{ padding-left: 20px; width: calc(100% - 56px); font-size: 30px; color: #008e44; line-height:56px;}
.picture-4 .ul .li .textbox .box .jieshao ul li:nth-child(n+2){ margin-top: 20px;}
.picture-4 .ul .li .textbox .box .jieshao ul li .icon{ width: 24px; font-size: 24px; color: #5d9c1a; line-height: 24px;}
.picture-4 .ul .li .textbox .box .jieshao ul li .mc{ padding-left: 20px; width: calc(100% - 24px); font-size: 20px; color: #333; line-height: 24px;}
.picture-5{ margin-bottom: 20px; font-size: 0;}
.picture-5 img{ max-width: 100%;}
.picture-6{ position: relative; padding-top: 40%;}
.picture-6 .map{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%;}

.subnav .biaoti{ background: #008e44;}
.subnav .biaoti span{ color: #fff;}
.subnav ul{ padding: 2px 7px 4px; border-left: solid 1px #e4e4e4; border-right: solid 1px #e4e4e4; border-bottom: solid 10px #008e44;}
.subnav ul li:nth-child(n+2){ margin-top: 3px;}
.subnav ul li a{ display: block; padding: 4px 4px 4px 17%; background: #f0f0f0; border-radius: 19px;}
.subnav ul li a .mc{ padding-right: 10px; width: calc(100% - 30px); font-size: 16px; color: #333; line-height: 30px;}
.subnav ul li a .icon{ padding-right: 5px; width: 30px; height: 30px; font-size: 20px; color: #e0e0e0; line-height: 30px; text-align: center; background: #fff; border-radius: 50%; transform:rotateY(180deg);}
.subnav ul li.active a{ background: #41b75a;}
.subnav ul li.active a .mc{ color: #fff;}
.subnav .ul{ display: none; margin-top: 4px; padding: 10px; background: #f0f0f0; border-radius: 15px;}
.subnav .ul .li a{ display: block; padding: 0 10px 0 18%; color: #666; line-height: 30px;}
.subnav .ul .li:nth-child(n+2) a{ border-top:solid 1px rgba(255,255,255,0.5);}
.subnav .ul .li.active a{ color: #1cb63c;}

footer .top{ background: #f0f0f0;}
footer .top ul li{ width: calc(100% / 8);}
footer .top ul li a{ display: block; font-size: 15px; color: #333; line-height: 60px; text-align: center;}
footer .center{ padding: 40px 0;}
footer .center .logo{ width:42%; border-right: solid 1px #e5e5e5;}
footer .center .logo a{ display: block; font-size: 0; line-height: 160px;}
footer .center .contact{ padding-left:2%; padding-top: 20px; width: 32%; min-height: 160px; font-size: 12px; color: #333; line-height: 20px; border-right: solid 1px #e5e5e5;}
footer .center .ewm{ padding-top: 20px; width: 26%; text-align: center;}
footer .center .ewm ul{ display: inline-block; vertical-align: top;}
footer .center .ewm ul li{ width: 110px;}
footer .center .ewm ul li:nth-child(n+2){ margin-left: 10px;}
footer .center .ewm ul li .imgbox{ margin-bottom: 5px; font-size: 0; border:solid 1px #dddddd;}
footer .center .ewm ul li .imgbox img{ width: 100%;}
footer .center .ewm ul li .mc{ color: #333; line-height: 24px;}
footer .bot{ padding: 8px 0; font-size: 12px; color: #fff; line-height: 24px; background: #008e44;}

@media (min-width:992px){
	.col-md-3-cz-1{ padding-right: 13px; width: 268px;}
	.col-md-9-cz-1{ padding-left: 13px; width: calc(100% - 268px);}
	header{ position: relative; margin-bottom: 45px;}
	header .top_bar{ background: #ededed;}
	header .top_bar .biaoyu{ font-size: 12px; color: #333; line-height: 30px;}
	header .top_bar .right{ padding-top: 9px;}
	header .top_bar .right ul li:nth-child(n+2){ margin-left: 10px; padding-left: 10px; border-left: solid 1px #333;}
	header .top_bar .right ul li a{ display: block; height: 12px; font-size: 12px; color: #333; line-height: 12px;}
	header .top_bar .right ul li a:hover{ color: #1cb63c; text-decoration: underline !important;}
	header .qita .logo a{line-height:140px;}
	header .qita .tel{ margin-top: 42px;}
	header .qita .tel .icon{ font-size: 46px; color: #008e44; line-height: 55px;}
	header .qita .tel .text{ padding-left: 10px;}
	header .qita .tel .text .mc{ margin-bottom: 5px; font-size: 18px; color: #333; line-height: 18px;}
	header .qita .tel .text .shuzi{ font-family: 'Tianxiangyue Kinryo'; font-size: 32px; color: #333; line-height: 32px;}
	header .menu{ position: absolute; left: 0; top: 100%; z-index: 1; width: 100%; background: #008e44;}
	header.active .menu{ position: fixed; top: 0;}
	header .menu ul li{ position:relative; width: calc(100% / 8); border-right: solid 1px rgba(255,255,255,0.3);}
	header .menu ul li:first-child{ border-left: solid 1px rgba(255,255,255,0.3);}
	header .menu ul li > a{ display:block; font-size:16px; color:#fff; line-height:45px;}
	header .menu ul li .ul{ position:absolute; left:0; top:100%; width:100%; background:rgba(28,182,60,0.8); transform: translateY(10px); opacity: 0; visibility: hidden;}
	header .menu ul li:hover .ul{transform: translateY(0px); opacity: 1; visibility: visible;}
	header .menu ul li .ul .li > a{ display:block; padding: 10px; color:#fff; line-height:24px;}
	header .menu ul li .ul .li:hover > a{ background:#008e44;}
	header .menu ul li:hover > a{ background:#1cb63c;}
	header .menu ul li.active > a{ background:#1cb63c;}
	.title-1 .right:hover{ background: #41b75a;}
	.title-1 .right:hover a{ color: #fff;}
	.text-1 .left{ float: left; padding-right: 15px; width: calc(100% - 310px); font-size: 12px; line-height:40px;}
	.text-1 .left .mc{ width: 65px; color: #333;}	
	.text-1 .left .list{ width: calc(100% - 65px); height: 40px; overflow: hidden;}
	.text-1 .left .list ul li{ margin-right: 10px;}
	.text-1 .left .list ul li a{ display: block; color: #333;}
	.text-1 .left .list ul li a:hover{color: #1cb63c; text-decoration: underline !important;}
	.text-1 .right{ float: right; width: 310px;}
	.text-1 .right form:hover input{ border-color: #1cb63c;}
	.text-1 .right form:hover button{ background: #1cb63c;}
	.text-6 input:hover{ border-color: #1cb63c;}
	.text-6 textarea:hover{ border-color: #1cb63c;}
	.text-6 button:hover{ background: #1cb63c;}
	.more-1 a:hover{ background: #1cb63c;}
	.picture-1-list a:hover{ background: #008e44; border:solid 1px #008e44;}
	.picture-1-list a:hover .imgbox span{ transform: scale(1.05);}
	.picture-1-list a:hover .textbox{ color: #fff; background: #008e44;}
	.picture-1 .swiper-button{ margin-top: -20px; width: 40px; height: 40px; font-size: 40px; color: #129651; line-height: 40px; background: none; opacity: 1;}
	.picture-1 .swiper-button:hover{ color: #1cb63c;}
	.picture-1 .swiper-button.swiper-button-prev{ left: -50px;}
	.picture-1 .swiper-button.swiper-button-next{ right: -50px; transform: rotateY(180deg);}
	.picture-2 .imgbox{ float: right; width: 50%; overflow: hidden;}
	.picture-2 .imgbox span{padding-top: 490px;}
	.picture-2 .textbox{ float: left; padding-left: 10px; width: 50%; overflow: hidden;}
	.picture-2 .textbox .box{ float: right;  width: 100%; max-width: 600px;}
	.picture-2 .textbox .box .bot .jieshao .more a:hover{ background: #1cb63c;}
	.picture-2 .textbox .box .bot .tubiao ul li a:hover{ background: #1cb63c; border-color: #1cb63c;}
	.picture-2 .textbox .box .bot .tubiao ul li a:hover .icon{ color: #fff;}
	.picture-2 .textbox .box .bot .tubiao ul li a:hover .title{ color: #fff;}
	.picture-3 .imgbox{ float: left; width: 50%;}
	.picture-3 .imgbox span{ padding-top: 248px;}
	.picture-3 .textbox{ float: right; padding-right: 15px; width: 50%}
	.picture-3 .textbox .box{ float: left; width: 100%; max-width: 600px; padding-top:42px; height: 248px;}
	.picture-3.active .imgbox{ float: right;}
	.picture-3.active .textbox{ float: left; padding-left: 15px; padding-right: 0;}
	.picture-3.active .textbox .box{ float: right;}
	.picture-4 .ul .li{ display: flex;}
	.picture-4 .ul .li:nth-child(even){ flex-direction: row-reverse;}
	.picture-4 .ul .li:nth-child(n+2){ margin-top: 40px;}
	.picture-4 .ul .li .imgbox{ width: 50%;}
	.picture-4 .ul .li:nth-child(odd) .imgbox{ padding-right: 15px;}
	.picture-4 .ul .li:nth-child(even) .imgbox{ padding-left: 15px;}
	.picture-4 .ul .li:nth-child(even) .textbox{ padding-right: 15px;}
	.picture-4 .ul .li:nth-child(odd) .textbox{ padding-left: 15px;}
	.picture-4 .ul .li .textbox{ display: flex; width: 50%; align-items: center;}
	.picture-4 .ul .li .textbox .box { width: 100%;}
	.subnav .biaoti{ display: flex; justify-content: center; align-items: center; height: 86px;}
	.subnav .biaoti span{ position: relative; padding-bottom: 10px; font-size: 24px; font-weight: bold; line-height: 24px;}
	.subnav .biaoti span:before{ content: ""; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 4px; border-top: solid 1px #fff; border-bottom: solid 1px rgba(255,255,255,0.5);}
	.subnav .ul .li a:hover{ color: #1cb63c;}
	.subnav ul li a:hover{ background: #41b75a;}
	.subnav ul li a:hover .mc{ color: #fff;}
	footer .top ul li a:hover{ color: #1cb63c; text-decoration: underline !important;}
}

@media (max-width:1299px){
	.picture-1 .swiper-button{ display: none;}
}

@media (max-width:1230px){
	.picture-2 .textbox .box .bot:before{ width: 15px;}
}

@media (max-width:1199px){
	.main-pad-3{ padding:40px 0 0;}
	.main-pad-4{ padding:0 0 40px;}
	.main-pad-5{ padding:30px 0 0;}
	.main-pad-6{ padding:0 0 30px;}
	header .qita .logo a{ line-height: 120px;}
	header .qita .logo a img{ width:350px;}
	header .qita .tel{ margin-top:39px;}
	header .qita .tel .icon{ font-size: 40px; line-height: 49px;}
	header .qita .tel .text .mc{ font-size: 16px;}
	header .qita .tel .text .shuzi{ font-size: 26px; line-height: 26px;}
	.title-1 .left{ font-size: 18px; line-height: 26px;}
	.title-1 .right{ margin-top: 3px;}
	.more-1 a{ width: 200px;}
	.picture-1-list a .textbox{ font-size: 14px;}
	.picture-2 .imgbox span{ padding-top: 400px;}
	.picture-2 .textbox .box .bot{ padding: 0 40px 20px 0;}
	.picture-2 .textbox .box .bot .jieshao{ margin-bottom: 20px; padding:20px 0 10px 30px;}
	.picture-2 .textbox .box .bot .jieshao .text{ height:130px; line-height: 26px;}
	.picture-2 .textbox .box .biaoti .en{ height: 70px; font-size: 90px;}
	.picture-2 .textbox .box .biaoti .cn{ font-size: 20px;}
	.picture-2 .textbox .box .bot .tubiao ul li a{ height: 130px;}
	.picture-2 .textbox .box .bot .tubiao ul li a .icon{ margin-bottom:10px; color: #333; line-height:40px;}
	.picture-2 .textbox .box .bot .tubiao ul li a .icon.icon-gongsijianjie{ font-size: 40px;}
	.picture-2 .textbox .box .bot .tubiao ul li a .icon.icon-qiyelinian{ font-size: 40px;}
	.picture-2 .textbox .box .bot .tubiao ul li a .icon.icon-qiyewenhua{ font-size: 40px;}
	.picture-2 .textbox .box .bot .tubiao ul li a .title{line-height: 16px;}
	.picture-3 .imgbox span{ padding-top: 200px;}
	.picture-3 .textbox .box{ padding-top:36px; height: 200px;}
	.picture-3 .textbox .biaoti{ font-size: 24px;line-height:30px;}
	.picture-3 .textbox .tel{ font-size: 24px;line-height: 30px;}
	.picture-3 .textbox .jieshao{ font-size:18px; line-height: 24px;}
	.picture-4 .ul .li .textbox .box .biaoti .shuzi{ width: 45px; font-size: 24px; line-height: 45px;}
	.picture-4 .ul .li .textbox .box .biaoti .mc{width: calc(100% - 45px); font-size: 24px; line-height: 45px;}
	.picture-4 .ul .li .textbox .box .jieshao ul li .mc{ font-size: 16px;}
	.subnav .biaoti{ height: 70px;}
	.subnav .biaoti span{ font-size: 20px;}
	.subnav ul li a{ padding-left: 10%;}
	.subnav ul li a .mc{ width: calc(100% - 26px); font-size: 15px; line-height: 26px;}
	.subnav ul li a .icon{ width: 26px; height: 26px; font-size: 16px; line-height: 26px;}
	footer .top ul li a{ font-size: 14px; line-height: 50px;}
	footer .center{ padding:30px 0;}
	footer .center .logo{ width:37%;}
	footer .center .logo a{ padding-right: 20px}
	footer .center .logo a img{ width:320px;}
	footer .center .contact{ padding-top: 10px; width:37%;}
}

@media (max-width:991px){
	.main-pad-1{ padding:10px 0 0;}
	.main-pad-2{ padding:0 0 10px;}
	.main-pad-3{ padding:20px 0 0;}
	.main-pad-4{ padding:0 0 20px;}
	.main-pad-5{ padding:20px 0 0;}
	.main-pad-6{ padding:0 0 20px;}
	header .qita .logo a{line-height:80px;}
	header .qita .logo a img{ width: 300px;}
	.menu-box{ display: none; position: absolute;top: 80px; right: 0; z-index:2147483645; width: 120px; }
	.menu-box ul li{ margin-bottom:1px;}
	.menu-box ul li a{ display: block; font-size: 14px; color: #333; text-align:center; line-height:40px; background:rgba(255,255,255,0.8); }
	.menu-box ul li.active a{ color: #fff; background: #008e44; }
	.menu-btn{ position: relative; top: 31px; width: 40px; }
	.menu-btn b{ display: block; height:3px; background: #008e44;}
	.menu-btn b:nth-child(2){ margin:4px 0; }
	.menu-btn.active b:nth-child(1){ transform:rotate(45deg) translate(0,10px); }
	.menu-btn.active b:nth-child(2){ opacity: 0; }
	.menu-btn.active b:nth-child(3){ transform:rotate(-45deg) translate(0,-10px); }
	.title-2 img{ max-width: 80%;}
	.title-5 .biaoti{ font-size: 16px;}
	.title-5 .qita{ font-size: 12px;}
	.text-4{ padding-bottom: 20px;}
	.text-5{ font-size: 14px; line-height: 24px;}
	.text-6 input{ margin-bottom: 10px;}
	.text-6 textarea{ margin-bottom: 10px;}
	.more-1 a{ float: none !important; margin:0 auto;}
	.picture-1 ul li{ width: 50%;}
	.picture-1-list a .textbox{ line-height: 40px;}
	.picture-2 .imgbox{ margin-bottom: 20px;}
	.picture-2 .imgbox span{ padding-top: 53%;}
	.picture-2 .textbox .box .biaoti{ margin-bottom: 20px;}
	.picture-2 .textbox .box .biaoti .en{ margin-bottom: -20px; height: 50px; font-size: 70px;}
	.picture-2 .textbox .box .biaoti .cn{ font-size: 18px;}
	.picture-2 .textbox .box .bot{ padding: 20px;}
	.picture-2 .textbox .box .bot .jieshao{ padding: 0 0 10px 20px;}
	.picture-2 .textbox .box .bot .jieshao .text{ height: auto;}
	.picture-3 .imgbox span{ padding-top: 26%;}
	.picture-3 .textbox .box{ padding: 20px 0; height: auto;}
	.picture-3 .textbox .biaoti{ font-size: 18px; line-height: 24px;}
	.picture-3 .textbox .tel{ font-size: 18px; line-height: 24px;}
	.picture-3 .textbox .jieshao{ font-size: 16px;}
	.picture-4 .ul .li:nth-child(n+2){ margin-top: 20px;}
	.picture-4 .ul .li .textbox .box .biaoti .shuzi{ width: 40px; font-size: 18px; line-height: 40px;}
	.picture-4 .ul .li .textbox .box .biaoti .mc{ width: calc(100% - 40px); font-size: 20px; line-height: 40px;}
	.picture-4 .ul .li .textbox .box .jieshao ul li:nth-child(n+2){ margin-top: 15px;}
	.picture-4 .ul .li .textbox .box .jieshao ul li .mc{ font-size: 14px;}
	.picture-4 .ul .li .imgbox{ margin-bottom: 20px; text-align: center;}
	.subnav{ margin-bottom: 20px;}
	.subnav .biaoti{ position: relative; height: auto;}
	.subnav .biaoti:before{ content: ""; position: absolute; right:15px; top: 50%; z-index: 1; margin-top: -6px; border-top: solid 6px transparent; border-bottom: solid 6px transparent; border-left: solid 6px #fff;}
	.subnav .biaoti span{ display: block; padding: 0 15px; font-size: 18px; line-height: 50px;}
	.subnav ul li a{ padding-left: 5%;}
	.subnav ul li a .mc{ font-size: 14px; line-height: 24px;}
	.subnav ul li a .icon{ width: 24px; height: 24px; font-size: 16px; line-height: 24px;}
	footer .center{ padding: 20px 0;}
	footer .center .logo{ padding-bottom: 20px; margin-bottom: 20px; width: 100%; border-right: none; border-bottom: solid 1px #eee;}
	footer .center .logo a{ padding-right: 0; line-height: initial; text-align: center;}
	footer .center .contact{ padding:0 15px 0 0; width:50%; min-height: initial;}
	footer .center .ewm{ padding: 0 0 0 15px; width: 50%;}
	footer .center .ewm ul li .mc{ font-size: 12px;}
}

@media (max-width:767px){
	body{ padding-bottom: 54px;}
	header .qita .logo a{line-height:60px;}
	header .qita .logo a img{ width: 220px;}
	.banner .swiper-pagination{ bottom: 10px; }
	.banner .swiper-pagination span{ width: 8px; height: 8px; }
	.menu-box{top: 60px; width: 100px; }
	.menu-box ul li a{ font-size: 12px; line-height: 34px;}
	.menu-btn{ top: 21px; width: 30px;}
	.title-3{ margin-bottom: 5px; font-size: 14px;}
	.title-4{ font-size:14px;}
	.text-1 .right form input{ width: calc(100% - 34px); height: 34px; font-size: 12px; line-height: 32px;}
	.text-1 .right form button{ width: 34px; height: 34px; font-size: 18px; line-height: 34px;}
	.text-2{ font-size: 14px; line-height: 24px;}
	.text-3{ font-size: 12px; line-height: 24px;}
	.text-4 ul li.active a .imgbox{ width: 160px;}
	.text-4 ul li.active a .textbox{ width: calc(100% - 160px);}
	.text-4 ul li.active a .textbox .jieshao{ font-size: 12px;}	
	.text-4 ul li a{ font-size: 12px; line-height: 30px;}
	.text-4.active ul li a{ line-height: 39px;}
	.text-4.active ul li.active a{ padding: 10px;}
	.picture-2 .textbox .box .biaoti{ margin:0 15px 20px;}
	.picture-2 .textbox .box .bot{ padding: 20px 15px;}
	.picture-2 .textbox .box .bot .jieshao .mc{ font-size: 14px;}
	.picture-2 .textbox .box .bot .jieshao .text{ font-size: 12px; line-height: 24px;}
	.picture-2 .textbox .box .bot .tubiao ul li a{ padding-top: 20px; height: 110px;}
	.picture-3 .textbox .biaoti{ font-size: 16px;}
	.picture-3 .textbox .tel{ font-size: 16px;}
	.picture-3 .textbox .jieshao{ font-size: 14px;}
	.picture-4 .ul .li .textbox .box .biaoti .shuzi{ width: 34px; font-size: 16px; line-height: 34px;}
	.picture-4 .ul .li .textbox .box .biaoti .mc{ padding-left: 15px; width: calc(100% - 34px); font-size: 16px; line-height: 34px;}
	.picture-4 .ul .li .textbox .box .jieshao ul li .icon{ width: 20px; font-size: 20px; line-height: 20px;}
	.picture-4 .ul .li .textbox .box .jieshao ul li .mc{ padding-left: 15px; width: calc(100% - 20px); font-size: 12px; line-height: 20px;}
	.subnav .biaoti span{ font-size: 16px; line-height: 44px;}
	.tabBar{ position: fixed; left: 0; bottom: 0; z-index: 99999; width: 100%; background: #008e44; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
	.tabBar ul li{ width: calc(100% / 3);}
	.tabBar ul li a{ display: block; padding:5px 0; transition: all 0.3s;}
	.tabBar ul li.active a{ background: #1cb63c;}
	.tabBar ul li:nth-child(n+2) a{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.5);}
	.tabBar ul li a .icon{ font-size:18px; color: #fff; line-height: 24px;}	
	.tabBar ul li a .mc{ font-size: 12px; color: #fff; line-height: 20px;}
	.tabBar ul li .tanchuang{ position: absolute; left: 15px; bottom: 100%; z-index: 1; padding-bottom: 10px; width: calc(100% - 30px); transform: translateY(10px); opacity: 0; visibility: hidden; transition: all 0.3s;}
	.tabBar ul li .tanchuang:before{ content: ""; position: absolute; right: calc(((100% + 30px) / 3 - 30px - 12px) / 2); bottom: 4px; z-index: 1; width: 0; height: 0; border-left: solid 6px transparent; border-right: solid 6px transparent; border-top: solid 6px rgba(28,182,60,0.8);}
	.tabBar ul li.active .tanchuang{ transform: translateY(0px); opacity: 1; visibility: visible;}
	.tabBar ul li .tanchuang .imgbox{ padding: 10px; font-size: 0; background: rgba(28,182,60,0.8); border-radius: 5px;}
	.tabBar ul li .tanchuang .imgbox img{ max-width: 100px;}	
	footer .top ul li{ width: 25%;} 
	footer .top ul li a{ line-height: 40px;}
	footer .center .logo{ padding-bottom: 15px; margin-bottom: 15px;}
	footer .center .logo a img{ width: 260px;}
	footer .center .contact{ margin-bottom: 15px; padding-right: 0; width: 100%; border-right:none; text-align: center; line-height: 24px;}
	footer .center .ewm{ padding-left: 0; width: 100%;}
}

@media (max-width:479px){

}

@media (max-width:413px){

}

@media (max-width:399px){
	.title-1 .left{ font-size: 16px; line-height: 24px;}
	.title-1 .right{ margin-top: 2px;}
	.text-2{ font-size: 12px;}
	.text-4.active ul li a{ line-height: 30px;}
	.text-4 ul li.active a .textbox{ padding-left: 15px;}
	.more-1 a{ width: 160px;}
	.subnav .biaoti span{ line-height: 40px;}
	.subnav ul li a .mc{ font-size: 12px;}
	.picture-1-list a .textbox{ font-size: 12px; line-height: 34px;}
	.picture-2 .textbox .box .biaoti .en{ margin-bottom: -10px; height: auto; display: block; font-size: 50px; line-height: 30px;}
	.picture-3 .textbox .box{ padding: 15px;}
	.picture-3 .textbox .biaoti{ margin-bottom: 5px;}
	.picture-3 .textbox .tel{ margin-bottom: 5px;}
	footer .top ul li a{ font-size: 12px; line-height: 30px;}
}