/*初始化样式*/
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin: 0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.xypg-right-content{font-size: 16px;}

.j-space-between{justify-content:space-between}
.j-flex-start{justify-content:flex-start}
.j-flex-end{justify-content:flex-end}
.j-center{justify-content:center}
.a-j-center{align-items:center;justify-content:center}
.a-center{align-items:center}
.a-flex-start{align-items:flex-start}
.a-flex-end{align-items:flex-end}

/*主体样式*/
.wh{max-width: 1630px;padding: 0 15px;margin: 0 auto;}
.top2 {position: absolute;top:0;width: 100%;z-index: 9999;padding-top: 23px;}
.logo{height: 80px;line-height: 80px;}
.x1{font-size: 16px;color: #ffffff;}
.x1 a{line-height: 80px;color: #ffffff;text-transform: uppercase;}

/*  */
.mySwiper{overflow: hidden;text-align: center;border-bottom: 1px solid #ebebeb;}
.mySwiper .swiper-slide{padding: 61px 0 58px;}
.mySwiper .swiper-slide:nth-child(2n){background: #f8f8f8;}
.mySwiper .swiper-slide h3{color: #222222;font-size: 24px;font-weight: bold;margin-bottom: 13px;transition: all 0.5s;}
.jia{margin-bottom: 12px;opacity: 0;}
.mySwiper .swiper-slide:hover h3{color: #004088;margin-top: -20px;}
.mySwiper .swiper-slide:hover .jia{opacity: 1;}
.mySwiper .swiper-slide .img img{max-width: 100%;}
dt{font-weight: normal;}


/*  */
.box2{margin-top: 5.6%;}
.bt1{text-align: center;}
.bt1 dd{color: #010d2c;font-size: 40px;font-weight: bold;}
.bt1 dt{color: #444444;font-size: 17px;line-height: 2;margin-top: 30px;}
.cbox{margin-top: 4.2%;}
.cleft{width: 49.375%;position: relative;}
.cright{width: 50.625%;}
.cbox .cimg{overflow: hidden;}
.cbox .cimg img{width: 100%;transition: all 0.5s;}
.bj1{position: absolute;left: 60px;bottom: 4.8vw;z-index:99;padding-left: 22px;background: url(../image/f3bca2a6733f14ddfc8cb9ab4620a9cfd84ac29b.png) no-repeat left top;width: 77%;}
.bj1 h3{color: #ffffff;font-size: 28px;font-weight: bold;line-height: 1;margin-bottom: 20px;}
.bj1 .bcon{color: #fff;font-size: 16px;line-height: 30px;}
.cleft:hover .cimg img,.cbox2:hover .cimg img{transform: scale(1.1);}
.cbox2 .cimg,.cc{width: 50%;}
.cc{background-color: #3f3f3f;display:flex;justify-content:center;align-items: center;padding: 0 15px;}
.cwz{padding-left: 23px;background: url(../image/f3bca2a6733f14ddfc8cb9ab4620a9cfd84ac29b.png) no-repeat left top;}
.cwz dd{color: #ffffff;font-size: 28px;font-weight: bold;line-height: 1;margin-bottom: 20px;}
.cwz dt{color: #ffffff;font-size: 18px;}
.cbox3 .cc{background: url(../image/a84771960221ed43e41741ab5249fe41351a3327.jpg) no-repeat center top;background-size: cover;}
.cwz dt a{color: #fff;line-height: 30px;font-size: 16px;}
.psort a{color: #fff;line-height: 30px;font-size: 16px;width: 33.3%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;}


/*  */
.box3{margin: 4% 0 6%;}
.nbox{margin-top: 3.9%;}
.nul{width: 40.5%;}
.nul2{width: 21.5%;}
.nul3{width: 34.4%;}
.nul li .img img,.nul2 li .img img{width: 100%;}
.nul li{position: relative;}
.nbj{position: absolute;background: url(../image/2e73df54c8ea24d45f0da11f0e52d002f52bdc14.png) no-repeat top center;padding-left: 31px;bottom: 0;left: 0;padding-bottom: 2.1vw;width: 100%;padding-right: 5%;padding-top: 10%;}
.nbj span{color: #ffffff;font-size: 14px;}
.nbj h3 a{color: #ffffff;font-size: 16px;display: block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;margin-top: 8px;}
.nul2 li{position: relative;}
.nul2 li h3 a{display: block;color: #ffffff;font-size: 16px;width: 100%;text-align: center;bottom: 16px;z-index: 999; padding: 0 15px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;position: absolute;}
.nul2 li:first-child{margin-bottom: 8%;}
.nul3{display: flex;align-items: center;justify-content: space-between;flex-direction: column;}
.nul3 li{background-color: #f5f5f5;height: 30%;padding: 0 30px;width: 100%;display: flex;justify-content: center;flex-direction: column;transition: all 0.5s;}
.nul3 li a{color: #000000;font-size: 18px;display: block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;width: calc(100% - 100px);}
.nul3 li span{display: block;color: #999999;font-size: 14px;line-height: 26px;}
.nul3 li p{color: #777777;font-size: 14px;line-height: 24px;margin-top: 16px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.nul3 li:hover{background-color: #004088;}
.nul3 li:hover a,.nul3 li:hover span{color: #fff;}
.nul3 li:hover p{opacity: 0.6;color: #fff;}
.nul3 li:hover a{font-weight: bold;}

/*  */
.box4{background-color: #efefef;padding: 61px 0;}
.box4 .wh{max-width: 1150px;}
.w1{color: #333333;font-size: 28px;margin-top: 10px;}
.w1 span{color: #004088;}
.w1 b{color: #010d2c;}
.mbox{font-size: 0;}
.mbox a{display: inline-block;width: 190px;height: 62px;font-size: 16px;text-align: center;}
.mbox .m1{background: #004088;color: #ffffff;line-height: 62px;margin-right: 20px;}
.mbox .m2{line-height: 58px;color: #004088;border: 2px solid #004088;}
.m1 img{margin-left: 18px;}
.m2 img{margin-right: 18px;}


/*  */
.ft1{background-color: #191c22;padding: 65px 0 34px;}
.ft2{background: #27292f;text-align: left;font-size: 14px;line-height: 24px;color: rgba(255, 255, 255, .4);padding: 26px 0;}
.lx{color: #ffffff;opacity: 0.4;font-size: 14px;line-height: 32px;margin: 45px 0;}
.ft2 a{color: rgba(255, 255, 255, .4);}
.fenx .social-share .social-share-icon{width: 32px;height: 32px;background-color: rgba(255, 255, 255, .1);border-radius: 3px;border:none;line-height: 32px;margin: 0 20px 0 0;color: rgba(255, 255, 255, .3);}
.tewm{font-size: 14px;line-height: 59px;color: rgba(255, 255, 255, .4);text-align: center;}
.dao >li> a{color: #ffffff;font-size: 18px;margin-right: 10px;}
.x-nav-menu dd{float: left;}
.x-nav-menu dd a{font-size: 14px;color: rgba(255, 255, 255, .4);margin-left: 1.5vw;}
.dao >li{margin-bottom: 30px;}
.tewm img{width: 122px;}
.hang{margin-right: 8vw;}
.x-seo ,.x-seo  a{color:rgba(255, 255, 255, .2);font-size: 14px;}
.tlogo img{max-width: 100%;}
.fenx .social-share .icon-qq:before{content: '';background: url(../image/e5478186fea098d858b53c4b5c412be3019438c2.png) no-repeat center;display: block;width: 32px;height: 32px;}
.fenx .social-share .icon-wechat:before{content: '';background: url(../image/9d808b6f83296179a1b7157324ac20e37a3f08e3.png) no-repeat center;display: block;width: 32px;height: 32px;}
.fenx .social-share .icon-weibo:before{content: '';background: url(../image/41db41ca4da4722e403c70b5dd1e4785a4027c62.png) no-repeat center;display: block;width: 32px;height: 32px;}
.fenx .social-share .icon-tencent:before{content: '';background: url(../image/e67a5a1fae9d588e0a1f0e932c5e64c1d8f7d377.png) no-repeat center;display: block;width: 32px;height: 32px;}







@media(max-width: 1630px){
    .cwz dt a{font-size: 14px;line-height: 24px;}
    .cwz dd,.bj1 h3{font-size: 24px;}
}

@media(max-width: 1500px){
    .mySwiper .swiper-slide  .img img{max-width: 100%;height: 18vw;}
    .mySwiper .swiper-slide h3{font-size: 20px;}
    .cwz dt{font-size: 16px;}
    .psort a{font-size: 14px;}
}







@media(max-width: 1400px){
    .nnav{width: auto;}
    .x-menu > li > a{font-size: 18px;}
    .nul3 li p{margin-top: 10px;}
    
}
@media(max-width: 1300px){
    .psort a{width: 50%;}
}

@media(max-width: 1240px){
  .hang{display: none;}
}

@media(max-width: 1200px){
    .nnav{width: auto;}
    .x-menu > li > a{font-size: 16px;padding: 0 20px;}
    .top2{padding-top: 0;}
    .bt1 dd{font-size: 30px;}
    .bt1 dt{font-size: 16px;margin-top: 15px;}
    .nul3 li p{margin-top: 5px;}
    .bq,.x-region{float: none;width: 100%;text-align: center;}
    
}


@media(max-width: 1024px){
    .cwz dd, .bj1 h3{font-size: 20px;margin-bottom: 10px;}
    .bt1 dt br{display: none;}
    .w1{font-size: 22px;margin-top: 17px;}
    .mbox a{width: 160px;}
}




@media(max-width: 768px){
    .mySwiper .swiper-slide{padding: 40px 0 ;}
    .cleft,.cright{width: 100%;}
    .nul,.nul2,.nul3{width: 100%;}
    .nul2{margin: 20px 0;}
    .nul3 li{padding: 20px ;height: auto;}
    .w1,.mbox{width: 100%;text-align: center;}
    .mbox{margin-top: 20px;}
    .w1{margin-top: 0;}
    .lx{margin: 20px 0;}
}


@media(max-width: 640px){
    .mySwiper .swiper-slide h3{font-size: 16px;}
    .mySwiper .swiper-slide .img img{max-width: 100%;height: 38vw;}
    .jia{opacity: 1;}
    .bt1 dd{font-size: 22px;}
    .box2{margin-top: 30px;}
    .bt1 dt{font-size: 14px;line-height: 22px;}
    .bj1{left: 20px;}
    .bj1 .bcon{font-size: 12px;line-height: 20px;}
    .cbox2 .cimg, .cc{width: 100%;}
    .cc{padding: 60px 0;}
    .cbox22{flex-direction: column-reverse;  }
    .nul3 li{margin-bottom: 20px;}
    .nul2 li:first-child{margin-bottom: 20px;}
    .box3{margin: 30px 0;}
    .box4{padding: 30px 0;}
    .mbox .m1{height: 46px;line-height: 46px;}
    .mbox .m2{height: 46px;line-height: 42px;}
    .mbox a{width: 130px;}
    .ft1{padding: 30px 0 10px;}
    .tlogo{text-align: center;width: 50%;margin: 0 auto;}
    .tleft,.tright{width: 100%;}
    .tewm{float: none;width: 100%;text-align: center;margin-top: 20px;}
    .w1{font-size: 18px;}
    .mbox a img{width: 20px;}
    .nul3 li a{width: calc(100% - 80px);}
}

@media(max-width: 1600px){
  .xypg-right-content{overflow: hidden;}
  .xypg-right-content p img{
           max-width: 100%;
          width: auto !important;
          height: auto !important;
     }
}