@charset "utf-8";


.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: #00733a;}
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0px;
}
.title-1 .cn{ margin-bottom:15px; overflow: hidden;}
.title-1 .cn span{ position: relative; display: block; font-size: 40px; color: #333; line-height: 44px;}
.title-1 .cn span:before,.title-1 .en:before{content: ""; position: absolute; z-index: 1; width: 5px; height: 5px; background: #b2b2b2; border-radius: 50%;}
.title-1 .cn span:before{left: calc(100% + 20px); bottom: 5px;}
.title-1 .en{ position: relative; padding-left: 60px; font-family:Arial, Helvetica, sans-serif; font-size: 16px; color: #808080; line-height: 24px; overflow: hidden;}
.title-1 .en:before{left:calc(60px - 10px); bottom:40%;}
.title-1 .cn span:after,.title-1 .en:after{ content: ""; position: absolute; z-index: 1; width: 50px; height: 1px; background: #b2b2b2;}
.title-1 .cn span:after{left: calc(100% + 25px); bottom:7px;}
.title-1 .en:after{left:calc(60px - 60px); bottom:calc(40% + 2px);}
.title-2 ul li{ margin-right: 7px; margin-bottom: 7px;}
.title-2 ul li a{ display: block; padding: 0 10px; min-width: 120px; font-size: 12px; color: #333; line-height: 26px; border:solid 1px #dcdcdc;}
.title-3{ position: relative; margin-left: 8%; padding-left: 8%;}
.title-3:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: calc(100% + (50vw - 600px)); height: 100%; background: #00733a url(../img/bg2.jpg) no-repeat right; border-radius:0 0 0 80px;}
.title-3 ul{ position: relative; z-index: 2;}
.title-3 ul li{ position: relative; width: 20%;}
.title-3 ul li:before,.title-3 ul li:after{ content: ""; position: absolute; left: 0; width: 100%;}
.title-3 ul li:before{ top: 0; height: 100%; z-index: 1;background:-moz-linear-gradient(left,rgba(0,143,72,0.4) 0%,rgba(0,143,72,0.4) 1%,rgba(0,143,72,0) 100%);background:-webkit-linear-gradient(left,rgba(0,143,72,0.4) 0%,rgba(0,143,72,0.4) 1%,rgba(0,143,72,0) 100%);background:linear-gradient(to right,rgba(0,143,72,0.4) 0%,rgba(0,143,72,0.4) 1%,rgba(0,143,72,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#66008f48',endColorstr='#00008f48',GradientType=1 );}
.title-3 ul li:after{ bottom: 0; height: 0; z-index: 2; background: #006f38; transition: all 0.3s;}
.title-3 ul li a{ position: relative; z-index: 3; display: block; color: #fff; line-height: 120px;}
.title-3 ul li.active:after{ height: 100%;}
.title-4{ margin-bottom: 10px;}
.title-4 .cn{ font-size: 30px; color: #fff; font-weight: bold; line-height: 34px; letter-spacing: 5px;}
.title-4 .jiangexian{ margin:10px 0; height: 1px; background: rgba(255,255,255,0.5);}
.title-4 .en{ font-family: '宋体'; font-size: 24px; color: #fff; line-height: 24px;}
.title-4.active .cn{ color: #333;}
.title-4.active .jiangexian{ background: #dcdcdc;}
.title-4.active .en{ color: #bbbbbb;}
.title-6{ margin-bottom: 20px;}
.title-6 .biaoti{font-size: 18px; color: #333; line-height: 24px;}
.title-6 .qita{ color: #999; line-height: 24px;}
.text-1 {
    z-index: 2;
    position: relative;
    bottom: 150px;
}
.text-1 .box{ position: relative; padding:65px 5% 35px 3%; background: #00733a; border-radius:0px 0 0 0; width: 100%; max-width:900px;}
.text-1 .box .maxbiaoti{ position: absolute; top: -10px; left: 65px; padding: 0 40px; font-size: 18px; color: #00733a; font-weight: bold; line-height: 56px; background: #fff; border-radius: 0 0 20px 20px;}
.text-1 .box .bot ul{ margin:0 -3px;}
.text-1 .box .bot ul li{ padding: 0 3px;}
.text-1 .box .bot ul li:nth-child(1){ width:27%;}
.text-1 .box .bot ul li:nth-child(2){ width:27%;}
.text-1 .box .bot ul li:nth-child(3){ width:20%;}
.text-1 .box .bot ul li:nth-child(4){ width:10%;}
.text-1 .box .bot ul li:nth-child(5){ width:16%;}
.text-1 .box .bot ul li .title{ padding: 0 15px; height: 20px; color: #fff; line-height: 20px;}
.text-1 .box .bot ul li .hang1{ border-radius: 5px;}
.text-1 .box .bot ul li:nth-child(1) .hang1{background: #fff; border-left:solid 2px #e77918;}
.text-1 .box .bot ul li:nth-child(2) .hang1{background: #fff;}
.text-1 .box .bot ul li:nth-child(3) .hang1{background: #fff;}
.text-1 .box .bot ul li:nth-child(4) .hang1{background: #e9e9e9;}
.text-1 .box .bot ul li .hang1 .item{ position: relative; padding: 0 10px; width: 100%;}
.text-1 .box .bot ul li .hang1 select{ display: block; position: relative; z-index: 2; width:100%; height: 30px; color: #333; line-height: 30px; background: none; border:none;appearance:none;-moz-appearance:none;-webkit-appearance:none; cursor: pointer;}
.text-1 .box .bot ul li .hang1 select::-ms-expand{display:none}
.text-1 .box .bot ul li .hang1 input{ display: block; padding: 0 10px; width: calc(100% - 20px); height: 30px; color: #333; line-height: 30px; background: #fff; border:none; border-radius: 5px;}
.text-1 .box .bot ul li .hang1 .mc{ width: 20px;color: #333; line-height: 30px;}
.text-1 .box .bot ul li .hang{ border-radius: 5px;}
.text-1 .box .bot ul li:nth-child(1) .hang{background: #fff; border-left:solid 2px #e77918;}
.text-1 .box .bot ul li:nth-child(2) .hang{background: #fff;}
.text-1 .box .bot ul li:nth-child(3) .hang{background: #fff;}
.text-1 .box .bot ul li:nth-child(4) .hang{background: #e9e9e9;}
.text-1 .box .bot ul li .hang .item{ position: relative; padding: 0 10px; width: 50%;}
.text-1 .box .bot ul li .hang select{ display: block; position: relative; z-index: 2; width:100%; height: 30px; color: #333; line-height: 30px; background: none; border:none;appearance:none;-moz-appearance:none;-webkit-appearance:none; cursor: pointer;}
.text-1 .box .bot ul li .hang select::-ms-expand{display:none}
.text-1 .box .bot ul li .hang input{ display: block; padding: 0 10px; width: calc(100% - 20px); height: 30px; color: #333; line-height: 30px; background: #fff; border:none; border-radius: 5px;}
.text-1 .box .bot ul li .hang .mc{ width: 20px;color: #333; line-height: 30px;}
.text-1 .box .bot ul li button{ display: block; padding: 0; width: 100%; height: 30px; color: #fff; line-height: 29px; background: #df914c; border:none; border-right: solid 1px #fff; border-bottom: solid 1px #fff; border-radius: 5px;}
.text-2 .imgbox span{ display: block;}
.text-2 .textbox{ background: #00733a;}
.text-2 .textbox ul li:nth-child(n+2){ margin-top: 15px;}
.text-2 .textbox ul li .icon{ width: 52px; color: #06a064; line-height: 52px; background: #fff; border-radius: 50%;}
.text-2 .textbox ul li .icon.icon-ren{ font-size:30px;}
.text-2 .textbox ul li .icon.icon-dianhua{ font-size:34px;}
.text-2 .textbox ul li .icon.icon-www{ font-size: 34px;}
.text-2 .textbox ul li .icon.icon-huanjing{ font-size:24px;}
.text-2 .textbox ul li .text{ display: flex; align-items: center; padding-left: 20px; width: calc(100% - 52px); height: 52px; color: #fff; line-height: 20px;}
.text-3{ background: #f0f0f0;}
.text-3 form ul li{ margin-bottom: 10px;}
.text-3 form ul li input{ display: block; padding: 0 20px; width: 100%; height: 36px; color: #333; line-height: 36px; background: #cfcfd0; border:none;}
.text-3 form ul li input::-webkit-input-placeholder{ color: #333;}
.text-3 form ul li input:-moz-placeholder{ color: #333;}
.text-3 form ul li input::-moz-placeholder{ color: #333;}
.text-3 form ul li input:-ms-input-placeholder{ color: #333;}
.text-3 form ul li textarea{ display: block; padding:3px 20px; width: 100%;max-width: 100%;min-width: 100%; height:124px;min-height:124px; color: #333; line-height:30px; background: #cfcfd0; border:none;}
.text-3 form ul li textarea::-webkit-input-placeholder{ color: #333;}
.text-3 form ul li textarea:-moz-placeholder{ color: #333;}
.text-3 form ul li textarea::-moz-placeholder{ color: #333;}
.text-3 form ul li textarea:-ms-input-placeholder{ color: #333;}
.text-3 form button{ display: block; margin:0 auto; padding: 0; width: 170px; height: 28px; color: #fff; line-height: 24px; background: #00733a; border:solid 1px #66ab89; box-shadow: 0 0 0 1px #00733a; border-radius:14px;}
.text-4{ font-size: 0;}
.text-4 img{ max-width: 100%;}
.text-5{ margin-bottom: 20px; color: #333; line-height: 28px; font-size:16px}
.text-6{ color: #808080; line-height: 28px; font-size:16px}
.text-6 table{ width:100% !important; height:auto !important}
.text-6 table td{ width:auto !important; height:auto !important;padding: 5px !important;line-height: 34px;}
.text-7{ padding-bottom: 35px;}
.text-7 ul li:nth-child(n+2){ border-top: solid 1px #dddddd;}
.text-7 ul li a{ display: block; color: #333; line-height: 35px;}
.text-7 ul li a .imgbox{ display: none;}
.text-7 ul li a .textbox{ width: 100%;}
.text-7 ul li a .textbox .biaoti .mc{ position: relative; padding: 0 10px 0 20px; max-width: calc(100% - 65px);}
.text-7 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-7 ul li a .textbox .biaoti .mc b:before,.text-7 ul li a .textbox .biaoti .mc b:after{ content: ""; position: absolute; bottom: 0; z-index: 1; width: 3px; background: #008e44;}
.text-7 ul li a .textbox .biaoti .mc b:before{ right: 100%; height: 5px;}
.text-7 ul li a .textbox .biaoti .mc b:after{ left: 100%; height: 7px;}
.text-7 ul li a .textbox .jieshao{ display: none;}
.text-7 ul li.active{ margin-top: 1px; margin-bottom: 10px; border:none;}
.text-7 ul li:nth-child(1).active{ margin-top: 0;}
.text-7 ul li:last-child.active{ margin-bottom: 9px;}
.text-7 ul li.active + li{ border:none;}
.text-7 ul li.active a .imgbox{ display: block; width: 200px; overflow: hidden;}
.text-7 ul li.active a .imgbox span{ display: block; padding-top: 86px;}
.text-7 ul li.active a .textbox{ padding-left: 20px; width: calc(100% - 200px);}
.text-7 ul li.active a .textbox .biaoti .mc{ padding-left: 0;}
.text-7 ul li.active a .textbox .biaoti .mc b{ display: none;}
.text-7 ul li.active a .textbox .jieshao{ display: block; height: 48px; color: #ababab; line-height: 24px; overflow: hidden;}
.text-7.active ul li a{ line-height: 49px;}
.text-7.active ul li a .textbox .biaoti .mc:before{ background: #008e44;}
.text-7.active ul li a .textbox .biaoti .mc{ color: #666;}
.text-7.active ul li a .textbox .biaoti .time{ color: #999;}
.text-7.active ul li.active a{ padding:15px; line-height: 24px; border:solid 1px #e5e5e5;}
.text-7.active ul li.active a .imgbox{ width: 100px;}
.text-7.active ul li.active a .imgbox span{ padding-top: 60px;}
.text-7.active ul li.active a .textbox{ width: calc(100% - 100px);}
.text-7.active ul li.active a .textbox .jieshao{ height: 24px;white-space:nowrap;text-overflow:ellipsis;}
.tangram-suggestion-main{z-index:999;}