/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}

a:hover,a:active,a:focus{text-decoration:none;outline:none;}

.fl{
    float: left;
}
.fr{
    float: right;
}

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;}

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}
.c1b{
    text-align: right;
    margin: 0;
}
.flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.w1760{
    max-width: 1790px;
    margin: 0 auto;
    padding: 0 15px;
}

.headtop{
    height: 100px;
}
.headtop .logo{
    line-height: 100px;
    width: 19.2%;
}
.headtop .logo img{
    width: 100%;
}
.topnav{
    width: 73.6%;
    align-items: center;
}
.topnav .navv{
    width:-webkit-calc(100% - 210px); 
    width:-moz-calc(100% - 210px); 
    width:calc(100% - 210px); 

}
.kiss{
    padding-top: 35px;
}
.topnav .yuyan a{
    display: block;
    width: 54px;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
}
.topnav .yuyan a.a1{
    background:#014e9c;
    color:#fff;
}
.topnav .yuyan a.a2{
    background:#eeeeee;
    color: #999;
}
.topss{
    width:65px;
    text-align: right;
}

.c1{
    padding: 3vw 0;
}
.c1b{
    width: 50%;
}
.c1b img{
    width: 100%;
}
.c1a{
    width: 45.5%;
    padding-top: 2.6vw;
}
.c1a h3{
    text-transform: uppercase;
    font-family: Impact;
    font-size: 4rem;
    color: #cfcedd;
}
.c1a h4{
    font-weight: 600;
    color: #333333;
    font-size: 1.8rem;
    margin-top: 10px;
}
.c1a .wz{
    font-size: 18px;
    line-height: 38px;
    font-weight: normal;
    color: #666666;
    margin-top: 3.6vw;
}
.c1a .abouta{
    display: block;
    font-size: 16px;
    color: #ffffff;
    width: 180px;
    height: 52px;
    line-height: 52px;
    background:#014e9c;
    text-transform: uppercase;
    text-align: center;
    margin-top: 4.8vw
}

.c2{
    max-width: 1920px;
    margin: 0 auto;
}
.c2bt{
    text-align: center;
}
.c2bt dd{
    font-size: 2rem;
    color: #333;
    line-height: 1.2;
    font-weight: 600;
}
.c2bt dt{
    font-weight: 400;
    font-size: 20px;
    color: #666666;
    margin-top: 0.7vw;
}
.hyyy{
    margin-top: 1.5vw;
}
.hyyy ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.hyyy ul li{
    width: 50%;
    position: relative;
    overflow: hidden;
}
.hyyy ul li .img1{
    width: 100%;
}
.hyyy ul li .img img{
    width: 100%;
    height: 500px;
}
.hyyy ul li .tw{
    position: absolute;
    width: 100%;
    top: 50%;
    text-align: center;
    transform:translateY(-50%);
}
.hyyy ul li .tw img{
 max-width: 100%;
}
.hyyy ul li .tw h3{
    font-weight: 600;
    font-size: 1.2rem;
    color: #ffffff;
    margin-top: 1vw;
    text-transform: uppercase;
}
.hyyy ul li::before{
    content: '';
    width: 100%;
    height: 100%;
    background: #014e9c;
    opacity: 0.5;
    position: absolute;
    top: 0;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
 
}

.hyyy ul li:hover::before{
    top:-100%;
}

.c3{
    padding: 3vw 0;
}

.c3a{
    width: 47.6%;
}
.c3bt{
    text-align: right;
    padding-top: 25px;
}
.c3bt dd{
    color: #014e9c;
    font-family: Arial;
    font-size: 3.3rem;
    text-transform: uppercase;
    font-weight: 600;
}
.c3bt dt{
    font-weight: 400;
    color: #333333;
    font-size: 1.3rem;
    margin-top: -15px;
}

.infos_list{
    margin-top: 1.2vw;
}

.infos_list li{
    width: 48.5%;
}
.infos_list li .img img{
    width: 100%;
}
.infos_list li h3{
    font-size: 20px;
    font-weight: 400;
    color: #222222;
    overflow:hidden; 
    text-overflow:ellipsis; 
    white-space:nowrap; 
    margin-top: 2vw;
}
.infos_list li p{
    font-size: 16px;
    line-height: 28px;
    color: #777777;
    margin-top: 10px;
}
.infos_list li span{
    color:#777777;
    display: block;
    font-size: 15px;
    margin-top: 1.6vw;
}
.infos_list li:hover h3{
    color: #014e9c;
}

.c3b{
    width: 49.5%
}

