/*初始化样式*/
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: 1480px;width: 92%;margin: 0 auto;}
.dlogo img{max-width: 265px;}
.x-banner .owl-carousel .banner-item a img,.page-banner img{width: 100vw;}
/*  */
.box1{background: url(//cdn.myxypt.com/f85e9dbe/25/09/baecbc12c01a4c85fffd4d694371a25797f63532.jpg) no-repeat top center;background-size: cover;padding: 5% 0 5.6%;overflow: hidden;}
.bt1{text-align: center;}
.bt1 h3{color: #222222;font-size: 44px;font-weight: bold;line-height: 1;margin-bottom: 17px;}
.bt1 p{color: #666666;font-size: 20px;}
.mySwiper{overflow: hidden;margin-top: 2.6vw;text-align: center;}
.mySwiper .swiper-slide h3{color: #222222;font-size: 22px;font-weight: bold;margin-top: 12px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;padding: 0 3px;transition: all 0.5s;}
.mySwiper .swiper-slide .img{overflow: hidden;}
.mySwiper .swiper-slide .img img{width: 100%;transition: all 0.5s;}
.mySwiper .swiper-slide:hover .img img{transform: scale(1.1);}
.mySwiper .swiper-slide a{display: block;transition: all 0.5s;margin: 15px 0; padding-bottom: 2.6vw;background: #fff;}
.mySwiper .swiper-slide:hover a{box-shadow: 0 0 7px 7px rgba(0,0,0,.03);}
.mySwiper .swiper-slide:hover a h3{color: #1d428e;}

/*  */
.box2{overflow: hidden;padding: 4.8% 0 4.1%;}
.mySwiper2{overflow: hidden;margin-top: 3vw;}
.mySwiper2 .swiper-slide .img{overflow: hidden;border: solid 1px #edeff5;}
.mySwiper2 .swiper-slide .img img{width: 100%;transition: all 0.5s;}
.mySwiper2 .swiper-slide:hover .img img{transform: scale(1.1);}
.mySwiper2 .swiper-slide h3{color: #555555;font-size:16px;font-weight: normal;margin-top: 1.6vw;text-align: center; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;transition: all 0.5s;}
.box2 .swiper-pagination1{font-size: 0;line-height: 1;margin-top: 2.8vw;text-align: center;}
.box2 .swiper-pagination1 .swiper-pagination-bullet{margin: 0 9px;width: 11px;height: 11px;border: solid 1px rgba(29,66,142,.4);background: none;opacity: 1;}
.box2 .swiper-pagination1 .swiper-pagination-bullet-active{background-color: #1d428e;opacity: 1;}
.mySwiper2 .swiper-slide:hover h3{color: #1d428e;}
.mySwiper2 .swiper-wrapper {
    justify-content: center;
}



/*  */
.box3{
    overflow: hidden;
    background-size: cover;
    padding: 5.46% 0;
    background-position: top center;
}
.aimg{width: 47.8%;overflow: hidden;}
.aimg img{width: 100%;transition: all 0.5s;}
.aimg img:hover{transform: scale(1.1);}
.aleft{max-width: 648px;padding-top: 22px;margin-left: 11vw;}
.abt h3{color: #ffffff;font-size: 48px;font-weight: bold;margin-bottom: 15px;}
.abt p{color: #ffffff;font-size: 34px;}
.acon{font-size: 18px;line-height: 2;color: #fff;margin: 2vw 0 4vw;}
.jian{margin-bottom:20px;}
.amore a{display: block;width: 190px;height: 64px;background: #be3216;color: #ffffff;font-size: 17px;text-align: center;line-height: 64px;transition: all 0.5s;}
.amore a:hover{background: #ee3510;}




/*  */
.box4{
    overflow: hidden;
    background-position: top center;
    background-size: cover;padding: 4.9% 0 7%;}
.yul{margin-top: 3.5vw;}
.yul li{width: 23.52%;transition: all 0.5s;position: relative;text-align: center;overflow: hidden;cursor: pointer;}
.yul li .img img{display: block;width: 100%;}
.yst{position: absolute;width: 100%;left: 0;-webkit-transition: all 0.5s; transition: all 0.5s;top:50%;transform: translateY(-50%);}
.yul li  h3{color: #ffffff;font-size: 24px;font-weight: bold;}
.yul li  .img1{height: 68px;line-height: 68px;margin-bottom: 1.2vw;}
.ybj{position: absolute;top:100%;left: 0;width: 100%;height: 100%;background: rgba(29,66,142,.88);padding: 0 2.5vw;display: flex;align-items: center;justify-content: center;flex-direction: column;transition: all 0.5s;}
.ybj p{color: #ffffff;font-size: 16px;line-height: 1.75;margin-top: 1.6vw;}

.yul li:hover .yst {bottom: -100%;top:auto;}
.yul li:hover .ybj {top: 0;}


@media(min-width: 769px){
    .yul li:hover {-webkit-transform: translateY(-20px);transform: translateY(-20px);}
}


/*  */
.box5{position: relative;overflow: hidden;}
.box5 .wh{position: relative;height: 100%;}
.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;  }
.hang{position: absolute;top:0;left: 0;width: 100%;z-index: 99;height: 100%;padding-top: 7.6vw;}
.tab-con .tab-main .img img{width: 100%;}
.hbt{position: absolute;z-index: 999;top: 7.6vw;padding-left: 1.9vw;border-left: 6px solid rgba(255,255,255,.6);}
.hbt h3{font-size: 44px;font-weight: bold;color: #fff;line-height: 1;}
.hbt h4{font-size: 24px;font-weight: normal;color: #fff;margin-top: 1.2vw;}
.hsort{position: absolute;z-index: 99;width: 100%;top:0;left: 0;height: 100%;}
.hsort li{cursor: pointer;width: 25%;text-align: center;border-right: 1px solid rgba(255,255,255,.12);}
.hsort li:last-child{border-right: none;}
.hsort li h3{color: #ffffff;font-size: 24px;font-weight: bold;margin-top: 25px;}
.hsort li .hh{transition: all 0.5s;padding-top: 26vw;}
.hsort li.active .hh{transform: translateY(-18px);}
.hsort li .img{height: 65px;line-height: 65px;}
.hsort li .img img{max-height: 65px;}



/*  */
.box6{background: #f3f6fb;padding: 4.3% 0;overflow: hidden;}
.he{position: relative;padding: 0 52px;}
.swiper-button-prev1,.swiper-button-next1{position: absolute;outline: none;width: 22px;height: 38px;top:50%;transform: translateY(-50%);transition: all 0.5s;}
.swiper-button-prev1{background: rgba(0,0,0,.08) url(../images/par_prev.png) no-repeat center;left: 0;}
.swiper-button-next1{background: rgba(0,0,0,.08) url(../images/par_next.png) no-repeat center;right: 0;}
.mySwiper3{overflow: hidden;}
.mySwiper3 .img{border: solid 1px #edeff5;}
.mySwiper3 .img img{width: 100%;}
.swiper-button-prev1:hover,.swiper-button-next1:hover{background-color: #1d428e;}


/*  */
.box7{padding: 5.13% 0 3.4%;overflow: hidden;}
.xin {margin: 4.1vw 0;}
.nimg{width: 45.95%;}
.nimg img{width: 100%;}
.nright{width: 46.9%;}
.nul2 li{border-bottom: 1px solid rgba(0,0,0,.08);}
.nul2 li a{padding: 1.25vw 0;}
.nul2 li a h3{color: #555555;font-size: 18px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;width: calc(100% - 200px);}
.nul2 li a span{color: #666666;font-size: 16px;font-family: 'Arial';}
.nul{margin-top: 1.2vw;padding-bottom: 1.4vw;border-bottom: 1px solid rgba(0,0,0,.08);}
.nul li p{color: #666666;font-size: 16px;line-height: 1.75;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;margin: 1vw 0 1.3vw;}
.nn span{color: #666666;font-size: 16px;font-family: 'Arial';}
.nn h3{font-size: 20px;color: #333; font-weight: bold;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;width: calc(100% - 200px);}
.jt2{width: 50px;height: 30px;background: url(//cdn.myxypt.com/f85e9dbe/25/09/f0584994ca6c412b5dccba048916b5448bb1785a.png) no-repeat center;border-radius: 6px;border: solid 1px #1d428e;}
.nmore a{display: block;text-align: center;margin: 0 auto;width: 194px;height: 48px;background-color: #1d428e;line-height: 48px;color: #ffffff;font-size: 16px;transition: all 0.5s;}
.nul2 li:hover h3{color: #1d428e;}
.nul li:hover .nn h3{color: #1d428e;}
.nmore a:hover{background: #be3216;}



/*  */
.foot{background-position: top center;background-size: cover;padding: 9% 0 40px;}
.ft2{font-size: 15px;color: rgba(255,255,255,.38);line-height: 2.133;margin-top: 30px;}
.ft2 a{color: rgba(255,255,255,.38);}
.foot_nav2{width: 54.1%;margin-top: 12px;}
.foot_nav2>li>a{display: block;font-size: 18px;color: #fff;font-weight: bold;margin-bottom: 1.6vw;}
.foot_nav2 dd a{display: block;font-size: 16px;color: rgba(255,255,255,.54);line-height: 2.25;}
.tright{text-align: right;}
.dtel span{font-size: 16px;color: rgba(255,255,255,.54);}
.dtel p{font-size: 36px;font-family: 'Arial';font-weight: bold;color: #fff;line-height: 1;margin-top: 1.2vw;}
.lx{font-size: 16px;line-height: 2;color: rgba(255,255,255,.54);margin: 1.6vw 0 2.5vw;}
.tewm{text-align: center;font-size: 14px;color: rgba(255,255,255,.54);line-height: 3;}
.foot a{transition: all 0.5s;}
.foot a:hover{color: #fff;}


.x-menu > li {
    text-align: center;
    float: left;
    position: relative;
}
.x-menu > li:first-child>a{padding: 0 2vw;}
/*.x-menu > li:first-child img,.x-menu > li:last-child img,.x-menu > li:nth-child(4) img{display: none;}*/
.x-menu > li > a {
    font-size: 18px;
    color: #333b40;
    line-height: 96px;
    display: block;
    padding: 0 1.6vw;
}

.x-menu > li > a img{margin-left: 10px;}
.x-menu > li:hover > a {
    color: #1d428e;
    font-weight: bold;
}





.x-menu > li:hover .x-sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.x-sub-menu {
    position: absolute;
    z-index: 999;
    width: 130%;
    left: -15%;
    top: 100%;
    background: rgba(255,255,255,.96);
    /* border-radius: 5px; */
    padding: 10px 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.x-sub-menu > li > a {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #666;
    line-height: 1.8;
    padding: .5em;
}
.x-sub-menu > li > a:hover {
    color:#1d428e;
}

/* .x-sub-menu:after {
    content: '';
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 10px;
    cursor: pointer;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #fff transparent;
    border-top: none;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    z-index: 99;
} */

.x-menu > li .x-sub-menux {
    position: absolute;
    left: 100%;
    width: 100%;
    background: #fff;
    top: 80px;
    border-radius: 5px;
    padding: 10px 0;
    display: none;
}

.x-menu > li .x-sub-menux li {
    position: relative;
}

.x-menu > li .x-sub-menux li a {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    padding: 0.5em
}

.x-menu > li .x-sub-menu li:hover .x-sub-menux {
    display: block;
}

.x-menu > li .x-sub-menux li a:hover {
    background: #e9eaeb;
}

.so {
    cursor: pointer;line-height: 96px;
}

.so img {
    max-width: 100%;
}
.lastli{margin-left: 2.5vw;}
.ss {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    width: 238px;
    padding: 20px;
    /* border-radius: 20px; */
    z-index: 999;
    background: rgb(29, 66, 142, 1);
}

.ss input {
    outline: none;
    line-height: 30px;
    width: 20%;
    background: none;
    border: 1px solid #fff;
    background: #fff;
    font-size: 13px;
    color: #1c4086;
    float: left;
}

.ss #keyword {
    padding-left: 5px;
    line-height: 30px;
    width: 80%;
    background: none;
    border: 1px solid #fff;
    outline: none;
    font-size: 13px;
    color: #fff;
    float: left;
}

.ss #keyword:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
    transition: background-color 5000s ease-in-out 0s;
}

.ss #keyword::placeholder {
    color: #fff;
}




/* 首页banner样式 */
.x-banner .owl-carousel {
    position: relative;
}

.x-banner .owl-carousel .banner-item a {
    display: block;
}

.x-banner .owl-carousel .owl-nav .owl-prev {
    left: 0;
}

.x-banner .owl-carousel .owl-nav .owl-next {
    right: 0;
}

.x-banner .owl-carousel .owl-nav button.owl-prev, .x-banner .owl-carousel .owl-nav button.owl-next {
    outline: none;
    position: absolute;
    top: 50%;
    z-index: 9999;
    background: #424246;
    height: 65px;
    width: 50px;
    margin-top: -32.5px;
    border-radius: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.x-banner .owl-carousel .owl-nav button.owl-prev:hover, .x-banner .owl-carousel .owl-nav button.owl-next:hover {
    background: #1d428e;
}

.x-banner .owl-carousel .owl-nav .icon-font {
    display: block;
    width: 100%;
    height: 100%;
}

.x-banner .owl-carousel .owl-nav .icon-left-arrow:after {
    background-position: -34px -180px;
}

.x-banner .owl-carousel .owl-nav .icon-right-arrow:after {
    background-position: -26px -480px;
}

.x-banner .owl-carousel .owl-dots {
    position: absolute;
    z-index: 999;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 0;
    bottom: 7%;
}

.x-banner .owl-carousel .owl-dots button.owl-dot {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin: 0 .6em;
    outline: none;
    background: url(//cdn.myxypt.com/f85e9dbe/25/09/23aae9cd3dc55289aeb5e751bc5e4fe5d672c6d7.png) no-repeat center;
    width: 12px;
    height: 12px;
}

.x-banner .owl-carousel .owl-dots button.owl-dot:hover {
    
}

.x-banner .owl-carousel .owl-dots button.owl-dot.active {
    background: url(//cdn.myxypt.com/f85e9dbe/25/09/f583b4daaf1b45f7dbbc2d235dd952b12218c1e8.png) no-repeat center;
}

@media (max-width: 990px) {
    .x-banner .owl-carousel .owl-nav button.owl-prev, .x-banner .owl-carousel .owl-nav button.owl-next {
        height: 40px;
        width: 30px;
        margin-top: -20px;
    }

    .x-banner .owl-carousel .owl-nav .iconfont {
        font-size: 20px;
    }

    .x-banner .owl-carousel .owl-dots button.owl-dot {
        font-size: 12px;
    }
}










@media(max-width: 1800px){
    .aleft{margin-left: 8vw;}
    .abt h3{font-size: 43px;}
    .acon{font-size: 16px;}
    .abt p{font-size: 30px;}
    .acon{margin: 1.5vw 0 3vw;}
    .amore a{width: 170px;height: 58px;line-height: 58px;font-size: 15px;}
    .tright{padding-right: 30px;}
}



@media(max-width: 1500px){
    .bt1 h3{font-size: 40px;margin-bottom: 13px;}
    .hbt h3{font-size: 40px;}
    .hbt h4{font-size: 22px;}
    .bt1 p{font-size: 18px;}
    .mySwiper .swiper-slide h3{font-size: 20px;}
    .aleft{margin-left: 4%;}
    .abt h3{font-size: 38px;}
    .abt p{font-size: 26px;}
    .ybj p{font-size: 15px;}
    .yul li  h3{font-size: 22px;}
    .hsort li h3{font-size: 20px;}
}









@media(max-width: 1406px){
    .x-menu > li > a{font-size: 16px;}
    .dlogo img{max-width: 230px;}
    .bt1 h3{font-size: 38px;margin-bottom: 13px;}
    .bt1 p{font-size: 17px;}
    
    .hbt h3{font-size: 38px;}
    .hbt h4{font-size: 18px;}
    .mySwiper .swiper-slide h3{font-size: 18px;}
    .aleft{width: 45%;}
    .abt h3{font-size: 34px;margin-bottom: 10px;}
    .abt p{font-size: 22px;}
    .acon{font-size: 14px;}
    .amore a{width: 150px;height: 52px;line-height: 52px;font-size: 15px;}
    .jian{margin-bottom: 10px;}
    .ybj{padding: 0 1.5vw;}
    .ybj p{font-size: 14px;}
    .yul li  h3{font-size: 18px;}
    .hsort li .img{height: 58px;line-height: 58px;}
    .hsort li .img img{max-height: 58px;}
    .nul2 li a h3{font-size: 16px;}
    .nn h3{font-size: 18px;width: calc(100% - 160px);}
    .nul2 li a span,.nn span{font-size: 14px;}
    .dtel p{font-size: 32px;}
}



@media(max-width: 1206px){
    .x-menu > li > a{font-size: 16px;}
    .dlogo img{max-width: 200px;}
    .lastli{margin-left: 0;}
    .bt1 h3{font-size: 32px;}
    .hbt h3{font-size: 32px;}
    .hbt h4{font-size: 18px;margin-top: 15px;}
     .abt h3{font-size: 30px;margin-bottom: 10px;}
    .abt p{font-size: 18px;}
    .yul li .img1{height: 54px;line-height: 54px;}
    .yul li .img1 img{max-height: 52px;}
    .hsort li h3{margin-top: 15px;}
    .hsort li .img{height: 52px;line-height: 52px;}
    .hsort li .img img{max-height: 50px;}
    .hsort li h3{font-size: 18px;}
    .hbt{top:5vw;}
    .nul li p{font-size: 14px;}
    .nul2 li a h3{width: calc(100% - 140px);}
    .nul{margin-top: 0;}
    .nmore a{width: 174px;}
    .tright{padding-right: 50px;}
    .dtel p{font-size: 30px;}
    .foot_nav2>li>a{font-size: 16px;}
    .foot_nav2 dd a,.lx{font-size: 14px;}
    .ft2{font-size: 14px;}
}



@media(max-width:768px){
    .aleft{margin-left: 0;width: 100%;padding: 0 4% 4% 4%;max-width: 100%;}
    .aleft,.aimg{width: 100%;}
    .aimg{padding: 0 4%;}
    .yul li{width: 49%;margin-bottom: 2%;}
    .hbt h3{font-size: 28px;}
    .hbt h4{font-size: 16px;margin-top: 15px;}
    .hsort li h3{font-size: 16px;}
    .hsort li .img{height: 42px;line-height: 42px;}
    .hsort li .img img{max-height: 40px;}
    .nimg,.nright{width: 100%;}
    .nright{margin-top: 20px;}
    .foot_nav2{display: none;}
    .tright{width: 100%;padding-right: 0;text-align: center;}
    .tewm{float: none;width: 100%;}


}

@media(max-width: 640px){
    .box1{padding: 30px 0 15px;}
    .bt1 h3{font-size: 24px;margin-bottom: 10px;}
    .bt1 p{font-size: 14px;}
    .mySwiper{margin-top: 10px;}
    .mySwiper2{margin-top: 25px;}
    .mySwiper .swiper-slide h3{font-size: 14px;}
    .mySwiper .swiper-slide a{padding-bottom: 30px;}
    .box2{padding: 30px 0;}
    .box2 .swiper-pagination1{margin-top: 30px;}
    .box2 .swiper-pagination1 .swiper-pagination-bullet{margin: 0 5px;}
    .mySwiper2 .swiper-slide h3{font-size: 14px;margin-top: 15px;}
    .box3{padding: 30px 0;}
    .abt h3{font-size: 26px;}
    .acon{margin: 15px 0 20px;}
    .aimg{margin-top: 10px;}
    .yul li{width: 100%;margin-bottom: 20px;}
    .yul li .img1{margin-bottom: 18px;}
    .yul li h3{font-size: 20px;}
    .ybj{padding: 0 25px;}
    .ybj p{margin-top: 20px;}
    .box4{padding: 30px 0 10px;}
    .yul{margin-top: 20px;}
    .tab-con .tab-main .img img{object-fit: cover;height: 260px;}
    .hsort li{width: 50%;height: auto;padding-top: 0;display: flex;align-items: center;justify-content: center;flex-direction: column;}
    .hsort li .hh{padding-top: 0;}
    .hsort li h3 {
        font-size: 14px;
        margin-left: 6px;
    }
    .hbt{position: static;border-left:3px solid rgba(0,0,0,.6);margin-bottom: 20px;}
    .hbt h3{color: #000;font-size: 22px;}
    .hbt h4{color: #666;font-size: 14px;line-height: 1.5;margin-top: 10px;}
    .hang2{padding-top: 0;position: relative;}
    .hsort li.active .hh{transform: translateY(-8px);}
    .hsort li .img{height: 32px;line-height: 32px;}
    .hsort li .img img{max-height: 30px;}
    .hang{height: 70%;top:15%;}
    .box7{padding: 30px 0 10px;}
    .xin{margin-top: 18px;}
   .nn h3{width: calc(100% - 110px);}
   .nul li p{margin: 10px 0;}
   .nul{padding-bottom: 10px;}
   .nul2 li a{padding: 12px 0;}
   .nul2 li a h3{width: calc(100% - 90px);font-size: 14px;}
    .nmore a{width: 150px;height: 42px;line-height: 42px;font-size: 14px;}
    .he{padding: 0 30px;}
    .ft2{font-size: 12px;line-height: 22px;}
    .foot{padding: 60px 0 20px;}
    .dtel p{font-size: 26px;}
    

}