html,body{font-family:"\5FAE\8F6F\96C5\9ED1"; }
.xszy_main{ width: 1200px; margin: 0 auto;}
area{outline: none;}
.xszy_bg{ background-image:url(../images/xszy_2.jpg);background-position: center bottom; background-repeat: no-repeat; background-size: cover; min-height: 100vh; }
.xszy_xzq{  }
.xszy_bdy{ display: none; }

.xszy_ztmc{background: url(../images/xszy_10.png) center 10vh no-repeat;height: 164px;padding-top: 10vh;}


.xszy_ztul{}
.xszy_ztul ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.xszy_ztul ul li{display: flex;width: 22%;margin-bottom: 30px;padding: 20px 0 10px 0;background-color: #bce7ff;color: #003fb1;cursor: pointer;text-align: center;border-radius: 20px;flex-direction: column;align-items: center;justify-content: center;}
.xszy_ztul ul li:hover{background-color: #003fb1; color: #fff;}
.xszy_ztul ul li i{width: 70px;height: 70px;display: inline-block;background-position: center center;background-repeat: no-repeat;}
.xszy_ztul ul li span{display: flex;font-size: 18px;font-weight: bold;height: 60px;line-height: 25px;align-items: center;}
.xszy_ztul ul li:nth-child(1) i{background-image: url(../images/xszy_20251.png);}
.xszy_ztul ul li:nth-child(2) i{ background-image: url(../images/xszy_20252.png);}
.xszy_ztul ul li:nth-child(3) i{ background-image: url(../images/xszy_20253.png);}
.xszy_ztul ul li:nth-child(4) i{ background-image: url(../images/xszy_20254.png);}
.xszy_ztul ul li:nth-child(5) i{ background-image: url(../images/xszy_20255.png);}
.xszy_ztul ul li:nth-child(6) i{ background-image: url(../images/xszy_20256.png);}
.xszy_ztul ul li:nth-child(7) i{ background-image: url(../images/xszy_20257.png);}
.xszy_ztul ul li:nth-child(8) i{ background-image: url(../images/xszy_20258.png);}
.xszy_ztul ul li:hover:nth-child(1) i{background-image: url(../images/xszy_20251_1.png);}
.xszy_ztul ul li:hover:nth-child(2) i{ background-image: url(../images/xszy_20252_1.png);}
.xszy_ztul ul li:hover:nth-child(3) i{ background-image: url(../images/xszy_20253_1.png);}
.xszy_ztul ul li:hover:nth-child(4) i{ background-image: url(../images/xszy_20254_1.png);}
.xszy_ztul ul li:hover:nth-child(5) i{ background-image: url(../images/xszy_20255_1.png);}
.xszy_ztul ul li:hover:nth-child(6) i{ background-image: url(../images/xszy_20256_1.png);}
.xszy_ztul ul li:hover:nth-child(7) i{ background-image: url(../images/xszy_20257_1.png);}
.xszy_ztul ul li:hover:nth-child(8) i{ background-image: url(../images/xszy_20258_1.png);}

.blank575{ height: 575px; overflow: hidden; clear: both; font-size: 1px;}
.blank300{ height: 320px; overflow: hidden; clear: both; font-size: 1px;}

.xszy_bd{ width: 800px; background-color: #fff; margin: 0 auto; border-radius: 30px; overflow: hidden;}
.xszy_bd_div{ padding: 20px 60px 40px 60px;}
.xszy_bd_xx{background: url(../images/xszy_4.jpg) repeat-x;height: 57px;display: flex;text-align: center;font-size: 20px;color: #003ead;font-weight: bold;justify-content: center;align-items: center;padding: 0 120px 0 70px;}
.xszy_bd_fh{float: right;margin-right: 20px;margin-top: -57px;font-size: 20px;width: 80px;height: 57px;line-height: 57px;text-align: center;cursor: pointer;color: #0076c6;background: url(../images/xszy_11.png) center center no-repeat;background-size: 100%;}

.xszy_bd_xbt{ font-size: 18px; line-height: 40px; font-weight: bold; color: #003fb1; padding-left: 10px; border-bottom: 1px solid #bfbfbf; margin-bottom: 20px;}
.xszy_bd_p{ margin-bottom: 30px;}
.xszy_bd_p label{ width: 25px; text-align: center; vertical-align: top; margin-top: 16px; display: inline-block; color: #f80000; font-size: 20px; font-weight: bold;}


.xszy_ipt{border-radius: 25px;min-height: 30px;width: 610px;background-color: #eeeeee;padding: 10px 15px;font-size: 18px;color: #484848;line-height: 30px;border: none;font-family:"\5FAE\8F6F\96C5\9ED1";}


select.xszy_ipt{ width: 310px; height: 50px;}
#districtSelect{ margin-left: 15px;}



.xszy_bd_filp{display: inline-block;position: relative;padding: 8px 15px;height: 46px;}
.xszy_bd_filp i{display: inline-block;width: 150px;height: 46px;line-height: 46px;font-style: normal;vertical-align: top;}
.xszy_bd_filp span{display: inline-block;width: 350px;font-size: 14px;color: #a5a5a5;line-height: 16px;}
.xszy_bd_filp #btn{ vertical-align: 14px; width: 90px; height: 36px; line-height: 36px; border-radius: 30px; border: none; background: #a5a5a5; font-size: 16px; color: #fff; font-weight: bold; }
.xszy_bd_filp #fileupload{opacity: 0;position: absolute;left: 0;top: 0;width: 650px;height: 62px;cursor: pointer;}

#fileList{font-size: 16px;margin-left: 40px;margin-top: -20px;}
#fileList a{ color: #00f; cursor: pointer;}



.xszy_bd_p #input{border-radius: 25px;min-height: 30px;width: 180px;background-color: #eeeeee;padding: 10px 15px;font-size: 18px;color: #484848;line-height: 30px;border: none;}
.xszy_bd_p #code{ letter-spacing: 2px; background-color: transparent; border: none; font-size: 22px; color: #003fb1;}

.xszy_bd_div .tj{ text-align: center;}
.tijiao{ width: 500px; height: 60px; line-height: 60px; margin: 0 auto; text-align: center; font-size: 20px; color: #fff; background-color: #3743d6; border-radius: 60px; border: none; cursor: pointer;}

.xszy_tc_box{ display: none; position: fixed; left: 50%; top: 0;  width: 680px; padding: 60px; text-align: center; margin-left: -400px; margin-top: calc(15vh + 194px); font-size: 26px; background-color: #f2f2f2; border-radius: 30px;}
.xszy_tc_box p{ color: #003ead; margin: 20px 0 60px;}
.xszy_tc_box button{ width: 300px; height: 60px; line-height: 60px; font-size: 18px; color: #fff; background-color: #003fb1; border: none;  text-align: center; cursor: pointer; border-radius: 60px;}

.xszy_db{ width: 100%; background: url(../images/xszy_3.jpg) repeat-x; height: 55px; line-height: 55px; position: fixed; bottom: 0; left: 0; z-index: 99999999; font-size: 14px; color: #fff; text-align: center;}

@media (max-width: 1200px) {
	.xszy_ztmc{
    background: url(../images/xszy_10.png) center 10vw no-repeat;
    background-size: 90%;
    height: 15vw;
    padding-top: calc(10vw);
}
.xszy_bd_wj{ padding-bottom: 100px;}
	.xszy_main{ width: 100%;}
    .xszy_ztul ul li{
    width: 90%;
    height: auto;
    padding: 2vw 0;
    margin: 2vw auto;
}
    .blank90{
    height: 5vw;
}
.xszy_db{ font-size: 0.75rem;}
.xszy_bd{
    width: 100%;
    border-radius: 0;
}
.xszy_bd_div{
    padding: 1vw 5vw;
}
.xszy_bd_p label{}
.xszy_ipt{
    width: calc(90% - 25px);
    font-size: 1rem;
}
select.xszy_ipt{
    width: calc(90% - -5px);
}
.xszy_bd_xx{padding: 0 20vw 0 10vw;font-size: 1rem;}
.xszy_bd_fh{
    width: 15vw;
    margin-right: 1vw;
}
.xszy_bd_xx.xx{ font-size: 0.875rem;}
.xszy_bd_filp{
    padding: 0 15px;
    float: right;
}
.xszy_bd_filp i{}
.xszy_bd_filp span{
    position: absolute;
    left: 0;
    top: calc(100% + 2vw);
}
.xszy_bd_filp #btn{
    float: right;
    margin-top: 6px;
    font-size: 0.875rem;
    width: 70px;
}
.xszy_bd_filp #fileupload{
	width: calc(90vw - 25px);
    height: 50px;
}

.xszy_bd_p{
    margin-bottom: 3vw;
}
.xszy_bd_p #input{
    font-size: 1rem;
	width: 30%;
}
.tijiao{
    width: 80%;
}
.xszy_tc_box{
    width: 68vw;
    margin-left: -40vw;
    padding: 6vw;
    font-size: 1.2rem;
    margin-top: 50vw;
}
.xszy_tc_box p{
    margin: 5vw 0 10vw;
}
.xszy_tc_box button{
    width: 35vw;
    height: 40px;
    line-height: 40px;
}
}




::-webkit-input-placeholder{
color: #484848;
}
::-webkit-scrollbar  
{  
    width: 8px;  
    height: 16px;  
    background-color: #F5F5F5;  
}  
  
::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
    border-radius: 5px;  
    background-color: #eeeeee;  
}  
  
::-webkit-scrollbar-thumb  
{  
    border-radius: 5px;  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color: #3598DB;  
}