body,html{width: 100% !important;overflow-x: hidden !important;position: relative;margin: auto !important; -webkit-tap-highlight-color: transparent;}
ul{
    padding: 0;
    margin:0;
}
ul li {
    list-style: none;
}
/**政企合作**/
.nongjiao_top{width:95%;height:9.5vw;line-height:9.5vw;margin:auto;z-index:999}
.nongjiao_top .logo{float:left;width:14vw}
.nongjiao_top .logo img{width:100%}
.nongjiao_top .nongjiao_top_info{float:left;display:inline-block;font-size:4vw;color:#666;margin-left:3vw;line-height:5vw;padding-left:1.5vw;margin-top:1.5vw;border-left:1px solid #e4e4e4}
.nongjiao_top .nj_collection{float:right;font-size:3.4vw;color:#999;line-height:8.5vw}
.nongjiao_top .nj_collection .iconfont{font-size:4.8vw;margin-left:4vw;color:#666}
.go {
    width: 112%;
    margin-left: -6%;
}
.banner-box {
    width: 100%;
    height: 94.6667vw;
    background-image: url(../../images/government/banner.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.container {
    width: 93.6vw;
    margin: 0 auto;
}
.banner-box .banner-main {
    position: relative;
    width: 100%;
    height: 94.6667vw;
}
.banner-box .banner-main .titleImg {
    position: absolute;
    left: 50%;
    top: 37%;
    width: 82.1vw;
    height: 29.6vw;
    margin-left: -41vw;
    margin-top: -14vw;
}
.banner-box .banner-main .joinImg {
    position: absolute;
    left: 50%;
    bottom: 12vw;
    width: 45.3333vw;
    height: 12.2667vw;
    margin-left: -22.5333vw;
}
div, li {
    box-sizing: border-box;
}
.container {
    width: 93.6vw;
    margin: 0 auto;
}
.zt-title {
    text-align: center;
    margin: 5.3333vw 0;
    color: #5f5f5f;
}
.zt-title h3 {
    width: 56vw;
    position: relative;
    margin: 0 auto;
    font-size: 5.8667vw;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: .5vw;
    margin-bottom: .5vw;
    letter-spacing: .1vw;
    /* font-weight: normal; */
}
.zt-title p {
    font-size: 4.2667vw;
}
.function-box{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.function-box ul{
    width: 95vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.function-box ul li{
    width: 21.3vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-size: 3.75vw;
    color: #333;
    margin-left:1.5vw;
    margin-bottom:3.5vw;
}
.function-box ul li img{
    margin-bottom: 3.5vw;
}
.function-box ul li:nth-child(1),.function-box ul li:nth-child(5){
    margin-left:0vw;
}
.function-box ul li:nth-child(5),.function-box ul li:nth-child(6),.function-box ul li:nth-child(7){
    margin-bottom:0vw;
    
}
.introduce-box {
    height: 52vw;
    background-color: #FFE1E1;
    border: 0.5333vw dotted #E34549;
    color: #E34549;
    font-size: 3.75vw;
    margin: 5.3333vw 0;
    padding: 3vw;
    line-height: 9vw;
}
.introduce-box p {
    line-height: 7.7333vw;
}
.zt-title h3 span {
    position: absolute;
    bottom: -0.2667vw;
    left: 50%;
    margin-left: -5.7333vw;
    background-color: #E34549;
    width: 11.4667vw;
    height: 0.5333vw;
}
.market-status .status {
    height: 46.4vw;
    background-color: #E34549;
    margin-bottom: 5.3333vw;
    padding: 3.4vw;
    line-height: 1.3;
}
.market-status .status:nth-child(3){
    margin-bottom:2vw;
}
.market-status .status img {
    float: left;
    width: 39.2vw;
}
.status-text{
    height: 39.6vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.market-status .status .status-text {
    float: right;
    width: 45.3333vw;
    color: #fff;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0;
}
.market-status .status .status-text h4 {
    font-size: 4.2667vw;
}
.market-status .status .status-text p {
    margin-top: 3vw;
    font-size: 3.2vw;
}
.online-data {
    height: 119vw;
    background-image: url(../../images/government/online-bg.jpg);
    background-size: 100% 100%;
    padding: 5vw 4vw 0;
    color: #fff;
    text-align: center;
}
.online-data .data-title {
    font-size: 4.8vw;
    width: 9.8667vw;
    margin: 0 auto 0;
    border-bottom: 1.0667vw solid #C3A76C;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0;
}

.data_num_ul{
    margin-bottom: 3vw;
}
.online-data .data li {
    float: left;
    width: 33.3333%;
    border-bottom: 1px solid #4B420E;
    height: 29vw;
    position: relative;
    padding-top: 5vw;
    box-sizing: border-box;
}
.online-data .data li:nth-child(4),.online-data .data li:nth-child(5),.online-data .data li:nth-child(6),.online-data .data li:nth-child(7){
    padding-top: 6vw !important;
    margin-top:2vw
}
.online-data .data li:last-child{
    height: 26vw;
}
.online-data .data_span_tit{
    display: block;
}
.data_span_tit{
    font-size: 3.2vw;
    color: #9E9889;
}
.color_tit{
    color:#B98C8C !important ;
}
img {
    width: 100%;
}
.online-data .data li span {
    font-size: 4.8vw;
}
.online-data .data li p {
    width: 26.4vw;
    margin: 0 auto;
    font-size: 3.2vw;
    opacity: .8;
}
.online-data .data li img {
    position: absolute;
    left: 50%;
    bottom: -2vw;
    width: 4.8vw;
    margin-left: -2.4vw;
}
.underline-data {
    width: 100%;
    height: 130.4vw;
    background-image: url(../../images/government/map.png) ;
    background-size: 90% 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding:4vw;
}
.underline-data .data_span_tit{
    width: 88%;
    display: block;
    margin:2vw auto 0;
}
.underline-data .data-title {
    font-size: 4.8vw;
    width: 9.8667vw;
    margin: 0 auto;
    border-bottom: 1.0667vw solid #C3A76C;
    text-align: center;
}
.underline-data .data-list {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 11vw;
}
.underline-data .data-list .data-item {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3.7333vw;
    color: #666;
    padding: 1vw 0;
}
.underline-data .data-list .data-item img {
    width: 5.3333vw;
    height: 5.3333vw;
    margin-right:3.5vw;
}
.company-box{
    width: 100%;
}
.company-box li {
    width: 100%;
    height: 42vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
    padding: 2vw 3vw;
    margin-bottom: 4.5vw;
    position: relative;
}
.company-box li::after{
    content: '';
    width: 1px;
    height: 42vw;
    background: #E4E4E4;
    position: absolute;
    top:0;
    left: 51%;
}
.company-box li img{
    width: 40vw;
}
.company_span{
    width: 50%;
    height: 35vw;
    color:#333;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.company_span p{
    font-size: 3.75vw;
    color:#666;
}
/* 专业产品服务体系 */

.system_box{
    width: 100%;
    margin-bottom: 6.4vw;
}
.system_box_ul{
    width: 88%;
    height: 114.5vw;
    background: #fff;
    box-shadow: 0 0  7px 0 rgba(0, 0, 0, 0.2);
    padding:3.5vw 4.8vw;
    margin:0 auto;
}
.system_box_ul .system_box_li{
   width: 100%;
   font-size: 3.2vw;
   text-align: center;
   margin-bottom: 1.6vw;
}
.system_box_ul .system_box_li:nth-child(1) div{
    width: 100%;
    padding:1vw 10vw;
    color: #fff;
    background: #F76974;
    border-radius: 6px;
 }

 .system_box_ul .system_box_li:nth-child(1) div>span:nth-child(1){
    padding-right: 3vw;
 }
 .system_box_ul .system_box_li:nth-child(2){
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.system_box_ul .system_box_li:nth-child(2) div,.system_box_ul .system_box_li:nth-child(3) div,.system_box_ul .system_box_li:nth-child(3)  ul>li,.system_box_li:nth-child(4) ul>li{
   height: 8vw;
   line-height: 8vw;
}
 .system_box_ul .system_box_li:nth-child(2) div,.system_box_ul .system_box_li:nth-child(3) div,.system_box_ul .system_box_li:nth-child(3)  ul>li,.system_box_li:nth-child(4) div,.system_box_ul .system_box_li:nth-child(4)  ul>li{
    color: #E16C75;
    background: #FFE1E1;
    border-radius: 6px;
    text-align: center;
 }
 .system_box_ul .system_box_li:nth-child(3) div,.system_box_ul .system_box_li:nth-child(3)  ul{
    height: 76vw;
}
 .system_box_ul .system_box_li:nth-child(2) div:nth-child(1), .system_box_ul .system_box_li:nth-child(3) div:nth-child(1),.system_box_li:nth-child(4) div{
    width: 13.2vw;
 }
 .system_box_ul .system_box_li:nth-child(2) div:nth-child(2),.system_box_ul .system_box_li:nth-child(3)  ul>li,.system_box_li:nth-child(4) ul{
    width: 67.2vw;
 }
 .system_box_ul .system_box_li:nth-child(3) div{
    writing-mode:vertical-rl; 
    
}
 .system_box_ul .system_box_li:nth-child(3)  ul{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.system_box_ul .system_box_li:nth-child(3) div{
    display: flex;
    justify-content: center;
    align-items: center;
}
 .system_box_ul .system_box_li:nth-child(3) {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.system_box_ul .system_box_li:nth-child(4){
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.system_box_li:nth-child(4) div{
    height: 18.1vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
 }
 .system_box_li:nth-child(4) div>p{
    line-height: 4.1vw;
 }
.system_box_li:nth-child(4) ul{
    height: 20vw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.system_box_li:nth-child(4) ul>li{
  width: 21.1vw;
  text-align: center;
}


.signUp-box {
    height: 117.6vw;
    background-image: url(../../images/government/signUp-bg.jpg);
    background-size: 100% 100%;
    padding: 2vw 0;
}
.signUp-box .tip {
    text-align: center;
    color: #C0C0C0;
    font-size: 3.2vw;
    margin-top: -4vw;
    padding: 0 20vw;
}
.solution_customized_form {
    position: relative;
    width: 90.6667vw;
    height: 70.9333vw;
    background: white;
    margin: 2.6667vw auto 0;
    padding: 6.6667vw 8vw;
}
.solution_customized_form .solution_form_input .solution_form_input_name {
    float: left;
    font-size: 3.7333vw;
    color: #555353;
    width: 10vw;
    height: 8.8vw;
    line-height: 8.8vw;
}
.solution_customized_form .solution_form_input {
    margin-bottom: 4vw;
}
.solution_customized_form .solution_form_input .solution_form_input_name {
    float: left;
    font-size: 3.7333vw;
    color: #555353;
    width: 10vw;
    height: 8.8vw;
    line-height: 8.8vw;
}
.solution_customized_form .solution_form_input input {
    float: left;
    width: 63vw;
    height: 8.8vw;
    border: 1px solid #D6D4D4;
    padding-left: 2vw;
    box-sizing: border-box;
    outline: none;
    font-size: 3.7333vw;
}
.solution_customized_form .solution_form_input select {
    width: 20.5vw;
    height: 8.8vw;
    border: 1px solid #D6D4D4;
    background: white;
    outline: none;
    padding-left: 2vw;
    color: #333;
    /* appearance: none; */
    font-size: 3.7333vw;
}

.solution_customized_form .solution_form_input {
    margin-bottom: 4vw;
}
.solution_customized_form .caution {
    position: absolute;
    bottom: 5vw;
    left: 50%;
    width: 58.6667vw;
    margin-left: -29.3333vw;
}
.button {
    width: 63vw;
    height: 12.2667vw;
    line-height: 12.2667vw;
    background: linear-gradient(to bottom, #F9686B, #E34549);
    outline: none;
    border: none;
    border-radius: 8vw;
    font-size: 4.2667vw;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
    margin: auto;
}
.lafite_alert_toast {
    z-index: 999;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 40vw;
    height: 12vw;
    line-height: 12vw;
    text-align: center;
    font-size: 4vw;
    color: white;
    background: rgba(30, 30, 30, 0.8);
    margin: auto;
    border-radius: 90px;
    display: none;
}