@font-face {
  font-family:'PingFang';
  src: url('../font/PingFang-Medium.ttf');
}

*{ padding:0; margin:0; box-sizing: border-box; font-family: 'PingFang' !important; }
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none !important; }
body{ margin:0px; padding:0px; font-size:12px;font-family: "PingFang";color:#000;line-height:1; }
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "PingFang"; border: none; outline: none; background: transparent !important; box-shadow: none; -webkit-appearance: none; }
select{ font-family: "PingFang"; border: none; outline: none; background: none; box-shadow: none; }
ul,li{ list-style:none}

a{
	text-decoration: none; /* 取消下划线 */
	color: inherit; /* 使用继承的颜色，取消链接颜色变化 */
}
.pages{ min-height: 100vh; }
.cont{ width: 1200px; margin:0 auto;}
.flex1{ flex:1; }
.hidden{ overflow: hidden; }

:root {
  --txt-color:rgba(0,0,0,0.85); --main-color:#2F54EB; --txt-hui:rgba(0,0,0,0.45);
}

/*修改*/
.tm-scroll-bar::-webkit-scrollbar { width: 4px;  height: 1px; }
.tm-scroll-bar::-webkit-scrollbar-thumb { border-radius: 10px; background-color: transparent; }
.tm-scroll-bar::-webkit-scrollbar-track { border-radius: 10px; background:transparent; }
/*修改*/