.tab-con { position: relative; }
.tab-con .tab-main { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.tab-con .tab-main { opacity: 0; visibility: hidden; transition: all .5s ease; }
.tab-con .tab-main.active { position: static; opacity: 1; visibility: visible;  }

.tab-li{
    justify-content:flex-end;
}
.tab-li li{
    width: 80px;
    margin-left: 36px;
}
.tab-li li a{
    font-size: 20px;
    color: #666666;
    line-height: 32px;
    display: block;
}
.tab-li li.active a{
    color: #014e9c;
    border-bottom: 1px solid #014e9c;
}

.pro_list{
    width: 118%;
}
.pp_ll{
  
}
.pp_ll .zb{
    background: #014e9c;
    width: 132px;
    position: relative;
}
.pp_ll .zb .newsa{
    display: block;
    width: 185px;
    text-align: left;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    position: absolute;
    bottom: 3vw;
    left: 0;
    padding-left: 20px;
}
.pp_ll .yb{
    width:-webkit-calc(100% - 132px); 
    width:-moz-calc(100% - 132px); 
    width:calc(100% - 132px); 
    padding-top: 6.8vw;
    padding-bottom: 4vw;
}

.pro_list{
    margin-left: -132px;

}
.pro_list li{
    align-items: center;
    margin-bottom: 2.8vw;
}

.pro_list li .rq{
    width: 132px;
    text-align: center;
    color: #fff;
    font-weight: 400;
}
.pro_list li .rq dd{
    font-size: 20px;
    position: relative;
    right: -18px;
}
.pro_list li .rq dt{
    font-size: 1.4rem;
    position: relative;
}
.pro_list li .wz{
    width:-webkit-calc(100% - 157px); 
    width:-moz-calc(100% - 157px); 
    width:calc(100% - 157px); 
}
.pro_list li .wz h3{
    font-size: 20px;
    color: #222222;
    font-weight: 400;
}
.pro_list li .wz p{
    font-size: 16px;
    line-height: 28px;
    color: #777777;
    margin-top: 5px;
}
.pro_list li:hover .wz h3{
    color: #014e9c;
}



.c4{
    padding: 1vw 0;
    margin-bottom: 4vw;
    text-align: center;
    background: rgb(45,37,123,.8);

}


.c5{}
.c5 .flex{
    align-items: center;
}
.c5a dd{
    font-size: 2rem;
    color: #333333;
    font-weight: 600;
}
.c5a dt{
    color:#666666;
    font-size: 20px;
    font-weight: normal;
    margin-top: 8px;
}
.c5b a{
    color: #666666;
    font-size: 16px;
}
.c5b img{
    max-width: 100%;
}

.album_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 2vw;
}
.album_list li{
    width: 16%;
    
    margin-bottom: 2vw;
}
.album_list li .img{
border: 1px solid #f2f1f1;
}
.album_list li .img img{
    width: 100%;
}
.album_list li:hover .img{
    box-shadow: 0 0 2px 2px rgb(153 153 153 / 10%)
}


footer{
    background: #262626;
    padding-top: 4vw;
    border-bottom: 1px solid #3a3a3a;
    padding-bottom: 2vw;
}

.footera{
    width: 55.2%;
    border-right: 1px solid #3a3a3a;
}

.fota{
    width: 35.6%;
}
.fotb{
    width: 35.3%;
}
.fotc{
    width: 29%;
}

.footera dd{
    font-size: 22px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 1.2vw;
}
.footera dt a{
    font-size: 16px;
    line-height: 34px;
    color: #cacaca;
    font-weight: 400;
}
.footera dt a:hover{
    color:#fff;
}
.footerb{
    width: 35%;
}

.footerb .fba dd{
    font-size: 22px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 1.2vw;
}
.footerb .fba dt{
    font-size: 16px;
    line-height: 34px;
    color: #cacaca;
    font-weight: 400;
}

.footerb .fbb img{
    max-width: 100%;
}
.footerb .fbb span{
    display: block;
    text-align: center;
    font-size: 15px;
    color: #cacaca;
    margin-top: 18px;
}

.footyj{
    padding: 20px 0;
    background: #202020;
    font-size: 15px;
    line-height: 28px;
    color: #9b9b9b;
    text-align: center;
}
.footyj a{
 color: #9b9b9b;
}
.footyj a:hover{
    color:#fff;
}
.page-position .container2{
    align-items: center;
}
.page-position .container2::before,.page-position .container2::after{
    display: none;
}


.rnm {
    color:#333;
    font-size: 14px;
    display: none;
}
.page-position .rnm a{
    font-size: 14px;
    color:#333;
    line-height: 74px;
}
.page-position .rnm a:hover{
    color:#003c8d;
}


