@charset "utf-8";

/* CSS Document */
body {
    font-family: "Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif;
    overflow-x: hidden;
    color: #333;
    /* background: #16165e; */
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
select,
textarea,
th,
td {
    margin: 0;
    padding: 0;
}
input , :focus { outline: 0; }
input[type="button"] , input[type="submit"] , input[type="reset"] , select { -webkit-appearance: none; appearance:none; -moz-appearance:none; -ms-appearance:none;}
input::focus-inner { padding: 0; border: 0; }
input::-webkit-input-placeholder{ color: #999; }
input::-moz-placeholder{ color: #999; }
input:-moz-placeholder{ color: #999; }
input:-ms-input-placeholder{ color: #999; }
select::-ms-expand { display: none; }
select{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%;
  }
img {
    border: none;
    max-width: 100%;
}

a {
    color: #0d0d0d;
    text-decoration: none;
}

a,
area {
    blur: expression(this.onFocus=this.blur())
}

ul,
li {
    list-style: none;
}

.mr-top5 {
    margin-top: 5%;
}

.disp {
    display: flex;
    flex-direction: column;
}

.disp-r {
    display: flex;
    justify-content: space-around;
}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
/* 通用头部 */
.ht_top {
    width: 100%;
    background: #fafafa url(https://www.huatu.com/z/topfooter/images/nav_bg.gif) repeat-x 0 0;
    line-height: 41px;
    overflow: hidden;
}

.Width {
    width: 80%;
    background: red;
    margin: 0 auto;
}

.ht_top .zt_top {
    width: 1070px;
    height: 41px;
    margin: 0 auto;
}

.ht_top h1 {
    float: left;
}

.ht_top h1 a {
    float: left;
    width: 131px;
    height: 40px;
    overflow: hidden;
    text-indent: -100em;
    background: url(http://www.huatu.com/z/topfooter/images/logo.gif) no-repeat;
    font-size: 12px;

}

.ht_top .topnav {
    float: right;
    color: #0d0d0d;
    font-size: 12px;
}

.ht_top .topnav a {
    padding: 0 8px;
}

.ht_top .topnav a:hover {
    color: #e4393c;
    text-decoration: underline;
}

/* start */
.container{
    width: 1200px;
    margin: 0 auto;
}
.header{
    width: 100%;
    background: url(../images/header.png) no-repeat top center;
    background-size: cover;
    padding-bottom: 11.5%;
}
.header img{
    display: block;
    margin: 0 auto;
}
.header-tit h1{
    font-size: 90px;
    color: #cc0000;
    text-align: center;
    margin-top: -30px;
}
.header-tit h1 i{
    font-size: 90px;
    color: #000;
    font-style: normal;
}
.con1{
    background-color: #fff;
    padding-bottom: 60px;
}
.con_tit{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.conTit_l{
    margin-top: -30px;
}
.conTit_r{
    margin-bottom: -30px;
}
.con_tit h1{
    font-size: 44px;
    color: #cc0000;
    text-align: center;
    margin-left: -20px;
    margin-right: 20px;
}
.con_tit::after{
    content: '';
    display: block;
    width: 16%;
    height: 3px;
    background-color: #cc0000;
    position: absolute;
    left: 44%;
    bottom: -20%;
}
.con1_box ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
}
.con1_box ul li{
    position: relative;
}
.con1_tit_box{
    position: absolute;
    top: 0;
    left: 0;
    bottom:0;
    right: 0;
    text-align: center;
}
.con1_tit_box span{
    display: inline-block;
    background-color: #fff;
    padding: 2%;
    text-align: center;
    font-size: 22px;
    color: #000;
    margin: 4% auto;
}
.con1_tit_box p{
    font-size: 30px;
    text-align: center;
    color: #000;
    margin-top: 28%;
}
.con2{
    width: 100%;
    background: url(../images/con2_bg.png) no-repeat top center;
    background-size: cover;
    padding-top: 4%;
    padding-bottom: 2%;
}
.con2 .con_tit h1{color: #fff;}

.con2 .con_tit::after{
    background-color: #fff;
}
.con2_box{
    margin-top: 4%;
    margin-bottom: 4%;
}
.con2_list ul li{
    float: left;
    width:11% ;
    padding: 1% 0;
    text-align: center;
    background-color: #fff;
    border-radius: 15px;
    font-size: 26px;
    margin-right: 10px;
    box-sizing: border-box;
    margin-bottom: 1%;
    cursor: pointer;
}
.con2_list .active{
    background-color: #ffcc99;
}
.con2_content{
    background-color: #fff;
    border-radius: 15px;
    padding: 2% 4%;
    margin-top: 2%;
}
#main table{
    text-align: center;
    width: 100%;
}
#main table th {
    line-height: 40px;
    font-size: 20px;
    color: #fff;
    white-space: nowrap;
    background: #d22917;
    font-weight: 400;
    border-right: 1px solid #000;
    padding: 1% 0;
}
#main table td{
    font-size: 20px;
    color: #000;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #000;
    padding: 2% 1%;
}
#main table td:first-child{
    border-left:1px solid #999 ;
}


#main tbody tr td a{
    color: red;
}

.con2_content1{
    display: none;
}
.card_show{
    display: block;
}
.con3{
    background: url(../images/con3_bg.png) no-repeat top center;
    background-size: cover;
    padding-top: 4%;
    padding-bottom: 4%;
}
.con3_box{
    margin-top: 4%;
}
.con3_box ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.con3_box ul li{
    position: relative;
    box-sizing: border-box;
    text-align: center;
}

.con3_box ul li .con3_tit{
    padding: 10% 2% 0 2%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.con3_box  .con3_tit h2{
    font-size: 42px;
    color: #fff;
    text-shadow: 0 10px 10px rgba(0, 0, 0, .5);
}

.btn{
    display: inline-block;
    padding: 2% 6%;
    font-size: 32px;
    background-image: linear-gradient(to bottom,#fff,#ffcc99,#ff9900);
    border-radius: 30px;
    color: #990000;
    margin-top: 8%;
    font-weight: bold;
    box-shadow: 0 0  20px rgba(0, 0, 0, .5);
}
.btn1{
    display: inline-block;
    padding: 2% 6%;
    font-size: 32px;
    background-image: linear-gradient(to bottom,#fff,#ffcc99,#ff9900);
    border-radius: 30px;
    color: #990000;
    margin-top: 8%;
    font-weight: bold;
    box-shadow: 0 0  20px rgba(0, 0, 0, .5);
}
.con4_box{
    padding-top: 4%;
}
.con4_box ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.con4_box ul li{
    position: relative;
}
.con4_item{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0 6%;
}
.con4_icon{
    width: 51px;
    height: 62px;
    text-align: center;
    line-height: 50px;
    background: url(../images/con4_icon.png) no-repeat top center;
}
.con4_icon p{
    font-size: 20px;
    color: #cc0000;
}
.con4_icon p i{
    font-style: normal;
    font-size: 16px;
    color: #cc0000;
}

.con4_item_t{
    display: flex;
    justify-content: flex-start;
}

.con4_item_t h3{
    padding-top: 8%;
    color: #fff;
    font-size: 24px;
    text-align: center;
    margin-left: 14%;
}
.con4_item_c{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 16% 0;
}
.con4_item_c span{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46%;
    height: 83px;
    font-size: 24px;
    background-color: #cc0000;
    text-align: center;
    color: #fff;
    border-radius: 15px;
    border: 1px solid #fff;
    box-sizing: border-box;
}
.con4_item_b{
    text-align: center;
}
.con4_item_b a{
    font-size: 26px;
    padding: 2% 10%;
}

.mlcx_btn{
    display: block;
    width: 18%;
    padding: 2% 8%;
    background-color: #cc0000;
    border-radius: 20px;
    text-align: center;
    color: #fff;
    font-size: 36px;
    background-image: linear-gradient(to top,#cc3333,#ff3333);
    box-shadow: 0 0 30px rgba(204, 0, 0, .5);
    margin:4% auto;
}
.con5{
    width: 100%;
    background: url(../images/con5_bg.png) no-repeat top center;
    background-size: cover;
    padding-top: 2%;
    box-sizing: border-box;
    padding-bottom: 4%;
}
.con5 .con_tit h1{
    color: #fff;
}
.con5 .con_tit::after{
    background-color: #fff;
}
.con5_list ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.con5_box{
    margin-top: 4%;
}


.con5_list ul li{
    width: 48%;
    background-color: #ffcc99;
    border-radius: 16px;
    padding: 1% 0;
    text-align: center;
    font-size: 40px;
    color: #cc3333;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .3);
}
.con5_list ul li.active1{
    position:relative;
    background-color:orange; 
}
.con5_list ul li.active1:after{
    position:absolute;
    bottom:-40px;
    right:47%;
    border-bottom:20px solid transparent;
    content:" "; 
    width:0px;
    height:0px;
    border-right:20px solid transparent; 
    border-top:20px solid orange; 
    border-left:20px solid transparent;
}

.con5_content{
    background-color: #fff;
    padding: 2%;
    border-radius: 16px;
    margin-top: 4%;
}
.con5_item{display: none;}
.card_show1{
    display: block;
}
.con5_item p{
    font-size: 22px;
    line-height: 1.6;
}
.con5_item table{
    margin-top: 2%;
}
.con6{
    width: 100%;
    background: url(../images/con6_bg.png) no-repeat top center;
    background-size: cover;
    padding-top: 12%;
    padding-bottom: 4%;
    box-sizing: border-box;
}
.con6_box{
    margin-top: 6%;
}
.con6_box ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.con6_box li{
    width: 32%;
    background-color: #fff;
    text-align: center;
    border-radius: 20px;
    box-shadow: 0 0 30px rgba(204, 0, 0, .5);
    margin-bottom: 2%;
}
.con6_img{
    padding: 6%;
}
.con6_bt{
   background-image: linear-gradient(to top,#990000 ,#ff3300);
   padding: 8% 8%;
   border-radius: 0 0 20px 20px;
}
/* .con6_box li .btn{
    box-shadow: ;
} */
.con6_bt p{
    font-size: 20px;
    text-align: center;
    color: #fff;
}
.con6_bottom img{
   display: block;
   border-radius: 10px;
}


.con7_box{
    margin-top: 6%;
}
.con6_bt .btn,.con7_bt .btn{
    font-size: 24px;
    padding: 2% 10%;
}
.con7_box ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.con7_box ul li{
    width: 30%;
    text-align: center;
    border-radius: 20px;
    box-shadow: 0 0 30px rgba(204, 0, 0, .5);
}
.con7_img{
    padding: 8% 6%;
}
.con7_bt{
    background-image: linear-gradient(to top,#990000 ,#ff3300);
    padding: 8% 4%;
    border-radius: 0 0 20px 20px;
     box-sizing: border-box;
}
.con7_bt p{
    font-size: 20px;
    color: #fff;
}
.con8{
    width: 100%;
    background: url(../images/con8_bg.png) no-repeat top center;
    background-size: cover;
    padding-top: 12%;
    padding-bottom: 4%;
}
.con8 .con_tit h1{color: #fff;}
.con8_box{
    margin-top: 4%;
}
.con8 .con_tit::after{
    background-color: #fff;
}


.region {
    display: flex;
    flex-wrap: wrap;
}

.region a {
    display: block;
    width: 7%;
    background: #d54a40;
    margin-left: 2.6%;
    margin-bottom: 2%;
    text-align: center;
    padding: 1.3%;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    font-size: 20px;
}

.region a:hover {
    background: #fff;
    color: #cc0000;
}

.box04_bottom {
    width: 95%;
    margin: 0 auto;
}

.tab_container {
    display: flex;
    justify-content: space-between;
}

.zx-left {
    width: 70%;
    line-height: 40px;
}

.zx-right {
    width: 161px;
    height: 161px;
    margin-top: 3%;
}

.zx-right img {
    border-radius: 10px;
}

.zx-left h2 {
    color: #fff;
    font-size: 20px;
    padding-top: 3%;
}

.zx-left p {
    color: #fff;
    font-size: 20px;
}

.zx-left a {
    color: #fff;
}

.link_container p {
    color: #fff;
    font-size: 20px;
}
.link_container p a.service{
    color: #fff;
    padding: 2% 6%;
    border-radius: 30px;
    cursor: pointer;
    text-align: center;
    background-image: linear-gradient(to right,#ff9900,#ff0000);
    margin-left: 4%;
}


/* end */


/* 通用底部 */

.footer {
    clear: both;
    position: relative;
    padding: 30px 0 0 0;
    text-align: center;
    padding-bottom: 2%;
    background-color: #b00c00;
    background-image: linear-gradient(to right,#b20d00,#ad0a00,#a70700);
}

.footer p {
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
}

.footer p span {
    padding: 0 5px;
}

.footer p a {
    color: #fff;
}
.fixed_nav li:hover a{
    color: #FF0000;
}
.window_mask{
    display: none;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
}
.fixed_form{
    width: 530px;
    border-radius: 24px;
    padding: 40px 0;
    box-sizing: border-box;
    background: #fff4dd url(../images/con3_bg.png) no-repeat top center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.mask_close{
    position: absolute;
    display: block;
    cursor: pointer;
    right: -30px;
    top: -30px;
    width: 28px;
}
.fixed_form h3{
    line-height: 44px;
    margin-bottom: 70px;
    font-size: 32px;
    color: #ff0000;
    text-shadow: 1px 2px 3px rgba(153, 0, 12, 0.55);
    text-align: center;
}
.fixed_form h3 span{
    color: #FFEFAE;
}
.fixed_form .ajax_row{
    width: 100%;
    padding: 0 50px 0 20px;
    margin-bottom: 30px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fixed_form .por span{
    display: block;
    color: #000;
    text-align: center;
    box-sizing: border-box;
    width: 100px;
    padding-right: 12px;
    font-size: 22px;
}
.ajax_select{
    width: calc(100% - 100px);
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
}
.fixed_form .ajax_row input,
.fixed_form .ajax_row select{
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    border-radius: 10px;
    box-sizing: border-box;
    padding-left: 20px;
    color: #000;
    border: 1px solid #000;
    background: none;
    font-size: 22px;
}
.fixed_form .ajax_row select{
    width: 49%;
    background: url("../images/select_bg.png") 95% center no-repeat;
}
.fixed_form .ajax_row input#fs2{
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background: #ff0000;
    border: 1px solid #ff0000;
    width: 180px;
}
.window_mask .submit{
    width:275px;
    height: 66px;
    line-height: 66px;
    border-radius: 33px;
    font-size: 30px;
    margin: 0 auto;
    border:0;
    display: block;
    box-sizing: border-box;
    background: linear-gradient(-11deg, #FF7E00 0%, #FF3000 100%);
    text-align: center;
    cursor: pointer;
    padding: 0;
    color: #fff;
}


.por {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 3%;
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;

}
.por span,n {
    display: block;
    color: #000;
    text-align: right;
    box-sizing: border-box;
    width: 100px;
    padding-right: 12px;
    font-size: 22px;
}
#province{
    margin-right: 2%;
}
.por input, .por select{
    display: block;
    width: 80%;
    height: 60px;
    line-height: 60px;
    border-radius: 10px;
    box-sizing: border-box;
    padding-left: 20px;
    color: #000;
    border: 1px solid #000;
    background-color: transparent;
    font-size: 22px;
}
.form_box{
    width: calc(100% - 150px);
    height: 215px;
    padding: 0 30px;
    box-sizing: border-box;
    background: #fffdf5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ajax_row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 824px;
    margin: 16px 0;
}
.ajax_row input,
.ajax_row select{
    display: block;
    width: 260px;
    height: 50px;
    line-height: 50px;
    border-radius: 10px;
    box-sizing: border-box;
    padding-left: 20px;
    color: #141414;
    border: 1px solid #141414;
    font-size: 18px;
}
.por select{
    background: url("../images/select_bg.png") 95% center no-repeat;
}
.ajax_row p{
    position: relative;
}
.ajax_form input#fs{
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background: #ff0000;
    border: 1px solid #ff0000;
    width: 120px;
}
.ajax_form{
    width: 98%;
    margin: 0 auto;
}
.form_box .form_submit{
    width: 130px;
    height: 130px;
    border-radius: 50%;
    line-height: 32px;
    font-size: 22px;
    border: 4px solid #ffe79d;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    background: linear-gradient(0deg, #BA161F 0%, #F03003 100%);
    box-shadow: inset 0 0 8px rgba(133,0,2,.35) , 0 0 18px rgba(128,128,128,.42);
    text-align: center;
    cursor: pointer;
    padding: 0;
    color: #fff;
}
.por .send{
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background: #ff0000;
    border: 1px solid #ff0000;
    width: 3rem;
}
#__nc {
    display: block;
    box-sizing: border-box;
    width: 80%;
    margin-left: 20%;
    height: 1.4rem;
    border: 1px solid #e5e5e5;
    background-color: #f9f9f9;
    font-size: .8rem;
    padding: 0;
  }
  ._nc .stage,._nc .stage1 .track div, ._nc .stage1 .label{
    padding: 0!important;
    height: 1.4rem!important;
    line-height: 1.4rem!important;
    font-size: .8rem;
  }
  ._nc .stage1 .slider{
    height: 1.4rem!important;
    left: 0 !important;
    right: 0 !important;
  }
  ._nc .stage1 .button{
    width:  2.2rem!important;
    height: 1.4rem!important;
  }
  .nc-container #nc_1_wrapper, .nc-container.tb-login #nc_1_wrapper,.nc-container #nc_2_wrapper, .nc-container.tb-login #nc_2_wrapper {
    width: 100%!important;
    height: 1.4rem;
  }
  .nc-container .nc_scale .scale_text{
    font-size: .8rem!important;
    text-align: left;
  }
  .nc_scale {
    height: 1.4rem!important;
  }
  .nc-container .nc_scale span {
    height: 1.4rem!important;
    line-height: 1.4rem!important;
  }
  .nc-container .nc_scale span.nc-lang-cnt {
    line-height: 1.4rem;
    text-align: right;
  }
  .nc-container .nc_scale .btn_ok {
    line-height: 1.4rem;
  }
@media only all and (max-width: 1280px){
    .container{
        width:98%;
        margin: 0 auto;
    }
    .header-tit h1,.header-tit h1 i{
        font-size: 40px;
        margin: 20px 0;
    }
    .header img{
        width: 50%;
    }
    .con1_box ul{
        flex-wrap: wrap;
        justify-content: center;
    }
    .con1_box ul li{
        width: 48%;
        text-align: center;
        margin-bottom: 8%;
    }
    .con2_list ul li {
        width: 22%;
        font-size: 18px;
        margin-bottom: 2%;
    }
    .con2_content{
        padding: 2%;
    }
    .con3_box ul{
        display: block;
    }
    .con4_box ul{
       flex-wrap: wrap;
    }
    
    .con3_box .con3_tit h2{
        font-size: 30px;
    }
    .btn{
        font-size: 20px;
    }
    .con3_box ul li{
        margin: 8% 0;
    }
    .con3{
        padding: 10% 0 8% 0;
    }
    .con4_box ul li img{
        width: 100%;
    }
    .con4_box ul li{
        width: 40%;
        margin: 4% auto;
        text-align: center;
    }
    .mlcx_btn{
        width: 48%;
        font-size: 26px;
    }
    .con5{
        padding-top: 24%;
    }
    .con5_list ul li{
        font-size: 24px;
    }
    .con5_list ul li.active1:after {
        position: absolute;
        bottom: -20px;
        right: 47%;
        border-bottom: 10px solid transparent;
        content: " ";
        width: 0px;
        height: 0px;
        border-right: 10px solid transparent;
        border-top: 10px solid orange;
        border-left: 10px solid transparent;
    }
    .con5_item p{
        font-size: 18px;
    }
    #main table th,#main table td{
        font-size: 12px;
    }
    .con6{
        padding-top: 40%;
    }
    .con6_box ul{
        flex-wrap: wrap;
    }
    .con6_box ul li{
        width: 48%;
    }
    .con7_box ul{
        flex-wrap: wrap;
    }
    .con7_box ul li{
        width: 48%;
        margin-bottom: 4%;
    }
    .con7_bt p{
        font-size: 16px;
    }
    .con7_box,.con3_box,.con4_box,.con5_box,.con6_box,.con8_box {
        margin-top: 10%;
    }
    .con8{
        padding-top: 36%;
    }
    .region a{
        width: 27%;
    }
    .link_container p a.service {
        display: inline-block;
        padding: 2% 20%;
        margin-left: 0%;
    }
    .con1_tit_box p{
        margin-top: 8%;
    }
}

@media screen and (max-width:768px) {
    .Width{
        width: 98%
    }
    .container{
        width:98%;
        margin: 0 auto;
    }
    .header img {
        width: 80%;
    }
    .header-tit h1,.header-tit h1 i{
        font-size: 30px;
        margin: 40px 0;
        margin-top: 0;
    }
    .header{
        padding-top:18%;
        padding-bottom: 20%;
        margin-block: -16%;
    }
    .con_tit img{
        width: 20%;
    }
    .con_tit h1{
        font-size: 20px;
        margin: 0;
    }
    .con1_box ul{
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .con1_box ul li{
        width: 30%;
        text-align: center;
        margin-bottom: 8%;
    }
    .con1_tit_box span {
        font-size: 18px;
        margin: 8% auto;
    }
    .con2_list ul li {
        width: 22%;
        font-size: 18px;
        margin-bottom: 2%;
    }
    .con1_tit_box p{
        font-size: 20px;
    }
    .con2_content{
        padding: 2%;
    }
    .con4_item_t h3 {
        font-size: 18px;
    }
    .con3_box ul{
        display: block;
    }
    .con3_box .con3_tit h2{
        font-size: 30px;
    }
    .btn{
        font-size: 20px;
    }
    .con3_box ul li{
        margin: 8% 0;
    }
    .con3{
        padding: 10% 0 8% 0;
    }
    .con4_box ul li img{
        width: 100%;
    }
    .con4_box ul li{
        width: 45%;
        margin: 4% auto;
        text-align: center;
    }
    #main table td{
        /*white-space: pre-wrap;*/
    }
    .mlcx_btn{
        width: 48%;
        font-size: 26px;
    }
    .con5{
        padding-top: 5%;
    }
    .con5_list ul li{
        font-size: 24px;
    }
    .con5_list ul li.active1:after {
        position: absolute;
        bottom: -20px;
        right: 47%;
        border-bottom: 10px solid transparent;
        content: " ";
        width: 0px;
        height: 0px;
        border-right: 10px solid transparent;
        border-top: 10px solid orange;
        border-left: 10px solid transparent;
    }
    .con5_item p{
        font-size: 18px;
    }
    #main table th,#main table td{
        font-size: 12px;
    }


    .con6{
        padding-top: 8%;
    }
    .con6_box ul{
        flex-wrap: wrap;
    }
    .con6_box ul li{
        width: 48%;
    }
    .con7_box ul{
        flex-wrap: wrap;
    }
    .con7_box ul li{
        width: 48%;
        margin-bottom: 4%;
    }
    .con7_bt p{
        font-size: 16px;
    }
    .con7_box,.con3_box,.con4_box,.con5_box,.con6_box,.con8_box {
        margin-top: 10%;
    }
    .con8{
        padding-top: 6%;
    }
    .region a{
        width: 27%;
    }
    .link_container p a.service {
        display: inline-block;
        padding: 2% 20%;
        margin-left: 0%;
    }
    .con1_tit_box p {
        margin-top: 27%;
    }
    .fixed_form{
        width: 16rem;
        border-radius: .6rem;
        padding: 1rem 0;
        background-size: 100%;
    }
    .mask_close{
        right: -1.2rem;
        top: -1.2rem;
        width: 1.2rem;
    }
    .con6 .con_tit h1 {
        color: #fff;
    }
    .con8 .con_tit h1 {
        color: #cc0000;
    }
    .con8 .con_tit::after {
        background-color: #cc0000;
    }
    .fixed_form h3{
        line-height: 1.1rem;
        margin-bottom: 2rem;
        font-size: .85rem;
    }
    .fixed_form .ajax_row{
        padding: 0 1rem 0 .5rem;
        margin-bottom: .5rem;
    }
    .fixed_form .por span,.distpicker span{
        width: 3.5rem;
        padding-right: .3rem;
        font-size: .7rem;
        text-align: center;
    }
    .ajax_select{
        width: calc(100% - 3.5rem);
    }
    .por input, .por select{
        height: 1.6rem;
        line-height: 1.6rem;
        border-radius: .3rem;
        padding-left: .3rem;
        font-size: .7rem;
    }
    .fixed_form .ajax_row select{
        background-size: .5rem;
    }
    .fixed_form .ajax_row input#fs2{
        width: 4rem;
    }
    .window_mask .submit{
        width: 6rem;
        height: 1.8rem;
        line-height: 1.8rem;
        border-radius: .9rem;
        font-size: .9rem;
    }
    #__nc {
        width: 76%;
    }


    #main tbody tr td {
        height: 1.8rem;
    }


}