body{max-width: 1920px;}
.content{width: 1200px; margin: 0 auto;}
i,em,b{font-style: normal;}
.fl{float: left;}
.fr{float: right;}

.tit01{font-size: 42px; text-align: center; font-family: "Microsoft YaHei";color: #1d1d1d;font-weight:bold; }
.tit01 a{color: #1d1d1d; }
.tit01 em{color: #dbdbdb; font-size: 12px; letter-spacing: 8px; font-weight: normal;text-transform: uppercase; }
.tit01 span{font-size: 18px;color: #1d1d1d;  font-weight: normal;  display:block;font-family:"Microsoft Yahei"; line-height: 28px;}


.yy_bj{ height: 610px;padding-top: 85px; box-sizing: border-box;  font-family:"Microsoft Yahei"; position: relative; background: url() no-repeat center top;}
.yy{position: relative;width: 1200px;}
.yy h2{text-align: left;margin-bottom: 40px;}
.yy dl{height: 361px;}
.yy dl dt{position: relative; width: 645px;height: 361px;  float: left;}
.yy dl dt img{width: 645px;height: 361px;}
.yy dl dd{width: 505px;  float: right;position:relative;}
.yy dl dd p{font-size: 16px; height: 150px; color: #1d1d1d; line-height: 32px; text-align: justify;margin-top: 5px;}
.yy dl dd em{ font-size: 9px; color: #e8e8e8; text-transform: uppercase; }
.yy ul{width: 680px;height: 128px; background: #042864; position: absolute;bottom: 0;right: -50px; box-sizing: border-box;}
.yy li{ width:33.33%;height: 128px;text-align: center; font-size: 16px; color: #ffffff; float: left;padding-top: 30px; box-sizing: border-box;}
.yy li b{display: block; font-size: 48px; color: #ffffff; font-family: "Arial","Agency FB";font-weight: normal;}
.yy a:nth-child(1) li{background: #042864;}
.yy li:hover{ background: #042864; }


/**/
.ysbj{ position: relative; box-sizing: border-box; background:#fff;overflow: hidden; clear: both; font-family:"Microsoft Yahei"; height: 1860px;}
.ysbj h2{ margin-bottom:60px; font-size: 45px;}
.ysbj h2 i{color: #042864;padding-left: 20px;}
.ysbj h2 span{font-size: 20px;    line-height: 40px;}
.ys i{color: #042864;}

.ys1{height:551px; position:relative;background: #f8f8f8;margin-bottom: 0px;}
.ys1 dl{position: relative;}
.ys1 dt{ width:600px; height:551px;float: right;}
.ys1 dt img{ display:block;width:960px; height:551px; margin-right: -360px; }
.ys1 dd{position: absolute;left:0;top:67px; height:418px;background:url(../image/01.gif) no-repeat right 65px; width: 714px;box-sizing: border-box;padding:70px 145px 0 10px;}
.ys1 dd h3{font:28px "Microsoft YaHei"; color:#042864; margin-bottom: 20px; height: 100px; font-weight: normal;}
.ys1 dd h3 em{display: block; font-size: 36px; color: #042864; font-weight: bold;}
.ys1 dd p{background:url(../image/yspico.png) no-repeat left 6px; font:18px "Microsoft YaHei"; line-height:32px; padding-left:24px; position:relative; color: #333;margin-bottom: 15px;}



.ys2{height:551px; position:relative;background: #f2f2f2;    background-image: url(../image/shui.jpg);}
.ys2 dl{position: relative;}
.ys2 dt{ width:600px; height:551px;float: left;}
.ys2 dt img{ display:block;width:960px; height:551px; margin-left: -360px; }
.ys2 dd{position: absolute;left:40.5%;top:67px; height:418px;background:url(../image/02.gif) no-repeat left 65px; width: 800px;box-sizing: border-box;padding:70px 95px 0 150px;}
.ys2 dd h3{font:28px "Microsoft YaHei"; color:#042864; margin-bottom: 20px; height: 100px; font-weight: normal;}
.ys2 dd h3 em{display: block; font-size: 36px; color: #042864; font-weight: bold;}
.ys2 dd p{background:url(../image/yspico.png) no-repeat left 6px; font:18px "Microsoft YaHei"; line-height:32px; padding-left:24px; position:relative; color: #333;margin-bottom: 15px;}



.ys3{height:552px; position:relative;background:#f2f2f2;padding-top: 0;}
.ys3 dl{position: relative;}
.ys3 dt{ width:600px; height:551px;float: right;}
.ys3 dt img{ display:block;width:960px; height:551px; margin-right: -360px; }
.ys3 dd{position: absolute;left:0;top:48px; height:418px;background:url(../image/03.gif) no-repeat right 20px; width: 714px;box-sizing: border-box;padding:15px 145px 0 10px;}
.ys3 dd h3{font:28px "Microsoft YaHei"; color:#042864; margin-bottom: 20px; height: 100px; font-weight: normal;}
.ys3 dd h3 em{display: block; font-size: 36px; color: #042864; font-weight: bold;}
.ys3 dd p{background:url(../image/yspico.png) no-repeat left 6px; font:18px "Microsoft YaHei"; line-height:32px; padding-left:24px; position:relative; color: #333;margin-bottom: 15px;}
.ys3 dd h5{margin-top: 50px;}
.ys3 dd h5 img{width: 265px;height: 149px; display: block; float: left; margin-right: 12px;}


.ys4{height:551px; position:relative;background: #f2f2f2;}
.ys4 dl{position: relative;}
.ys4 dt{ width:600px; height:551px;float: left;}
.ys4 dt img{ display:block;width:960px; height:551px; margin-left: -360px; }
.ys4 dd{position: absolute;left:50%;top:67px; height:348px;background:url(../image/04.gif) no-repeat left 65px; width: 700px;box-sizing: border-box;padding:70px 95px 0 150px;}
.ys4 dd h3{font:28px "Microsoft YaHei"; color:#042864; margin-bottom: 20px; height: 100px; font-weight: normal;}
.ys4 dd h3 em{display: block; font-size: 36px; color: #042864; font-weight: bold;}
.ys4 dd p{background:url(../image/yspico.png) no-repeat left 6px; font:18px "Microsoft YaHei"; line-height:32px; padding-left:24px; position:relative; color: #333;margin-bottom: 15px;}






@media (max-width: 992px){

    .ysbj{display: none;}
    .tit01 {
        font-size: 1.8rem;
        text-align: center;
        font-family: "Microsoft YaHei";
        color: #1d1d1d;
        font-weight: bold;
    }
    .tit01 span {
        padding-top: 20px;
        line-height: 22px;
        font-size: 0.6rem;
        color: #666;
    }
}
/* @media screen and (min-width: 1920px) and (max-width: 993px){
    
    .xz{display: none;}
    } */


@media(min-width: 993px){

    .xz{display: none;}
    } 

.xz{background: #f6f6f6;padding:2.2rem 0 1rem; }
.xz .tit01{margin-bottom: 3.5rem;}
.xz .tit01 span{font-size: 1.2rem;}
.xz_nav{width: 93.75%; margin:0 auto; }
.xz_nav ul{width: 100%;background: rgb(131 5 2 / 95%);height:4.3rem;}
.xz_nav li{width: 33.3333%; text-align: center;padding-top: 0.3rem; height: 4.3rem;border-right: 1px solid #042864; box-sizing: border-box;position: relative; font-size: 1.3rem; color: #fff; float: left;z-index: 9; }

.xz_nav li em{ display:block;  text-align:center;font-size:1rem; color:#ffffff; line-height:1.5rem;width: 100%;}
.xz_nav li:nth-child(4){border-right: 0;}
.xz_nav .active{background: #042864;border-right-color: #04317c;}
.xz_nav .active:after{content:""; position:absolute; left:50%; bottom:-0.45rem; width:0; height:0;border-top:0.45rem solid #042864 ;border-left:0.7rem solid rgba(0,0,0,0);border-right:0.7rem solid rgba(0,0,0,0);z-index: 1;}
.xz2{width: 93.75%; margin:0 auto; position: relative;overflow: hidden;}
.xz dl{ width:100%; margin:0 auto;}
.xz dt img{display:block; width:100%;}
.xz dd{width: 100%;padding-bottom: 1rem; }
.xz dd h3{ height:5.5rem; font-size:1.4rem; color:#333; overflow:hidden;padding:1rem 0  0 7rem;margin-bottom: 1.5rem; position: relative; box-sizing: border-box;}
.xz dd h3 em{font-size: 1.8rem; color: #042864; font-weight: bold; display: block; }
.xz dd p{ font-size:1.3rem; line-height:2.0rem; color:#666666;padding-left:1.5rem; position:relative; text-align: justify; margin-bottom: 0.5rem;}
.xz dd p i{color: #042864;}
.xz dd p:before{ content:""; position:absolute; top:0.4rem; left:0.3rem; width:0.55rem; height:0.55rem;  background: url(../image/yspico.png) no-repeat center top; }
.xz .dl1 dd h3:before{ content:"01"; position:absolute; top:0.5rem; left:0.3rem; font-size: 4rem; color: #042864; font-weight: bold;  }
.xz .dl2 dd h3:before{ content:"02"; position:absolute; top:0.5rem; left:0.3rem; font-size: 4rem; color: #042864; font-weight: bold;  }
.xz .dl3 dd h3:before{ content:"03"; position:absolute; top:0.5rem; left:0.3rem; font-size: 4rem; color: #042864; font-weight: bold;  }
.xz .dl4 dd h3:before{ content:"04"; position:absolute; top:0.5rem; left:0.3rem; font-size: 4rem; color: #042864; font-weight: bold;  }