.xypg-left-con{
    border: none;
}
.pcfl>.xypg-left-nav{
    display: flex;
    flex-wrap: wrap;
}

.pcfl>.xypg-left-nav > li{
    padding: 0 20px;
    border: none;
}
.pcfl>.xypg-left-nav>li>a{
    display: block;
    font-size: 17px;
    line-height: 40px;
    color: #333;
}

.pcfl>.xypg-left-nav > li .first-nav-btn{
    display: none;
}
.pcfl>.xypg-left-nav>li:hover{
   background: #014e9c; 
}
.pcfl>.xypg-left-nav > li.clicked{
    background: #014e9c; 
}
 .pcfl>.xypg-left-nav > li.clicked a{
     color: #fff;
 }
.pcfl>.xypg-left-nav>li:hover a{color: #fff;}


/* .page-wrap-left{
    display: none;
} */

.nz{
    width: 71%;
    
}
.nzz{
    width: 74%;
    margin-top: 3%;
}
.nz a{
    display: block;
}
.nzy{
    width: 16%;
    margin-top: 5%;
}
.ny{
    width: 25%;
    overflow: hidden;
    border: 1px solid #eee;
}
.ny img{
     transition: all 0.8s;
    width: 100%;
}
.xypg-news-list li:hover .ny img{
    transition: all 0.8s;
    transform: scale(1.05);
}
.nzy{
    border-left: 1px solid #eee;
}
.nzy .p1{
    color: #777777;
    font-size: calc(12px + 24 * 100vw / 1920);
}
.nzy .p2{
    color: #777777;
   font-size: calc(12px + 6 * 100vw / 1920);
}
@media (max-width: 600px) {
    .hzhb div{
        width:33.33%;
    }
    .message .x-message-wrap .checkCodeImg .sss{
        display:none ! important;
    }
    .qqhh .hd ul li{
        padding-left:15px ! important;
    }
    .nz,.nzz{
    width: 100%;
}
.nzz{
    margin-top:0;
}
.ny,.nzy{
   display:none;
}
}
.xypg-news-list li .detail-info-numbers {
    float: left;
    position: relative;
    padding-left: 25px;
}
.xypg-news-list li  i {
    position: absolute;
    width: 20px;
    height: 20px;
    top: calc(50% - 10px);
    left: 0;
}
.xypg-news-list li .detail-info-numbers i:after {
    opacity: .5;
    background-position: 0 -330px;
}
.xypg-news-list li .detail-info-numbers{
    color: #999;
    margin-top: 20px;
}

@media (max-width: 1200px){
    .c1 .flex{
        align-items: center;
    }
    .c3a{
        width: 100%;
    }
    .c3b{
        width: 96%;
        margin-top: 10px;
    }
    .infos_list li{
        padding: 0 5%;
    }
    .infos_list li span{
        margin-top: 10px;
    }
    .fbb{
        display: none;
    }
}
@media (max-width: 1024px){
    .c1 .flex{
        flex-wrap:wrap-reverse;
    }
    .c1a{
        width: 100%;
    }
    .c1b{
        width: 100%;
    }
    .hyyy ul li{
        width: 50%;
    }
    .hyyy ul li:nth-child(n+5){
        display: none;
    }
    .hyyy ul li:hover::before{
    top:0;
}
    .tab-li li{
        width: 100px;
        text-align: center;
    }

}




@media (max-width: 992px){
        #containere128586a7ab40594c2e32c25f1575a61_e{
        height: 450px!important;
    }
    .pcfl>.xypg-left-nav > li{
    padding: 0 46px;
    border: none;
    width: 99%;
}
.pcfl>.xypg-left-nav > li .first-nav-btn{
    display: block;
}

.pcfl .xypg-left-nav > li {
  position: relative;
  border-bottom: 1px solid #eeeeee;
}

.pcfl .xypg-left-nav > li:last-child {
  border-bottom: none;
}

.pcfl .xypg-left-nav > li > a {
  display: block;
  font-size: 16px;
  line-height: 22px;
  color: #555;
  padding: 15px 18px;
}

.pcfl .xypg-left-nav > li .first-nav-btn {
  position: absolute;
  z-index: 99;
  width: 30px;
  height: 30px;
  text-align: center;
  top: 10px;
  right: 20px;
  cursor: pointer;
  background: url(https://gcdn.myxypt.com/images/icon_spirit.png) 0 -240px no-repeat;
}

.pcfl .xypg-left-nav > li .first-nav-btn.clicked {
  background-position: 0 -270px;
}

.pcfl .xypg-left-nav > li:hover > a, 
.pcfl .xypg-left-nav > li.clicked > a {
  color: #fff;
  background-color: #014e9c;
}

.pcfl .xypg-left-nav > li:hover .first-nav-btn, 
.pcfl .xypg-left-nav > li.clicked .first-nav-btn {
  color: #014e9c;
}

.pcfl .xypg-left-nav .xypg-left-subnav {
  display: none;
  padding: 0 10px;
}

.pcfl .xypg-left-nav .xypg-left-subnav > li {
  border-top: 1px dashed #eeeeee;
}

.pcfl .xypg-left-nav .xypg-left-subnav > li > a {
  padding: 8px;
  display: block;
  line-height: 20px;
  color: #818181;
  font-size: 16px;
}

.pcfl .xypg-left-nav .xypg-left-subnav > li > a:hover {
  color: #014e9c;
}

.pcfl .xypg-left-nav .xypg-left-subnav > li.clicked > a {
  color: #014e9c;
}

.pcfl .xypg-left-nav .xypg-left-threenav > li > a {
  padding: 5px 10px;
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #999999;
}

.pcfl .xypg-left-nav .xypg-left-threenav > li > a:before {
  content: '\2014   ';
}

.pcfl .xypg-left-nav .xypg-left-threenav > li > a:hover {
  color: #014e9c;
}

.pcfl .xypg-left-nav .xypg-left-threenav > li.clicked > a {
  color: #014e9c;
}

.page-wrap-left{
    display: block;
}
.yycc{
    display: none;
}

}




.w1570{
    max-width: 1570px;
    margin: 0 auto;
}


.g1a{
    width: 50.3%;
}
.g1a h3{
    font-size: 2rem;
    color: #333333;
    font-family: Arial;
    text-transform: uppercase;
    font-weight: 600;
}
.g1a h5{
    color: #333333;
    font-size: 1.5rem;
    font-weight: 400;
    margin-top: 5px;
}
.g1a span{
    display: block;
    font-size: 18px;
    line-height: 42px;
    color: #333333;
    margin-top: 2.5vw;
}

.g1b{
    width: 45.6%;
}
.g1b img{
    max-width: 100%;
}
.nbt{
    text-align: center;
    width: 85%;
    margin: 0 auto;
    /* text-indent: 20px; */
}
.nbt h3{
        font-size: 2rem;
    color: #333333;
    font-family: Arial;
    text-transform: uppercase;
    font-weight: 600;
}
.nbt h5{
    color: #333333;
    font-size: 1.5rem;
    font-weight: 400;
    margin-top: 5px;

}


.g2{
    background: #f5f5f5;
    margin-top: 4.8vw;
    padding-top: 4.8vw;
    padding-bottom: 3.8vw;
}
.h_lead_sl{
    margin-top: 3vw;
}

.pox_list {
    position: relative;
    /* margin: 0 -22px; */
    padding: 0 5vw;
}

.pox_list .slick-slide {
    position: relative;
    /* margin: 0 22px; */
    text-align: center;
 
}

.pox_list .slick-slide a {
    display: block;
    transform: scale(0.8);
    /* background: #fff; */
    border: 1px solid #e1e1e1;
}

.pox_list .slick-slide a img {
    margin: 0 auto;
    transition: all 300ms ease;
    padding: 5%;
    width: 88%;
}
.pox_list .slick-slide.slick-center a{
   transform: scale(1);
   padding-top: 10px;
}
.pox_list .slick-slide.slick-center a 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);
    
    
}

