/* ===================首页样式========================== */
.Header-cla .side{display:block}
._line{border-top:1px solid #dedede}
.com-tit{font-size:24px;font-weight:700;color:#333;line-height:1}
.label{display:inline-block;padding:3px 17px;font-size:14px;line-height:1;border-radius:3px;font-weight:400}
.label.hot{color:#ff9600;background-color:#fde4cc}
.Header-menu .nav_1 .one a{background:#4484ce}
/* .Header-menu .nav_1 .one a i{transform:rotate(180deg)} */
/* banner */
.index-banner{height:450px}
.index-banner .contain{height:100%;display:flex}
.banner{width:59%;margin-left:auto}
.banner .swiper-container{height:100%}
.banner a{display:block;height:100%}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{position:absolute;left:0;bottom:0}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0}
.banner .swiper-pagination{display:flex}
.banner .swiper-pagination-bullet{font-size:14px;color:#fff;flex:1;background:rgba(0,0,0,.4);border-radius:0;opacity:1;width:auto;display:flex;align-items:center;justify-content:center;height:38px;margin:0;transition:all .4s ease}
.banner .swiper-pagination-bullet:not(:first-child){margin-left:1px!important}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background:rgba(0,0,0,.6)}
.banner .slider-btn{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:39px;height:69px;color:#fff;background:0 0;cursor:pointer;transition:all .4s ease}
.banner .slider-btn.next{right:0}
.banner .slider-btn.next img{transform:rotate(180deg)}
.banner .slider-btn:not(.swiper-button-disabled):hover{background:rgba(0,0,0,.55)}
.indexBox{background:#fff;width:20.23%;padding:28px 28px 15px}
.indexBox .head p{display:flex;align-items:center}
.indexBox .head .p1{color:#333;font-size:16px;font-weight:700}
.indexBox .head .p2{font-size:12px;color:#999;margin-top:13px}
.indexBox .head img{padding-right:8px}
.indexBox .btn{background:#f59002;transition:background-color .4s ease;color:#fff;font-size:14px;height:35px;width:100%;margin-top:15px}
.indexBox .btn:hover{background-color:#d78613}
.indexBox .msg{margin-top:25px;display:flex}
.indexBox .msg a{display:block;width:33.33%;text-align:center}
.indexBox .msg a .icon{height:38px}
.indexBox .msg a p{color:#444;font-size:12px;margin-top:13px;transition:all .4s ease}
.indexBox .msg a:hover{text-decoration:underline}
.indexBox .msg a:hover p{transform:translateY(-2px)}
.indexBox .info{}
.indexBox .info .nav{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid #e5e5e5}
.indexBox .info .nav a{font-size:12px;transition:all .4s ease}
.indexBox .info .nav a:hover{color:#4484ce}
.indexBox .info .nav .lft{color:#333;font-size:0}
.indexBox .info .nav .lft a{display:inline-block;line-height:1;position:relative}
.indexBox .info .nav .lft a:after{content:'';width:100%;height:1px;bottom:-5px;background-color:#4484ce;position:absolute;left:0;opacity:0;transform:translateY(2px);transition:all .4s ease}
.indexBox .info .nav .lft a+a{margin-left:14px}
.indexBox .info .nav .lft a.active{color:#4484ce}
.indexBox .info .nav .lft a.active:after{opacity:1;transform:translateY(0)}
.indexBox .list{margin-top:16px;height:110px;overflow:hidden}
.indexBox .list .cell{height:100%}
.indexBox .list .cell li{height:auto}
.indexBox .list .cell:not(:first-child){display:none}
.indexBox .list a{font-size:12px;display:block;padding-left:11px;position:relative;transition:color .4s ease}
.indexBox .list a:after{content:'';width:4px;height:4px;background-color:#ff9c33;position:absolute;left:0;top:7px}
.indexBox .list a:hover{color:#ff9c33}
/* tab */
.index-tab .heading{flex-wrap: unset;}
.index-tab .nav{margin-left:-32px;width: 85%;display: flex;}
.index-tab .nav.flex{justify-content: space-between;flex-wrap: nowrap;}
.index-tab .nav a{font-size:15px;font-weight:300;color:#000;font-weight: 400; line-height:1;padding-bottom:6px;border-bottom:2px solid transparent;transition:all .4s ease;margin-left:32px;white-space:nowrap}
/* .index-tab .nav a:last-child{display: none;} */
.index-tab .nav a.active,.index-tab .nav a:hover{color:#4484ce}
.index-tab .nav a.active{border-color:#4484ce}
.index-tab .main-sub:not(:first-child){display:none}
.index-tab .lft{position:relative;width:25%;padding-top:33%}
.index-tab .lft .txt{position:absolute;left:0;top:0;width:100%;height:100%;color:#fff;padding:34px}
.index-tab .lft .txt .title{font-size:28px}
.index-tab .lft .txt p{font-size:14px;margin-top:10px}
.index-tab .lft .txt a{font-size:18px;margin-top:20px;width:122px;height:37px;border-radius:30px;border:1px solid #fff;transition:all .4s ease}
.index-tab .lft .txt a:hover{background-color:#fff;color:#4484ce}
.index-tab .rgt{flex:1}
/* .index-tab .rgt .item{margin-left:-1px;margin-top:-1px;background-color:#fff;width:calc(33.33% + 1px);height:calc(50% + 1px);border-top:1px solid #ececec;border-left:1px solid #ececec;padding:25px 28px;font-weight:300;transition:box-shadow .4s ease} */
.index-tab .rgt .item{margin-left:-1px;margin-top:-1px;background-color:#fff;width:calc(33.33% + 1px);border-top:1px solid #ececec;border-left:1px solid #ececec;padding:25px 28px;font-weight:300;transition:box-shadow .4s ease}
.index-tab .rgt .item:hover{box-shadow:0 8px 24px 0 rgba(122,122,122,.25);z-index:2}
.index-tab .rgt .item .title{font-size:18px;margin-top:10px;color:#000}
.index-tab .rgt .item p{height:40px;font-size:13px;line-height:20px;margin-top:6px;color: #333;}
.index-tab .rgt .item .btn{font-size:14px;color:#666;border:1.5px solid rgb(196, 196, 196);border-radius: 30px; margin-top:30px;width:92px;height:30px;transition:all .4s ease}
.index-tab .rgt .item .btn:hover{color:#fff;background-color:#f59002;border-color: #f59002;}


/* card */
.index-card .item{overflow:hidden;padding-top:30.616%;position:relative;width:32.4%;z-index:2}
.index-card .item:after{content:'';height:100%;width:100%;background:linear-gradient(180deg,rgba(0,0,0,0) 60%,#000 100%);position:absolute;left:0;top:0;z-index:0;transition:all .6s ease}
.index-card .item:before{content:'';height:100%;width:100%;background:linear-gradient(180deg,rgba(0,0,0,0) 20%,#000 100%);position:absolute;left:0;top:0;z-index:1;opacity:0;transition:all .6s ease}
.index-card .item .txt{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;padding:30px 48px;z-index:1;transform:translateY(110px);transition:all .6s ease}
.index-card .item .txt .icon{width:68px;height:68px;border-radius:50%;border:1px solid #fff}
.index-card .item .txt .tit{font-weight:500;font-size:24px;margin-top:15px;line-height:1}
.index-card .item .txt p{font-size:15px;line-height:22px;margin-top:10px;height:44px;opacity:0;transition:all .6s ease}
.index-card .item .txt .btn{width:96px;height:29px;border-radius:30px;background-color:#f59002;color:#fff;font-size:14px;margin-top:28px;opacity:0;transition:all .6s ease}
.index-card .item .txt .btn:hover{background-color:#d78613}
.index-card .item:hover:before{opacity:1}
.index-card .item:hover:after{opacity:0}
.index-card .item:hover .txt{transform:translateY(0)}
.index-card .item:hover p{opacity:1}
.index-card .item:hover .btn{opacity:1}
/* 认证 */
.index-cert a{display: block; background-color:#fff;width:20%;text-align:center;padding:46px 10px 38px;box-shadow:-2.575px 4.286px 25px 0 rgba(170,170,170,.07);transition:box-shadow .4s ease}
.index-cert a:hover{z-index:2;box-shadow:0 8px 24px 0 rgba(122,122,122,.25)}
.index-cert a+a{border-left:1px solid #ebebeb}
.index-cert a .icon{height:88px;display:flex;align-items:flex-end;justify-content:center}
.index-cert a .tit{color:#333;font-size:18px;margin-top:28px}
.index-cert a p{font-size:14px;margin-top:5px}
/* gra */
.index-gra .sub .lft{padding-top:21.46%;position:relative;width:53.8%}
.index-gra .sub .rgt{width:46.2%;background-color:#fff;display:flex;flex-direction:column;justify-content:center;padding:30px 54px 30px 66px}
.index-gra .sub .rgt .title{font-size:20px;font-weight:500;color:#333}
.index-gra .sub .rgt p{font-size:14px;line-height:24px;padding-top:10px;margin-top:10px;border-top:1px solid #ebe4e4}
.index-gra .sub .rgt .btn{color:#fff;font-weight:300;width:133px;height:40px;background-color:#f59002;margin-top:25px;transition:background-color .4s ease}
.index-gra .sub .rgt .btn:hover{background-color:#d78613}
/* news */
.index-news{background-color:#fff}
.index-news .lft{width:20%;border-right:1px solid #e7e7e7}
.index-news .lft .blk{position:relative}
.index-news .lft .blk:after{content:'';width:1px;height:100%;position:absolute;right:-1px;top:0;background:#4484ce}
.index-news .lft .nav{margin-top:20px;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}
.index-news .lft .nav a{display:inline-block;color:#333;font-weight:300;font-size:16px;transition:color .4s ease}
.index-news .lft .nav a.active{color:#2170b2}
.index-news .lft .nav a+a{margin-top:15px}
.index-news .lft .nav a:hover{text-decoration:underline}
.index-news .btn{color:#666;border-radius:30px;border:1px solid #666;font-size:14px;width:96px;height:29px;transition:all .4s ease}
.index-news .btn:hover{background-color:#f59002;border-color:#f59002;color:#fff}
.index-news .rgt{flex:1}
.index-news .rgt ul:not(:first-child){display:none}
.index-news .rgt li{float:left;width:33.33%;padding:0 0 0 40px}
.index-news .rgt li .in{width:220px;transition:all .3s ease;margin:0 auto;height:374px}
.index-news .rgt li.active .in{width:292px}
.index-news .rgt li:last-child{padding-right:0}
.index-news .rgt li .title{color:#333;font-size:18px;height:48px;line-height:24px;font-weight:700}
/* .index-news .rgt li .time{font-family:OPPOSANS-M;font-size:12px;font-weight:500;color:#666;margin-top:5px} */
.index-news .rgt li .time{font-size:12px;font-weight:500;color:#666;margin-top:5px}
.index-news .rgt li p{margin-top:15px;font-size:14px;line-height:23px;color:#666;height:46px}
.index-news .rgt li .pic{margin-top:40px;padding-top:50%;position:relative}
.index-news .rgt li .btn{margin-top:40px}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
  /* 1600 × (900) */
}
@media all and (max-width:1599px) {
  /* 1440 × (700)  */
  .label{padding: 2px 14px;font-size: 13px}
  .banner .swiper-pagination-bullet{height: 34px}
  .indexBox{padding: 24px 20px 15px}
  .index-tab .lft .txt{padding: 25px}
  .index-tab .nav a{margin-left: 20px;font-size: 14px;padding-bottom: 4px}
  .index-tab .nav{margin-left: -20px}
  .index-tab .lft .txt .title{font-size: 26px}
  .index-tab .lft .txt p{margin-top: 5px}
  .index-tab .lft .txt a{font-size: 16px;width: 110px;height: 34px}
  .index-tab .rgt .item{padding: 20px}
  .index-tab .rgt .item .btn{margin-top: 20px}
  .index-card .item .txt .tit{font-size: 22px}
  .index-card .item .txt .icon{width: 60px;height: 60px}
  .index-cert a{padding: 38px 10px}
  .index-cert a .tit{margin-top: 20px}
  .index-news .rgt li .btn{margin-top: 30px}
  .index-news .rgt li .pic{margin-top: 30px}
  .index-news .lft .nav a + a{margin-top: 10px}
  .index-news .rgt li{padding-left: 30px}
  .index-news .rgt li.active .in{width: 274px}
  .index-card .item .txt{padding: 30px 40px}
  .index-cert a .icon{height: 80px}
}
@media all and (max-width:1439px) {
  /* 1360 */
}
@media all and (max-width:1359px) {
  /* 1280 */
}
@media all and (max-width:1279px) {
  /* 1152 × (700) */
  .com-tit{font-size: 22px}
  .label{font-size: 12px;padding: 2px 10px}
  .Header-menu .nav_1 .one a{background: #404040}
  .Header-menu .nav_1 .one a i{transform:none}
  .indexBox .head .p1{font-size: 15px}
  .indexBox .head img{max-width: 25px;padding-right: 5px}
  .Header-cla .side{display: none}
  .banner{width: 75%}
  .indexBox{width: 25%}
  .index-banner{height: 430px}
  .indexBox{padding: 20px 15px}
  .indexBox .btn{height: 30px;margin-top: 10px;font-size: 13px}
  .indexBox .msg a .icon{height: 30px}
  .indexBox .msg a p{margin-top: 5px}
  .indexBox .info{margin-top: 10px;padding-top: 10px}
  .banner .swiper-pagination-bullet{font-size: 13px;height: 30px}
  .indexBox .list a{padding-left: 8px}
  .index-tab .nav a{margin-top: 10px;margin-left: 15px;display: inline-block;white-space:normal;text-align: center;}
  .index-tab .nav{margin-left: -15px;margin-top: 5px}
  .index-tab .lft .txt .title{font-size: 24px}
  .index-tab .lft .txt a{width: 100px;font-size: 14px;height: 30px}
  .index-tab .lft .txt{padding: 20px}
  .index-tab .rgt .item .title{font-size: 16px;margin-top: 5px}
  .index-tab .rgt .item{padding: 15px}
  .index-tab .rgt .item p{font-size: 13px;line-height: 18px;height: 36px;margin-top: 2px}
  .index-tab .rgt .item .btn{font-size: 13px;width: 70px;height: 24px;margin-top: 15px}
  .index-card .item .txt{padding: 30px}
  .index-card .item .txt .icon{width: 48px;height: 48px}
  .index-card .item .txt .icon img{max-height: 20px}
  .index-card .item .txt .tit{font-size: 20px;margin-top: 10px}
  .index-card .item .txt p{font-size: 14px;line-height: 20px;height: 40px}
  .index-card .item .txt .btn{width: 90px;height: 24px;font-size: 13px;margin-top: 20px}
  .index-cert a .icon{height: 70px}
  .index-cert a .tit{font-size: 16px;margin-top: 10px}
  .index-cert a p{font-size: 13px}
  .index-cert a{padding: 30px 5px}
  .index-gra .sub .rgt{padding: 30px}
  .index-gra .sub .lft{padding-top: 30%}
  .index-gra .sub .rgt .btn{width: 120px;height: 35px;font-size: 13px}
  .banner .slider-btn{width: 30px;height: 60px}
  .banner .slider-btn img{height: 25px}
  .index-news .rgt li.active .in,.index-news .rgt li .in{width: 100%}
  .index-news .rgt li .title{font-size: 16px;height: 44px;line-height: 22px}
  .index-news .rgt li .in{height: auto}
  .index-news .btn{width: 90px;height: 26px;font-size: 13px}
  .index-news .rgt li .btn{margin-top: 20px}
  .index-news .rgt li .pic{margin-top: 20px}
  .index-news .lft .nav a{font-size: 15px}
  .index-news .lft .nav a + a{margin-top: 5px}
}
@media all and (max-width:1151px) {
  /* 1024 */
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
  /* 平板设备 720 适配 */
  .Header-cla .side{display: none}
  .index-banner{padding: 40px 0 0;height: auto}
  .indexBox{display: none}
  .banner{width: 100%;height: 300px}
  .index-tab .nav{display:flex;overflow-x: auto;overflow-y: hidden;margin-left: 0}
  .index-tab .nav a:first-child{margin-left: 0}
  .index-tab .lft{width: 100%}
  .index-card .item .txt{padding: 10px 15px 20px;transform: translateY(70px)}
  .index-card .item .txt .tit{font-size: 18px;margin-top: 5px}
  .index-card .item .txt .icon{width: 40px;height: 40px}
  .index-card .item .txt .icon img{max-height: 16px}
  .index-card .item .txt p{font-size: 13px;line-height: 18px;height:36px;margin-top: 10px}
  .index-card .item .txt .btn{margin-top: 10px}
  .index-cert a .icon{height: 60px}
  .index-cert a .tit{font-size: 14px;margin-top: 5px}
  .index-cert a p{font-size: 12px;margin-top: 2px}
  .index-cert a{padding: 20px 5px}
  .index-gra .sub .rgt{padding: 20px}
  .index-gra .sub .rgt p{font-size: 13px;line-height: 22px}
  .index-gra .sub .rgt .btn{height: 32px;margin-top: 15px}
  .index-news .lft{width: 16%}
  .index-news .rgt li{padding-left: 20px}
  .index-news .rgt li .title{font-size: 15px;height: 40px;line-height: 20px}
  .index-news .rgt li p{font-size: 13px;line-height: 22px;height: 44px;margin-top: 10px}
  .index-news .btn{width: 84px}
  .index-news .lft .nav a{font-size: 14px}
}
@media all and (max-width:640px) {
  /* 移动终端以上 360 适配 */
  .com-tit{font-size: 20px;white-space: nowrap;}
  .index-tab .nav{margin-left: 20px;}
  .index-tab .nav a{margin-top: 0;}
  .banner{height: 260px}
  .banner .swiper-container-horizontal > .swiper-pagination-bullets{display: none}
  .banner .slider-btn{width: 22px;height: 50px}
  .banner .slider-btn img{height: 20px}
  .index-tab .nav a{margin-left: 10px}
  .index-tab .rgt .item{width: calc(50% + 1px);height: auto}
  .index-card .item{width: 100%;padding-top: 70%}
  .index-card .item:not(:first-child){margin-top: 10px}
  .index-tab .lft{padding-top: 66%}
  .index-cert a{width: 100%;margin-top: 15px;}
  .index-cert a + li{border-left: 0;margin-top: 1px}
  .index-gra .sub .lft{width: 100%;padding-top: 40%}
  .index-gra .sub .rgt{width: 100%}
  .index-news .lft{width: 100%;border-right: 0;padding-bottom: 0}
  .index-news .rgt{width: 100%}
  .index-news .rgt li{width: 100%;padding-left: 0}
  .index-news .rgt li+li{margin-top: 20px;padding-top: 20px;border-top: 1px dashed #e7e7e7}
  .index-news .lft .blk:after{display: none}
  .index-news .lft .nav{flex-direction: row;margin-top: 10px}
  .index-news .lft .nav a + a{margin: 0 0 0 5px}
  .index-news .blk+.btn{margin-top: 15px}
  .index-gra .sub .rgt .title{font-size: 18px}
  .index-gra .sub .rgt{padding: 20px 15px}
  .index-banner{padding-top: 20px}
  .index-tab .lft .txt .title{font-size: 22px}
  .index-tab .nav a{white-space: nowrap;}
}