html{overflow-x: hidden;}
body{margin:0;padding:0;}
ul,p{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:#333;}
.w{width: 98%;max-width: 1200px;margin: 0 auto;}
.menu{width: 35px;display: none;}


/* title */
.title{text-align: right;border-right: 3px solid #78bf08;padding-right: 17px;}
.title p:nth-of-type(1){font-size: 24px;font-weight: bold;color: #068fee;}
.title p:nth-of-type(2){font-size: 18px;font-weight: bold;color: #cccccc;letter-spacing: 2px;}

/* header */
header{height: 211px;}
.header-top{border-bottom: 1px solid #e6e6e6;}
.header-top-c{height: 40px;line-height: 40px;display: flex;justify-content: space-between;}
.header-top-c *{font-size: 14px;color: #666565;}
.header-top-c a:hover{color: #0095fe;}
.header-top-c ul{display: flex;justify-content: flex-end;}
.header-top-c ul li{padding: 0 15px;line-height: 14px;margin: 13px 0;}
.header-top-c ul li:nth-of-type(2){border-left: 1px solid #808080;border-right: 1px solid #808080;}
.header-center{display: flex;justify-content: space-between;align-items: center;height: 113px;}
.header-center .logo{display: flex;align-items: center;}
.header-center .logoimg{width: 57px;height: 64px;}
.header-center .logotxt{margin-left: 10px;}
.header-center .logotxt p:nth-of-type(1){font-size: 24px;color: #333333;font-weight: bold;margin: 0;}
.header-center .logotxt p:nth-of-type(2){font-size: 14px;color: #666666;margin: 6px 0;letter-spacing: -0.5px;}
.header-bottom{height: 60px;line-height: 54.5px;background-color: #0095fe;}
nav ul{display: flex;justify-content: space-between;}
nav ul li{margin-left:6px;position: relative;}
nav ul li a{color: #ffffff;padding: 0 10px;height: 56.5px;}
nav ul li a:hover{color: #ffff00;border-bottom: 3px solid #78bf08;}
#nav_select a{color: #ffff00;border-bottom: 3px solid #78bf08;}
.menu{display: none;}
.submenu{position: absolute;background-color: #78bf08;z-index: -1;opacity: 0;transition: opacity .3s ease,width .3s ease,max-height 2s ease;
display: flex;flex-direction: column;justify-content: flex-start;right: 0px;top: 54px;width: 0px;max-height: 0px;}
.subsubmenu{position: absolute;background-color: #78bf08;z-index: -1;opacity: 0;transition: opacity .3s ease,width .3s ease,max-height 2s ease;
display: flex;flex-direction: column;justify-content: flex-start;right: -220px;top: 5px;width: 0;max-height: 0;}
.sub3menu{position: absolute;background-color: #78bf08;z-index: -1;opacity: 0;transition: opacity .3s ease,width .3s ease,max-height 2s ease;
display: flex;flex-direction: column;justify-content: flex-start;right: -180px;top: 0px;width: 0px;max-height: 0px;}
.submenu a,.subsubmenu a,.sub3menu a{margin: 3px 0;line-height: 35px;transition: all .3s ease; font-size:14px;}
.submenu a:hover{color: #fff;border-bottom: 0;text-align: left;}
.header-bottom ul li:hover .submenu{opacity: 1;width: 160px;max-height: 1000px;z-index: 100;}
.submenu li:hover .subsubmenu{opacity: 1;width: 220px;max-height: 1000px;z-index: 100;}
.subsubmenu li:hover .sub3menu{opacity: 1;width: 180px;max-height: 1000px;z-index: 100;}
.header-bottom ul li ul li::after {content: "";display: inline-block;width: 0;height: 0;position: absolute;top: 17px;right: 10px;border-right: 0;border-left: 12px solid #fff;border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
/* banner */
.swiper-button-hide{display: none;}
#s1.swiper-container{height: 600px}
#s2.swiper-container{height: 410px}
#s2 img{width: 100%;height: 100%;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: url(../images/left.png)!important;background-size: 45px 48px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: url(../images/right.png)!important;background-size: 45px 48px;}
.swiper-pagination-bullet-active{background: #0095fe!important;}
.swiper-wrapper .swiper-slide{display: flex;align-items: center;justify-content: center;overflow: hidden;}

/* 服务类型 */
.content1{height: 760px;text-align: center;background: url(../images/c1-bg.png);}
.c1title{font-size: 30px;font-weight: bold;color: #068fee;}
.c1ftitle{font-size: 14px;color: #999999;margin-top: 10px;}
.c1tbox{padding: 65px 0;}
.c1con{display: flex;}
.c1conleft{width: 23%;}
.c1conleft .line1{height: 80px;background: url(../images/c1top-bg.png);padding-top: 15px;}
.c1conleft .line1 .line1-1{font-size: 24px;font-weight: bold;color: #fff;}
.c1conleft .line1 .line1-2{font-size: 12px;color: #fff;}
.c1conleft .line2 ul{width: 100%;background-color: #ffffff;text-align: center;margin: 0 auto;}
.c1conleft .line2 li{width: 96%;background-color: #e5e5e5;margin-top: 8px;display: inline-block;height: 38px;line-height: 38px;text-align: left;text-indent: 25px;position: relative;transition: all .6s;}
.c1conleft .line2 li:last-child{margin-bottom: 8px;}
.c1conleft .line2 li::after{content: "";display: inline-block;width: 0;height: 0;position: absolute;top: 9px;right: 10px;
border-right: 0;border-left: 18px solid #fff;border-top: 10px solid transparent;border-bottom: 10px solid transparent;display: none;}
.c1conleft .line2 li a{color: #000;}
.c1conleft .line2 li:hover,.c1conleft .line2 li.active{background-color: #78bf08;}
.c1conleft .line2 li:hover a,.c1conleft .line2 li.active a{color: #ffffff;}
.c1conleft .line2 li:hover::after,.c1conleft .line2 li.active::after{display: inline-block;}
.c1list ul:after{content: "";width: 50%;}
.c1list{display: none;}
.c1list:nth-child(1){display: flex;}
.c1conleft .line3{background: url(../images/c1con-bg.png);padding-top: 15px;}
.c1conleft .line3 .line3top{display: flex;justify-content: center;margin-bottom: 5px;}
.c1conleft .line3 .line3topl{display: flex;flex-direction: column;}
.c1conleft .line3 .line3topl span:nth-of-type(1){font-size: 20px;color: #fff;}
.c1conleft .line3 .line3topl span:nth-of-type(2){font-size: 14px;color: #fff;}
.content1 .line3bottom p{font-size: 24px;font-weight: bold;color: #fff;}
.content1 .c1conright{width: 100%;margin-left: 20px;overflow: hidden;}
.content1 .c1conright ul{display: flex;width: 100%;justify-content: flex-start;flex-wrap: wrap;}
.content1 .c1conright ul li{width: calc(23% - -8px);height: 225px;background-color: #fff;margin-bottom: 10px;margin-left: 7px;}
.content1 .c1conright ul li:hover img{transform: scale(1.1);transition: all .3s;}
.content1 .c1conright ul li:hover{border: 1px solid #0087e6;transition: all .3s;}
.content1 .c1conright ul li:hover .txt{color: #0087e6;;}
.c1conright ul li a .txt{margin-top: 9px;color: #000000;}
.c1conright ul li a .img{overflow: hidden;width: 95%;margin: 0 auto;height: 175px;margin-top: 5px;}
.c1conright ul li img{ max-width:100%; height:170px;}

/* 公司简介 */
.content2{display: flex;justify-content: space-between;}
.content2 .imgbox,.content2 .txtbox{height: 410px;width: 49%;margin: 70px auto;}
.content2 .imgbox{border: 8px solid #78bf08;position: relative;}
.content2 .imgbox .wrapper{position: absolute;width: 103%;right: -30px;bottom: -30px;}
.content2 .txtbox{display: flex;flex-direction: column;align-items: flex-end;justify-content: space-between;}
.c2boxcon{color: #333333;text-indent: 32px;line-height: 30px;width: 95%;letter-spacing: -0.2px;}
.content2 .txtbox a{display: inline-block;width: 120px;height: 40px;background-color: #0096fe;line-height: 40px;color: #fff;text-align: center;align-self: flex-end;}
.content2 .txtbox a:hover{background-color: #78bf08;transition: all .5s;padding-left: 20px;}
/* 宗楼服务 */
.content3{height: 167px;width: 100%;background-image: linear-gradient(to right,#068fee 15%,#1e83ea);position: relative;}
.content3 p{color: #fff;}
.content3 ul{display: flex;justify-content: space-between;height: 167px;align-items: center;}
.content3 li:first-child{width: 304px!important;text-align: center;align-self: center;border-right: 1px solid #4da5f0;height: 167px;padding-top: 30px;}
.content3 li{width: 25%;text-align: center;}
.content3 li:first-child p:nth-child(1){font-size: 28px;font-weight: bold;}
.content3 li:first-child p:nth-child(2){font-size: 18px;margin: 5px 0;}
.content3 li:first-child p:nth-child(3){font-size: 16px;}
.content3 li{border-right: 1px solid #87c0f8;padding: 10px 0;}
.content3 li:last-child{border-right: 0;}
.content3::before{content: "";position: absolute;left: -200px;top: 50%;transform: translateY(-50%);height: 167px;width: 0;height: 0;border-style: solid;
border-width: 20px 0 20px 200px;border-color: transparent transparent transparent rgba(255,255,255,0.8);z-index: 100;}
.content3.hover::before{left: 100%;transition: all 0.65s ease-in-out;}

/* 宗楼建筑 */
.content4{height: 410px;margin: 70px auto;display: flex;}
.content4 .title{text-align: left;border-left: 3px solid #78bf08;padding-left: 17px;border-right: 0;margin-left: 20px;}
.content4 .c4left{width: 98%;background-color: #f6f6f6;margin-right: 30px;overflow: hidden;}
.content4 .c4right{width: 280px;min-width: 280px;}
.content4 .c4left .top{display: flex;justify-content: space-between;margin-top: 20px;}
.content4 .top a{color: #0087e6;display: inline-block;border: 1px solid #0087e6;width: 62px;height: 32px;line-height: 32px;text-align: center;position: relative;margin-right: 20px;align-self: center;}
.content4 .top a::before{content: "+";display: inline-block;width: 16px;height: 16px;background-color: #f6f6f6;
position: absolute;left: -10px;line-height: 20px;top: 6px;}
.content4 .top a:hover{color: #78bf08;text-indent: 10px;transition: all .3s linear;}
.content4 .bottom{display: flex;justify-content: space-between;padding: 19px;width: 200%;animation: bottomshow 15s linear infinite forwards;}
@keyframes bottomshow{0%{transform: translateX(-50%);} 100%{transform: translateX(-1%);}}
.content4 .bottom:hover{animation-play-state: paused;}
.content4 .bottom .item{width: calc(33% - 8px);background-color: #fff;text-align: center;height: 304px;margin-right: 8px;} 
.content4 .bottom .item img{width: 100%;height: 100%;object-fit: cover;}
.content4 .bottom .item p{line-height: 50px;height: 40px;font-size: 18px;}
.content4 .bottom .item a{height: 250px;}
.content4 .bottom .item p a{color: #000000;}
.content4 .line1{height: 80px;padding-top: 15px;background: url(../images/c4-5.png);text-align: center;}
.content4 .line1 .line1-1{font-size: 24px;font-weight: bold;color: #fff;}
.content4 .line1 .line1-2{font-size: 12px;color: #fff;}
.content4 .line2{background: url(../images/c4-4.png);}
.content4 .line2 li a{font-size: 17.98px;}
.content4 .line2 ul{width: 100%;text-align: center;margin: 0 auto;}
.content4 .line2 li{width: 100%;display: inline-block;height: 55px;line-height: 55px;text-align: left;text-indent: 25px;position: relative;transition: all .6s;border-bottom: 1px solid #898989;overflow: hidden;z-index: 1;margin-top: -5px;}
.content4 .line2 li::after{content: ">>	";display: inline-block;width: 0;height: 0;position: absolute;top: 1px;right: 60px;color: #efef17;opacity: 0;}
.content4 .line2 li:hover::before{opacity: .8;left: 0;}
.content4 .line2 li:hover a{color: #efef17;}
.content4 .line2 li:hover::after{opacity: 1;transition: all 0.25s;}
.content4 .line2 li::before{content: "";position: absolute;width: 100%;height: 102%;background-image: linear-gradient(to right,#0e68c4,#6c7278);opacity: 0;transition: all linear 0.25s;left: -100%;top: 0;z-index: -1;}

/* 新闻 */
.content5{background: url(../images/c5-bg.png);height: 680px;display: flex;align-items: center;}
.content5 .w{height: 500px;display: flex;}
.content5 .left{width: 63%;border-top: 4px solid #068fee;}
.c5nav{display: flex;justify-content: space-between;align-items: center;margin-top: 24px;margin-bottom: 27px;}
.content5 .btn{display: flex;}
.content5 .btn a:nth-of-type(1){order: 1;}
.content5 .btn a:nth-of-type(2){order: 3;margin: 0;}
.content5 .btn div{order: 2;}
.content5 .btn a{color: #333;margin: 0 10px;display: inline-block;}
.content5 .btn div{display: inline-block;transform: rotate(90deg);letter-spacing: -.5px;}
.content5 .btn a:active,.content5 .btn a:hover,.content5 .btn a.active{color: #068fee}
.content5 .navmore{font-size: 14px;color: #beb5b5;}
.content5 .navmore:hover{color: #78bf08;}
.c5content li a div:nth-of-type(3) span:hover{color: #78bf08;}
.c5content li{display: flex;margin-top: 10px;border-bottom: 1px dotted #999999;padding-bottom: 10px;}
.c5content li img{width: 157px;height: 97px;}
.c5content li a{margin-left: 20px;flex: 1;display: grid;}
.c5content li a div{margin-top: 8px;}
.c5content li a div:nth-of-type(1){font-weight: bold;color: #333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.c5content li a div:nth-of-type(2){font-size: 12px;color: #666666;text-overflow: ellipsis;overflow: hidden;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.c5content li a div:nth-of-type(3) span{font-size: 12px;color: #999999;}
.c5content li a div:nth-of-type(3){display: flex;justify-content: space-between;}
.c5content li a:hover div:nth-of-type(1){color: #068fee;}
.c5content{display: none;}
.c5content:nth-of-type(1){display: block;}
.content5 .right{margin-left: 35px;border-top: 4px solid #068fee;width: 37%;}
.content5 .right .c5con .txt{width: 94%;}
.content5 .right .c5con p:nth-of-type(1){font-size: 14px;color: #333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.content5 .right .c5con p:nth-of-type(1):hover{color: #068fee;}
.content5 .right .c5con p:nth-of-type(2){height: 32.5px;font-size: 12px;color: #666666;margin-top: 14px;text-overflow: ellipsis;overflow: hidden;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.content5 .right .c5con{border: none;margin-bottom: 35px;display: flex;margin-top: 15px;}
.content5 .right .c5con .txt{margin-left: 10px;}
.content5 .right .c5con span{background: url(../images/c5-5.png)no-repeat;width: 20px;height: 20px;color: #fff;text-align: -webkit-center;font-size: 12px;margin-top: 4px;}

/* 友情链接 */
.content6{display: flex;align-items: center; margin:10px auto;}
.content6 .row1{width: 10%;height: 34px;line-height: 34px;background-color: #068fee;border-left: 4px solid #78bf08;color: #fff;font-size: 18px;text-align: center;align-self: flex-start;margin-top: 3px;}
.content6 .row2{width: 90%;}
.content6 .row2 ul{display: flex;flex-wrap: wrap;}
.content6 .row2 ul a{color: #000000;margin: 10px;font-size: 14px;}
.content6 li:hover a{color: #068fee;}

/* 底部 */
footer{height: 165px;background: url(../images/footer.png);}
.footer-nav ul{display: flex;justify-content: center;padding-top: 30px;}
.footer-nav a{margin: 0 7px;font-size: 14px;position: relative;color: #fff;}
.footer-nav a:after{content: "";width: 2px;height: 14px;display: inline-block;background-color: #d3d3d3;position: absolute;top: 3px;margin-left: 5px;}
.footer-nav li:last-child a:after{display: none;}
footer p{font-size: 14px;color: #fff;margin-top: 10px;text-align: center;}
footer p a{ display:initial;}

/* 返回顶部 */
.return{position: fixed;right: 2%;bottom: 20%;cursor: pointer;background-color: #068fee;opacity: .5;padding: 13px;display: none;}
.return:hover{background-color: #068fee;opacity: 1;}
.sj_footer{display: none;}
/* 返回顶部 */

/* 详情页 */
.xqbox-banner #s1.swiper-container{height: 400px;}
.xqbox{display: flex;justify-content: space-between;margin: 20px auto;margin-bottom: 50px;}
.xqbox .left{height: 100%;width: 20%;/* border: 1px solid #ccc; */}
.xqbox .left .lb-nav li:nth-of-type(1),.xqbox .left .lb-ct li:nth-of-type(1){display: flex;justify-content: space-between;width: 97%;height: 30px;
background-color: #F2F2F2;align-items: center;border-radius: 10px;box-shadow: 0 0 3px 0px rgba(0,0,0,.5);margin-top: 3px;}
.xqbox .xqtitle{text-indent: 15px;font-size: 14px;font-weight: bold;color: #747474;}
.xqbox .xqafter{width: 15px;height: 15px;background-color: #78bf08;position: relative;border-radius: 50%;margin-right: 20px;}
.xqafter::after{content: "";border-style: solid;border-width: 5px 0 5px 7.7px;border-color: transparent transparent transparent #fff;
position: absolute;top: 50%;left: 50%;transform: translate(-50%,-45%);}
.xqbox{display: flex;flex-wrap: wrap;height: 100%;}
.xqbox .lb-nav{height: 100%;width: 100%;min-height: 300px;}
.xqbox .xqafter::after{transform: translate(-30%,-53%);}
.xqbox .xqafter{margin-right: 5px;background-color: #0095fe;}
.xqbox .lb-nav li{display: flex;justify-content: flex-start;width: 75%;height: 25px;
background-color: #fff;align-items: center;margin: 0 auto;margin-top: 10px;border-radius: 10px;border: 1px solid #ccc;padding-left: 5px;}
.xqbox .lb-nav li a{font-size: 12px;color: #747474;}
.xqbox .left ul{border: 1px solid #ccc;}
.xqbox .lb-img{margin-top: 20px;text-align: center;border: none!important;}
.xqbox .lb-img img{width: 90%;margin: 5px auto;}
.xqbox .lb-ct li{font-size: 12px;color: #747474;width: 90%;margin: 10px auto;}

.xqbox .right{height: 100%;width: 77%;position: relative;}
.xqbox .right-top{font-size: 14px;color: #fff;font-weight: bold;width: 100%;height: 35px;background-color: #0095fe;
border-radius: 15px;display: flex;justify-content: space-between;align-items: center;padding: 0 15px;box-shadow: 0 0 3px 0px rgba(0,0,0,.5);}
.xqbox .content1{background: #fff;}
.xqbox .content1 .c1conright ul{margin-top: 20px;}
.xqbox .content1 .c1conright ul li{background-color: #f2f2f2;}
.xqbox .rctitle{font-size: 28px;font-weight: bolder;color: #000;margin: 20px auto;}
.xqbox .newscon{width: 100%;}
.xqbox .newscon ul{width: 95%;margin: 10px auto;}
.xqbox .newscon li{display: flex;justify-content: space-between;margin-bottom: 20px;}
.xqbox .newscon li a{font-size: 12px;color: #747474;}
.xqbox .newscon li span{font-size: 12px;color: #747474;}
.xqbox .newscon li:hover a{color: #ff0000;}

.xqbox .rctxt{line-height: 35px;text-indent: 24px;text-align: left;}
.xqbox .rctxt img{ max-width:100% !important;}
.xqbox .rccon div{font-size: 22px;line-height: 35px;text-indent: 24px;text-align: left;}
.xqbox .rccon .propagetxt{ font-size:16px;}
.xqbox .rccon .propagetxt img{ max-width:100% !important;}


.xqbox .bottom{text-align: left;margin-top: 20px;}
.xqbox .bottom a{color: #000;font-size: 14px;}
.xqbox .bottom a:hover{color: #0095fe;}
.page-guide{border-bottom: 1px solid #eee;height: 50px;line-height: 50px;}
.page-guide div{display: flex;}
.page-guide *{color: #333;font-size: 14px;}
.page-guide a:hover{color: #333;}
.xqbox{background: #fff;}
.xqbox .c1conleft .line2 li{width: 100%;}
.xqbox .line3{background: none;}
.xqbox .line3 .line1{height: 60px;}
.xqbox .line3-txt{width: 100%;border: 1px solid #0095fe;}
.xqbox .line3-txt *{font-size: 14px;color: #333;text-align: left;}
.xqbox .line3-txt div{margin-bottom: 10px;}
.xqbox .c1conleft{width: 30%;padding-right: 2%; max-width:280px;}
.right-con{ width:68%;}
.xqbox .line3-txt .box{margin-top: 20px;margin-left: 20px;}
.xqbox .c1conleft .line2 li{height: 45px;line-height: 45px;}
.xqbox .c1conleft .line2 li::after{top: 14px;}
.xqbox .c1conright ul li{width: calc(33% - 12px);box-shadow: 0px 0px 4px #ddd;}
.xqbox .c1conright ul{justify-content: space-between;}
.xqbox .c1conright ul li a .img img{width: 100%; height:300px;}
.xqbox .c1conright ul:after{content: "";width: 33%;}
.xqbox .c1conright ul li:hover{box-shadow: -1px 1px 4px #0095fe;}
#fl_select{ background:#78bf08;}
#fl_select a{ color:#FFF;}
.news .newscontxt{margin-left: 2%;width: 75%;display: flex;flex-direction: column;justify-content: flex-start;text-align: left;}
.news .newscon li .newsitem{display: flex;width: 100%;}
.newstitle{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 17px!important;color: #111!important;}
.news .newstxt{word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;
-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 14px;color: #333;line-height: 24px;height: 48px;}
.news .date{font-size: 12px;color: #666;display: block;margin: 8px 0px;}
.news .newscon li{width: 100%;height: 190px;cursor: pointer;}
.news .newsconimg{width: 25%;}
.news .newsconimg img{width: 100%;height: 100%;}
.news .newsmore{display: inline-block;width: 130px;height: 30px;border: 1px solid #ccc;line-height: 30px;text-align: center;margin-top: 20px;font-size: 14px!important;color: #333!important;}
.news .newsmore:hover{background-color: #0095fe;color: #fff!important;}
.news .newscon li:hover{background: rgba(255,253,255,1.00);box-shadow: 2px 2px 5px #ccc;}
.news .newscon li:hover .newstitle{color: #0095fe!important;}
.newsitem{padding: 15px;}

.page{display: flex;justify-content: center;margin-top: 40px;margin-left: -3.5%;}
.page div{padding: 5px;border: 1px solid #ccc;margin: 0 2px;cursor: pointer;}
.page .active{background-color: #ccc;}
.page a{ color:#333;}