.pox_list .slick-slide a h3{
    color: #333333;
    font-weight: 400;
    padding-bottom: 3%;
    font-size: 18px;
}
.pox_list .slick-slide.slick-center a h3{
    font-size: 20px;
}

.pox_list button{
    width: 50px;
    height: 50px;
    outline: none;
    font-size: 0;
    border: none;
    position: absolute;
    top: 45%;
    background: none;
    z-index: 999;
}
.pox_list .slick-prev{
    left: 0;
    background: url(//cdn.myxypt.com/e0351914/21/12/56ff554deb90850a864d8a4e5445b5511c4cb15e.png) no-repeat center;
}
.pox_list .slick-next{
    right: 0;
    background: url(//cdn.myxypt.com/e0351914/21/12/0134110d031444478d6e977b4b0ac71dd9672fdc.png) no-repeat center;
}

.pox_list .slick-prev:hover{
    background: url(//cdn.myxypt.com/e0351914/21/12/e938d466c9d71c2f2ffaf32d9b3903276af4131a.png) no-repeat center;
}
.pox_list .slick-next:hover{
    right: 0;
    background: url(//cdn.myxypt.com/e0351914/21/12/d49a1203ddc564e71304d3f225dbe1242879d215.png) no-repeat center;
}

.g3{
    margin-top: 4.8vw;
    display: none;
}

.gg3{
    background: url(//cdn.myxypt.com/e0351914/21/12/18dda951fc15c55e0feed2cf9c1d0c7088949ab1.png) no-repeat  center;
    padding: 4.5vw 0;
    margin-top: 2.5vw;
    display: none;
}
.abt-show{
  border-top: solid 1px #fff;
}
.abt-show ul li{
  margin: 0 33px;
  position: relative;
  cursor: pointer;
}
.abt-show ul li::after{
  position: absolute;
  content: '';
  background: #fff;
  width: 33px;
  height: 226px;
  right: 30px;
  top: 0;
  background: url(//cdn.myxypt.com/e0351914/21/12/1b2ef2dcc5f15fe9b6ffbaaeecc8627061006260.png) no-repeat top center;
}
.abt-show ul li h3{
  font-size: 1.9rem;
  font-weight: bold;
  color: #fff;
  padding: 3vw 0
}
.abt-show ul li .con{
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 15px;
}
.abt-show ul li:hover .con{
  background-color: #332d75;
}
.abt-show ul li .con p{
  font-size: 17px;
  line-height: 35px;
  color: #fff;
  padding-left: 15px;
  padding-right: 65px;
  padding-top: 30px;
  padding-bottom: 16px;
}



.abt-show .owl-carousel .owl-nav{
  position: relative;
  align-items: center;
  justify-content: center;
  display: flex;
  height: 40px;
  max-width: 252px;
  background-color: #332d75;
  margin: 0 auto;
  margin-top: 1.5vw;

}
.abt-show .owl-carousel .owl-nav::after{
  display: block;
  content: '';
  width: 134px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
}
.abt-show .owl-carousel .owl-nav button{
  position: absolute;
  width: 58px;
  height: 40px;
  top: 0;
  outline: none;
}

.abt-show .owl-carousel .owl-nav button.owl-prev{
  background: url(//cdn.myxypt.com/e0351914/21/12/1dd05b8cdb1fe0851846829cc838ecd6c97cfeeb.png)no-repeat center;
  left: 0;
}
.abt-show .owl-carousel .owl-nav button.owl-next{
  background: url(//cdn.myxypt.com/e0351914/21/12/e7bf9bfc3e6a6ffee79512dd75b0f50ad0a8c1cf.png)no-repeat center;
  right: 0;
}
.abt-show .owl-carousel .owl-nav button span{
  display: none;
}

.g4{
    margin-top: 4.8vw;
}
.g4tu{
    padding: 3vw 0;
}

.g4tu img{
    width: 100%;
}


.news_listt{
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
}
.news_listt li{
    width: 31.8%;
    padding: 18px;
    background: #fff;
    text-align: center;
    margin-bottom: 2.8vw;
    box-shadow: 0 0 25px 3px rgb(153 153 153 / 30%);
    margin-right: 2.3%;
}
.news_listt li:nth-child(3n){
    margin-right: 0;
}
.news_listt li .img{}
.news_listt li .img img{ width: 100%;}
.news_listt li h3{
    font-size: 1rem;
    color: #333333;
    font-weight: 400;
    margin-top: 1.6vw;
}
.news_listt li span{
    display: block;
    font-size: 15px;
    color: #666666;
    line-height: 26px;
    font-weight: 400;
    margin-top: 1.2vw;
}
.news_listt li h5{
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 38px;
    background: #e1e1e1;
    color: #014e9c;
    font-size: 14px;
    line-height: 38px;
    text-transform: uppercase;
    border-radius: 5px;
    margin-top: 1.6vw;
    transition: all 0.5s;
}
.news_listt li:hover h5{
    background: #014e9c;
    color: #ffffff;

}

.album_listt{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.5vw;
}
.album_listt li{
    width: 22.6%;
    padding: 15px;
    border: 1px solid #e1e1e1;
    margin-right: 3.2%;
    margin-bottom: 1.2vw;
    text-align: center;
}
.album_listt li:nth-child(4n){
    margin-right: 0;
}
.album_listt li .img img{
    width: 100%;
}

.album_listt li h3{
    font-size: 18px;
    color: #666666;
    font-weight: 400;
    border-top: 1px solid #e1e1e1;
    margin-top: 0.8vw;
    padding-top: 15px;
}
.album_listt li:hover{
    border-color: #014e9c;
}
.album_listt li:hover h3{
    color: #014e9c;
}
.q1{
    margin-top: 3.8vw;
}
.qywh{
    margin-top: 3vw;
}
.qywh li{
    width:23.5%;
    box-shadow: 0 0 25px 3px rgb(153 153 153 / 30%);
}
.qywh li img{
    width: 100%;
}

.q2{
    margin-top: 5.5vw;
    margin-bottom: 5.5vw;
}
.qyyj{
    margin-top: 2.8vw;
}
.qyyj li{
    width: 49%;
     box-shadow: 0 0 25px 3px rgb(153 153 153 / 30%);
}
.qyyj li img{
    width: 100%;
}


.q3{
    background: url(//cdn.myxypt.com/e0351914/21/12/69a731309b47765f7108e77bf372736c8393f3a8.png) no-repeat center;
    padding-top: 3vw;
    padding-bottom: 7vw;
    display: none;
}

.qq_show{
    border-top: 1px solid #a7a7a6;
    margin-top: 2.6vw;
}
.qq_show li{
    position: relative;
}
.qq_show li h3{
    font-size: 1.9rem;
    font-weight: 600;
    color: #333333;
    padding: 2.5vw 0;
}
.qq_show li .con{
    width: 86%;
    background: #fff;
    padding: 1vw;
    padding-bottom: 1.5vw;
    border-radius: 10px;
}
.qq_show li .con p{
    width: 80%;
    color: #333333;
    font-size: 17px;
    line-height: 35px;
}
.qq_show li::after{
    content: "";
    width: 33px;
    height: 225px;
    background: url(//cdn.myxypt.com/e0351914/21/12/f13305158a843f0a16b427d461e64849f221a3fd.png) no-repeat top center;
    position: absolute;
    top: 0;
    right: 75px;
    background-position-y: -15px;
}
.qq_show li:hover .con{
    background: #524689;
}.qc-soluright .solist li
.qq_show li:hover .con p{
    color: #fff;
}
.qq_show li:hover::after{
    background: url(//cdn.myxypt.com/e0351914/21/12/883ad530e802afeb130de553367a59acb1129be3.png) no-repeat  top center;
    background-position-y: -15px;
}
@media (max-width: 768px){

    body{
        padding: 50px 0;
    }
    .hyyy ul li .img img{
        height: auto;
    }
    .c4 iframe{
        height: 150px!important;
    }

    .c-link{
        display: none;
    }
    .footera{
        display: none;
    }
    .footerb{
        width: 100%;
    }
    .c1a h3{
        font-size: 24px;
    }
    .c1a h4{
        font-size: 20px;
    }
    .c1a .wz{
        font-size: 16px;
        line-height: 22px;
    }
    .c1a .abouta{
        font-size: 14px;
        width: 150px;
        height: 46px;
        line-height: 46px;
    }
    .c2{
        margin-top: 15px;
    }
    .c2bt dd{
        font-size: 20px;
    }
    .c2bt dt{
        font-size: 16px;
    }
    .hyyy ul li{
        height: 250px;
    }
    .hyyy ul li::before{
        height: 250px;
    }
    .hyyy ul li .tw h3{
        font-size: 16px;
    }
    .infos_list{
        display: none;
    }
    .c3bt{
        text-align: left;
    }
    .c3bt dd{
        font-size: 20px;
        line-height: 1;
    }
     .c3bt dt{
         font-size: 14px; 
         margin-top: 2px;
     }
     .tab-li{
         justify-content:center;
         margin-bottom: 15px;
     }
     .tab-li li{
         width: 28%;
         margin: 0 2%;
     }
     .tab-li li a{
         font-size: 18px;
     }
     .pp_ll .zb{
         display: none;
     }
     .pp_ll .yb{
         width: 100%;
     }
     .pro_list{
         margin-left: 0;
         width: 100%;
     }
     .pro_list li .rq{
         background: #014e9c;
         padding: 2% 0;
         width: 60px;
     }
     .pro_list li .rq dd{
         right: 0;
         font-size: 14px;
     }
  
     .pro_list li .rq dt{
         font-size: 12px;
     }
     .pro_list li .wz{
        width: -webkit-calc(100% - 80px);
        width: -moz-calc(100% - 80px);
        width: calc(100% - 80px);
     }
    .pro_list li .wz h3{
        overflow:hidden; 
        text-overflow:ellipsis; 
        white-space:nowrap; 
        font-size: 16px;
     }
     .pro_list li .wz p{
         font-size: 14px; 
         text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 22px;
     }
     .pp_ll .yb{
         padding-top: 10px;
     }
     .pro_list li{
         margin-bottom: 15px;
     }
     .c5a dd{
         font-size: 20px;
     }
     .c5a dt{
         font-size: 18px;
         font-weight: 400;
         margin-top: 0;
     }
     .c5b{
         display: none;
     }
     .album_list li{
         width: 48.5%;
     }
     .album_list li:nth-child(n+7){
         display: none;
     }
     .footerb .fba dd{
         font-size: 20px;
     }
     .footerb .fba dt{
         font-size: 14px;
         line-height: 22px;
     }
     .footyj{
         font-size: 14px;
         line-height: 22px;
     }
    .pv-video-player{
        height: 320px!important;
    }
}
@media (max-width: 500px){
    #containere128586a7ab40594c2e32c25f1575a61_e{
        height: 300px!important;
    }

}

.wwhh3{
        font-size: 1.5rem;
    color: #000;
    line-height: 1.1;
    font-weight: 400;
    margin-bottom: 2vw;
}
.wwmap{
    align-items: center;
    margin-top: 20px;
}
.wwhhp{
    font-size: 1.2rem;
    color: #666;
    line-height: 36px;
    padding-bottom: 2vw;
    width: 48%;
}
.wmapb{
    width: 48%;
}
.wmapb img{
    width: 100%;
}

@media (max-width: 1440px){
    .w1570{
        max-width: 1440px;
        padding: 0 15px;
    }
    .abt-show ul li::after{
        background-position-y: -26px;
    }
    .qq_show li::after{
       background-position-y: -50px; 
    }
    .qq_show li:hover::after{
        background-position-y: -46px;  
    }
}
@media (max-width: 1280px){
    .qq_show li::after{
        background-position-y: -66px;
        right: 55px;
    }
    .qq_show li:hover::after{
        background-position-y: -64px;  
    }
}
@media (max-width: 1024px){
    .topnav{
        width: 82.6%;
    }
    .pcfl>.xypg-left-nav{
        justify-content: center;
    }
    .pcfl>.xypg-left-nav > li{
        padding:  0 5px;
    }
    .pcfl>.xypg-left-nav>li>a{
        line-height: 45px;
    }
    .g1a{
        width: 100%;
    }
    .g1b{
        width: 100%;
    }
    .g1b img{
        width: 100%!important;
    }
    .g1a h5{
        text-align: center;
    }
    .g1a h3{
        text-align: center;
    }
    .abt-show ul li::after{
       background-position-y: -52px; 
    }
    .qq_show li::after{
        background-position-y: -90px; 
    }
    .qq_show li:hover::after{
       background-position-y: -88px;  
    }
    .jobz{
        display: none;
    }
    .wjob{
        height: auto!important;
    }
    .joby{
        width: 100%!important;
    }
}

@media (max-width: 992px){
  .page-position{
      display: none;
  }
  .page-wrap-right{
      padding-top: 25px;
  }
.wwhhp{
    width: 100%;
}
.wmapb{
    width: 100%;
}
.wwhhp{
    font-size: 16px;
}
.wwhh3{
    font-size: 18px;
}
 .g1{
     margin-top: 20px;
 }
 .album_listt{
     margin-top: 20px;
 }
  .g1a h3{
      font-size: 22px;
  }
  .g1a h5{
      font-size: 20px;
      margin-top: 0;
  }
  .g1a span{
      line-height: 30px;
      margin-top: 1.5vw;
  }
  .g1b{
      margin-top: 20px;
  }
  .nbt h3{
      font-size: 22px;
  }
  .nbt h5{
      font-size: 20px;
      margin-top: 0;
  }
  .pox_list .slick-slide a h3{
      font-size: 14px;
  }
  .abt-show ul li .con p{
      font-size: 14px;
      line-height: 26px;
  }
  .abt-show ul li::after{
    background-position-y: -78px;
    right: 15px;
  }
  .qq_show li .con p{
      font-size: 14px;
      line-height: 26px;
  }
  .qq_show li::after{
          background-position-y: -76px;
     background-size: 80%; 
     right:45px;
  }
  .qq_show li:hover::after{
     background-size: 80%;
         background-position-y: -70px; 
  }
  .news_listt li h3{
      font-size: 18px;
  }
  .news_listt li span{
      font-size: 16px;
  }
  .album_listt li{
      width: 31%;
  }
  .album_listt li{
      margin-right: 2.2%;
  }
  .album_listt li:nth-child(4n){
      margin-right: 2.2%;
  }
}

@media (max-width: 768px){
    .qq_show li::after{
        background-position-y: -80px;
    }
    .qq_show li h3{
        font-size: 20px;
    }
    .abt-show ul li h3{
        font-size: 20px;
    }
    .c4 video{
        width: 100%!important;
        background: url(//cdn.myxypt.com/e0351914/22/04/5403742fafa4d0dd36bae71721fd23e0702aed1b.jpg) no-repeat center;
        background-size: cover;
    }
}
@media (max-width: 500px){
    .g1a h3{
        font-size: 18px;
    }
    .g1a h5{
        font-size: 16px;
    }
    .g1a span{
        font-size: 14px;
        line-height: 26px;
    }
    .nbt h3{
        font-size: 18px;
    }
    .nbt h5{
        font-size: 18px;
        margin-top: 3px;
    }
    .pox_list .slick-slide.slick-center a{
        transform: scale(0.8);
    }
    .pox_list button{
        display: none!important;
    }
    .abt-show ul li .con p{
        padding: 15px 0;
        width: 80%;
        padding-left: 10px;
    }
    .abt-show ul li::after{
        background-position-y: -133px;
    }
    .abt-show .owl-carousel .owl-nav{
        margin-top: 15px;
    }
    .h_lead_sl{
        margin-top: 0;
    }
    .qywh li{
        width: 48%;
        margin-bottom: 2%;
    }
    .qyyj li{
        width: 100%;
         margin-bottom: 2%;
    }
    .q3{
        background-size: cover;
    }
    .qq_show li .con p{
        padding: 10px  0;
    }

    .qq_show li::after{
            background-position-y: -100px;
            right: 70px;
    }
    .qq_show li:hover::after{
        background-position-y: -92px;
    }
    .news_listt li{
        width: 100%;
        margin: 0 auto;
        margin-bottom: 2%;
    }
    .album_listt li{
        width: 100%;
        margin: 0 auto;
        margin-bottom: 2%;
    }
    .wwhh3{
        font-size: 18px;
}
.wwhhp{
    font-size: 14px;
    line-height: 24px;

}
 .wwhh3{
     margin-top: 20px;
     margin-bottom: 5px;
 }
}



.sanc{
    background: #f2f2f2;
    padding:2vw 0;
}
.sanc h3{
    font-size: 1.4rem;
    margin-bottom: 15px;
}
.nbt dd{
    font-size: 16px;
    color: #666;
    line-height: 1.8;
    text-align: left;
    margin-top: 10px;
    font-family: "Microsoft YaHei";
}
.nbt dd span{
    color: #014e9c;
}


.case_lists{
    justify-content: space-between;
    padding: 2vw 0;
}
.case_lists li{
    width: 31.33%;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.case_lists li:nth-child(n+4){
    display: none;
}
.case_lists li .img img{
    width: 100%;
}
.case_lists li h3{
    width: 100%;
    color: #fff;
    font-size: 18px;
    line-height: 2.4;
    background: #014e9c;
    position: absolute;
    bottom: -100%;
    z-index: 2;
    font-weight: 400;
    transition: all 0.5s;
}
.case_lists li h5{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: -100%;
    z-index: 1;
    transition: all 0.5s;
    padding: 0 10%;
    color: #fff;
    font-size: 18px;
    line-height: 32px;
}

.case_lists li:hover h3{
    bottom: 0;
}
.case_lists li:hover h5{
    top: 0;
}
.wjob{
     height: 750px;  
}
.jobz{
    width: 17%;
    background-color: #fbfbfb;
    text-align: center;
    padding-top: 1.5vw;
    position: relative;
}
.jobz h3{
    background: url(//cdn.myxypt.com/e0351914/21/12/8c89d88bd3f2cddfd78c94579778c958c6e97626.png) no-repeat left center;
    width: 100%;
    background-size: 33%;
    font-size: 18px;
    font-weight: 600;
}
.jobz .img{
    margin-top: 2vw;
}
.jobz dd{
    font-size: 14px;
    color: #666;
    font-weight: 100;
    line-height: 2.1;
}

.joby{
    width: 80%;
}

.lxdw{
    position: absolute;
    bottom: 10px;
    width: 100%;
 
}
.lxwz{
    text-align: left;
    padding-left: 10px;
    font-size: 14px;
    line-height: 2;
}
.lxwz .lxbt{
    font-size: 18px;
    color: #000;
    font-weight: 600;
    margin-top: 20px;
}
.lxwz .lxbt img{
    max-width: 88%;
    margin-bottom: 5px; 
}
.job-detail-form{
    padding-bottom: 8vw;
}