.topHead{ background-color: #FFF; height: 69px; position: relative; z-index: 9; padding: 0 0 0 3.4vw; display: flex; align-items: center; box-shadow: 0px 2px 6px -2px rgba(0,0,0,0.16); position: fixed; left: 0; top: 0; width: 100%; z-index: 3;}
.topHead .logo{ display: block; width: 123px; cursor: pointer; margin-right: 40px; }
.topHead .logo img{ display: block; width: 100%; }
.topHead .nav{ overflow: hidden; line-height: 69px; color:var(--txt-color); flex:1;}
.topHead .nav a{ float: left; margin-right: 32px; cursor: pointer; font-size: 14px; transition: all 0.4s; outline: none; text-decoration: none; color:var(--txt-color);  }
.topHead .nav a.on{ color: var(--main-color); font-weight: bold; }
.topHead .nav a:hover{ color: var(--main-color); font-weight: bold; }
.topHead .jump{ display: flex; align-items: center; justify-content: center; font-size: 14px; color: var(--main-color); cursor: pointer; margin-right: 32px; font-weight: bold; }
.topHead .fastjoin{ padding: 0 20px; background-color: var(--main-color); display: flex; align-items: center; justify-content: center; font-size: 14px; color: #fff; cursor: pointer; height: 69px; line-height: 69px; }
.topHeadzw{ height: 69px; }

.flex{ display: flex; align-items: center; }
.flex-center{ display: flex; align-items: center; justify-content: center; }
.flex-between{ display: flex; align-items: center; justify-content: space-between; }
.flex-around{ display: flex; align-items: center; justify-content: space-around; }
.flex-column{ display: flex; align-items: center; justify-content: center; flex-direction: column; }

.tit{ text-align: center; margin-bottom: 50px; }
.tit h3{ font-size: 40px; color: #03112E; line-height: 44px; font-weight: bold; }
.tit p{ font-size: 20px; color: var(--txt-hui); line-height: 32px; margin-top: 16px;}
.rowtwo{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}


.makepart{ background:url(../img/img5.png) no-repeat left top / cover;}
.makepart.newbg{background:url(../img/newbg.png) no-repeat left top / cover;}
.makepart .cont{ padding:72px 0 88px;}
.makepart .tabbox{ margin-bottom: 24px; }
.makepart .tabbox .tabs{ display: flex; align-items: center; justify-content: center;}
.makepart .tabbox .taba{ font-size:16px; color:var(--txt-color); line-height:36px; cursor:pointer; padding:0 8px; margin-right:16px; position:relative; margin-bottom:24px;}
.makepart .tabbox .taba.on{ color:var(--main-color); font-weight:bold; font-family: 'Pingfang'; }
.makepart .tabbox .taba.on:after{ content:""; position:absolute; left: 0; bottom:0; width:100%; height:2px; background-color:var(--main-color); z-index:1; }
.makepart button{ display:block; padding: 16px 32px; border-radius: 8px; width:154px; height:48px; background-color:var(--main-color); font-size:18px; color:#fff; border:none; outline:none; padding:0; cursor:pointer; border-radius:4px; transition:all 0.4s;}
.makepart .mmtit{ font-size: 56px; color: #000; margin-bottom: 52px; text-align: center; font-weight: bold; line-height: 1.5; }
.makepart .pbar{ width: 900px; padding: 16px 24px; background-color: #fff; border:1px solid #D9D9D9; border-radius: 12px; margin:0 auto; }
.makepart .pbar input{ height: 60px; line-height: 60px; display: block; width: 100%; flex:1; margin-right: 20px; font-size: 16px; }

.ptnew{background: linear-gradient(89.99999deg, #EDF5FF 4%, #EEF2FB 100%); height: 56px; font-size: 14px; color: #000; overflow: hidden; }
.ptnew .title{ font-weight: bold; width: 100px;  }
.ptnew .title img{ display: block; width: 24px; height: 24px; margin-right: 10px; }
.ptnew .swiper{ width: calc(100% - 100px); height: 56px; }
.ptnew .itema{ display: flex; align-items: center; justify-content: space-between; cursor: pointer; height: 56px; }
.ptnew .itema span{ width: 90%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.ptnew .itema i{ font-style: normal; }
.ptnew .itema:hover{ color: var(--main-color); }

.tools{background: linear-gradient(101.192825deg, #D7E6FF 1%, rgba(239, 244, 255, 0.95) 7%, rgba(244, 246, 255, 0.67) 93%, #DCE1FF 100%); padding: 64px 0; }
.tools.bgf{ background: #fff; }
.tools .info{ width:96%; max-width: 1000px; margin:0 auto 32px;}
.tools .info .item{ padding:0; cursor:pointer; transition:all 0.4s; line-height: 48px; margin-bottom:16px; text-align: center; padding-bottom: 2px; position: relative; }
.tools .info .item:after{ content: ""; position: absolute; left: 50%; bottom: 0; width: 16px; height: 2px; background-color: #fff; margin-left: -8px; }
.tools .info .item.on:after{ background-color: var(--main-color); }
.tools .info .item .name{ font-size:20px; color:var(--txt-hui); padding: 10px 0; line-height: 30px; }
.tools .info .item.on .name{ color: #000; font-weight: bold; }
.tools .info .item img{ display: block; width: 48px; margin:0 auto; }
.tools .shows{ padding-top: 60px; }
.tools .shows .sban{ position: relative; padding:70px 24% 70px 26%; background: url(../img/icon8.png) no-repeat right bottom / cover ; border-radius: 12px; min-height: 484px; display: none;  }
.tools .shows .sban.on{ display: block; }
.tools .shows .sban .pics{ position: absolute; left:3.75%; top: -60px; width:20%; z-index: 2; background: #fff; border: 4px solid #CDDFFF; border-radius: 36px; }
.tools .shows .sban .pics .pic{ display: block; width: 100%;  }
.tools .name{ font-size: 24px; color: #000; line-height: 1.5; font-weight: bold; }
.tools .ctab{ margin:16px 0 32px; overflow: hidden; }
.tools .ctab span{ float: left; font-size: 14px; color: #000; padding: 0 20px; border-radius: 100px; line-height: 36px; cursor: pointer; margin-right: 16px; }
.tools .ctab span.on{ color: var(--main-color); background-color: rgba(47, 84, 235, 0.10); font-weight: bold; }
.tools .ltitle{ line-height: 24px; font-size: 14px; color: #000; font-weight: bold; margin-bottom: 16px;  }
.tools .line{ display: none; }
.tools .line.on{ display: block; }
.tools ul{ font-size: 14px; color: #000; line-height: 24px; }
.tools ul li{ margin-bottom: 16px; padding-left: 20px; position: relative; }
.tools ul li:before{ content: ""; position: absolute; width:4px; height: 4px; background-color: #000; border-radius: 50%; left: 8px; top: 10px;  }
.tools ul li:last-child{ margin-bottom: 0px; }
.tools .goa{ display: block; border-radius: 4px; border:1px solid var(--main-color); font-size: 14px; color: var(--main-color); font-weight: bold; line-height: 36px; width: 120px; text-align: center; margin-top: 32px; cursor: pointer;  }
.tools .goa:hover{ background-color:var(--main-color); color: #fff;  }


.intro{ padding:60px 0 40px; background-color: #fff;}
.intro .libs{ overflow:hidden;}
.intro .lib{ width:336px; width: 31.5%; float:left; margin-bottom:24px;background: #5778FF; border-radius: 8px; padding: 24px; }
.intro .lib .icon{ display:block; height:48px;  }
.intro .lib .name{ margin:8px 0; font-size:20px; color:#fff; line-height:40px;  font-weight:bold;}
.intro .lib .desc{ font-size:14px; line-height:1.5; color:#fff; }
.intro .lib:nth-child(3n+2){ margin:0 2.75%;}
    



.news{background: linear-gradient(107.00401deg, #E0D7FF 1%, rgba(239, 244, 255, 0.95) 7%, rgba(244, 246, 255, 0.67) 93%, #DCE1FF 100%); padding:64px 0;}
.news .ntab{ display:flex; margin-bottom:24px;}
.news .ntab .taba{ float:left; font-size:16px; color:var(--txt-color); line-height:40px; cursor:pointer; padding:0 8px; margin:0 8px; position:relative;}
.news .ntab .taba.on{ color:var(--main-color); font-weight:bold;}
.news .ntab .taba.on:after{ content:""; position:absolute; left: 0; bottom:0; width:100%; height:2px; background-color:var(--main-color); z-index:1; }

/*修改*/
.news .list{ padding:12px 0px; overflow:hidden; display: none;}
.news .list.on{ display: block;}
/*修改*/
.news .item{ padding:16px; overflow:hidden; float:left; width: 22.6%; border-radius: 8px; background-color: #fff; margin-right: 3.2%; text-decoration: none; margin-bottom:2%; }
.news .item .pic{ width: 100%; height: 0; position: relative; padding-bottom: 66.66%; overflow:hidden; }
.news .item .pic img{ display:block; width:100%; position: absolute; left: 0; top: 0;  transition:all 0.4s; }
.news .item .pic img:hover{ transform:scale(1.05);}
.news .item .info{padding-top:8px;}
.news .item .info .name{ font-size:14px; color:#03112E; line-height:1.8; cursor:pointer; font-weight:bold;height:30px}
.news .item .info .name:hover{ color:var(--main-color);}  
.news .item .info .time{ font-size:14px; color:var(--txt-hui); line-height:24px; margin-top:8px;}
.news .item:nth-child(4n){ margin-right: 0; }


.issue{ padding:64px 0 40px;background: linear-gradient(107.00401deg, #E0D7FF 1%, rgba(239, 244, 255, 0.95) 7%, rgba(244, 246, 255, 0.67) 93%, #DCE1FF 100%); }
.issue .list{ overflow:hidden; }
.issue .item{ width:23%; float:left; box-shadow: 0px 0px 98px 16px #f2f2f2; padding:24px 32px; background-color:#fff; margin-bottom:24px; margin-right: 2.66%; cursor: pointer;}
.issue .item:nth-child(4n){ margin-right: 0;}
.issue .item .name{ font-size:16px; line-height:24px; font-weight:bold; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;color:var(--main-color); }
.issue .item .desc{ font-size:14px; line-height:24px; margin-top:8px; color:var(--txt-hui); text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; font-weight: 400; line-clamp: 4; -webkit-box-orient: vertical; }
.issue .item:hover .name{ color:#000;}
.issue .item:hover .desc{ color:#000;}


.pfoot .taste{ background:url(../img/img6.png) no-repeat right bottom / cover; padding:48px 0;}
.pfoot .taste .title{ font-size:40px; line-height:60px; color:#fff; font-weight:bold; }
.pfoot .taste .desc{ font-size:20px; line-height:32px; color:#fff; margin-top:10px; }
.pfoot .taste .go{ width:156px; height:48px; border-radius:4px; font-size:18px; color:#0181DE; margin-top:50px; background-color:#fff; cursor:pointer; transition:all 0.4s;}
.pfoot .taste .go:hover{ transform:scale(1.05);}
.pfoot .fastlink{ padding:45px 0 25px; border-bottom:1px solid #BABABA;}
.pfoot .fastlink .cont{ align-items: start; }
.pfoot .fastlink .sin h3{ font-size:16px; line-height:24px; font-weight:bold; color:var(--txt-color); }
.pfoot .fastlink .sin .lka{ display:block; font-size:14px; color:rgba(0,0,0,0.45); line-height:20px; margin-top:16px; cursor:pointer; }
.pfoot .fastlink .sin .lka:hover{ color:var(--main-color);}	
.pfoot .fastlink p{display:block; font-size:14px; color:rgba(0,0,0,0.45); line-height:20px; margin-top:16px;}
.pfoot .fastlink .codes{ margin-top:16px; overflow:hidden;}
.pfoot .fastlink .codes .pic{ display:block; width:120px; text-align: center; margin-right:16px; float:left; overflow:hidden; font-size: 12px; color: #000; line-height: 20px;}
.pfoot .fastlink .codes .pic img{ display:block; width:120px; height:120px; cursor:pointer; transition:all 0.4s; margin-bottom: 8px;}
.pfoot .fastlink .codes .pic img:hover{transform: scale(1.1);}
.pfoot .fastlink .codes .pic:last-child{ margin-right:0; }
.pfoot .fastlink .codes .more{ float: left; }
.pfoot .fastlink .codes .wechat{ font-size: 16px; color: #000; line-height: 32px; margin-bottom: 16px; }
.pfoot .fastlink .codes .wechat img{ display: block; width: 32px; height: 32px; margin-right: 8px;  }
.pfoot .fastlink .codes .gofind{ cursor: pointer; width: 120px; height: 40px; background-color: var(--main-color); font-size: 16px; color: #fff; line-height:40px; }
.pfoot .fastlink .codes .gofind img{ display: block; width: 16px; height: 16px; margin-right: 8px;  }
.pfoot .foot{ min-height:50px;}
.pfoot .foot p{font-size:13px; color:#777779;}
.smsize{ display: none; }	




.bans{background:url(../img/pricebg.png) no-repeat left top/100% 100%}
.bans.pt{background:url(../img/ptbg.png) no-repeat left top/100% 100%}
.bans .cont{height:316px;}
.bans h3{font-size:40px;line-height:44px;color:#03112e;font-weight:bold}
.bans h4{font-size:20px;line-height:32px;color:rgba(0,0,0,.45);font-weight:normal;margin-top:16px;margin-bottom:32px; text-align: center;}
.bans .go{width:172px;height:48px;background-color:var(--main-color);font-size:18px;color:#fff;border-radius:4px;cursor:pointer;-webkit-transition:all .4s;transition:all .4s}
.bans .go:hover{-webkit-transform:scale(1.01);transform:scale(1.01)}

.cppart{padding:64px 0;}
.cppart .list{overflow:hidden; border-right:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9;}
.cppart .list .line{overflow:hidden; position:relative; width: 20%; float: left; }
.cppart .list .up .line{ border-left:1px solid #D9D9D9; border-top:1px solid #D9D9D9; height: 240px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.cppart .list .up .line.on{ background: url(../img/icon19.png) no-repeat left top / 76px auto; }
.cppart .list .down .line > div,
.cppart .list .down .line p{ border-left:1px solid #D9D9D9; border-top:1px solid #D9D9D9;}
.cppart .list .line b{font-size:20px; display: block; font-weight: bold; color: #000;}
.cppart .list .line b{font-size:20px; font-weight: bold; color: #000;}
.cppart .list .line .blue{ color: var(--main-color) !important;}
.cppart .list .line em{ color: var(--main-color); font-weight: bold; padding: 0 5px; font-size:40px; font-style: normal; line-height: 0.8; }
.cppart .list .jg{ display: flex; align-items: flex-end; justify-content: center; color: #000; line-height: 1; height: 40px; margin:32px 0; }

.cppart .list .line p{width:20%; float:left;text-align:center;font-size:16px; color: #000; height:44px; display: flex; align-items:center; justify-content: center;}
.cppart .list .line p img{display:block;width:24px;height:24px;}
.cppart .list .line .go{width:80%; height:48px; border-radius:4px;background-color:var(--main-color);font-size:18px;color:#fff}
.cppart .list .down .line{width: 100%; }
.cppart .down .line:nth-child(2n+1){ background: #F6F6F9; }

.steps{padding:64px 0}
.steps .both{padding:0 32px}
.steps .both .pic{width:400px;}
.steps .both .pic img{display:block;width:400px; display: none;}
.steps .both .infos{width:656px; width: calc(100% - 420px); max-width: 656px;}
.steps .both .infos h3{font-size:32px;color:var(--txt-color);line-height:48px;font-weight:bold}
.steps .both .infos h4{font-size:16px;color:rgba(0,0,0,.45);line-height:24px;margin:16px 0 26px}
.steps .both .infos .tabs p{font-size:16px;color:var(--txt-color);line-height:24px;height:72px;border:1px solid rgba(0,0,0,.15);padding:0 16px;font-weight:bold;margin-bottom:8px;cursor:pointer;border-radius:4px}
.steps .both .infos .tabs p span{border-radius:50%;margin-right:16px;width:32px;height:32px;border:1px solid #d9d9d9;font-size:16px;color:#000}
.steps .both .infos .tabs p.on{color:var(--main-color)}
.steps .both .infos .tabs p.on span{background-color:var(--main-color);color:#fff}

.edge{background: linear-gradient(112.26987deg, #D7E6FF 1%, rgba(239, 244, 255, 0.95) 7%, rgba(244, 246, 255, 0.67) 93%, #DCE1FF 100%);padding:64px 0}
.edge .libs .lib{width:23.33%;background-color:#fff;padding:32px 16px;text-align:center}
.edge .libs .lib .icon{display:block;width:64px;height:64px;margin:0 auto}
.edge .libs .lib .name{font-size:18px;color:#071E4D;line-height:36px;font-weight:bold}
.edge .libs .lib .desc{font-size:14px;line-height:24px;color:#071E4D;}


.flex{ display: flex; align-items: center; }
.flex-center{ display: flex; align-items: center; justify-content: center; }
.flex-between{ display: flex; align-items: center; justify-content: space-between; }
.flex-around{ display: flex; align-items: center; justify-content: space-around; }
.flex-column{ display: flex; align-items: center; justify-content: center; flex-direction: column; }



.infos{padding:60px 32px}
.infos .title{font-size:24px;line-height:32px;color:var(--txt-color);font-weight:bold;text-align:center}
.infos .time{font-size:14px;line-height:24px;color:rgba(0,0,0,.45);margin:16px 0;text-align:center}
.infos .word{font-size:14px;line-height:24px;color:var(--txt-color)}
.infos .word img{display:block;max-width:100%;margin:16px auto}

.smsize{ display: none; }




@media screen and (max-width: 1220px){
	.cont{ width: 96%; margin:0 auto;}
	.tit{ text-align: center; margin-bottom: 40px; }
	.tit h3{ font-size: 35px; color: #03112E; line-height: 44px; font-weight: bold; }
	.tit p{ font-size: 18px; color: var(--txt-hui); line-height: 32px; margin-top: 16px;}
	
	.makepart .mmtit{ margin-bottom: 46px; }
	.tools .shows .sban{ padding:50px 24% 50px 26%; }
}
@media screen and (max-width: 1024px){
	.cont{width: 100%; margin:0 auto; padding-left: 0.32rem; padding-right: 0.32rem;}

	
	
	
	.flogo{ padding:0.16rem 0;}
	.flogo .logo{ width:2.22rem; margin:0 auto; display:block;}
	.flogo .logo img{ display:block; width:100%; }

	
	.pfoot .taste{background:var(--main-color);padding:.64rem;}
	.pfoot .taste .title{font-size:.4rem;line-height:.6rem;color:#fff;font-weight:bold;}
	.pfoot .taste .desc{font-size:.24rem;line-height:.48rem;color:#fff;margin-top:.16rem;text-align:center;}
	.pfoot .taste .go{width:2.56rem;height:.64rem;border-radius:.08rem;font-size:.32rem;color:#0181de;margin-top:.64rem;background-color:#fff;cursor:pointer;-webkit-transition:all .4s;transition:all .4s;}
	.pfoot .taste .go:hover{-webkit-transform:scale(1.05);transform:scale(1.05);}

	.topHeads{ background-color: #FFF; height: 0.88rem; position: relative; z-index: 9; padding: 0 0 0 0.32rem; display: flex; align-items: center; justify-content: space-between; box-shadow: 0px 2px 6px -2px rgba(0,0,0,0.16); position: fixed; left: 0; top: 0; width: 100%; z-index: 3;}
	.topHeads .logo{ display: block; width: auto; height: 0.88rem; cursor: pointer; }
	.topHeads .logo img{ display: block; width: auto; height: 0.88rem; }

	.topHeads .jump{ display: flex; align-items: center; justify-content: center; width: 0.88rem; height: 0.88rem; }
	.topHeads .jump img{ display: block; width: 0.44rem; }
	.topHeadzw{ height: 0.88rem; }

	.navdrop{ position: fixed; left: 0; top: 0.88rem; width: 100%; bottom: 0; right:0; z-index: 99; height: 0; }
	.navdrop.on{ height: auto; }
	.navdrop .dropbg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0,0,0,0.1); }
	.navdrop .nav{ position: absolute; left: 0; top: 0; width: 100%; background-color: #fff; z-index: 2; /*padding: 0.32rem;*/ box-shadow:inset 0px 3px 6px -4px rgba(0,0,0,0.16); height: 0; overflow: hidden; transition: all 0.4s; }
	.navdrop.on .nav{ padding: 0.32rem; height: auto; }
	.navdrop .nav a{ display: flex; align-items: center; cursor: pointer; font-size: 0.32rem; height: 1.12rem; transition: all 0.4s; color: #03112E; padding: 0 0.32rem; background-color: #fff; margin-bottom: 0.08rem; box-shadow: 0 0 0.05rem rgba(0,0,0,0.08); border-radius: 0.08rem; font-weight: bold; text-decoration: none; }
	.navdrop .nav a span{ flex: 1; }
	.navdrop .nav a .icon{ display: block; width: 0.4rem; margin-right: 0.32rem; }
	.navdrop .nav a .jt{ display: block; width: 0.32rem; margin-left: 0.32rem; }
	.navdrop .nav a.on{ color: var(--main-color); }	

	.page{ padding: 0.32rem 0.32rem 0; }
	.shadow{ box-shadow: 0 0 0.3rem rgba(0,0,0,0.08); margin-bottom: 0.32rem; border-radius: 4px; }

	

	.tit{ text-align: center; margin-bottom: 0.32rem; }
	.tit h3{ font-size: 0.36rem !important; color: #03112E; line-height: 0.56rem !important; font-weight: bold; }
	.tit p{ font-size: 0.28rem; color: rgba(0,0,0,0.45); line-height: 0.48rem; margin-top: 0.2rem;}
	.rowtwo{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}

	

	.fastgo{padding:.48rem 0}
	.fastgo .libs{overflow:hidden}
	.fastgo .libs .lib{text-align:center;padding:.32rem;background-color:#F7FAFF;width:2.96rem;border-radius:4px;}
	.fastgo .libs .lib img{display:block;width:0.64rem;height:.64rem;margin:0 auto .16rem}
	.fastgo .libs .lib p{font-size:.28rem;line-height:.48rem;color:var(--txt-color);font-weight:bold;}
	.fastlink .lka{padding:.32rem;border-bottom:.02rem solid #f5f5f5}
	.fastlink .lka .icon{display:block;width:.48rem;height:.48rem}
	.fastlink .lka p{padding:0 .32rem;font-size:.24rem;line-height:.48rem;color:rgba(0,0,0,.45);-webkit-box-flex:1;-ms-flex:1;flex:1}
	.fastlink .lka p b{display:block;font-weight:bold;font-size:.32rem;line-height:.48rem;color:var(--txt-color);margin-bottom:.1rem}
	.fastlink .lka .jt{display:block;width:.32rem;height:.32rem}
	.fastlink .lka:last-child{border-bottom:none}

	.news{padding:.16rem 0rem; background: #fff;}
	.news .ntab{white-space:nowrap;padding:.06rem 0;overflow-x:auto;margin-bottom:.32rem; display: block;}
	.news .ntab .taba{display:inline-block;font-size:.28rem;color:var(--txt-color);line-height:.64rem;cursor:pointer;padding:0 .1rem;margin-right:.12rem;position:relative; float: none;}
	.news .ntab .taba.on{color:var(--main-color);font-weight:bold}
	.news .ntab .taba.on:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:.04rem;background-color:var(--main-color);z-index:1}
	.news .list{ padding: 0; }
	.news .list .item{padding:0;margin-bottom:.32rem;overflow:hidden;width:100%; width: 100%; border-radius: 0;}
	.news .list .item .pic{float:left;width:1.92rem;height:1.44rem;overflow:hidden; padding: 0;}
	.news .list .item .pic img{display:block;width:1.92rem;height:1.44rem;-webkit-transition:all .4s;transition:all .4s}
	.news .list .item .info{float:left;margin-left:.24rem;width:calc(100% - 2.16rem); padding-top: 0;}
	.news .list .item .info .name{font-size:.28rem;color:#03112e;cursor:pointer;font-weight:bold}
	.news .list .item .info .time{font-size:.24rem;color:var(--txt-hui);line-height:.36rem;margin-top:.16rem}

	.bans{ background-size: auto 100% !important; background-position: right bottom !important;}
	.bans .cont{min-height:2.88rem; height:auto; padding-top: 0.64rem; padding-bottom: 0.64rem;}
	.bans h3{font-size:.32rem;line-height:.48rem;color:#03112e;font-weight:bold; text-align: center;}
	.bans h3.s20{ font-size: 0.4rem; line-height: 1.5; }
	.bans h4{font-size:.28rem;line-height:.48rem;color:rgba(0,0,0,.45);font-weight:normal;margin-top:.16rem; margin-bottom: 0; }
	.bans .go{width:2.32rem;height:.8rem;background-color:var(--main-color);font-size:.28rem;color:#f9fafc;border-radius:4px;cursor:pointer;-webkit-transition:all .4s;transition:all .4s;margin-top:.32rem}

	.cppart{padding:.32rem 0 .01rem}
	.cppart .list{overflow:hidden}
	.cppart .list .line{overflow:hidden;height:.92rem;padding-bottom:.32rem;position:relative}
	.cppart .list .line .name{width:2.6rem;float:left;font-size:.32rem;line-height:.6rem;min-width:2.6rem}
	.cppart .list .line p{width:calc(25% - 0.75rem);margin-left:.1rem;float:left;text-align:center;font-size:.28rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:.6rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
	.cppart .list .line p img{display:block;width:.32rem;height:.32rem}
	.cppart .list .line .go{width:.64rem;height:.52rem;border-radius:4px;background-color:var(--main-color);font-size:.24rem;color:#fff}
	.cppart .list .line i{display:block;width:.64rem;height:.28rem;border-radius:2px;background-color:#fa541c;font-size:.2rem;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-style:normal;position:absolute;left:4.58rem;bottom:.12rem}
	.cppart .list .up{padding:0;border-bottom:1px solid rgba(0,0,0,.15);margin-bottom:.32rem}
	.cppart .list .up .name{font-size:.28rem}
	.cppart .list .down{padding:0}
	.cppart .list .down p{border-right:.02rem solid #d9d9d9}
	.cppart .list .down p:last-child{border-color:#fff}


	.makepart{padding:0.48rem 0.32rem; border-radius: 0; background-size: auto 100% !important; background-position: right bottom !important;}
	.makepart .cont{ padding: 0; }
	.makepart .tabbox{ margin-bottom: 0; }
	.makepart .tabbox .tabs{white-space:nowrap;padding:.16rem 0;overflow-x:auto;margin-bottom:.32rem; display: block;}
	.makepart .tabbox .tabs .taba{display:inline-block;font-size:.28rem;color:var(--txt-color);line-height:.64rem;cursor:pointer;padding:0 .1rem;margin-right:.16rem;position:relative; margin-bottom: 0;}
	.makepart .tabbox .tabs .taba.on{color:var(--main-color);font-weight:bold}
	.makepart .tabbox .tabs .taba.on:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:.04rem;background-color:var(--main-color);z-index:1}
	.makepart .tabbox textarea{display:block;width:100%;height:2.3rem;background-color:#fff !important;padding:0.22rem .32rem;border-radius:4px;font-size:.28rem;color:var(--txt-color);line-height:.48rem; border:none;}
	.makepart .tabbox button{display:block;width:2.24rem;height:.8rem;margin:.32rem auto 0;background-color:var(--main-color);font-size:.32rem;color:#fff;border:none;outline:none;padding:0;cursor:pointer;border-radius:4px;-webkit-transition:all .4s;transition:all .4s}
	.infos{padding:.32rem 0 .64rem}
	.infos .title{font-size:.4rem;line-height:.64rem;color:var(--txt-color);font-weight:bold;text-align:center}
	.infos .time{font-size:.28rem;line-height:.48rem;color:rgba(0,0,0,.45);margin:.32rem 0;text-align:center}
	.infos .word{font-size:.28rem;line-height:.48rem;color:var(--txt-color)}
	.infos .word img{display:block;max-width:100%;margin:.32rem auto}

	
	.steps{padding:.48rem 0}
	.steps .both{ display: block; }
	.steps .both .pic{width:100%}
	.steps .both .pic img{display:block;width:100%; display: none;}
	.steps .both .infos{ width: 100%; }
	.steps .both .infos .tabs p{font-size:.28rem;color:var(--txt-color);line-height:.48rem;height:.8rem;border:.02rem solid rgba(0,0,0,.15);padding:0 .16rem;font-weight:bold;margin-bottom:.32rem;cursor:pointer;border-radius:4px}
	.steps .both .infos .tabs p span{border-radius:50%;margin-right:.32rem;width:.48rem;height:.48rem;border:.02rem solid #d9d9d9;font-size:.28rem;color:#000}
	.steps .both .infos .tabs p.on{color:var(--main-color)}
	.steps .both .infos .tabs p.on span{background-color:var(--main-color);color:#fff}
	.edge{padding:.48rem 0 .01rem; background: #fff;}
	.edge .libs{overflow:hidden; display: block;}
	.edge .libs .lib{width:3rem;float:left;background-color:#fff;padding:.16rem 0;margin-bottom:.48rem;text-align:center}
	.edge .libs .lib .icon{display:block;width:.88rem;height:.88rem;margin:0 auto}
	.edge .libs .lib .name{font-size:.28rem;color:#03112e;line-height:.56rem;font-weight:bold;margin:.08rem 0}
	.edge .libs .lib .desc{font-size:.24rem;line-height:.48rem;color:rgba(0,0,0,.45)}
	.edge .libs .lib:nth-child(2n){float:right}
	.scenec{background-color:#fff;padding:.48rem 0}
	.scenec .media{width:6.22rem;height:8.4rem;position:relative;margin:0 auto .64rem}
	.scenec .media .dw{position:absolute;z-index:1; display: none;}
	.scenec .media .dw1{left:-0.3rem;top:10%}
	.scenec .media .dw2{left:-0.3rem;top:55%}
	.scenec .media .dw3{right:-0.3rem;top:30%}
	.scenec .media .dw4{right:-0.3rem;bottom:2%}
	.scenec .media .phone{width:4rem;height:8.4rem;opacity:1;margin:0 auto 0;border-radius:20px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:8px solid #fff;-webkit-box-shadow:0px .28rem .98rem .16rem rgba(0,0,0,.1);box-shadow:0px .28rem .98rem .16rem rgba(0,0,0,.1)}
	.scenec .media .phone video{display:block;overflow:hidden;width:calc(100% - 0px)}
	.scenec .info{padding:.16rem 0;overflow:hidden}
	.scenec .info .item{width:1.12rem;background-color:#fff;cursor:pointer;-webkit-transition:all .4s;transition:all .4s;padding:.16rem 0;float:left;margin-right:.15rem;border:.04rem solid #fff;border-radius:4px}
	.scenec .info .item .name{height:.48rem;line-height:.48rem;font-size:.28rem;color:#000;margin-top:.04rem;text-align:center}
	.scenec .info .item img{display:block;width:.64rem;height:.64rem;margin:0 auto}
	.scenec .info .item:last-child{margin-right:0}
	.scenec .info .item.on{border-color:var(--main-color)}

	.cppartb{padding:.32rem 0 .01rem}
	.cppartb .list{overflow:hidden}
	.cppartb .list .line{overflow:hidden;height:.92rem;padding-bottom:.32rem;position:relative}
	.cppartb .list .line .name{width:2.6rem;float:left;font-size:.32rem;line-height:.6rem;min-width:2.6rem}
	.cppartb .list .line p{width:calc(25% - 0.75rem);margin-left:.1rem;float:left;text-align:center;font-size:.28rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:.6rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
	.cppartb .list .line p img{display:block;width:.32rem;height:.32rem}
	.cppartb .list .line .go{width:.64rem;height:.52rem;border-radius:4px;background-color:var(--main-color);font-size:.24rem;color:#fff}
	.cppartb .list .line i{display:block;width:.64rem;height:.28rem;border-radius:2px;background-color:#fa541c;font-size:.2rem;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-style:normal;position:absolute;left:4.58rem;bottom:.12rem}
	.cppartb .list .up{padding:0;border-bottom:1px solid rgba(0,0,0,.15);margin-bottom:.32rem}
	.cppartb .list .up .name{font-size:.28rem}
	.cppartb .list .down{padding:0}
	.cppartb .list .down p{border-right:.02rem solid #d9d9d9}
	.cppartb .list .down p:last-child{border-color:#fff}
	

	.makepartb{padding:.32rem; background-color: #fff;}
	.makepartb .cont{ padding: 0; }
	.makepartb .tabbox .tabs{white-space:nowrap;padding:.16rem 0;overflow-x:auto;margin-bottom:.32rem; display: block;}
	.makepartb .tabbox .tabs .taba{display:inline-block;font-size:.28rem;color:var(--txt-color);line-height:.64rem;cursor:pointer;padding:0 .1rem;margin-right:.16rem;position:relative; float: none; margin-bottom: 0;}
	.makepartb .tabbox .tabs .taba.on{color:var(--main-color);font-weight:bold}
	.makepartb .tabbox .tabs .taba.on:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:.03rem;background-color:var(--main-color);z-index:1}
	.makepartb .tabbox textarea{display:block;width:100%;height:3.6rem;background-color:#f5f5f5 !important;padding:.32rem;border-radius:4px;font-size:.28rem;color:var(--txt-color);line-height:.48rem}
	.makepartb .tabbox button{display:block;width:2.24rem;height:.8rem;margin:.32rem auto 0;background-color:var(--main-color);font-size:.32rem;color:#fff;border:none;outline:none;padding:0;cursor:pointer;border-radius:4px;-webkit-transition:all .4s;transition:all .4s}
	.infos{padding:.32rem 0 .64rem}
	.infos .title{font-size:.4rem;line-height:.64rem;color:var(--txt-color);font-weight:bold;text-align:center}
	.infos .time{font-size:.28rem;line-height:.48rem;color:rgba(0,0,0,.45);margin:.32rem 0;text-align:center}
	.infos .word{font-size:.28rem;line-height:.48rem;color:var(--txt-color)}
	.infos .word img{display:block;max-width:100%;margin:.32rem auto}
	
	.tools{ background: #fff; padding: 0.48rem 0rem; }
	.tools .photos{ margin: 0 auto 0.4rem; width: 4.8rem; }
	.tools .photos img{ display: block; margin: 0 auto; width: 4.8rem; display: none;border: 4px solid #CDDFFF; border-radius: 0.72rem; }
	.tools .photos img.on{ display: block;}
	.tools .info{ margin-bottom: 0; }
	.tools .info .item{ padding:0; cursor:pointer; transition:all 0.4s; line-height: 48px; margin-bottom:0px; text-align: center; padding-bottom: 2px; position: relative; }
	.tools .info .item:after{ content: ""; position: absolute; left: 50%; bottom: 0; width: 16px; height: 2px; background-color: #fff; margin-left: -8px; }
	.tools .info .item.on:after{ background-color: var(--main-color); }
	.tools .info .item .name{ font-size:0.24rem; color:var(--txt-hui); padding: 0.1rem 0; line-height: 0.36rem; }
	.tools .info .item.on .name{ color: #000; font-weight: bold; }
	.tools .info .item img{ display: block; width: 0.64rem; margin:0 auto; }


	.pcsize{ display: none; }
	.smsize{ display: block; }
	.topHeads{ display: flex; }
}



/*修改 */
.popcode{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; display: flex; align-items: center; justify-content: center; display: none; transition: all 0.4s; }
.popcode .popbg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0,0,0,0.55); }
.popcode .codes{ display: block; width: 3.6rem; border-radius: 0.16rem; padding: 0.2rem; overflow: hidden; background: #fff; position: relative; z-index: 3; text-align: center; font-size: 0.3rem; color: #111; line-height: 0.6rem; font-weight: bold; }
.popcode .codes img{ display: block; width: 100%; margin: 0 auto 0.1rem; border:0.02rem solid #f2f2f2; border-radius: 0.16rem; }

@media screen and (max-width: 1024px){
	.popcode.on{ display: flex; }
}

.popbox{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; display: none; transition: all 0.4s; }
.popbox.on{ display: block; }
.popbox .popbg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0,0,0,0.55); }
.popbox .pmid{ background: #fff; position: fixed; left: 50%; top: 50%; width: 100%;z-index:3; width: 968px;  min-height: 680px; transform: translate(-50%,-50%); }
.popbox .pmid .close{ position: absolute; right: 5px; top: 5px; width: 36px; height: 36px; padding: 8px; cursor: pointer; }
.popbox .pmid iframe{ margin:0;padding:0;border:none;    width: 968px;    height: 680px;}

.popkf{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; display: flex; align-items: center; justify-content: center; display: none; transition: all 0.4s; }
.popkf .popbg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0,0,0,0.55); }
.popkf .codes{ display: block; width: 300px;  padding: 0.1rem; overflow: hidden; background: #fff; position: relative; z-index: 3; text-align: center; font-size:0.1rem; color: #000; font-weight: bold;line-height:30px; }
.popkf .codes img{ display: block; width: 100%; margin: 0 auto 0.1rem; }
.popkf .codes .title{     width: 100%;    height: auto; line-height: 22px; font-size: 16px; padding: 0; color: #000;}
.popkf .codes .time{    color: #f2ae15; font-size: 14px;}
.popkf .codes .desc{color: #999; font-size: 13px; line-height: 20px;}
.popkf.on{ display: flex; }

/*修改 */

.hidden{display:hidden !important;}