/* Author:Xww */
/* Created:2025-08-09 */
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,button,input,textarea,blockquote,th,td{margin:0;padding:0;}
img,fieldset,abbr,acronym{border:0;}
img{max-width:100%;object-fit:cover;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style-type:none;}
input,button,textarea,select{font-size:inherit;outline:none;}
address,cite,dfn,em,code,var,caption,th{font-style:normal;font-weight:normal;}
input,button,select{vertical-align:middle;}

/* basic */
html{font-size:6.25%}
body{font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',rial,sans-serif;background:#fff;font-size:14rem;color:#333;word-wrap:break-word;word-break:break-all;text-align:justify;}
a{color:inherit;text-decoration:none;}
a:hover,a:focus,a:active{color:inherit;transition:all 0.3s linear;}
.clearfix{zoom:1;}
.clearfix:after{content:"";clear:both;height:0;visibility:hidden;display:block;}

/* custom */
.hide{display:none;}
.text_over{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

/* head & foot */
.body_box{width:1320px;margin:0 auto;}
.header{background:#fff;}
.header .body_box{display:flex;align-items:center;height: 100px;}
.header .logo{width:350px;}
.header .menu{display: flex;align-items: center;font-size: 16px;}
.header .menu a{display: inline-block;padding: 0 5px;margin-right: 40px;}
.header .menu a:hover,.header .menu a:focus,.header .menu a:active{color: #0967fb;}
.footer{background:#353947;color:#fff;}
.footer .body_box{display:flex;justify-content:space-between;align-items:center;height:300px;}
.footer .text{width:900px;line-height:40px;}
.footer .text h2{font-size:18px;margin-bottom:15px;}
.footer .text h2:before{content:"";display:inline-block;width:4px;height:20px;margin-right:8px;background:#0967fb;vertical-align:middle;}
.footer .text h3{margin-top: 15px;font-size:14px;}
.footer .text p{text-align:left;font-size: 14px;}
.footer .text span{display:inline-block;margin-right:40px;}
.footer .text a:hover,.footer .text a:focus,.footer .text a:active{text-decoration: underline;}
.footer .code{text-align:center;}
.footer .code img{width:100px;height:100px;margin-bottom:14px;}

/* content */
.content{width:100%;}
.content .title{padding: 60px 0 40px;}
.content .title strong{margin-right:10px;color: #0967fb;}
.content .title h1{margin-bottom: 15px;font-size: 34px;font-weight: bolder;}
.content .title h6{font-size: 16px;}
.content .title .cup{background: url(../image/icon/cup.png) no-repeat 5px center;padding-left: 25px;}
.banner{height: 580px;background: #d3e5fb;}
.start{display: flex;flex-flow: column;justify-content: center;align-items: center;height: 280px;background: url(../image/bg/start_bg.png) no-repeat center / cover;color: #fff;}
.start h1{font-size: 28px;margin-bottom: 30px;}
.start a{display: block;font-size: 18px;line-height: 54px;padding: 0 20px;border: 1px solid #fff;border-radius: 10px;}
.start a:hover,.start a:focus,.start a:active{background: #fff;color: #0967fb;}

/* carouselFade */
#carouselFade{position:relative;width:1320px;height:580px;margin-right:15px;z-index: 10;}
#carouselFade .info{position:absolute;width: auto;line-height: 1.7;left: 90px;top: 150px;z-index: 11;}
#carouselFade .info h2{margin-bottom: 15px;font-size: 45px;text-shadow: 2px 2px #fff;}
#carouselFade .info p{font-size: 24px;text-shadow: 1px 1px #fff;}
#carouselFade .info .btn{display: inline-block;line-height: 50px;padding: 0 50px;margin-top: 60px;background: #38f;border-radius: 10px;text-align: center;color: #fff;font-size: 16px;}
#carouselFade ul{position:absolute;width:1320px;height:580px;overflow:hidden;}
#carouselFade ul li{position:absolute;width:1320px;height:580px;display:none;}
#carouselFade ul li:first-child{display:block;}
#carouselFade ul li img{width:1320px;height:580px;}
#carouselFade ol{position:absolute;left: 90px;bottom: 100px;height:24px;text-align:center;font-size:0;z-index: 12;}
#carouselFade ol li{display:inline-block;vertical-align:top;width:32px;height:5px;margin:0 6px;background: #f7faff;cursor:pointer;}
#carouselFade ol li.now{background:#0967fb;}

/* idea */
.idea{padding-bottom: 70px;background: #fff;}
.idea ul{display: flex;justify-content: space-between;height:230px;padding-top: 60px;}
.idea ul li{position: relative;width: 410px;background: #f7faff;border-radius: 15px;text-align: center;}
.idea ul li img{margin-top: -57px;}
.idea ul li h2{line-height: 50px;margin-bottom: 5px;font-size: 24px;font-weight: bolder;}
.idea ul li p{line-height: 25px;padding: 0 45px;font-size: 16px;color: #717d8b;text-align: justify;}

/* product */
.product{padding-bottom: 70px;background: #f7faff;}
.product .toggle{width: 100%;height: 550px;background: #fff;}
.product .toggle .tabs{display: flex;align-items: center;height: 119px;padding-left: 40px;border-bottom: 1px solid #eee;}
.product .toggle .tabs > div{display: flex;align-items: center;height: 70px;padding: 0 12px;margin-right: 15px;background: #fff;cursor:pointer;}
.product .toggle .tabs > div img{max-height: 50px;}
.product .toggle .tabs > div p{padding: 0 10px;text-align: center;}
.product .toggle .tabs > div:hover,.product .toggle .tabs > div.now{box-shadow: 4px 4px 5px #ccc;}
.product .toggle .content > div{height:430px;display:none;}
.product .toggle .content > div:first-child{display:block;}
.product .toggle .content .type{display: flex;height: 430px;}
.product .toggle .content .type .info{width: 550px;padding:40px 0 0 100px;margin-right: 10px;}
.product .toggle .content .type .info h2{line-height: 50px;margin-bottom: 20px;font-size: 22px;}
.product .toggle .content .type .info h3{line-height: 24px;margin-top:30px;font-size: 14px;font-weight: normal;}
.product .toggle .content .type .info p{line-height: 24px;color: #666;}
.product .toggle .content .type .info .btn{display: inline-block;line-height: 32px;padding: 0 20px;margin-top:30px;background: #38f;border-radius: 16px;color: #fff;cursor: pointer;}
.product .toggle .content .show{position: relative;height: 316px;margin: 66px auto 0;z-index: 10;}
.product .toggle .content .show::after{position: absolute;content: "";width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;left: 0;top: 0;z-index: 11;}
.product .toggle .content .pc .show{width: 384px;}
.product .toggle .content .pc .show .pic{position: absolute;left: 7px;top:10px;}
.product .toggle .content .pc .show .pic img{width: 370px;height: 222px;}
.product .toggle .content .pc .show::after{background-image: url(../image/product/type_pc.png);}
.product .toggle .content .all .show{width: 521px;}
.product .toggle .content .all .show .pic1{position: absolute;left: 7px;top:11px;}
.product .toggle .content .all .show .pic1 img{width: 370px;height: 220px;}
.product .toggle .content .all .show .pic2{position: absolute;left: 371px;top:10px;}
.product .toggle .content .all .show .pic2 img{width: 140px;height: 296px;}
.product .toggle .content .all .show::after{background-image: url(../image/product/type_all.png);}
.product .toggle .content .ph .show{width: 375px;}
.product .toggle .content .ph .show .pic1{position: absolute;left: 8px;top:24px;}
.product .toggle .content .ph .show .pic1 img{width: 130px;height: 270px;}
.product .toggle .content .ph .show .pic2{position: absolute;left: 236px;top:24px;}
.product .toggle .content .ph .show .pic2 img{width: 130px;height: 270px;}
.product .toggle .content .ph .show .pic3{position: absolute;left: 118px;top:10px;}
.product .toggle .content .ph .show .pic3 img{width: 140px;height: 296px;}
.product .toggle .content .ph .show::after{background-image: url(../image/product/type_ph.png);}
.product .toggle .content .big .show{width: 528px;height: 275px;}
.product .toggle .content .big .show .pic{position: absolute;left:1px;top:16px;}
.product .toggle .content .big .show .pic img{width: 525px;height: 245px;}
.product .toggle .content .big .show::after{background-image: url(../image/product/type_big.png);}

/* construction */
.construction{padding-bottom: 70px;background: #fff;}
.construction .toggle{display: flex;height: 510px;}
.construction .toggle .tabs{width: 226px;padding: 16px;margin-right: 90px;border-radius: 10px;background: #f9f9f9;}
.construction .toggle .tabs > div{line-height: 66px;padding-left: 55px;margin-bottom: 20px;border-radius: 10px;font-size: 18px;background-repeat: no-repeat;background-position: 20px center;cursor: pointer;}
.construction .toggle .tabs > div:nth-child(1){background-image: url(../image/construction/tb1.png);}
.construction .toggle .tabs > div:nth-child(2){background-image: url(../image/construction/tb2.png);}
.construction .toggle .tabs > div:nth-child(3){background-image: url(../image/construction/tb3.png);}
.construction .toggle .tabs > div:nth-child(4){background-image: url(../image/construction/tb4.png);}
.construction .toggle .tabs > div:nth-child(5){background-image: url(../image/construction/tb5.png);}
.construction .toggle .tabs > div:hover,.construction .toggle .tabs > div.now{background-color: #ebf2ff;color: #38f;}
.construction .toggle .tabs > div:nth-child(1):hover,.construction .toggle .tabs > div.now:nth-child(1){background-image: url(../image/construction/tb1_now.png);}
.construction .toggle .tabs > div:nth-child(2):hover,.construction .toggle .tabs > div.now:nth-child(2){background-image: url(../image/construction/tb2_now.png);}
.construction .toggle .tabs > div:nth-child(3):hover,.construction .toggle .tabs > div.now:nth-child(3){background-image: url(../image/construction/tb3_now.png);}
.construction .toggle .tabs > div:nth-child(4):hover,.construction .toggle .tabs > div.now:nth-child(4){background-image: url(../image/construction/tb4_now.png);}
.construction .toggle .tabs > div:nth-child(5):hover,.construction .toggle .tabs > div.now:nth-child(5){background-image: url(../image/construction/tb5_now.png);}
.construction .toggle .content{flex: 1;}
.construction .toggle .content > div{display:none;}
.construction .toggle .content > div:first-child{display:block;}
.construction .toggle .content > div h2{line-height: 50px;margin-bottom: 5px;font-size: 28px;}
.construction .toggle .content > div h6{line-height: 25px;font-size: 16px;color: #666;font-weight: normal;}
.construction .toggle .content > div .pic{display: flex;justify-content: center;align-items: center;height: 430px;}

/* client */
.client{padding-bottom: 70px;background: url(../image/bg/client_bg.png) no-repeat center / cover;}
.client .table{padding: 30px 15px;background: #f9fbff;}
.client .table table{width: 100%;}
.client .table table td{width: 16.6%;height: 148px;text-align: center;}
.client .table table td .pic{display: flex;justify-content: center;align-items: center;width: 188px;height: 88px;margin: 0 auto;background: #fff;border: 1px solid #fff;}
.client .table table td:hover .pic{border-color: #0967fb;}
.client .table table td .pic img{max-width:170px;max-height:80px;}
.client .table table td .name{line-height: 24px;padding-top:15px;}
.client .table table td:hover .name{color: #0967fb;}

/* partner */
.partner{padding-bottom: 70px;background: #f7faff;}
.partner table{width: 100%;background: #fff;}
.partner table td{width: 20%;height: 148px;border: 1px solid #f0f0f0;text-align: center;}
.partner table td .pic{display: flex;justify-content: center;align-items: center;height: 76px;}
.partner table td:hover .pic{border-color: #0967fb;}
.partner table td .pic img{max-width:200px;max-height:76px;}
.partner table td .name{line-height: 24px;}
.partner table td:hover .name{color: #0967fb;}

/* introduce */
.introduce{padding-bottom: 70px;background: #fff;}
.introduce .number{display: flex;align-items: center;padding: 70px 0 40px;}
.introduce .number li{margin-right:70px;}
.introduce .number li h2{font-size: 34px;color: #0967fb;font-weight: bolder;}
.introduce .number li p{line-height: 30px;font-size: 16px;}
.introduce .info{display: flex;flex-flow: column;justify-content: center;height: 278px;line-height: 30px;padding: 0 530px 0 30px;background: url(../image/bg/introduce_bg.png) no-repeat center;}
.introduce .info h2{margin-bottom: 15px;font-size: 20px;}
.introduce .info p{text-align: justify;color: #666;}