@font-face {
    font-family:'songti';
    src: url('../font/songti_b.ttf') format("truetype");
}


html{margin: 0;padding: 0}
body{margin: 0;padding: 0;overflow-x:hidden;font-family: songti;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0;padding:0;}
ul,li {margin: 0;padding: 0;list-style: none;}
h1,h3,h5,h6,p,span,i{margin: 0;padding: 0;font-style:normal;}
a{text-decoration: none;}
input{outline: none}



/*pc header&&footer*/
@media all and (min-width: 980px){


.xq_logo_bg{background-image: url("/wgxy/img/wgxy-logo.png");width: 100%;height: 160px;}
.xq_logo_bg .right{display: flex;align-items: center;justify-content: flex-end;padding: 55px 250px 55px 0px;}
.xq_logo_bg .right .return_img{width: 38px;height: 35px;margin-right: 26px;}
.xq_logo_bg .right .return_img img{width: 100%;height: 100%;object-fit: cover;max-width: 100%;}
.xq_logo_bg .right h1 a{font-size: 36px;color: #fff;}
.xq_logo_bg .right:hover h1 a{color: #b7b7b7}
.xq_logo_bg .right:hover img{filter: brightness(80%)}

.xq_footer_bg{background-color: #323534;text-align: center;}
  .xq_footer_bg .xq_bottom_bg a{font-size:16px;color:#fff;}
.xq_footer_bg h3{color: white;font-size: 18px;}
.xq_footer_bg p,.xq_footer_bg span,.xq_footer_bg i{display:block;font-size: 16px;color: #999;margin-top: 24px;}
.xq_footer_bg .top{padding: 72px 0px;}
.xq_footer_bg .xq_bottom_bg{background-color: #272A29}

.xq_bottom_bg h5{font-size: 16px;color: #ffffff;padding: 25px 0px;}

}
/*pcend  header&&footer*/



@media all and (min-width: 980px){

    .w73{width: 73.958%;margin: 0 auto}
    .pd80{padding-top: 80px;}
    .middle{display: flex;justify-content: space-between;margin-bottom: 50px;}
    .middle .left{width: 28.2%;}
    .middle .left .left_top{width: 100%;height: 453px;background-color:#14683D;}
    .middle .left .left_top_text{padding: 32px 0px 32px 32px;}
    .middle .left .left_top_text i{color: white;font-size: 26px;font-weight: bolder;}
    .middle .left .left_top_text span{margin: 0 0 0 28px;color: white;font-size: 26px;font-weight: bolder;}

    .middle .left .left_top .left_top_troops{margin: 0;padding: 0 24px 0 0;}
    .middle .left .left_top .left_top_troops li{height: 80px;line-height: 80px;background-color: #F2F2F2;position: relative}
    .middle .left .left_top .left_top_troops li a{font-size: 22px;color: #666;padding-left: 32px;}
    .middle .left .left_top .left_top_troops li a:hover{color: #14683D;}
    .middle .left .left_top .left_top_troops li:not(:first-child)::before{content: '';position: absolute;width: 100%;height: 2px;background: #ffffff;top: 0;left: 0;}
    .middle .left .left_top .left_top_troops li a.actvie{color: #14683D;}

    .middle .left .left_bottom{width: 100%;margin-top: 30px;}
    .middle .left_bottom .left_top_text{background-color:#14683D;display: flex;justify-content: space-between;}
    .middle .left_bottom .left_top_text span a{font-size: 20px;color: white;font-weight: normal;}
    .middle .left_bottom .left_top_text span{margin:0px 24px 0px 0px;}
    .middle .left_bottom_troops li a .troops_square{width: 6px;height: 6px;background: #006A38;}
    .middle .left_bottom_troops{margin: 0;background-color: #F6F6F6;border: 2px solid rgba(0,0,0,10%);padding: 0 0 24px 24px}
    .middle .left_bottom_troops li a p{color: #000;font-size: 20px;width: 80%;margin-left: 12px;font-weight: bolder;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow: hidden;text-overflow:ellipsis}
    .middle .left_bottom_troops li a h6{color: #666;font-size: 16px;width: 30%;}
    .middle .left_bottom_troops li a{display: flex;align-items: center;margin-top: 24px;}

    .w51{width: 69.015%;}
    .middle .right .right_top{width:100%;display: flex;align-items: center;justify-content: space-between;border: 2px solid rgba(0,0,0,10%);}
    .middle .right .top_right ul{display: flex;}
    .middle .right .top_left p{font-size: 22px;padding: 17px 0 17px 24px;}
    .middle .right .top_right .top_right_troops{margin-right: 16px;}
    .middle .right .top_right .top_right_troops li a,.right .top_right .top_right_troops li{font-size: 16px;color: #000000;}

    .middle .right .right_bottom{text-align:center;width:100%;border: 2px solid rgba(0,0,0,10%);padding-bottom: 40px;margin-bottom: 100px;margin-top: 30px;}
    .middle .right .right_bottom .right_w{width: 90%;margin: 0 auto;overflow: hidden;}
    .middle .right .right_bottom .bottom_text{position: relative;text-align: center;margin: 40px 0px;}
    .middle .right .right_bottom .bottom_text p{font-size: 36px;color: #000;font-weight: bolder;}
    .middle .right .right_bottom .bottom_text::before {content: '';position: absolute;width: 100%;border:1px dashed rgba(0,0,0,10%); bottom: -40px;left:0px;}
    .middle .right .right_bottom .bottom_troops{display: flex;margin: 0;padding:40px 0;position: relative;justify-content: center;}
    .middle .right .right_bottom .bottom_troops,a{color: #999;font-size: 20px;}
    .middle .right .right_bottom .text1{width: 100%;}

    .middle .right .right_bottom .bottom_troops span:not(:first-of-type){margin-left: 30px;}
 
    .middle .right .right_bottom .text1 p{position: relative;left: 0;font-size: 16px;line-height: 22px;text-align: left;}
    .middle .right .right_bottom .img1{width: 100%;height: 548px;text-align: center;margin: 40px 0px;}
    .middle .right .right_bottom .img1 img{width: 92%;height: 100%;object-fit: cover;max-width: 100%;}


    .only{margin-bottom: 36px;}
    .only .middle{display: flex;justify-content: center;}
    .only .middle .right .right_bottom{margin: 0;}







































}




/* header&&footer*/
@media all and (max-width: 980px){


    .xq_logo_bg{background-image: url("/wgxy/img/wgxy-logo.png");width: 100%;height: 80px;}
    .xq_logo_bg .right{display: flex;align-items: center;justify-content: flex-end;padding: 30px 30px 10px 0px;}
    .xq_logo_bg .right .return_img{width: 15px;height: 15px;margin-right: 10px;}
    .xq_logo_bg .right .return_img img{width: 100%;height: 100%;object-fit: cover;max-width: 100%;}
    .xq_logo_bg .right h1{font-size: 16px;color: #fff;}
    .xq_logo_bg .right:hover h1{color: #b7b7b7}
    .xq_logo_bg .right:hover img{filter: brightness(80%)}

    .xq_footer_bg{background-color: #323534;text-align: center;}
    .xq_footer_bg h3{color: white;font-size: 12px;}
    .xq_footer_bg p,.xq_footer_bg span,.xq_footer_bg i{display:block;font-size: 10px;color: #999;margin-top: 10px;}
    .xq_footer_bg .top{padding: 72px 0px;}
    .xq_footer_bg .xq_bottom_bg{background-color: #272A29}

    .xq_bottom_bg h5{font-size: 12px;color: #ffffff;padding: 25px 0px;}

}
/*  header&&footer*/



@media all and (max-width: 980px){

    .w73{width:95%;margin: 0 auto}
    .pd80{padding-top: 30px;}
    .middle{display: flex;flex-direction: column;}
    .middle .left{width: 100%;display:none;}
    .middle .left .left_top{width: 100%;background-color:#14683D;}
    .middle .left .left_top_text{padding: 32px 0px 32px 32px;}
    .middle .left .left_top_text i{color: white;font-size: 22px;}
    .middle .left .left_top_text span{margin: 0 0 0 28px;color: white;font-size: 20px;}

    .middle .left .left_top .left_top_troops{margin: 0;padding:20px;}
    .middle .left .left_top .left_top_troops li{height: 80px;line-height: 80px;background-color: #F2F2F2;position: relative}
    .middle .left .left_top .left_top_troops li a{font-size: 18px;color: #666;padding-left: 32px;}
    .middle .left .left_top .left_top_troops li a:hover{color: #14683D;}
    .middle .left .left_top .left_top_troops li:not(:first-child)::before{content: '';position: absolute;width: 100%;height: 2px;background: #ffffff;top: 0;left: 0;}

    .middle .left .left_bottom{width: 100%;margin-top: 30px;}
    .middle .left_bottom .left_top_text{background-color:#14683D;display: flex;justify-content: space-between;}
    .middle .left_bottom .left_top_text span{margin:0px 18px 0px 0px;}
    .middle .left_bottom_troops li a .troops_square{width: 6px;height: 6px;background: #006A38;}
    .middle .left_bottom_troops{margin: 0;background-color: #F6F6F6;border: 2px solid rgba(0,0,0,10%);padding: 0 0 24px 24px}
    .middle .left_bottom_troops li a p{color: #000;font-size: 16px;width: 60%;margin-left: 12px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow: hidden;text-overflow:ellipsis}
    .middle .left_bottom_troops li a h6{color: #666;font-size: 12px;width: 30%;}
    .middle .left_bottom_troops li a{display: flex;align-items: center;margin-top: 24px;}

    .w51{width: 100%;}
    .middle .right .right_top{margin-top:30px;width:100%;display: flex;align-items: center;justify-content: space-between;border: 2px solid rgba(0,0,0,10%);}
    .middle .right .top_right ul{display: flex;}
    .middle .right .top_left p{font-size: 16px;}
    .middle .right .top_right .top_right_troops{margin-right: 14px;}
    .middle .right .top_right .top_right_troops li a,.right .top_right .top_right_troops li{font-size: 14px;color: #000000;}

    .middle .right .right_bottom{text-align:left;width:100%;border: 2px solid rgba(0,0,0,10%);padding-bottom: 40px;margin-bottom: 100px;margin-top: 30px;}
    .middle .right .right_bottom .right_w{width: 90%;margin: 0 auto;}
    .middle .right .right_bottom .bottom_text{position: relative;text-align: center;margin: 40px 0px;}
    .middle .right .right_bottom .bottom_text p{font-size: 16px;color: #000;}
    .middle .right .right_bottom .bottom_text::before {content: '';position: absolute;width: 100%;border:1px dashed rgba(0,0,0,10%); bottom: -40px;left:0px;}
    .middle .right .right_bottom .bottom_troops{margin: 0;padding:20px 0;width:100%;position: relative;left: 0;}
    .middle .right .right_bottom .bottom_troops span,a{color: #999;font-size: 12px;}
    .middle .right .right_bottom .text1{width: 100%;overflow: hidden;}
           .middle .right .right_bottom .text1 img{width: 100%;height:auto;}
    .middle .right .right_bottom .text1 p{position: relative;left: 0;font-size: 12px;line-height: 20px;}
    .middle .right .right_bottom .img1{width: 100%;height: 150px;text-align: center;margin: 40px 0px;}
    .middle .right .right_bottom .img1 img{width: 100%;height: 100%;object-fit: cover;max-width: 100%;}


    .only{margin-bottom: 36px;}
    .only .middle{display: flex;justify-content: center;}
    .only .middle .right .right_bottom{margin: 0;}




}
.middle .right .right_bottom table{border-collapse: collapse;width: 100%;}
.middle .right .right_bottom table td{border: 1px solid;}