body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
header,
nav,
footer {
    margin: 0;
    padding: 0;
    zoom: 1;
}
*{
    box-sizing:border-box; -webkit-box-sizing:border-box;  /* Safari */  -moz-box-sizing:border-box; /* Firefox */  -o-box-sizing:border-box;
}
img {
    display: block;
    font-size: 0px;
    max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

ul,
ol,
li {
list-style: none;
}


.clearfix:after {
    content: "";
    visibility: hidden;
    height: 0;
    display: block;
    clear: both;
    zoom: 1;
}

a {
    text-decoration: none;
}

body,
button,
input,
select,
textarea {
    font: 16px/1.5 tahoma, arial, \5b8b\4f53;
}
input,select,textarea{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    font-family: "Source Han Sans CN", Arial, verdana, "微软雅黑", SimHei, "微软雅黑", "microsoft yahei";
}


@media screen and (max-width: 1366px){
    .main{
        max-width: 80%;
    }
    .personnel_text{
        padding-top: 20px;
        padding-right: 50px;
    }
    .about_text{
        padding: 18px 80px 30px 60px;
    }
    .section_ul li{
        padding: 50px 20px;
    }
}
@media screen and (max-width: 1280px){
    .contact_fs {
        padding: 5%;
    }
}
@media screen and (max-width: 996px){
     .index_swiper{
        margin-top: 50px;
    }
    .security,.banner_box{
        margin-top: 50px;
    }
    #phone_nav{
        display: block;
    }
    .main{
        max-width: 90%;
    }
    .header{
        display: none;
    }
    #phone_nav{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 999999;
    background-color: #fff;
    padding: 0 10px;
    box-sizing: border-box;
    }
    #phone_nav .phone_img{
        width: 90px;
        margin-top: 7px;
    }
    #phone_nav .phone_icon{
        width: 50px;
    height: 50px;
    position: absolute;
    top: 0px;
    right: 10px;
    background: url(../images/p-zk.png)no-repeat center center;
    }
    #phone_nav .phone_icon.active {
        background: url(../images/p-cw.png) no-repeat center center;
    }
    .phone_list{
    display: none;
    width: 100%;
    background-color: #fff;
    position: fixed;
    top: 50px;
    left: 0;
    border-top: 1px solid #eaeaea;
    }
    .phone_list .p_li{
    line-height: 50px;
    border-bottom: 1px solid #eaeaea;
    padding-left: 20px;
    position: relative;
    }
    .phone_list .p_li i{
        position: absolute;
        right: 0;
        width: 50px;
        height: 50px;
        top: 0;
        background: url(../images/jt610.png) no-repeat center center;
        background-size: 24px auto;
    }
    .phone_list .p_li i.active{
        transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    }
    .phone_list .p_li>a{
        color: #000;
        font-size: 14px;
        display: block;
        font-weight: 400;
    }
    /*.phone_list .p_li ul li{
        border-bottom: 1px solid #eaeaea;
    }*/
    .phone_list .p_li ul li a{
        padding-left: 15px;
        box-sizing: border-box;
        display: block;
        font-size: 12px;
        color: #333;
        line-height: 40px;
    }
    .phone_list .p_li .nul_p{
        display: none;
    }
    .num_list h3{
        font-size: 42px;
    }
    .about_text{
        width: 100%;
        padding: 18px 20px 30px 20px;
    }
    .about_img{
        width: 100%;
    }
    .about_box{
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .map{
        background-size: contain;
        height: 260px;
    }
    .map .map_box p{
        font-size: 14px;
    }
    .contact_left{
        width: 100%;
    }
    .contact_right{
        width: 100%;
        margin-top: 20px;
    }
    .contact .main{
        flex-wrap: wrap;
    }
    .new_left{
        width: 100%;
        padding-right: 0;
        padding-bottom: 20px;
        border-bottom: 1px solid #eaeaea;
    }
    .new_right{
        width: 100%;
        padding-left: 0;
        padding-top: 20px;
    }
    .new_list .main{
        flex-wrap: wrap;
    }
    .new_list .main::after{
        display: none!important;
    }
    .new .new_list{
        padding: 40px 0;
    }
    .new_list .more{
        margin-top: 0;
    }
}
@media screen and (max-width: 414px){
    .main{
        max-width: 100%;
    }
   
    .icon_img img{
        max-width: 30%;
    }
    .section_ul li {
        padding: 10px 5px;
    }
    .section_text h5 {
        font-size: 14px;
        line-height: 24px;
    }
    .section_text p {
        font-size: 12px;
        line-height: 18px;
    }
    .slide_box h5{
        font-size: 24px;
    }
    .slide_box .p2 {
        font-size: 16px;
        line-height: 32px;
    }
    .slide_box .p1{
        font-size: 12px;
    }
    .indexb_img{
        height: 400px;
    }
    .slide_box .p3 a{
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
    .development{
        padding-top: 24px;
        padding-bottom: 60px;
    }
    .development .title{
        font-size: 20px;
    }
    .course{
        padding: 20px 0;
    }
    .course_ul li .p1{
        font-size: 12px;
    }
    .course_ul li h5{
        font-size: 16px;
        margin-top: 0;
        line-height: auto;
    }
    .course_ul li .p2 {
        font-size: 12px;
        line-height: 18px;
        margin-top: 5px;
    }
    .course_ul li .p4 a{
        font-size: 12px;
        line-height: 20px;
    }
    .course_ul li .p4{
        margin-top: 10px;
    }
    .course_ul li{
        width: 32%;
        padding-left: 12px;
    }
    .course_ul li h4{
        bottom: -50px;
        left: 0px;
        font-size: 18px;
    }
    .personnel_text{
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }
    .personnel_img{
        width: 100%;
    }
    .personnel_box .main{
        flex-wrap: wrap;
    }
    .personnel {
        padding: 30px 0;
    }
    .personnel_text h5 {
        font-size: 20px;
        padding-bottom: 10px;
    }
    .personnel_text .p1{
        font-size: 12px;
        line-height: 20px;
        padding-bottom: 20px;
    }
    .personnel_text .p2 a{
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
    .personnel_img{
        padding: 0;
    }
    .new{
        padding-top: 30px;
    }
    .new .title{
        font-size: 20px;
    }
    .new .p1{
        font-size: 12px;
        line-height: 20px;
        padding-top: 0;
    }
    .new .new_list {
        padding: 30px 0;
        margin-top: 30px;
    }
    .new_left .new_ul li a .p1{
        font-size: 12px;
        line-height: 20px;
    }
    .new_left .new_ul li a h5{
        font-size: 16px;
        line-height: 20px;
        font-weight: 500;
    }
    .new_left .new_ul li a .p2{
        font-size: 12px;
    }
    .new_list .more a{
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        margin-top: 10px;
    }
    .new_right .new_ul li .new_num .s1{
        font-size: 22px;
    line-height: 22px;
    }
    .new_right .new_ul li .new_num .s2{
        font-size: 12px;
        line-height: 12px;
    }
    .new_right .new_ul li .new_num{
        width: 50px;
        height: 50px;
    }
    .new_right .new_ul li .new_li {
        margin-left: 60px;
    }
    .new_right .new_ul li .new_li h5{
        font-size: 16px;
        line-height: 20px;
        font-weight: 500;
    }
    .new_right .new_ul li .new_li p{
        font-size: 12px;
    }
    .new_right .new_ul li {
        margin-bottom: 20px;
    }
    .footer{
        padding: 30px 0;
    }
    .f_logo img{
        max-width: 50%;
    }
    .footer_right{
        width: 100%;
        margin-top: 20px;
    }
    .footer_right h5 a{
        font-size: 14px;
    }
    .footer_right p a{
        font-size: 12px;
        line-height: 24px;
    }
    .foot .foot_left{
        font-size: 12px;
        line-height: 30px;
    }
    .foot .foot_right p a{
        font-size: 12px;
        line-height: 30px;
    }
    .foot .foot_right{
        float: left;
    }
    .foot .foot_right p{
        margin-left: 0;
        margin-right: 20px;
    }
    .interflow_list .interflow_images{
        top: -50px;
        right: -160px;
    }
    .interflow {
        margin-top: 20px;
    }
    .banner_box .banner_img h5{
        font-size: 22px;
    }
    .banner_box{
        height: 240px;
    }
    .num{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .num .title{
        font-size: 20px;
    }
    .num_box{
        padding: 20px 0;
        flex-wrap: wrap;
    }
    .num_list{
        width: 49%;
    }
    .num_list h3 {
        font-size: 30px;
    }
    .num_list p{
        font-size: 14px;
        line-height: 20px;
        padding-top: 10px;
    }
    .about_text{
        padding: 10px;
    }
    .about_text h5{
        font-size: 20px;
    }
    .about_text p{
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 5px;
    }
    .field {
        padding: 60px 0;
        height: 400px;
    }
    .field_box{
        padding-top: 30px;
    }
    .field .title{
        font-size: 20px;
    }
    .field_list p{
        font-size: 12px;
        line-height: 18px;
    }
    .field_list{
        width: 25%;
        padding-bottom: 20px;
    }
    .field_list:last-child:nth-child(4n - 1) {
        margin-right: calc(25% + 0% / 4);
    }
    .field_list:last-child:nth-child(4n - 2) {
        margin-right: calc(50% + 0% / 4);
    }
    .supply {
        padding: 30px 0;
    }
    .supply .title{
        font-size: 20px;
    }
    .supply_img{
        margin-top: 20px;
    }
    .map{
        height: 120px;
    }
    .map .map_box h5{
        font-size: 20px;
    }
    .map .map_box p{
        font-size: 12px;
        line-height: 14px;
    }
    .contact {
        padding: 20px 0;
    }
    .contact .title{
        font-size: 20px;
        margin-bottom: 15px;
    }
    .fs_top p{
        font-size: 12px;
    }
    .fs_top {
        padding-bottom: 10px;
    }
    .fs_list p{
        font-size: 12px;
    }
    .fs_list h5{
        font-size: 14px;
    }
    .fs_list {
        padding-top: 15px;
    }
    .cr_box .cr_list{
        width: 100%;
    }
    .cr_box .cr_list input{
        height: 34px;
    }
    .cr_list p{
        font-size: 12px;
    }
    .cr_area p{
        font-size: 12px;
    }
    .sub .btn{
        width: 130px;
        height: 30px;
        font-size: 12px;
    }
    .security .security_box .security_text h5{
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .security .security_box .security_text p {
        font-size: 12px;
        line-height: 20px;
    }
    .security .security_box .security_text {
        width: 75%;
    }
    .security{
        height: 360px;
    }
    .application{
        height: 400px;
    }
    .application .application_box .application_text h5 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .application .application_box .application_text p {
        font-size: 12px;
        line-height: 20px;
    }
    .specs .title {
        font-size: 20px;
        padding-bottom: 20px;
    }
    .specs {
        padding: 20px 0;
    }
    .specs_left{
        width: 100%;
        margin-bottom: 10px;
    }
    .specs_right{
        width: 100%;
    }
    .specs_box{
        flex-wrap: wrap;
        padding-top: 20px;
    }
    .specs_list {
        width: 32%;
        padding-bottom: 15px;
    }
    .specs_box .specs_left h5{
        font-size: 18px;
    }
    .specs_right .specs_list .p1 {
        font-size: 14px;
    }
    .specs_right .specs_list .p2{
        font-size: 12px;
    }
    .recruit {
        padding-top: 20px;
    }
    .recruit_top{
        margin-bottom: 10px;
    }
    .recruit_title p{
        font-size: 12px;
        line-height: 40px;
        padding-left: 5px;
    }
    .recruit_title p:nth-child(1){
        width: 30%;
    }
    .recruit_title p:nth-child(2){
        width: 30%;
    }
    .recruit_d p{
        font-size: 12px;
        padding-left: 5px;
        line-height: 50px;
    }
    .recruit_d p:nth-child(1){
        width: 30%;
    }
    .recruit_d p:nth-child(2){
        width: 30%;
    }
    .recruit_d .p4 {
        background: url(../images/icon35.png) no-repeat center right 30px;
        background-size: 30%;
    }
    .recruit_d.active .p4 {
        background: url(../images/icon36.png) no-repeat center right 30px;
        background-size: 30%;
    }
    .list_box{
        padding: 10px;
    }
    .list_div p {
        font-size: 12px;
        line-height: 24px;
    }
    .list_div {
        margin-bottom: 10px;
    }
    .New_paging{
        padding: 0px 10px;
    }
    .New_paging ul .prev{
        left: 10px;
    }
    .New_paging ul .next{
        right: 10px;
    }
    .New_paging ul .page a{
        font-size: 12px;
        width: 26px;
        height: 26px;
        line-height: 24px;
    }
    .New_paging ul li a{
        font-size: 12px;
    }
    .New_paging ul .prev a{
        background-size: 20%;
        padding-left: 15px;
    }
    .New_paging ul .next a{
        background-size: 20%;
        padding-right: 15px;
    }
    .New_paging {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .New_list {
        padding-top: 20px;
    }
    .New_bottom ul li{
        padding: 15px 0;
    }
    .New_text h5{
        font-size: 14px;
    line-height: 14px;
    }
    .New_text .p1{
        font-size: 12px;
    line-height: 20px;
    }
    .New_text .p2{
        font-size: 12px;
        line-height: 16px;
        height: 32px;
        margin-top: 0;
    }
    .New_text .p3 a{
        font-size: 12px;
    }
    .New_text .p3 {
        margin-top: 0px;
    }
    .New_text{
        padding-top: 0;
    }
    .details {
        padding: 25px 0;
    }
    .details .title{
        font-size: 20px;
        line-height: 24px;
    }
    .details .time{
        font-size: 14px;
        margin-top: 5px;
    }
    .details_p p{
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 5px;
    }


    #pro2 {
    background-image: url(../images/6100.jpg);
    background-repeat: no-repeat;
    background-position: 11% center;
}
#pro {
    background-image: url(../images/3301.jpg);
    background-repeat: no-repeat;
    background-position: 15% 99%;
}

.security .security_box .prose_text {
    width: 100%;
    margin-top: 167px;
}

.security .security_box .sepoy_text {
    width: 100%;
    margin-top: 230px;
}

#pro1 {
    background-image: url(../images/5000.jpg);
    background-repeat: no-repeat;
    background-position: 11% center;
}














    
}