@charset "utf-8";

/*1024px*/
@media (min-width:1024px) {

/* --- 公用样式 --- */
.pc{display:block;}
.wap{display:none;}
.wrap{max-width:1200px; margin:0 auto;}
.flex{display: flex; align-items: center; flex-wrap: wrap;}


/* --- btn --- */
.page_btn{border: 1px solid #ddd; padding: 8px 25px; border-radius: 4px;}
.page_btn:hover{ background:#1966FF; border:1px solid #1966FF; color: #fff;}
.page_btn.fill{ background:#1966FF; border:1px solid #1966FF;color: #fff;}


/* --- logo --- */
.page_logo {width: 180px;}


/* --- 分页 --- */
.page_showpage{margin-top:50px; margin-bottom:80px; text-align:center;}
.page_showpage a{display:inline-block; border:1px solid #efefef; padding:6px 15px; border-radius:4px; margin-left:2px; margin-right:2px;}
.page_showpage a.now{ background:#1966FF; color:#fff; border:1px solid #1966FF; }


/* --- 头部 --- */
.page_header{height:96px; position: sticky; left: 0; top: 0; width: 100%; background: #fff; z-index: 999; backdrop-filter: blur(10px); background-color: transparent;border-bottom: 1px solid #efefef;}
.page_header .wrap{justify-content: space-between; height: 100%;}


/* --- nav --- */
.page_nav{}
.page_nav .item{margin: 0 16px;}
.page_nav .item a{position: relative;}
.page_nav .item a::after{content:"";border-bottom: 2px solid #1966FF; height: 3px; position:absolute; width: 100%;left: 0;bottom: -10px; opacity: 0;}
.page_nav .item a.active{color: #1966FF;}
.page_nav .item a.active::after{ opacity: 1;}


/* --- tel --- */
.page_tel{color: #1966FF;}
.page_tel img{width: 32px;margin-right: 8px;}


/* --- column --- */
.page_column{text-align: center;padding: 80px 0;}
.page_column h3{font-size: 25px;  margin-bottom: 16px; font-weight: bolder;}
.page_column .text{color: #999;font-size: 16px;}


/* --- footer --- */
.page_footer{background: #141A24;}

/* box */
.page_footer .box{display: flex; padding: 40px 0; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,0.1);}

/* contact */
.page_footer .contact li{line-height: 250%; font-size: 14px; color: #999;}
.page_footer .contact li img{width: 16px;margin-right: 8px;}

/* nav */
.page_footer .nav{display: flex;}
.page_footer .nav dt{color: #fff;margin-bottom: 10px;}
.page_footer .nav dl{padding: 0 32px;}
.page_footer .nav em{display: block;line-height: 250%; }
.page_footer .nav em a{color: #999;}
.page_footer .nav em a:hover{color: #fff;}

/* qrcode */
.page_footer .qrcode{text-align: center;color: #999;}
.page_footer .qrcode .pic{margin-bottom: 10px;}
.page_footer .qrcode .pic img{width: 120px;}

/* copyright */
.page_footer .copyright{text-align: center;font-size: 12px;padding: 20px 0;}





/* ------ 首页 ------ */

/* --- banner --- */
.home_banner {}
.home_banner .item{height: 580px;}
.home_banner .item .box{height: 100%;}
.home_banner .item .text{font-size: 18px; width:500px;}
.home_banner .item .title{font-size: 40px;font-weight: bolder;color: #212121;}
.home_banner .item .btn {margin-top: 32px;}
.home_banner .item .btn a{ margin-right:16px; border: 1px solid #1966FF;}
.home_banner .item .btn a:nth-child(2){border: 1px solid #212121;}
.home_banner .item .btn a:nth-child(2):hover{ border: 1px solid #1966FF;}


/* --- service --- */

/* hd */
.home_service .hd ul{justify-content: space-between;}
.home_service .hd li{width: 23.2%;text-align: center; background: #F4F7FD; padding: 40px 0; border-radius: 4px; overflow: hidden; font-size: 18px;position: relative; border-bottom: 5px solid #EAEEFA; cursor: pointer;}
.home_service .hd li.on{position: relative; border-bottom: 5px solid #1966FF; color: #1966FF; background: linear-gradient(to bottom, #F4F7FD , #fff); }
.home_service .hd li.on::after{background: #1966FF; width: 100%; height: 5px; position: absolute; top: 0; left: 0;}
.home_service .hd li.on:before{content:""; background: url(../images/icon_tab.svg) no-repeat; position: absolute; left: 23%; top: calc(50% - 16px); background-size: 32px 32px; width: 32px; height: 32px; opacity: .3;}

/* bd */
.home_service .bd .box{padding: 80px 0;}
.home_service .bd .content{width: 40%; padding-left: 30px;}
.home_service .bd .content h3{font-size: 25px; margin-bottom: 20px; font-weight: 400;}
.home_service .bd .content p{font-size: 14px; margin-bottom: 40px; line-height: 150%;}
.home_service .bd .pic{margin-left: auto;}
.home_service .bd .pic img{height: 300px;}


/* --- about --- */
.home_about{background: linear-gradient(to bottom, #F4F7FD , #fff); padding-top: 80px;}
.home_about .pic{width: 50%;}
.home_about .box{width: 50%; padding-left: 80px; margin-top: -50px;}
.home_about .box h3{font-size: 25px; font-weight: bolder; margin-bottom: 20px;}
.home_about .box .text p{line-height: 180%;font-size: 14px;margin-bottom: 8px;}


/* --- data --- */
.home_data{background: linear-gradient(to bottom, #1966FF, #1995FF); padding: 64px 0;}
.home_data .item{width: 25%; text-align: center; border-right: 1px solid rgba(255,255,255,0.2);}
.home_data .item .number{font-size: 64px; color: #fff; font-family: din; line-height: 1;padding: 20px 0;}
.home_data .item .number::after{content: "+";font-size: 32px; font-weight: 400; margin-left: 8px;}
.home_data .item .text{color: #fff;font-size: 16px;opacity: .8;}
.home_data .item:last-child{border-right: none;}


/* --- scheme --- */
.home_scheme .item{width: 25%; text-align: center;position: relative;}
.home_scheme .item .title{ transition: all .3s; position: absolute; bottom: 0;left: 0; width: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.6)); height: 100%; color: #fff; display: flex;justify-content: center;align-items: center; font-size: 18px; }
.home_scheme .item .title p{line-height: 160%;}
.home_scheme .item .title:hover{background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));}


/* --- news --- */
.home_news {margin-bottom: 80px;}
.home_news .item{width: 380px; margin-left: 30px;}
.home_news .item:nth-child(3n+1){margin-left: 0;}
.home_news .item .pic{margin-bottom: 16px; overflow: hidden; height: 180px;border-radius: 4px;}
.home_news .item .title{padding: 5px 0; font-size: 16px; }
.home_news .item .text{color: #999;}
.home_news .more {justify-content: center; margin: 40px 0;}


/* --- contact --- */
.home_contact{background: linear-gradient(to bottom, #1966FF, #1995FF); padding: 56px 0;}

/* content */
.home_contact .content{color: #fff;}
.home_contact .content h3{font-size: 32px; color: #fff; margin-bottom: 20px; }
.home_contact .content p{font-size: 16px; opacity: .5;}

/* contact */
.home_contact .contact{margin-left: auto; color: #fff; }
.home_contact .contact .icon{margin-left: 20px;}
.home_contact .contact .right h3{font-size: 16px; color: #fff; margin-bottom: 20px; text-align: right; opacity: .5;}
.home_contact .contact .right p{font-size: 28px; font-family: din;}


/* --- link --- */
.home_link{padding: 40px 0; border-bottom: 1px solid rgba(255,255,255,0.1);}
.home_link .title{ color: rgba(255,255,255,0.3); margin-bottom: 16px; }
.home_link .list a{margin-right: 20px;color: #999;}
.home_link .list a:hover{color: #fff;}





/* ------ inner ------ */

/* --- banner --- */
.inner_banner{text-align: center; padding: 80px;}
.inner_banner h3{font-size: 25px; font-weight: bolder;margin-bottom: 20px;}
.inner_banner .text{color: #999;}


/* --- service --- */
.inner_service {margin-bottom: 80px;}
.inner_service .item{background: #F4F7FD; border-radius: 4px; overflow: hidden;margin-bottom: 32px;  transition: all .3s;}
.inner_service .item a{ justify-content: space-between; padding: 64px 80px; }
.inner_service .content {width: 50%;}
.inner_service .content h3{font-size:22px; margin-bottom: 16px;font-weight:bolder;}
.inner_service .content p{color: #999; margin-bottom: 32px;line-height: 200%;}
.inner_service .content .page_btn{display: inline-block; transition: all .3s;}
.inner_service .item:hover{background: linear-gradient(to bottom, #F4F7FD , #fff); }
.inner_service .item:hover .page_btn{background: #1966FF; color: #fff;border: 1px solid #1966FF;}
.inner_service .pic {width: 40%;}


/* --- news --- */
.inner_news {min-height: 50vh;}
.inner_news .wrap{padding: 0 8%;}
.inner_news .item{border-bottom: 1px solid #efefef;padding: 40px 0;}
.inner_news .item h3{font-size: 18px;margin-bottom: 16px;}
.inner_news .item .content{color: #999;}


/* --- show --- */
.inner_show {padding: 80px 0;}
.inner_show .wrap{padding: 0 8%;}
.inner_show h1{font-size: 25px;font-weight: bolder;text-align: center;} 
.inner_show .date{border-bottom: 1px solid #efefef;text-align: center;padding: 20px 0;margin-bottom: 40px; color: #999;}
.inner_show .content {min-height: 50vh;}
.inner_show .content p{line-height: 180%;font-size: 16px;margin-bottom: 30px;}



/* --- about --- */
.inner_about{ margin-bottom: 80px;}

/* left */
.inner_about .left{width: 55%;}
.inner_about .left h1{font-size: 25px;font-weight: bolder; margin-bottom: 32px;}
.inner_about .left .text p{line-height: 200%;}

/* right */
.inner_about .right{width: 40%;margin-left: auto;}
.inner_about .right img{border-radius: 4px;}


/* --- contact --- */
.inner_contact .wrap{display: flex; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; padding: 40px 0;}
.inner_contact .item{width: 25%; text-align: center;}
.inner_contact .item .icon{margin-bottom: 16px;}
.inner_contact .item .icon img{width: 32px;}
.inner_contact .item h3{margin-bottom: 16px;font-weight: bolder;}
.inner_contact .item img{width: 150px;}


/* --- honor --- */
.inner_honor{background: #f9f9f9; padding-bottom: 80px;}
.inner_honor .swiper{padding-bottom: 80px;}
.inner_honor .item{ text-align: center;  }
.inner_honor .item .pic{margin-bottom: 16px; border-radius: 4px; overflow: hidden; height: 243px; box-shadow: 0px 1px 2px #ececec;}
.inner_honor .item:nth-child(3n+1){margin-left: 0;}


/* --- scheme --- */
.inner_scheme {margin-bottom: 80px;}
.inner_scheme .wrap{justify-content: space-between;}
.inner_scheme .item{width: 49%;margin-bottom: 25px; border-radius: 4px; overflow: hidden;position: relative; }
.inner_scheme .item .box{position: absolute;left: 0;top:0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.6));padding: 32px;display: flex;align-items: flex-end;} 
.inner_scheme .item .text h3{font-size: 22px;color: #fff;margin-bottom: 10px;}
.inner_scheme .item .text p{color: #fff; line-height: 180%; opacity: .8;}
.inner_scheme .item .text em{color: #fff; display: none; margin-top: 10px;}
.inner_scheme .item .text i{width: 40px; height: 1px; background: #fff; display: block;margin-bottom: 16px;opacity: .3;}
.inner_scheme .item .text .eng{margin-bottom: 20px; opacity: .3;text-transform: uppercase;}
.inner_scheme .item:hover .box{background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));}


/* --- point --- */
.inner_point{ margin-top:-100px; padding-top:100px; display:block;}


/* --- service --- */

/* box */
.service_show .box{padding:64px 0; border-bottom: 1px solid #efefef; padding-bottom: 0;}
.service_show .text {width: 50%;}
.service_show .text h3{font-size: 32px;font-weight: bolder;margin-bottom: 16px;}
.service_show .text p{font-size: 16px;line-height: 180%;margin-bottom: 32px;}
.service_show .pic{margin-left: auto; width: 40%; display: flex;justify-content: flex-end;}

/* case */
.service_show .case{padding: 80px 0; min-height: 50vh;}



/* --- scheme --- */
.scheme_show .box{padding:64px 0; border-bottom: 1px solid #efefef;}
.scheme_show .text {width: 50%;}
.scheme_show .text h3{font-size: 32px;font-weight: bolder;margin-bottom: 16px;}
.scheme_show .text p{font-size: 16px;line-height: 180%;margin-bottom: 32px;}
.scheme_show .pic{margin-left: auto; width: 40%;}
.scheme_show .pic img{border-radius: 4px;}

/* case */
.scheme_show .case{padding: 80px 0; min-height: 50vh;}



}