html{overflow-x: hidden!important;}
body{margin:0;padding:0;}
ul{padding:0;margin:0;}
li{list-style: none;}
i{font-style: normal;}
a,a:hover{color:#fff;text-decoration: none;display: block;}
*{font-family: "微软雅黑";box-sizing: border-box;color:#fff;}
.w{width: 98%;max-width: 1680px;margin: 0 auto;}
img{ max-width:100%;}

/* menu */
.menu{width: 35px;display: none;position: relative;}
.menu span{height: 10px;color: black;position: absolute;top: 0;left: 0;font-weight: bolder;font-size: 24px;}
.menu span:nth-of-type(2){top: 8px;}
.menu span:nth-of-type(3){top: 16px;}

/* clickdown */
section{position: relative;}
.clickdown{display: block;width: 39px;height: 39px;background: url(../images/clickdown.png);background-size: cover;-webkit-background-size: cover;
-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);transform: translateX(-50%);-webkit-animation: 1s infinite clickdown;-moz-animation: 1s infinite clickdown;
-ms-animation: clickdown 1s infinite;-o-animation: 1s infinite clickdown;animation: 1s infinite clickdown;position: absolute;left: 50%;bottom: 40px;z-index: 100;}
@keyframes clickdown{0%,100%{-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
50% {-webkit-transform: translateY(10px);-ms-transform: translateY(10px);-o-transform: translateY(10px);transform: translateY(10px);}}
/* title */
.title{text-align: center;}
.titletop{font-size: 34px;font-weight: bold;}
.titletop span{position: relative;}
.titletop span::before{content: "";display: block;width: 27px;height: 2px;background: #fff;position: absolute;left: -47px;top: 50%;}
.titletop span::after{content: "";display: block;width: 27px;height: 2px;background: #fff;position: absolute;right: -47px;top: 50%;}
.titlebottom{font-size: 14px;opacity: .5;text-align: center;letter-spacing: 2px;}

/* header */
/* #banner{background: url(../images/header-bg.png);animation: banner 20s infinite;animation-delay:2s;animation-direction:alternate;}
@keyframes banner{0%{background-image: url(../images/header-bg.png);background-size: 100% 100%;background-repeat: no-repeat;}
33%{background-image: url(https://img0.baidu.com/it/u=2077249963,309414298&fm=253&fmt=auto&app=138&f=JPEG?w=499&h=234);background-size: 100% 100%;background-repeat: no-repeat;}
66%{background-image: url(../images/header-bg.png);background-size: 100% 100%;background-repeat: no-repeat;}
100%{background-image: url(../images/header-bg.png);background-size: 100% 100%;background-repeat: no-repeat;}} */
.bg-full {background-size: cover !important;-webkit-background-size: cover !important;-o-background-size: cover !important;background-position: center 0;background-repeat: no-repeat !important; }
.swiper-container {width: 100%;height: 100%;}
.header{height: 109px;width: 100%;background: rgba(255,255,255,0.8);position: fixed;top: 0;left: 0;z-index: 1000;}
.header .w{display: flex;justify-content: space-between;align-items: center;display: -ms-flexbox;}
.header .w .img{height: 110px;display: flex;align-items: center;flex-direction: column;}
.header .w .img .logo{height: 45px;}
.header .w .img .logotxt{width: 125px;height: 22px;max-width: 158px;max-height: 28px;}
.header .w .img img{width: 100%;height: 100%;object-fit: cover;}
.header .subnav li .subnav-a{color: #222222;font-size: 18px;margin: 0 30px;height: 110px;line-height: 109px;white-space: nowrap;}
.header .subnav li .subnav-a:hover{color: #23336f;border-bottom: 2px solid #23336f;}
#nav_select a{color: #23336f;border-bottom: 2px solid #23336f;}
.header .subnav li:hover .sub2nav{display: block;}
.header .subnav{display: flex;display: -ms-flexbox;}
.header .subnav li{position: relative;}
.header .sub2nav{background: rgba(255,255,255,0.8);display: none;position: absolute;width: 100%;}
.header .sub2nav li{height: 50px;margin-left: 0;line-height: 50px;text-align: center; overflow:hidden;}
.header .sub2nav li a{font-size: 16px;color: #333333;border-bottom: 1px solid #e2e3e4;}
.header .sub2nav li a:hover{color: #23336F;}
.subnav .seabox{position: relative;width: 30px;align-self: center;height: 40px;}
.subnav .inp{position: absolute;top: 150%;right: 18%;height: 35px;transform: all .3s linear;display: none;color: #222222;}
.subnav .sea{display: inline-block;width: 40px;height: 100%;background: url(../images/header-sea.png)center center no-repeat;border: none;position: absolute;right: 0;cursor: pointer;}
/* banner */
.headertxt{position: absolute;left: 6%;opacity: 1!important;}
#banner .htitle{font-size: 74px;font-weight: bold;padding-top: 0%;}
#banner .hftitle{font-size: 30px;letter-spacing: 4px;}

/* 关于陆星 */
#content1{background: url(../images/c1-bg.png)no-repeat;background-size: cover;display: flex;justify-content: center;align-items: center;overflow: hidden;}
#content1 .txt{text-align: center;line-height: 48px;margin-top: 80px;position: relative;left: 120%;}
#content1 .txt div{font-size: 22px;opacity: .7;}
#content1 .c1box{display: flex;width: 100%;max-width: 1440px;margin: 0 auto;justify-content: space-between;margin-top: 107px;position: relative;left: -120%;}
#content1 .item{width: calc(25% - 2px);height: 273px;background-color: rgba(255,255,255,.85);display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;overflow: hidden;}
#content1 .item .img{width: 65;height: 70px;}
#content1 .item span:nth-of-type(1){font-size: 20px;color: #333333;margin-top: 30px;}
#content1 .item span:nth-of-type(2){font-size: 12px;color: #999999;margin-bottom: 20px;}
#content1 .item .c1more{width: 100%;height: 40px;line-height: 40px;text-align: center;background-color: #23336f;position: absolute;bottom: 0;left: 0;transform: rotateX(-90deg) translate3d(0, 0, 30px);transition: all .3s linear;}
#content1 .item:hover{background-color: rgba(255,255,255,1);}
#content1 .item:hover .c1more{transform: rotateX(0);}

/* 企业业务 */
#content2{background: url(../images/c2-bg.png)no-repeat;background-size: 100% 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;}
#content2 .title{margin: 70px;margin-top: 150px;}
#content2 .title .titletop span{color: #333;}
#content2 .titletop span::before{content: "";display: block;width: 27px;height: 2px;background: #333;position: absolute;left: -47px;top: 50%;}
#content2 .titletop span::after{content: "";display: block;width: 27px;height: 2px;background: #333;position: absolute;right: -47px;top: 50%;}
#content2 .titlebottom{color: #999999;}
#content2 .c2box{display: flex;justify-content: space-between;margin-top: 100%;}
#content2 .item{width: calc(20% - 1px);background: #fff;text-align: center;padding-bottom: 30px;}
#content2 .img-b{height: 345px;}
#content2 .img-b img{max-width: 100%;}
#content2 .img-s{width: 71px;height: 70px;border: 1px solid #e8e8e8;border-radius: 50%;margin: 35px auto 20px;position: relative;}
#content2 .img-s img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: all .3s linear;}
#content2 .img-s img:nth-of-type(2){display: none;}
#content2 .item:nth-of-type(3){margin-right: 0.3px;}
#content2 .item:nth-of-type(3) .img-s img{top: 49%;left: 53%;}
#content2 .txt-1{font-size: 20px;color: #333333;}
#content2 .txt-2{font-size: 12px;color: #000000;opacity: .3;margin-top: 5px;}
#content2 .item:hover{-moz-box-shadow:2px 0px 12px rgba(0,0,0,.2); -webkit-box-shadow:2px 0px 12px rgba(0,0,0,.2); box-shadow:2px 0px 12px rgba(0,0,0,.2);transform: scale(1.05,1);}
#content2 .item:hover *{color: #23336f;opacity: 1;border-color: #23336f;}
#content2 .item:hover img:nth-of-type(2){display: block;}
#content2 .item:hover .img-b{transform: translateY(-18px);}
#content2 .item:hover .img-b img{transform: scaleY(1.1);}

/* 大图介绍 */
#content3 *{color: rgba(255,255,255,1);}
#content3{display: flex;transition: all .1s;overflow: hidden;}
#content3 .item:nth-of-type(1){background: url(../images/c3-1.png)no-repeat;background-size: cover;overflow: hidden;}
#content3 .item::after{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,.7);z-index: 10;transition: all .5s linear;}
#content3 .item:nth-of-type(2){background: url(../images/c3-2.png)no-repeat;background-size: cover;}
#content3 .item:nth-of-type(3){background: url(../images/c3-3.png)no-repeat;background-size: cover;}
#content3 .item:nth-of-type(4){background: url(../images/c3-4.png)no-repeat;background-size: cover;}
#content3 .item{position: relative;width: calc(1%);height: 20%;display: flex;flex-direction: column;justify-content: center;align-items: center;overflow: hidden;transition: background-position 1s linear;}
#content3 .con{z-index: 100;width: 100%;text-align: center;}
#content3 .change:after{opacity: 0;transition: all 1s;}
.content3-item1{background: url(../images/c3-1a.png)no-repeat center center;background-size: cover;animation: content3 8s infinite  ease;}
.content3-item2{background: url(../images/c3-2a.png)no-repeat center center;background-size: cover;animation: content3 8s infinite  ease;}
.content3-item3{background: url(../images/c3-3a.png)no-repeat center center;background-size: cover;animation: content3 8s infinite  ease;}
.content3-item4{background: url(../images/c3-4a.png)no-repeat center center;background-size: cover;animation: content3 8s infinite  ease;}
@keyframes content3{0%{background-size: 100% 100%;} 50%{background-size: 110% 110%;} 100%{background-size: 100% 100%;}}
/* #content3 .item .con{position: absolute;z-index: 100;text-align: center;} */
/* #content3 .item:hover:after{background-color: rgba(0,0,0,.5);} */
#content3 .c1title{font-size: 30px;opacity: 0.9;text-align: center;}
#content3 .img{margin: 40px;position: relative;}
#content3 .img .circle{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-20%);border: 5px solid #262b2c;border-radius: 50%;}
#content3 .intro{display: flex;flex-direction: column;height: 110px;}
#content3 .intro span{font-size: 16px;text-align: center;margin-bottom: 10px;opacity: .7;}
#content3 .c1more{display: inline-block;width: 280px;height: 45px;line-height: 45px;text-align: center;border: 1px solid rgba(201,201,201,.7);border-radius: 30px;font-size: 16px;margin-top: 70px;opacity: .8;}

/* 项目案例 */
#content4{background: url(../images/c4-bg.png)no-repeat;background-size: 100% 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;overflow: hidden;}
#content4 .c4box{display: flex;margin-top: 108px;}
#content4 .c4box .mySwiper{width: 100%;overflow: hidden;}
#content4 .swiper-wrapper{margin-left: 15px;}
#content4 .swiper-slide{width: 0%;height: 418px;position: relative;overflow: hidden;cursor: pointer;/* margin-left: 20px!important; *//* margin: 0 10px!important; */}
#content4 .txt{height: 63px;width: 100%;position: absolute;bottom: 0;left: 0;line-height: 63px;text-align: center;background-color: rgba(21,24,29,.7);transition: all .3s linear;}
#content4 .swiper-slide .item{width: 100%;height: 100%;}
#content4 .swiper-slide .item a{height: 100%;}
#content4 .swiper-slide img{width: 100%;height: 100%;object-fit: none;}
#content4 .hovertxt{margin-bottom: -265px;padding: 45px 0;line-height: 36px;width: 100%;display: flex;flex-direction: column;text-align: center;position: absolute;bottom: 0;left: 0;height: 265px;background-color: rgba(35,51,111,.9);transition: all .3s linear;}
#content4 .hovertxt div:nth-of-type(1){font-size: 18px;}
#content4 .hovertxt a{display: inline-block;width: 145px;height: 40px;line-height: 40px;background-color: rgba(255,255,255,.7);margin: 0 auto;border-radius: 20px;font-size: 14px;color: #23336f;margin-top: 30px;}
#content4 .item:hover .hovertxt{margin-bottom: 0;}
#content4 .item:hover .txt{opacity: 0;}

/* 集团架构 */
#content5{background: url(../images/c5-bg.png)no-repeat;background-size: 100% 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;overflow: hidden;}}
#content5 .title{margin-bottom: 110px;}
#content5 .c5box{display: flex;justify-content: center;flex-wrap: wrap;position: relative;margin-left: 120%;}
#content5 .c5box a{display: block;}
#content5 .c5box .item{width: calc(33%);height: 209px;display: flex;flex-direction: column;align-items: center;border-right: 1px solid rgba(255,255,255,.3);border-bottom: 1px solid rgba(255,255,255,.3);}
#content5 .c5box .item:nth-of-type(n+4){padding-top: 55px;border-bottom: 0;}
#content5 .c5box .item:nth-of-type(3n){border-right: 0;}
#content5 .item .img{width: 89px;height: 84px;transition: all .3s linear;margin: 0 auto;}
#content5 .item .img img{transform: translateY(-30px);}
#content5 .item .c5-txt-1{font-size: 24px;font-weight: bold;opacity: .9;margin-bottom: 35px;width: 90%;text-align: center;transition: all .3s linear;white-space: nowrap;}
#content5 .item .c5-txt-2{font-size: 14px;opacity: .8;width: 90%;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
#content5 .item:hover .img{transform: scale(1.3)}
#content5 .item:hover .c5-txt-1{color: #fff;text-shadow: 4px 4px 8px #000000;;}

/* 资讯新闻 */
#content6{background: url(../images/c6-bg.png)no-repeat;background-size: 100% 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;overflow: hidden;}
#content6 .mySwiper7{width: 100%;overflow: hidden;}
#content6 .c6box{display: flex;justify-content: space-between;margin-top: 75px;margin-bottom: 120%;}
#content6 .c6box .item{width: calc(25% - 30px);height: 500px;display: flex;flex-direction: column;align-items: center;background-color: #fff;}
#content6 .c6box .item .img{width: 90%;margin-top: 15px;overflow: hidden;height: 200px;}
#content6 .c6box .item .img img{width: 100%;transition: all .3s linear;height: 100%;}
#content6 .c6box .item a div{color: #333!important;}
#content6 .c6-txt-1{width: 90%;align-self: flex-start;margin: 25px auto;font-size: 19px;font-weight: bold;color: #222222;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#content6 .c6-txt-2{width: 90%;align-self: flex-start;margin: 0 auto 35px;font-size: 16px;color: #666666;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
#content6 .c6more{width: 90%;align-self: flex-start;margin: 0 auto;display: flex;position: relative;margin-bottom: 10px;}
#content6 .c6more a{font-size: 16px;color: #333333;}
#content6 .c6more img{position: absolute;left: 23%;top: -15%;}
#content6 .c6more img:nth-of-type(2){display: none;}
#content6 .item .c6-txt-1:hover{color: #3e497b;}
#content6 .item .c6more:hover div{color: #3e497b!important;}
#content6 .item .c6more:hover img:nth-of-type(2){display: block;}
#content6 .item .img img:hover{transform: scale(1.1);}
#content6 .title{margin-bottom: 0;}
/* 底部 */
footer{display: flex;justify-content: center;align-items: center;flex-direction: column;position: relative;}
.foocon{display: flex;justify-content: center;align-items: center;width: 100%;padding-bottom: 80px;}
footer *{color: #333333;}
.fleft,.fright{width: 50%;height: 100%;padding-top: 0%;}
.fleftcon,.frightcon{max-width: 720px;height: 100%;margin-left: auto;}
.l-txt-1,.r-txt-1{font-size: 24px;font-weight: bold;color: #111111;}
.l-txt-2{font-size: 20px;color: #222222;margin: 22px auto 27px;}
.l-txt-3 *{font-size: 16px;color: #333333;line-height: 30px;}
.l-txt-3 a:hover{color: #333333;}
.fleft .img{margin-top: 30px;}
.r-txt-1{margin: 30px auto 25px;}
.r-txt-2 ul li{margin: 10px 0;display: flex;width: 70%;justify-content: space-between;flex-wrap: nowrap;}
.foobot{height: 80px;background-color: #23336f;width: 100%;line-height: 80px;position: absolute;bottom: 0;}
.foobot .w{display: flex;justify-content: space-between;}
.foobot span{font-size: 14px;color: #fff;opacity: .7;margin-right: 36px;}
.foobot span a{ display:inherit;color: #fff;opacity: .7;}
.foobot .wechat{width: 22px;height: 19px;}
.foobot .fbright a:hover~.mobile{display: block;}
.foobot .fbright{position: relative;}
.foobot .mobile{position: absolute;right: 0;top: -190%;width: 133px;height: 158px;background-color: #fff;text-align: center;display: none;}
.foobot .mobile{line-height: 0;}
.foobot .mobile img{width: 100%;}
.foobot .mobile div{font-size: 14px;color: #333333;line-height: 30px;}

/* 内页 */
#xqbox .w{max-width: 1440px;}
/* #xqbox .header{max-width: 1680px;} */
#xqbox .contop *{color: #000;font-size: 18px}
#xqbox .conbot *{color: #000;}
#xqbox .conbot p{ font-size:15px;}
#xqbox .conbot p b{ font-size:15px;}
#xqbox a:hover{color: #23336f;}
#xqbox .banner{background: url(../images/header-bg.png)no-repeat;background-size: cover;height: 550px;background-position-y: center;margin-top: -66px;}
.contop{width: 100%;height: 60px;border-bottom: 1px solid #ddd;}
.contop .w{display: flex;width: 100%;justify-content: space-between;height: 100%;}
.contop .w .left{width: 80%;line-height: 59px;}
.contop .w .left ul{display: flex;align-items: center;height: 100%;width: 100%;}
.contop .w .left ul li{padding: 0 20px;}
.contop .w .left ul li a{font-weight: bold;height: 60px;line-height: 60px;display: inline-block;}
.contop .w .left ul li a:active,.contop .w .left ul li a:hover,.contop .w .left ul li a.active{border-bottom: 3px solid #23336f;}
#fl_select a{border-bottom: 3px solid #23336f;}
.contop .w .right{width: 20%;display: flex;align-items: center;height: 100%;}
.contop .w .right a{font-size: 14px !important;padding: 0 2px;}

.conbot{width: 100%;background-color: #f6f6f6;padding: 30px 0;}
.conbox{display: none;}
.conbox:nth-child(1){display: block;}

#xqbox .fleft,#xqbox .fright{padding: 3% 0;}

#xqbox .conbox1{display: flex;justify-content: flex-start;align-items: center;width: 100%;}
#xqbox .title{text-align: left;justify-content: center;}
#xqbox .title .ztitle{font-size: 38px;line-height: 48px;padding-top: 60px;font-weight: bold; text-align:center;}
#xqbox .title .ftitle{font-size: 16px;line-height: 28px;margin: 10px 0 50px;text-align:center;}
#xqbox .line3 .title .ztitle{text-align:left;}
#xqbox .line3 .title .ftitle{text-align:left;}
#xqbox .conbox1 .left{width: 60%;}
#xqbox .conbox1 .left p{font-size: 16px;line-height: 32px;margin-bottom: 10px;text-indent: 32px;}
#xqbox .conbox1 .right{margin: 0 auto;flex: 1;margin-left: 20px;}
#xqbox .conbox1 .right .img{min-width: 400px;height: 400px;background: url(../images/c5-jj.jpg)no-repeat center;background-size: contain;position: relative;}
#xqbox .conbox1 .right .img::before{content: "";display: block;width: 100%;height: 100%;top: -56px;left: -56px;background-color: #eef1f4;position: absolute;z-index: -1;}
#xqbox .fleft{display: flex;width: 70%;}
#xqbox .fright{width: 30%;}
#xqbox .fl-1{align-self: center;}
#xqbox .fl-1-1{font-size: 32px;font-weight: 400;line-height: 22px;margin-bottom: 10px;}
#xqbox .fl-1-2{font-size: 14px;line-height: 24px;color: #989898;}
#xqbox .fl-2{margin: 0 60px;}
#xqbox .fl-2-1{font-size: 20px;line-height: 24px;margin-bottom: 30px;}
#xqbox .fl-2-2 a{margin: 10px 0;}
#xqbox .fl-3-1{font-size: 22px;line-height: 24px;margin-bottom: 30px;}
#xqbox .fr-1{text-align: center;}
#xqbox .fl-3-2{line-height: 28px;}

#xqbox .conbox2{display: flex;flex-direction: column;}
#xqbox .row{display: flex;justify-content: center;align-items: center;height: 240px;margin-top: 40px;}
#xqbox .row:nth-of-type(2n){flex-direction: row-reverse;}
#xqbox .row .left{width: 50%;background-color: #fff;height: 100%;display: flex;justify-content: center;flex-direction: column;padding-left: 5%;}
#xqbox .row .left div:nth-of-type(1){font-size: 66px;color: #000;line-height: 1;opacity: .07;filter: alpha(opacity=7);margin-bottom: 14px;font-weight: bold;}
#xqbox .row .left div:nth-of-type(2){font-size: 22px;font-weight: bold;}
#xqbox .row .left div:nth-of-type(3){margin-top: 14px;}
#xqbox .row .right{width: 50%;height: 100%;overflow: hidden;}
#xqbox .row .right img{width: 100%;height: 100%;object-fit: cover;transition: all .3s;}
#xqbox .row .right img:hover{transform: scale(1.1);}
#xqbox .title{display: flex;width: 100%;margin: 0;}
#xqbox .title div:nth-of-type(2):not(.ftitle){flex: 1;align-self: center;line-height: 30px;padding: 0 100px;}
#xqbox .c3nav{display: flex;}
#xqbox .c3nav li{display: inline-block;width: 150px;height: 35px;background-color: #fff;border-radius: 20px;line-height: 35px;text-align: center;margin: 0 15px;}
#xqbox .c3nav li:active,#xqbox .c3nav li:hover,#xqbox .c3nav li.active{background-color: #23336f;}
#xqbox .c3nav li:active a,#xqbox .c3nav li:hover a,#xqbox .c3nav li.active a{color: #fff;}
#xqbox .c3con li:hover:after{display: block;}
#xqbox .conbox3{width: 66%;margin: 0 auto;}
#xqbox .c3con{margin-top: 50px;display: none;}
#xqbox .c3con:nth-child(2){display: block;}
#xqbox .c3con ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
#xqbox .c3con ul::after{content: "";width: 50%;}
#xqbox .c3con li{width: calc(33% - 10px);max-height: 280px;display: flex;justify-content: center;align-items: center;background-color: #fff;position: relative;margin-bottom: 30px;overflow: hidden;}
#xqbox .c3con li::after{content: "+";display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 50px;height: 50px;border-radius: 50%;font-size: 35px;background-color: #23336f;text-align: center;line-height: 47px;opacity: .7;color: #fff;display: none;cursor: pointer;}
#xqbox .c3con li:nth-of-type(n+4){width: calc(16%);}
#xqbox .c3con li img{width: 100%;object-fit: contain;height: 100%;}
#xqbox .dialog{position: fixed;top: 0;left: 0;z-index: 2000;width: 100%;height: 100%;display: none;}
#xqbox .dialog-con{width: 50%;height: 100%;margin: 0 auto;background-color: #fff;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 2000;overflow: scroll;}
#xqbox .dialog .title{font-size: 30px;border-bottom: 1px solid #cececf;padding: 20px 0;}
#xqbox .dialog .img{width: 100%;margin: 0 auto;text-align: center;}
#xqbox .dialog .img img{height: 100%;object-fit: cover;}
.dialogt{display: block;}
#xqbox .dialog-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);}
#xqbox .conbox4{width: 100%;margin: 0 auto;}
#xqbox .conbox4 .img{height: 100%;}
#xqbox .conbox4 img{max-width: 100%;object-fit: cover;overflow: hidden;}

#xqbox .swiper-container{width: 90%;height: 300px;margin-top: 100px;}
#xqbox .swiper-slide{display: flex;justify-content: space-between;align-items: center;}
#xqbox .swiper-slide .img{width: 50%;height: 100%;}
#xqbox .swiper-slide .txt{width: 60%;padding-left: 30px;height: 80%;background-color: #fff;margin-left: -6%;box-shadow: 0 0 3px rgba(255,255,255,5);position: relative;}
#xqbox .swiper-slide .img img{width: 100%;height: 100%;}
#xqbox .swiper-slide .num{font-size: 20px;line-height: 24px;}
#xqbox .swiper-slide .num1{font-size: 40px;color: #000;font-weight: bold;}
#xqbox .swiper-slide .num2{color: #bebebe;margin-left: 10px;}
#xqbox .swiper-slide .title{font-size: 20px;color: #000;font-weight: bold;}
#xqbox .swiper-slide .info span{font-size: 14px;color: #000;}
#xqbox .swiper-slide .desc{font-size: 14px;color: #bebebe;line-height: 30px;height: 60px;}
#xqbox .swiper-slide .date{position: absolute;top: 30%;right: 20px;color: #dedede;font-size: 30px;font-weight: bold;}
#xqbox .swiper-slide .date span{font-size: 16px;color: #dedede;font-weight: bold;}
#xqbox .newsitem .title{font-size: 18px;line-height: 32px;overflow: hidden;color: #000;}
#xqbox .newsitem span{font-size: 12px;line-height: 24px;color: #696969;}
#xqbox .newsitem .desc{font-size: 14px;line-height: 26px;overflow: hidden;color: #666666;}
#xqbox .newslist{display: flex;justify-content: space-between;flex-wrap: wrap;}
#xqbox .newsitem{width: calc(33% - 10px);background-color: #fff;margin-bottom: 20px;}
#xqbox .newsitem .img{width: 100%;height: 300px;overflow: hidden;}
#xqbox .newsitem .img img{height:300px;object-fit: cover;}
#xqbox .newsitem span img{transform: translateY(2px);}
#xqbox .newsitem .txt{width: 93%;margin: 0 auto;}
#xqbox .newsitem:hover .img img{transform: scale(1.1);transition: all .3s linear;}
#xqbox .newsitem:hover{box-shadow: 0 0 6px 3px rgba(0,0,0,.2);transition: all .3s linear;}
#xqbox .page{margin-top: 30px;}
#xqbox .page ul{display: flex;justify-content: center;}
#xqbox .page ul li{width: 35px;height: 35px;background-color: #fff;line-height: 35px;text-align: center;border-radius: 50%;margin: 0 5px;}
#xqbox .page a{color: #000;font-size: 16px; display: inline-block;}
#xqbox .page li:active a,#xqbox .page li:hover a,#xqbox .page li.active a{color: #fff;}
#xqbox .page li:active,#xqbox .page li:hover,#xqbox .page li.active{background-color: #23336F;}
#xqbox .page li:first-child,#xqbox .page li:last-child{width: 80px;border-radius: 30px;}
#xqbox .newstitle{font-size: 24px; text-align:center;color: #000;line-height: 24px;font-weight: 400;position: relative;}
#xqbox .newsftitle{ text-align:center; font-size:12px;justify-content: flex-start;align-items: center;margin-top: 25px;border-bottom: 1px solid #aaa;padding-bottom: 15px;}
#xqbox .newsftitle div{margin-right: 30px;}
#xqbox .newsftitle div *{font-size: 14px;color: #000;}
#xqbox .newscon{padding: 50px 0;}
#xqbox .newscon .img{max-width: 1200px;overflow: hidden;margin: 0 auto; text-align:center;}
#xqbox .newscon .img img{max-width: 100%;object-fit: cover;}
#xqbox .newscon *{font-size: 16px;line-height: 30px;}
#xqbox .newspage{display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #ddd;padding-top: 20px;}
#xqbox .newspage *{font-size: 16px;}
#xqbox .newspage .npline1{display: inline-block;width: 18px;height: 18px;background-color: #666;color: #fff;line-height: 17px;text-align: center;border-radius: 50%;font-size: 14px;}
#xqbox .newspage .npline2{font-size: 14px;color: #000;padding: 0 5px;}
#xqbox .newspage a:hover .npline1{color: #fff;background-color: #23336F;}
#xqbox .protitle{height: 100px;line-height: 1.8;font-size: 18px;box-shadow: 0 1px 3px rgba(0,0,0,.5);background-color: #fff;padding: 20px;}
#xqbox .proitem{display: flex;flex-direction: column;justify-content: center;align-items: center;width: calc(50% - 20px);margin-bottom: 30px;background-color: #fff;}
#xqbox .proitem .proimg{width: 100%;overflow: hidden;}
#xqbox .proitem .protxt{width: 98%;padding: 20px;}
#xqbox .proitem .proimg img{width: 100%;object-fit: cover;transition: all .3s linear; height:400px;}
#xqbox .proitem .proline1{font-size: 26px;color: #000;font-weight: 700;transition: all .25s linear;}
#xqbox .proitem .proline2{height: 100px;overflow: hidden;font-size: 18px;line-height: 18px;color: #999; line-height:36px;}
#xqbox .proitem .proline3{text-align: right;}
#xqbox .proitem .proline3 span{font-size: 16px;color: #000;}
#xqbox .procon{margin: 20px 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
#xqbox .procon .proitem:first-child,#xqbox .procon .proitem:last-child{flex-direction: row;width: 100%;}
#xqbox .procon .proitem:first-child .protxt,#xqbox .procon .proitem:last-child .protxt{width: 50%;padding-left: 20px;}
#xqbox .procon .proitem:first-child .proline2,#xqbox .procon .proitem:last-child .proline2{height: 240px;}
#xqbox .proitem:hover .proline1{color: #0051bd;}
#xqbox .proitem:hover .proimg img{transform: scale(1.1);}
#xqbox .pro2title{justify-content: center;}
#xqbox .pro2title span{color: #23336f;}
#xqbox .pro2title .ftitle{padding: 3px;background-color: #fff;transform: translateX(-6px);}
#xqbox .pro2line1{display: flex;justify-content: space-between;height: 350px;}
#xqbox .pro2line3{ margin:26px 0px;}
#xqbox .pro2line1 .pro2l1item{display: flex;justify-content: space-between;width: calc(50% - 5px);}
#xqbox .pro2line1 .right{background-color: #fff;margin-left: 3px;width: 100%;display: flex;align-items: center;justify-content: center;}
#xqbox .pro2line1 .right img{width: 92%;height: 92%;}
#xqbox .pro2line1 .left{background-color: #fff;display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 30px;}
#xqbox .pro2line1 .pro2lefttitle,#xqbox .pro2line3 .p2l3ztitle{font-size: 26px;font-weight: bold;margin-bottom: 26px;align-self: flex-start;}
#xqbox .pro2line1 .pro2lefttxt{font-size: 16px;line-height: 30px;color: #08203a;}
#xqbox .pro2line2 .p2l2title{font-size: 26px;font-weight: bold;margin-bottom: 10px;}
#xqbox .pro2line2 .p2l2ftitle,#xqbox .pro2line3 .p2l3ftitle{font-size: 16px;color: #08203a;line-height: 30px;margin-bottom: 30px;}
#xqbox .pro2line2{background-color: #fff;padding: 50px 20px;margin: 20px 0;}
#xqbox .pro2line2 .p2l2item{height: 280px;display: flex;justify-content: space-around;}
#xqbox .pro2line2 .p2l2item li{width: calc(20% - 100px);border: 8px solid #a5b2c5;position: relative;}
#xqbox .pro2line2 .p2l2item .p2l2img{width: 90%;height: 50%;opacity: hidden;margin: 0 auto;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
#xqbox .pro2line2 .p2l2item .p2l2img img{height: 100%;width: 100%;object-fit: cover;}
#xqbox .pro2line2 .p2l2item .p2l2num{margin: 0;transition: all .5s linear;}
#xqbox .pro2line2 .p2l2item .p2l2num span:first-child{font-size: 48px;}
#xqbox .pro2line2 .p2l2item .p2l2num span{font-size: 16px;color: #db0000;font-weight: bold;}
#xqbox .pro2line2 .p2l2item .p2l2txt{position: absolute;background-color: #fff;right: -40px;top: 30px;padding-bottom: 10px;}
#xqbox .pro2line2 .p2l2item li:hover .p2l2num{-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-ms-transform: rotateY(360deg); -o-transform: rotateY(360deg);transform: rotateY(360deg);}
#xqbox .pro2line2 .p2l3ztitle{font-size: 26px;}
#xqbox .pro2line3 .itemboxt{display: flex;align-items: center;}
#xqbox .pro2line3 .itemboxt .txt{margin-left: 10px;font-size: 18px;font-weight: bold;line-height: 38px;margin-bottom: 7px;}
#xqbox .pro2line3 .p2l3item{display: flex;flex-direction: column;}
#xqbox .pro2line3 .itemboxb{font-size: 14px;height: 96px;}
#xqbox .pro2line3{display: flex;background-color: #FFF;height: 530px;}
#xqbox .pro2line3 .p2l3right{width: 35%;height: 100%;}
.p2l3left{padding: 30px 10px;width: 65%;}
#xqbox .pro2line3 .p2l3right .img{overflow: hidden;height: 100%;}
.p2l3right .img img{height: 100%;width: 100%;object-fit: cover;}
.pro2line3 .p2l3con{display: flex;flex-wrap: wrap;justify-content: space-between;}
.pro2line3 .p2l3item{width: calc(50% - 30px);}
.pro2line4 .txt-1{font-size: 32px;font-weight: bold;line-height: 42px;color: #eaeaea!important;}
.pro2line4 .txt-2{font-size: 22px;color: #eaeaea;line-height: 32px;height: 100px;overflow: hidden;color: #eaeaea!important;}
.pro2line4 .imgbottom{height: 30%;position: absolute;bottom: 0;background-color: rgba(0,0,0,.3);width: 100%;padding-left: 15%;}
.pro2line4 .item{height: 600px;width: 50%;}
.pro2line4 .pl4con{display: flex;flex-wrap: wrap;justify-content: center;}
.pro2line4 img{width: 100%;height: 100%;object-fit: cover;}
.pro2line4 .img{position: relative;height: 100%;}
.pro2line4 .imghover{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(35,51,111,.8);padding: 80px 40px 0;opacity: 0;transition: all .2s linear;}
.pro2line4 .pl4con .item:hover .imghover{opacity: 1;}
.c3box{width: 100%;background-color: #fff;padding: 20px 40px;}
.c3box .c3title{font-size: 36px;padding-bottom: 10px;color: #000;border-bottom: 1px solid #dedede;}
.c3box .c3txt{font-size: 22px;color: #333;letter-spacing: -.5px;line-height: 22px;padding: 20px 40px;}
.c3box .c3txt p{line-height: 1.5;}
.c3box .img{width: 80%;margin: 0 auto;}
.c3box img{width: 100%;object-fit: cover;}
.c3boxa{display: flex;justify-content: space-around;}
.c3boxa a img{width: 20px;height: 20px;transform: translateY(4px);margin: 0 5px;}
.c3boxa a{display: inline-block;width: 30%;height: 50px;text-align: center;line-height: 50px;background-color: #999a9b;transition: all .3s linear;color: #fff!important;}
.c3boxa a:hover{background-color: #23336F;}

.conbotctt{background: url(../images/c1-lx.png) repeat-y;width: 100%;background-size: 100%;}
.newspagecon{text-align: center;}
.newspagecon .list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.newspagecon .title{flex-direction: column;align-items: center;justify-content: center;}
.newspagecon .img{width: 100%;height: 400px;overflow: hidden;}
.newspagecon .img img{width: 100%;height: 100%;object-fit: cover;}
.newspagecon .txt-1{border-bottom: 1px solid #fff;display: inline-block;font-size: 32px;color: #fff!important;padding-bottom: 20px;}
.newspagecon .txt-2{font-size: 20px;color: #fff!important;margin-top: 20px;}
.newspagecon .txt{position: absolute;top: 100%;left: 0;width: 100%;height: 100%;background-color: rgba(35,51,111,.9);text-align: center;padding-top: 30%;transition: all .3s linear;}
.newspagecon .item{position: relative;display: flex;justify-content: space-between;width: calc(33.33333333% - 0px);overflow: hidden;margin-bottom: 10px;}
.newspagecon .item a{width: 100%;}
.newspagecon .item:hover .txt{top: 0;}
.newspagecon .more{display: inline-block;width: 200px;height: 40px;line-height: 40px;text-align: center;color: #fff!important;background-color: #23336F;margin: 30px auto;}
.cttcon{display: flex;flex-direction: column;}
.cttcon .top,.cttcon .bot{display: flex;height: 50%;margin-bottom: 20px;}
.cttcon .left{width: 10%;background-color: rgba(0,81,189,.96);position: relative;}
.cttcon .right{width: 90%;background-color: rgba(255,255,255,.90);}
.cttcon .rtop{display: flex;border-bottom: 1px solid rgba(0,0,0,.09);flex-wrap: wrap;}
.cttcon .rtop:nth-of-type(3){border: none;}
.cttcon .rtitem{width: calc(30% - 30px);margin: 15px 0;}
.cttcon .left span{color: #fff!important;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.cttcon .title{font-size: 22px;color: #000;margin-bottom: 13px;line-height: 33px;padding-left: 20px;font-weight: bold;padding-top: 30px;}
.cttcon .txt{font-size: 15px;color: #000;line-height: 30px;padding: 0 20px;}
.cttcon .bot .left{background-color: rgba(21,30,35,.96);}
.cttcon .bot p *{font-size: 14px;padding-left: 20px;}
.joinbox .line1{display: flex;align-items: center;}
.joinbox .title{flex-direction: column;width: 30%!important;}
.joinbox .txt p{width: 80%;margin: 0 auto;font-size: 16px;color: #333;line-height: 30px;}
.joinbox .line2{display: flex;flex-wrap: nowrap;height: 500px;}
.joinbox .line2 .item{flex: 1;transition: all .3s linear;position: relative;}
.joinbox .line2 .item:nth-of-type(2){flex: 3.7;}
.joinbox .line2 .img{width: 100%;height: 100%;}
.joinbox .line2 img{width: 100%;object-fit: cover;height: 100%;}
.joinbox .line2 .item:hover{flex: 3.7;}
.joinbox .line2 .txt{position: absolute;bottom: 0;width: 100%;padding: 0 20px;margin-bottom: 20px;}
.joinbox .txt-1{font-size: 24px;font-weight: bold;text-align: left;margin-bottom: 15px;color: #fff!important;height: 28px;overflow: hidden;}
.joinbox .txt-2{font-size: 16px;line-height: 24px;text-align: left;color: #fff!important;opacity: 0;transition: all .25s linear;height: 70px;overflow: hidden;}
.joinbox .line2 .item:hover .txt-2{opacity: 1;}
.joinbox .line3 .txt{display: flex;justify-content: space-between;flex-wrap: wrap;	}
.joinbox .line3 .txt a{width: calc(33% - 20px);}
.joinbox .line3 .item{width: 100%;background-color: #fff;height: 500px;cursor: pointer;}
.joinbox .line3 .item .img{width: 95%;height: 85%;margin: 10px auto;position: relative;}
.joinbox .line3 .item .img::after{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,.3);opacity: 0;transition: all .3s linear;}
.joinbox .line3 .item .img::before{content: "+";font-size: 30px;color: #000;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 50%;background-color: rgba(255,255,255,1);width: 60px;height: 60px;line-height: 58px;text-align: center;z-index: 1;opacity: 0;transition: all .3s linear;}
.joinbox .line3 .item:hover .img::after{opacity: 1;}
.joinbox .line3 .item:hover .img::before{opacity: 1;}
.joinbox .line3 .item:hover .img p{color: #23336f!important;}
.joinbox .line3 .item .img img{width: 100%;height: 100%;}
.joinbox .line3 .item p{font-size: 24px;color: #000;text-align: center;line-height: 55px;}