@font-face{

    font-family: "ML";

    src: url("/themes/default/css/font/MONTSERRAT-LIGHT-6.OTF") format("truetype");

}

@font-face{

    font-family: "MR";

    src: url("/themes/default/css/font/MONTSERRAT-REGULAR-8.OTF") format("truetype");

}

@font-face{

    font-family: "MM";

    src: url("/themes/default/css/font/MONTSERRAT-MEDIUM-7.OTF") format("truetype");

}



.cw1080{max-width: 1080px;width: 92%;margin: auto;}

.cw1280{max-width: 1280px;width: 92%;margin: auto;}



.cw1280{max-width:1280px;width:92%;margin:0 auto;}

:root{

    --mianColor:#083b94;

}



#page_btn{margin-top: 90px;}

#page_btn.isend{display: none;}

#page_btn .box{width: max-content; margin: 0 auto; flex-direction: column;}

#page_btn .box .icon{width: 12px; height: 8px; }

#page_btn .box .txt{margin-bottom: 5px; font-size: 14px; color: #083b94; line-height: 26px;}



@media (max-width: 750px) {

	#page_btn .box .icon{width: 60px; height: 60px; line-height: 60px;}

	#page_btn .box .icon img{transform: scale(1.3);}

	#page_btn .box .txt{margin-top: 20px; font-size: 26px; line-height: 1.5;}

}



/* ::-webkit-scrollbar,

*::-webkit-scrollbar{width:0 !important;} */



/* 头部菜单栏 */

#header{top: 0;left: 0;height:100px;width:100%;z-index:10;background-color:#fff;}

#header.none{transform:translate3d(0px,-100%,0);}

#header .logo{width:187px;}

#header .hnav .one-nav{line-height:100px;margin:0 20px;}

#header .hnav .one-nav .nav-a{font-size:16px;color:var(--mianColor);text-align:center;font-weight:500;}

#header .hnav .one-nav.cur .nav-a,

#header .hnav .one-nav:hover .nav-a{}



/* 菜单下拉 */

#header .hnav .two-nav{width:335px;height:0;overflow:hidden;top:100px;left:-40px;z-index:10;background:rgba(255,255,255, 0.98);border-radius:0 0 20px 20px;box-shadow: 0 4px 4px rgba(0,0,0,0.2);-webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.2)}
#header .hnav .two-nav.app {min-width: 335px;width: auto;}
#header .hnav .two-nav.app .hnavbg {display: flex;}
#header .hnav .two-nav.app .hnavbg .tnav-a {width: 125px;}
#header .hnav .two-nav .hnavbg{padding:32px 40px 70px;}

#header .hnav .two-nav .hnavbg .tnav-a{font-size:14px;color:var(--mianColor);text-align:left;font-weight:500;line-height:30px;text-underline-offset:3px;/*white-space:nowrap;*/}

#header .hnav .two-nav .hnavbg .tnav-a:hover{text-decoration:underline;}



/* 产品和技术下拉 */

#header .hnav .two-nav.w{width:100%;left:0;z-index:10;}

/* #header .hnav .two-nav.w .hnavbg .pro_cont{gap:60px;} */

#header .hnav .two-nav.w .hnavbg .pro_cont .pro_li{width:155px;margin-right:60px;}

#header .hnav .two-nav.w .hnavbg .pro_cont .pro_li:last-child{margin-right:0;}

#header .hnav .two-nav.w .hnavbg .pro_cont .pro_li .line{width:100%;height:1px;background-color:#dfdfe2;margin:6px 0 8px;}

#header .hnav .two-nav.w .hnavbg .pro_cont .pro_li .name{font-size:16px;font-weight:500;color:var(--mianColor);line-height:30px;}



/* 右侧 */

#header .hright{height:100px;margin-left:20px;}

#header .hright .lang{margin-right:50px;position:relative;}

#header .hright .lang .btn{font-size:16px;color:var(--mianColor);}

#header .hright .lang .sj{margin-left:10px;}
#header .hright .lang .open {cursor:pointer;}
#header .hright .lang .lang_box {position: absolute;width: 80px;background: #fff;left: 0;top: 25px;}
  
  



#header .hright .menu{display:none;width:25px;height:25px;}

#header .hright .menu .svg{width:100%;height:100%;fill:#3A3A3A;}

#header .hright .menu.cur .i1{display:none;}

#header .hright .menu.cur .i2{display:inline-block;}



#header-blank{height:100px;width:100%;display:block;}

/* 头部移动端 */

#m-nav,#search-box{display:none;}


#header .menu {display: none;padding: 0 20px;}
#header .menu img:nth-of-type(2) {display: none;}
#header .menu.cur img:nth-of-type(1) {display: none;}
#header .menu.cur img:nth-of-type(2) {display: block;}


#phone {width: 100%;background: #fff;height: 100%;position: fixed;top: 100px;left: 0;z-index: 99;display: none;}
#phone .menu {height: 100%;overflow-y: scroll;}
#phone .menu .ul .title {margin: 0 30px; font-size: 36px;line-height: 110px;border-bottom: 1px solid #ebebeb;display: flex;align-items: center;justify-content: space-between;}
/* #phone .menu .ul .title .img {transform: rotate(-90deg);} */
#phone .menu .ul .box {background: #f7f7f7;display: none;}
#phone .menu .ul .li {margin: 0 60px;}
#phone .menu .ul .li .nav {font-size: 30px;line-height: 100px;border-bottom: 1px solid #ebebeb;}
#phone .menu .ul .li .tit {display: flex;align-items: center;justify-content: space-between;}
#phone .menu .ul .li .list {display: none;}
#phone .menu .ul .li .list .tnav-a {font-size: 26px;line-height: 50px;}
#phone .menu .ul .li .nav:last-child {border: none;}
#phone .menu .ul .li .tit.cur .icon,
#phone .menu .ul .title.cur .img {transform: rotate(180deg);}
#phone .en {font-size: 36px; margin: 30px 0; display: flex;justify-content: space-evenly;}
#phone .url {margin-top: 50px;transform: scale(1.5);width: 80px;height: 80px;border-radius: 50%;border: 1px solid ;margin: 50px auto 0;}


@media screen and (max-width:1280px) {

    #header .hnav .one-nav{margin:0 20px;}

}

@media screen and (max-width:1024px) {
	
	#header {height: 100px;}
	#header .header-box,
	#header .cw1280 {height: 100%;}
	
    #header .hattr,

    #header .hright .lang,

    #header .hright .share{display:none;}

    #header .hright .menu{display:block;}

	#header .menu {display: flex;align-items: center;justify-content: center;}


    #m-nav{display: block;width: 100%;height: 0;z-index:50;left: 0;right: 0;top:100px; background: #fff;overflow-y: auto;}

    #m-nav.cur{height: calc(100vh - 100px);border-top:1px solid #ebebeb;}

    #m-nav .nav .one-nav{line-height:60px;}

    #m-nav .nav .one-nav .one{cursor:pointer; margin: 0 30px;border-bottom: 1px solid #ebebeb;background: url(/images/icon/nav-icon.svg) no-repeat right;}

    #m-nav .nav .one-nav.nobg .one{background: none;}

    #m-nav .nav .one-nav.cur .one{background-image:url(/images/icon/nav-icon2.svg);}

    #m-nav .nav .one-nav.cur.nobg .one{background: none;}

    #m-nav .nav .one-nav .one-a{font-size:18px;font-weight:500;color:#333;}

    #m-nav .nav .one-nav .two-nav{width: 100%;background: #f7f7f7;padding: 0 30px;}

    #m-nav .nav .one-nav .two-nav>div{border-bottom: 1px solid #ebebeb;}

    #m-nav .nav .one-nav .two-nav .two-a{font-size: 16px;color:#333;}



    #m-nav .mbox{display:flex;align-items:center;justify-content:center;padding:0 40px;margin-top:50px;}

    #m-nav .mbox .lang{font-size:20px;font-weight:700;color:#3A3A3A;margin-right:30px;}

    #m-nav .mbox .lang:hover{color:var(--main);}

    #m-nav .mbox .share{gap:30px;}

    #m-nav .mbox .share .s{width:25px;height:25px;}

    #m-nav .mbox .share .s .svg{fill:var(--main2);width:100%;height:100%;}

    #m-nav .mbox .share .s:hover .svg{fill:#262626;}
	#phone .bot-box{margin:30px 0 60px}
	#phone .bot-box .item .icon{width: 60px;height: 60px;line-height: 60px;border: 1px solid rgba(0, 0, 0, 0.3);font-size: 18px;color: #1a1a1a;border-radius: 100%;margin: 0 auto;}
	#phone .bot-box .item .tit{font-size:18px;color: #1a1a1a;margin-top:20px;}
	
}

@media screen and (max-width:750px) {

	#header{box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05);}

    #header .hright .menu{width:50px;height:50px;}

	#header .logo{width:35%;}

	#phone .bot-box .item .icon{width:80px;height:80px;line-height: 80px;font-size:30px;}
	#phone .bot-box .item .tit{font-size:30px;}

    #m-nav .nav .one-nav{line-height:100px;}

    #m-nav .nav .one-nav .one-a{font-size:36px;}

    #m-nav .nav .one-nav .two-nav .two-a{font-size:30px;}

    #m-nav .mbox .lang{font-size:36px;}

    #m-nav .mbox .share .s{width:45px;height:45px;}

}

/* 弹窗 */

/* 

.popup .content{width:1080px;margin:0 auto;border-radius:25px;background-color:#fff;overflow:hidden;}

.popup .content .btn{width:43px;height:43px;border-radius:50%;z-index:2;right:35px;top:35px;}

 */





.cw1080 { max-width: 1080px; width: 92%; margin: auto;}

.rotate90 {transform: rotate(90deg)}



#index {padding: 100px 0 120px; background: linear-gradient(to top, #dfe7f4 50%, #fff); border-bottom-left-radius: 140px; border-bottom-right-radius: 140px;}

#index .content {display: flex;justify-content: space-between;align-items: flex-start;}

#index .content .list {width: 28.359375%;}
#index .content .list.model {display: none;}

#index .content .box_list {border-radius: 20px;overflow: hidden;margin-top: 20px;}

#index .content .box_list:first-child {margin-top: 0;}

#index .content .box_list .img {padding-top: 74.931%;}

#index .content .box_list .word {background: #fff;padding: 21px 5.509%;}

#index .content .box_list .word .name {font-weight: 500;font-size: 18px;color: #083b94;}

#index .content .box_list .word .brief {margin-top: 3px;font-size: 14px;color: #000000;height: 20px;}

#index .content .video_list {width: 40.3125%;border-radius: 20px;overflow: hidden;background: #fff;}

#index .content .video_list .hot .img {padding-top: 63.759%;}
#index .content .video {object-fit: cover;}
#index .content .iframe {width: 100%;height: 100%;}
#index .content .video_list .hot .name {padding: 20px 3.875%;font-size: 18px;color: #083b94;}

#index .content .video_list .ul {padding: 0 3.875% 20px;}

#index .content .video_list .ul .li {display: flex;align-items: center;justify-content: space-between;margin-top: 10px;}

#index .content .video_list .ul .li:first-child {margin-top: 0;}

#index .content .video_list .ul .li .img {width: 28.976%;border-radius: 5px;overflow: hidden;padding-top: 21.786%;}

#index .content .video_list .ul .li .name {width: 68.277%;font-size: 18px;font-weight: 500;color: #083b94;}

#index .content .video_list .ul .li.play {cursor:pointer;}

@media screen and (max-width:1024px) {
	#index .content .list {display: none;}
	#index .content .list.model {display: block;width: 100%;margin-top: 30px;}
	#index .content {display: block;}
	#index .content .video_list {width: 100%;}
}
@media screen and (max-width:750px) {
	#index .content .video_list .hot .name {font-size: 36px;}
	#index .content .video_list .ul .li .name {font-size: 26px;}
	#index .content .box_list .word .name {font-size: 36px;}
	#index .content .box_list .word .brief {font-size: 30px;height: auto;}
	#index {border-bottom-left-radius: 70px; border-bottom-right-radius: 70px;}
	
}

#banner {position: relative;}

#banner .out {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 45px;font-weight: 500;color: #fff;text-align: center;}



#footer {padding: 115px 0 70px;background: #fff;}

#footer .menu {display: flex;justify-content: space-between;padding-bottom: 55px;position: relative;}

#footer .menu::before {height: 1px;width: 100%;content: '';position: absolute;left: 0;bottom: 0;background-image: -moz-linear-gradient( 0deg, rgb(8,59,148) 30%, rgb(237,212,223) 65%, rgb(8,59,148) 85%);background-image: -webkit-linear-gradient( 0deg, rgb(8,59,148) 30%, rgb(237,212,223) 65%, rgb(8,59,148) 85%);background-image: -ms-linear-gradient( 0deg, rgb(8,59,148) 30%, rgb(237,212,223) 65%, rgb(8,59,148) 85%);}

#footer .menu .list .title {font-weight: 700;font-size: 14px;color: #083b94;}
#footer .menu .list .title .icon {display: none;}
#footer .menu .list .title.cur .icon {transform: rotate(180deg);}

#footer .menu .list .ul {margin-top: 8px;}

#footer .menu .list .ul .li {font-size: 14px;color: #083b94;margin-top: 8px;}

#footer .menu .list .ul .li:first-child {margin-top: 0;}

#footer .end {margin-top: 60px; display: flex;align-items: center;justify-content: space-between;}

#footer .end .left {display: flex;align-items: center;}

#footer .end .left .logo {margin-right: 33px;}

#footer .end .left .text {font-size: 14px;color: #083b94;}

#footer .end .right {display: flex;}

#footer .end .right .box {margin-right: 40px;cursor:pointer;position: relative;}
#footer .end .right .box .out {width: 100px;height: 100px;border-radius: 5px;background: #fff;position: absolute;top: -110px;left: 50%;transform: translateX(-50%);display: none;overflow: visible;}
#footer .end .right .box:hover .out {display: block;}

#footer .end .right .box:last-child {margin-right: 0;}

#footer .menu .list .out_ul {display: none;}
#footer .menu .list .btn {font-size: 14px;color: #083b94;margin-top: 8px;cursor:pointer;}

@media screen and (max-width:750px) {
	#footer .menu {display: block;}
	#footer .menu .list {margin-top: 30px;}
	#footer .menu .list:first-child {margin-top: 0px;}
	#footer .menu .list .title {font-size: 36px;display: flex;align-items: center;justify-content: space-between;cursor:pointer;}
	#footer .menu .list .title .icon {display: block;}
	#footer .menu .list .ul {display: none;}
	#footer .menu .list .ul .li {font-size: 26px;margin-top: 15px;}
	#footer .end .right .box img {transform: scale(1.3);}
	#footer .end {flex-direction: column-reverse;align-items: flex-start;}
	#footer .end .left {margin-top: 30px;flex-direction: column;align-items: flex-start;}
	#footer .end .left .logo {transform: scale(1.3) translateX(10px);}
	#footer .end .left .text {font-size: 26px;margin-top: 15px;}
}


.cw1080 { max-width: 1080px; width: 92%; margin: auto;}

.cw1280 { max-width: 1280px; width: 92%; margin: auto;}

.rotate90 {transform: rotate(90deg)}



/* 共用背景 */

#proBack{background: linear-gradient(to top, #dbe4f3, #fefefe); border-radius:0 0 150px 150px;}

#proBack.noRadius{border-radius: 0;}

#proBack.none {background: linear-gradient(to top, #dbe4f3, #fefefe);}



@media (max-width: 1366px){

    #proBack{border-radius:0 0 110px 110px;}

}

@media (max-width: 750px){

    #proBack{border-radius:0 0 70px 70px;}

}





/* 产品-产品列表 */

#products{padding: 150px 0 100px;}

#products .listname{margin-bottom: 15px; font-size: 24px; color: #000; font-weight: 500;}

#products .listname.backBtn{padding-left: 32px; position: relative; }

#products .listname.backBtn:before{content: ""; display: block; width: 23px; height: 23px; border-radius: 50%; background: #083b94 url(/images/products/back.png) no-repeat center center; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 1;}



#proForm{margin-bottom: 95px;}

#proForm .title{margin-bottom: 30px; font-size: 36px; color: #000; line-height: 52px;}

#proForm .form{width: 50.463%; margin: 0 auto; border:1px solid #dedfe7; border-radius: 20px;}

#proForm .form .text{width: 77.064%;padding: 0 20px;height: 41px;line-height: 39px;font-size: 14px; color: #000;}

#proForm .form .text::placeholder{color: #797c93;}

#proForm .form .submit{width: 22.937%;height: 41px;border:1px solid #003a95;border-radius: 20px;background: #003a95 url(/images/head-search2.svg) no-repeat center center;color: #fff;font-size: 14px; line-height: 41px;}



#proList{}
#proList .tip {font-size: 26px;text-align: center;color: #083b94;text-align: center;padding: 30px 0;width: 100%;}
/* #proList .item{margin-top: 10px; padding: 22px 1.745%; width: 49.44%; background: #fff; } */
#proList .item{margin-top: 10px; padding: 22px 1.745%; width: 49.44%; border: 2px solid #fff;border-radius: 20px;}

#proList .item .name{width: 70%;font-size: 24px; color: #000; font-weight: 500; line-height: 40px;}

#proList .item .name .tit{display: initial; position: relative;font-size: 24px;}

#proList .item .name .tit::before{content:""; display: block; width: 100%; height: 2px; background: #000; position: absolute; bottom: 0; left: 0; z-index: 1; opacity: 0; transition: all 0.3s ease;}

#proList .item .more{font-size: 14px; color: #083b94; line-height: 23px;}

#proList .item .more .txt{margin-right: 10px;}

#proList .item:hover .name .tit::before{opacity: 1;}



@media (max-width: 1440px){

    #products{padding: 110px 0 100px;}

}

@media (max-width: 1200px){

    #products{padding: 100px 0 120px;}

    

    #proForm{margin-bottom: 60px;}



    #proList .item .name{font-size: 20px;}

}

@media (max-width: 750px){

    #products{padding:80px 0;}



    #proForm{margin-bottom: 40px;}

    #proForm .title{font-size: 42px; line-height: 1.5; font-weight: 600;}

    #proForm .form{width: 88%;}

    #proForm .form .text,

    #proForm .form .submit{height: 65px; font-size: 26px; line-height: 63px;}

    #proForm .form .text{padding: 0 25px;}

    #proForm .form,

    #proForm .form .submit{border-radius: 30px;}



    #products .listname{font-size: 32px; line-height: 1.5;}

    #products .listname.backBtn{padding-left: 55px;}

    #products .listname.backBtn:before{width: 40px; height: 40px; background-size: 25%;}

    #proList .item{width: 100%; margin-top: 20px; padding: 22px 4.745%;}

    #proList .item .name{font-size: 30px; line-height: 1.5;}

    #proList .item .more{font-size: 26px; line-height: 1.5;}

    #proList .item .more .icon{width: 15px; transform: scale(1.2);}

}







/* 产品-产品详情 */

/* #proInfo {margin-top: 100px;} */

#proInfo .topMenu{height: 82px; border-bottom: 1px solid #eaecef;}

#proInfo .topMenu .proName{width: 50%; font-size: 16px; color: #000;}

#proInfo .topMenu .menu{width: 50%; font-size: 16px; color: #000; line-height: 81px;}

#proInfo .topMenu .menu .txt{margin-left: 20px;}

#proInfo .topMenu .menu .txt::before{content:""; display: block; width: 100%; height: 3px; background: #083b94;position: absolute; bottom: -1px; left: 0; z-index: 1; opacity: 0;}

#proInfo .topMenu .menu .txt:hover,

#proInfo .topMenu .menu .txt.cur{color: #083b94;}

#proInfo .topMenu .menu .txt.cur::before{opacity: 1;}

#proInfo .cont{padding: 130px 0;}

/* #proInfo .cont .left{width: 50%; height: 540px; background: #fff; border-radius: 30px;} */
#proInfo .cont .left {width: 50%; height: 540px;border-radius: 30px;display: flex;align-items: center;justify-content: center;}
#proInfo .cont .left .img {position: relative;}
#proInfo .cont .left .out {font-size: 38.44px;font-weight: 500;position: absolute;right: 27px;bottom: 35px;font-family: 'MM';color: #000000;}

#proInfo .cont .right{width: 40.741%;}

#proInfo .cont .right .name{margin-bottom: 22px; padding-bottom: 20px; border-bottom: 1px solid #e4e8ed; font-size: 36px; color: #000; line-height: 50px;;}

#proInfo .cont .right .list{margin-bottom: 64px;}

#proInfo .cont .right .list li{padding-left: 15px; margin-bottom: 18px; font-size: 16px; color: #000; line-height: 27px; position: relative;}

#proInfo .cont .right .list li::before{content:''; display: block; position: absolute; top: 12px; left: 0; z-index: 1; width: 4px; height: 4px; background: #083b94; border-radius: 50%;} 

#proInfo .cont .right .list li:last-child{margin-bottom: 0;}

#proInfo .cont .right .btn{width: 160px; height: 50px; border: 2px solid #000; border-radius: 30px; font-size: 16px; color: #000; line-height: 46px;}

#proInfo .cont .right .btn:hover{color: #fff; background: #083b94; border-color: #083b94;}



@media (max-width: 1440px){

    #proInfo .cont{padding: 110px 0;}

    #proInfo .cont .right .list li{margin-bottom: 15px;}

}

@media (max-width: 1366px){

    #proInfo .cont{padding: 80px 0;}

    #proInfo .cont .right{width: 44%;}

    #proInfo .cont .right .name{font-size: 32px;}

    #proInfo .cont .right .list li{margin-bottom: 10px;}

}

@media (max-width: 1024px){

    #proInfo .cont .left{height: 468px;}

    

    #proInfo .cont .right .name{margin-bottom: 15px; padding-bottom: 15px; line-height: 1.5;}

    #proInfo .cont .right .list{margin-bottom: 40px;}

}

@media (max-width: 750px){

    #proInfo .topMenu .proName{display: none;}

    #proInfo .topMenu .menu{width: 100%; font-size: 26px;}



    #proInfo .cont{flex-wrap: wrap;}

    #proInfo .cont .left{width: 100%; height: 690px;}

    #proInfo .cont .right{width: 100%; margin-top: 40px;}

    #proInfo .cont .right .name{font-size: 36px; font-weight: 600;}

    #proInfo .cont .right .list li{font-size: 26px; line-height: 1.5;}

    #proInfo .cont .right .list li::before{top: 19px;}

    #proInfo .cont .right .btn{width: 220px; height: 60px; font-size: 26px; line-height: 56px; color: #fff; background: #083b94; border-color: #083b94;}

}





#ProDiagram{padding-top: 160px;}

#ProDiagram .box{}

#ProDiagram .box .left{width: 21.1%;}

#ProDiagram .box .left .tit{margin-bottom: 65px; font-size: 36px; color: #000; line-height: 43px;}

#ProDiagram .box .left .list .li{padding: 50px 0; align-items: flex-start; border-bottom: 1px solid rgba(51, 51, 51, 0.05);}

#ProDiagram .box .left .list .li:last-child{border-bottom: 0; padding-bottom: 0;}

#ProDiagram .box .left .list .li .letter{margin-right: 10px; width: 50px; height: 50px; font-size: 18px; color: #fff; background: #083b94; border-radius: 50%;}

#ProDiagram .box .left .list .li .data{width: calc(100% - 60px);}

#ProDiagram .box .left .list .li .data .p1{font-size: 14px; color: #000; line-height: 20px;}

#ProDiagram .box .left .list .li .data .p2{margin-top: 8px; font-size: 20px; color: #000;}

#ProDiagram .box .right{width: 69.61%; padding-top: 50.31%; border-radius: 5px;margin-top: 43px;}



@media (max-width: 1440px){

    #ProDiagram .box .left .list .li{padding: 40px 0;}

}

@media (max-width: 1280px){

    #ProDiagram{padding-top: 130px;}

}

@media (max-width: 1024px){

    #ProDiagram{padding-top: 110px;}

    #ProDiagram .box .left{width: 25.1%;}

    #ProDiagram .box .left .list .li{padding: 20px 0;}

}

@media (max-width: 750px){

    #ProDiagram{padding-top: 80px;}

    #ProDiagram .box{flex-wrap: wrap;;}

    #ProDiagram .box .left{width: 100%;}

    #ProDiagram .box .left .tit{margin-bottom: 40px; text-align: center; font-size: 42px; line-height: 1.5;}

    #ProDiagram .box .left .list{ display: flex; flex-wrap: wrap; justify-content: space-between;}

    #ProDiagram .box .left .list .li {width: 100%;}

    #ProDiagram .box .left .list .li .letter{width: 85px; height: 85px; font-size: 30px;}

    #ProDiagram .box .left .list .li .data{width: calc(100% - 100px);}

    #ProDiagram .box .left .list .li .data .p1{font-size: 26px; line-height: 1.5;}

    #ProDiagram .box .left .list .li .data .p2{margin-top: 0; font-size: 30px; line-height: 1.5;}

    #ProDiagram .box .right{width: 100%; padding-top: 72.31%; margin-top: 40px;}

}







#ProSpecs{padding: 105px 0 160px;}

#ProSpecs .title{font-size: 36px; color: #000; line-height: 54px;}

#ProSpecs .cont{margin-top: 80px;}

#ProSpecs .cont .item{padding: 20px 0; border-bottom: 1px solid rgba(0,0,0,0.05); align-items: flex-start;cursor:pointer;}

#ProSpecs .cont .item:first-child{border-top: 1px solid rgba(0,0,0,0.05);}

#ProSpecs .cont .item .name{width: 35.185%; font-size: 16px; color: #083b94; line-height: 35px;}

#ProSpecs .cont .item .brief{width: 59.259%; font-size: 16px; color: #000; line-height: 35px;}

#ProSpecs .cont .item .btn{width: 15px; height: 35px; background: url(/images/products/icon1.png) no-repeat center center; }

#ProSpecs .cont .item .btn.cur{ background-image: url(/images/products/icon2.png);}



@media (max-width: 1024px){

    #ProSpecs .cont{margin-top: 40px;}

    #ProSpecs .cont .item{padding: 15px 0;}

}

@media (max-width: 750px) {

    #ProSpecs{padding-top: 80px;}

    #ProSpecs .title{font-size: 42px; line-height: 1.5;}
	
	#ProSpecs .cont .item {flex-wrap: wrap;}

    #ProSpecs .cont .item .name{width: 100%; font-size: 26px; line-height:40px;}

    #ProSpecs .cont .item .brief{font-size: 26px; line-height:40px;width: calc(100% - 50px);}

    #ProSpecs .cont .item .btn{width: 40px; height: 40px; background-size: 60%;}

}







#ProDown{padding: 150px 0 160px;}

#ProDown .title{font-size: 36px; color: #000; line-height: 54px;}

#ProDown .cont{margin-top: 80px;}



@media (max-width: 1280px){

    #ProDown{padding: 130px 0;}

}

@media (max-width: 1024px){

    #ProDown{padding: 110px 0 150px;}

}

@media (max-width: 750px) {

    #ProDown{padding: 80px 0;}

    #ProDown .title{font-size: 42px; line-height: 1.5;}

}







#ProCases{padding: 155px 0 145px;}

#ProCases .top{margin-bottom: 77px;}

#ProCases .top .left{font-size: 36px; color: #000; line-height: 43px;}

#ProCases .top .pageBtn{}

#ProCases .top .pageBtn .page{width: 43px; height: 43px; background: #ced8ea; border-radius: 50%;}

#ProCases .top .pageBtn .page.prev{margin-right: 20px;}

#ProCases .top .pageBtn .page.prev img{transform: rotate(180deg);}

#ProCases .top .pageBtn .page:hover{background: #083b94;}

#ProCases .cont{}

#ProCases .cont .slide{}

#ProCases .cont .slide .pic{width: 100%; padding-top: 100%;}

#ProCases .cont .slide .name{margin-bottom: 15px; padding: 0 15px; font-size: 24px; color: #000; line-height: 32px;}

#ProCases .cont .slide .more{font-size: 14px; color: #083b94; line-height: 23px;}

#ProCases .cont .slide .more .txt{margin-right: 10px;}

#ProCases .cont {position: relative;padding: 0 30px;}
#ProCases .cont .pn {position: absolute;top: 50%;transform: translateY(-50%);left: -15px;z-index: 3;filter: grayscale(0) brightness(0);}
#ProCases .cont .pn.next {right: -15px;left: auto;}


@media (max-width: 1280px){

    #ProCases{padding-top: 130px;}

}

@media (max-width: 1024px){

    #ProCases{padding-top: 110px;}

    #ProCases .top{margin-bottom: 40px;}

}

@media (max-width: 750px){

    #ProCases{padding-top: 110px;}

    #ProCases .top .left{font-size: 42px; line-height: 1.5;}

    #ProCases .top .pageBtn .page{width: 60px; height: 60px; }

    #ProCases .top .pageBtn .page img{zoom: 1.3;}



    #ProCases .cont .slide .pic{padding-top: 88%;}

    #ProCases .cont .slide .name{font-size: 30px; line-height: 1.5; }

    #ProCases .cont .slide .more{font-size: 26px; line-height: 1.5;}

    #ProCases .cont .slide .more .icon{width: 15px; transform: scale(1.2);}

}





#ProPlatform{padding: 0 0 160px;}

#ProPlatform .title{margin-bottom: 90px; font-size: 36px; color: #000; line-height: 54px;}

#ProPlatform .list{}

#ProPlatform .item{margin-top: 10px; margin-right: 0.92%; padding-bottom: 35px; width: 32.685%; background: #fff; border-radius: 20px;cursor:pointer;}

#ProPlatform .item:nth-child(3n){margin-right: 0;}

#ProPlatform .item:nth-child(-n+3){margin-top: 0;}

#ProPlatform .item .pic{height: 230px;}

#ProPlatform .item .pic img {transform: scale(0.717);}

#ProPlatform .item .brief{margin-bottom: 5px; padding: 0 15px; font-size: 14px; color: #000; line-height: 20px;}

#ProPlatform .item .name{margin-bottom: 10px; padding: 0 15px; font-size: 24px; color: #000; line-height: 27px; font-weight: bold;}

#ProPlatform .item .more{font-size: 14px; color: #083b94; line-height: 23px;}

#ProPlatform .item .more .txt{margin-right: 10px;}



@media (max-width: 1280px){

    #ProPlatform{padding: 130px 0;}

}

@media (max-width: 1024px){

    #ProPlatform{padding: 110px 0;}

    #ProPlatform .title{margin-bottom: 40px;}

    #ProPlatform .item{padding-bottom: 20px;}

    #ProPlatform .item .name{font-size: 20px;}

}

@media (max-width: 750px) {

    #ProPlatform{padding: 80px 0;}

    #ProPlatform .title{margin-bottom: 20px; font-size: 42px; line-height: 1.5;}

    #ProPlatform .item{width: 100%; margin-top: 20px; padding:  0 0 35px;}

    #ProPlatform .item:nth-child(-n+3){margin-top: 20px;}

    #ProPlatform .item .pic{height: 280px;}

    #ProPlatform .item .brief{font-size: 26px; line-height: 1.5;}

    #ProPlatform .item .name{font-size: 30px; line-height: 1.5;}

    #ProPlatform .item .more{font-size: 26px; line-height: 1.5;}

    #ProPlatform .item .more .icon{width: 15px; transform: scale(1.2);}

}







/* 弹窗 */

#popForm{opacity: 0; transition: all 0.3s ease-in-out;pointer-events: none; height: 100vh; width: 100%; overflow: hidden; background: rgba(0,0,0,0.2); position: fixed; top: 0;left: 0; z-index: -25;}

#popForm.cur{opacity: 1; pointer-events: auto;z-index: 25;display: block;}

#popForm.cur{height: 100vh;max-height: 100vh;overflow-y: scroll;}

#popForm .back{width: 100%; height: 100%; top:0; left:0; z-index: 20;}

#popForm .in_box{ /* max-height: 770px; */ overflow: auto; margin: 0 auto; position: relative;  padding: 100px 4.73%; top: 10%; /* transform: translateY(-50%); */ z-index: 30; background: linear-gradient(to top, #dbe4f3 0%, #fefefe 100%); border-radius: 25px;}

#popForm .in_box .close{width: 43px; height: 43px; border-radius: 50%; background: #083b94 url(/images/products/close.png) no-repeat center center; top: 16%; right: 25.2%; z-index: 1;position: fixed;}
/* #popForm .in_box .close{width: 43px; height: 43px; border-radius: 50%; background: #083b94 url(/images/products/close.png) no-repeat center center;} */


#popForm .topCont{margin-bottom: 90px;}

/* #popForm .topCont .left{width: 47.1%; height: 423px; background: #fff; border-radius: 30px;} */
#popForm .topCont .left {width: 47.1%; height: 423px; background: #fff; border-radius: 30px;display: flex;align-items: center;justify-content: center;}
#popForm .topCont .left .img {position: relative;}
#popForm .topCont .left .out {font-size: 38.44px;font-weight: 500;position: absolute;right: 27px;bottom: 35px;font-family: 'MM';color: #000000;}

#popForm .topCont .right{width: 45%;}

#popForm .topCont .right .name{padding-bottom: 20px; border-bottom: 1px solid #eaecef; font-size: 36px; color: #083b94; line-height: 43px;;}

#popForm .topCont .right .list{}

#popForm .topCont .right .list li{padding-left: 15px; margin-top: 22px; font-size: 16px; color: #000; line-height: 25px; position: relative;}

#popForm .topCont .right .list li::before{content:''; display: block; position: absolute; top: 12px; left: 0; z-index: 1; width: 4px; height: 4px; background: #083b94; border-radius: 50%;} 

#popForm .topCont .right .list li:first-child{margin-bottom: 0;}

#popForm .title{margin-bottom: 38px; font-size: 36px; color: #000; line-height: 54px;}

#popForm .content{ background: #fff; padding: 50px 5.7% 80px; border-radius: 25px;}

#popForm .content .partName{font-size: 18px; color: #083b94; line-height: 27px; font-weight: 500;}

#popForm .content .partOne{margin-bottom: 45px; padding-bottom: 49px; border-bottom: 1px solid #f2f2f2;}

#popForm .content .partOne .tit{ padding-left: 14px; font-size: 16px; color: #000000; line-height: 40px; position: relative;}

#popForm .content .partOne .tit::before{content:''; display: block; position: absolute; top: 18px; left: 0; z-index: 1; width: 5px; height: 5px; background: #083b94; border-radius: 50%;} 

#popForm .content .partOne .ul{margin-top: 17px;}

#popForm .content .partOne .li{margin-bottom: 23px; width: 48.7%;  }

#popForm .content .partOne .li .write,

#popForm .content .partOne .message .text{width: 100%; padding: 0 20px; line-height: 54px; border: 1px solid #e4e5e9; border-radius: 10px; font-size: 14px; color: #000;}

#popForm .content .partOne .message{width: 100%;}

#popForm .content .partOne .message .text{width: 100%; height: 174px; padding: 10px 20px; line-height: 25px; }



#popForm .content .partTwo{margin-bottom: 80px;}

#popForm .content .partTwo .partName{margin-bottom: 37px;}

#popForm .content .partTwo .li2{margin-top: 10px;}

#popForm .content .partTwo .li2 .tit{width: 17.722%; padding-left: 14px; font-size: 16px; color: #000000; line-height: 40px; position: relative;}

#popForm .content .partTwo .li2 .tit::before{content:''; display: block; position: absolute; top: 18px; left: 0; z-index: 1; width: 5px; height: 5px; background: #083b94; border-radius: 50%;} 

#popForm .content .partTwo .li2 .write{width: 40%; padding: 0 20px; line-height: 54px; border: 1px solid #e4e5e9; border-radius: 10px; font-size: 14px; color: #000;}



#popForm .content .partOne .li .write::placeholder,

#popForm .content .partOne .message .text::placeholder,

#popForm .content .partTwo .li2 .write::placeholder{color: #797c93;}

#popForm .content .partOne .li .write:hover,

#popForm .content .partOne .message .text:hover,

#popForm .content .partTwo .li2 .write:hover{border-color: #083b94;}



#popForm .content .bot .sub{display: flex; justify-content: center; margin: 0 auto; }

#popForm .content .bot .sub .submit{padding: 0 30px; min-width: 160px; line-height: 48px; background: #083b94; border-radius: 45px; font-size: 16px; color: #fff; }

#popForm .content .bot .sub .submit:hover{opacity: 0.8;}



#popForm .scrollbar::-webkit-scrollbar {background: #f5f5fa; width: 6px; height: 55px;border-radius: 5px;}

#popForm .scrollbar::-webkit-scrollbar-thumb{background: #083b94; border-radius: 5px;}








/* 弹窗 */

/* #popForm{opacity: 0; transition: all 0.3s ease-in-out; pointer-events: none; height: 100vh; width: 100%; overflow: hidden; background: rgba(0,0,0,0.2); position: fixed; top: 0;left: 0; z-index: 25;} */

/* #popForm.cur{opacity: 1; pointer-events: auto;} */

#popForm.cur{height: 100vh;}

#popForm .back{width: 100%; height: 100%; top:0; left:0; z-index: 20;}

/* #popForm .in_box{ max-height: 770px; overflow: auto; margin: 0 auto; padding: 100px 4.73%; top: 50%; transform: translateY(-50%); z-index: 30; background: linear-gradient(to top, #dbe4f3 0%, #fefefe 100%); border-radius: 25px;} */

/* #popForm .in_box .close{width: 43px; height: 43px; border-radius: 50%; background: #083b94 url(/images/products/close.png) no-repeat center center; top: 35px; right: 3.2%; z-index: 1;} */



#popForm .topCont{margin-bottom: 90px;}

#popForm .topCont .left{width: 47.1%; height: 423px; background: #fff; border-radius: 30px;}

#popForm .topCont .right{width: 45%;}

#popForm .topCont .right .name{padding-bottom: 20px; border-bottom: 1px solid #eaecef; font-size: 36px; color: #083b94; line-height: 43px;;}

#popForm .topCont .right .list{}

#popForm .topCont .right .list .li{padding-left: 15px; margin-top: 22px; font-size: 16px; color: #000; line-height: 25px; position: relative;}

#popForm .topCont .right .list .li::before{content:''; display: block; position: absolute; top: 10px; left: 0; z-index: 1; width: 4px; height: 4px; background: #083b94; border-radius: 50%;} 



#popForm .title{margin-bottom: 38px; font-size: 36px; color: #000; line-height: 54px;}

#popForm .content{ background: #fff; padding: 50px 5.7% 80px; border-radius: 25px;}

#popForm .content .partName{font-size: 18px; color: #083b94; line-height: 27px; font-weight: 500;}

#popForm .content .partOne{margin-bottom: 45px; padding-bottom: 49px; border-bottom: 1px solid #f2f2f2;}

#popForm .content .partOne .tit{ padding-left: 14px; font-size: 16px; color: #000000; line-height: 40px; position: relative;}

#popForm .content .partOne .tit::before{content:''; display: block; position: absolute; top: 18px; left: 0; z-index: 1; width: 5px; height: 5px; background: #083b94; border-radius: 50%;} 

#popForm .content .partOne .ul{margin-top: 17px;}

#popForm .content .partOne .ul .li{margin-bottom: 23px; width: 48.7%;  }

#popForm .content .partOne .ul .li .write,

#popForm .content .partOne .message .text{width: 100%; padding: 0 20px; line-height: 54px; border: 1px solid #e4e5e9; border-radius: 10px; font-size: 14px; color: #000;}

#popForm .content .partOne .message{width: 100%;}

#popForm .content .partOne .message .text{width: 100%; height: 174px; padding: 10px 20px; line-height: 25px; }

#popForm .content .partTwo{margin-bottom: 80px;}

#popForm .content .partTwo .partName{margin-bottom: 37px;}

#popForm .content .partTwo .ul2 .li2{margin-top: 10px;}

#popForm .content .partTwo .ul2 .li2 .tit{width: 17.722%; padding-left: 14px; font-size: 16px; color: #000000; line-height: 40px; position: relative;}

#popForm .content .partTwo .ul2 .li2 .tit::before{content:''; display: block; position: absolute; top: 18px; left: 0; z-index: 1; width: 5px; height: 5px; background: #083b94; border-radius: 50%;} 

#popForm .content .partTwo .ul2 .li2 .write{width: 40%; padding: 0 20px; line-height: 54px; border: 1px solid #e4e5e9; border-radius: 10px; font-size: 14px; color: #000;}

#popForm .content .partOne .ul .li .write::placeholder,

#popForm .content .partOne .message .text::placeholder,

#popForm .content .partTwo .ul2 .li2 .write::placeholder{color: #797c93;}

#popForm .content .partOne .ul .li .write:hover,

#popForm .content .partOne .message .text:hover,

#popForm .content .partTwo .ul2 .li2 .write:hover{border-color: #083b94;}

#popForm .bot .sub{display: flex; justify-content: center; margin: 0 auto; }

#popForm .bot .sub .submit{padding: 0 30px; min-width: 160px; line-height: 48px; background: #083b94; border-radius: 45px; font-size: 16px; color: #fff; }

#popForm .bot .sub .submit:hover{opacity: 0.8;}



#popForm .scrollbar::-webkit-scrollbar {background: #f5f5fa; width: 6px; height: 55px;border-radius: 5px;}

#popForm .scrollbar::-webkit-scrollbar-thumb{background: #083b94; border-radius: 5px;}



/* 弹窗-开发板 */

#popForm .content .partOne .ulBoard{margin-top: 17px;}

#popForm .content .partOne .ulBoard .li{margin-top: 10px;}

#popForm .content .partOne .ulBoard .li .tit{width: 17.72%; padding: 0;}

#popForm .content .partOne .ulBoard .li .tit::before{display: none;}

#popForm .content .partOne .ulBoard .li .write{width: calc(100% - 17.72%); padding: 0 20px; line-height: 54px; border: 1px solid #e4e5e9; border-radius: 10px; font-size: 14px; color: #000;}

#popForm .content .partOne .ulBoard .li .write::placeholder{color: #797c93;}

#popForm .content .partOne .ulBoard .li .write:hover{border-color: #083b94;}

#popForm .content .partTwo .ulBoard .tit{width: 17.72%; padding: 0 14px; font-size: 16px; color: #000000; line-height: 27px; position: relative;}

#popForm .content .partTwo .ulBoard .tit::before{content:''; display: block; position: absolute; top: 11px; left: 0; z-index: 1; width: 5px; height: 5px; background: #083b94; border-radius: 50%;} 

#popForm .content .partTwo .ulBoard .li {margin-top: 10px;}

#popForm .content .partTwo .ulBoard .li .write{width: calc(100% - 17.72%); padding: 0 20px; line-height: 54px; border: 1px solid #e4e5e9; border-radius: 10px; font-size: 14px; color: #000;}

#popForm .content .partTwo .ulBoard .li .write::placeholder,

#popForm .content .partTwo .ulBoard .li .right .text::placeholder{color: #797c93;}

#popForm .content .partTwo .ulBoard .li .write:hover,

#popForm .content .partTwo .ulBoard .li .right .text:hover{border-color: #083b94;}

#popForm .content .partTwo .ulBoard .li .right{width: calc(100% - 17.72%);}

#popForm .content .partTwo .ulBoard .li .right .txt{width: 32.615%;}

#popForm .content .partTwo .ulBoard .li .right .txt .write{width: 100%;}

#popForm .content .partTwo .ulBoard .li .right .text{margin-top: 10px; width: 100%; height: 162px; padding: 10px 20px; line-height: 25px;padding: 0 20px; line-height: 54px; border: 1px solid #e4e5e9; border-radius: 10px; font-size: 14px; color: #000; }




@media (max-width: 1680px) {

    /* #popForm .in_box{max-height: 685px;} */
	
	#popForm .in_box .close {right: 21.2%;}

}
@media (max-width: 1536px) {
	#popForm .in_box .close {right: 19.2%;}
}
@media (max-width: 1440px) {
	#popForm .in_box .close {right: 16.2%;}
}
@media (max-width: 1366px) {
	#popForm .in_box .close {right: 14.2%;}
}
@media (max-width: 1280px) {
	#popForm .in_box .close {right: 11.2%;}
}


@media (max-width: 1024px) {

    #popForm .topCont{margin-bottom: 70px;}

    #popForm .topCont .left{height: 395px;}

    #popForm .content{padding: 50px 5.7%;}
	#popForm .in_box .close {right: 9.2%;}

}

@media (max-width: 750px) {

    #popForm .in_box{padding-top: 120px;}

    #popForm .in_box .close{width: 60px; height: 60px; background-size: 35%;}



    #popForm .topCont{margin-bottom: 40px; flex-wrap: wrap;}

    #popForm .topCont .left{width: 100%; height: 500px; margin-bottom: 40px;}

    #popForm .topCont .right{width: 100%;}

    #popForm .topCont .right .name{font-size: 40px; font-weight: bold; line-height: 1.5;}

    #popForm .topCont .right .list{padding-top: 20px;}

    #popForm .topCont .right .list li{font-size: 26px; line-height: 1.5; margin-top: 5px;}

    #popForm .topCont .right .list li::before{top: 18px;}



    #popForm .title{margin-bottom: 40px; font-size: 42px; line-height: 1.5;}

    #popForm .content .partName{font-size: 32px;}

	
	#popForm .content .partTwo .ul2 .li2 .tit::before,
    #popForm .content .partOne .tit::before{top: 15px;width: 8px;height: 8px;}

    #popForm .content .partOne .ul{margin-top: 25px;}

    #popForm .content .partOne .li{width: 100%;}

    #popForm .content .partOne .li .write, 

    #popForm .content .partOne .message .text{font-size: 26px; line-height: 60px;}





    #popForm .content .partTwo .li2{flex-wrap: wrap;}

    #popForm .content .partTwo .li2 .tit{width: 100%; font-size: 30px; line-height: 1.7;}

    #popForm .content .partTwo .li2 .tit::before{top: 22px;}

    #popForm .content .partTwo .li2 .write{width: 49%; font-size: 26px; line-height: 60px;}



    #popForm .content .bot .sub .submit{min-width: 220px; line-height: 60px; font-size: 26px;}
	
	#popForm .content .partTwo .ulBoard .li,
	#popForm .content .partOne .ulBoard .li {display: block;margin-top: 30px;}
	#popForm .content .partTwo .ulBoard .tit,
	#popForm .content .partOne .ulBoard .li .tit {width: auto;font-size: 30px;}
	#popForm .content .partTwo .ulBoard .li .write,
	#popForm .content .partOne .ulBoard .li .write {width: 100%;margin-top: 20px;font-size: 26px;line-height: 65px;}
	#popForm .content .partTwo .ulBoard .li .right {width: 100%;display: block;}
	#popForm .content .partTwo .ulBoard .li .right .text {height: 300px;font-size: 26px;margin-top: 20px;}
	
	#popForm .content .partOne .ul .li {width: 100%;}
	#popForm .content .partOne .tit {font-size: 26px;}
	#popForm .content .partOne .ul .li .write {height: 60px;line-height: 60px;font-size: 26px;}
	#popForm .content .partTwo .ul2 .li2 {display: block;}
	#popForm .content .partTwo .ul2 .li2 .write {width: 100%;margin-top: 20px;font-size: 26px;height: 60px;line-height: 60px;}
	#popForm .content .partTwo .ul2 .li2 .tit {width: 100%;font-size: 26px;}
}




/*关于君正-公司简介、发展历程*/

#about{padding: 160px 0 180px;}

#about .title span{font-size: 36px; background: linear-gradient(to right, #083b94, #a0bef6);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

#about .brief{font-size: 18px;color: #222;line-height: 1.94;margin-top: 50px;text-align: left;}
#about .brief li {position: relative;margin-top: 10px;text-indent:18px;}
#about .brief li:first-child {margin-top: 0;}
#about .brief li::before {position: absolute;content: '';width: 8px;height: 8px;background: #003a95; border: 2px solid #003a95;box-sizing: border-box;border-radius: 50%;left: -17px;top: 14px;}
#about .brief li::before {left: 0;}
#about .pic{width: 100%;margin-top: 90px;border-radius: 25px;}


@media screen and (max-width:750px) {
	#about .title span {font-size: 42px;line-height: 1.5;}
	#about .brief {font-size: 30px;line-height: 1.5;}
}


#history{padding-bottom: 180px;/*background: linear-gradient(to bottom, #fff 45%, #dbe4f3 100%);border-radius: 0 0 150px 150px;overflow: hidden;*/}

#history .top_box{}

#history .top_box .title{font-size: 36px;color: #000;}

#history .top_box .btn_box{}

#history .top_box .btn_box .btn{width: 45px;height: 45px;border-radius: 100%;}

#history .top_box .btn_box .btn.prev{background: url(/images/about/prev.png) no-repeat center rgba(0,58,149,.2);}

#history .top_box .btn_box .btn.next{background: url(/images/about/next.png) no-repeat center rgba(0,58,149,.2);margin-left: 20px;}

#history .top_box .btn_box .btn:hover{background-color: rgba(0,58,149,1);}

#history .content{margin-top: 70px;height: 470px;}

#history .content .cont{width: 50.78125%;height: 100%;margin-top: 40px;}

#history .content .cont .li{width: 100%;height: 100%;overflow-y: auto;padding-right: 10px;}

#history .content .cont .li::-webkit-scrollbar {height: 5px;width: 5px;background: #d3d5e4;}

#history .content .cont .li *::-webkit-scrollbar{height: 5px;width: 5px;background: #d3d5e4;}

#history .content .cont .li::-webkit-scrollbar-thumb {background: #797c93;}

#history .content .cont .li *::-webkit-scrollbar-thumb{background: #797c93;}

#history .content .cont .li .item{margin-bottom: 35px;}

#history .content .cont .li .item .tit{width: 130px;font-size: 18px;color: #1a1a1a;font-weight: 500;margin-top: 5px;padding-right: 10px;}

#history .content .cont .li .item .brief{width: calc(100% - 130px);font-size: 16px;color: #000;line-height: 2.1875;}

#history .content .year{width: 49.21875%;height: 100%;text-align: right;}

#history .content .year .y{font-size: 155px;color: #d3d5e4;line-height: 1;font-family: "MR";}

#history .content .year .y.swiper-slide-active{color: #003a95;}

@media screen and (max-width:750px) {
	#history .top_box .title {font-size: 42px;line-height: 1.5;}
	#history .top_box .btn_box .btn {width: 60px;height: 60px;}
	#history .content {flex-direction: column-reverse;}
	#history .content .year {height: 240px;width: 100%;text-align: center;}
	#history .content .cont {width: 100%;height: 500px;}
	#history .content .cont .li .item {display: block;}
	#history .content .cont .li .item .tit {font-size: 36px;}
	#history .content .cont .li .item .brief {font-size: 30px;line-height: 1.5;width: 100%;}
}


/*关于君正-联系我们*/

#contact{padding: 160px 0;/*background: linear-gradient(to bottom, #fff 55%, #dbe4f3 100%);border-radius: 0 0 150px 150px;overflow: hidden;*/}

#contact .address{}

#contact .address .li{padding-bottom: 55px;border-bottom: 1px solid #f2f2f2;margin-bottom: 60px;}

#contact .address .title{width: 50%;font-size: 24px;color: #083b94;font-weight: 500;line-height: 1.667;}

#contact .address .info{width: 50%;}

#contact .address .info .item{margin-bottom: 12px;font-size: 16px;color: #000;}

#contact .address .info .item .tit{width: 165px;padding: 0 10px 0 14px;position: relative;margin-top: 5px;}

#contact .address .info .item .tit::before{content: '';position: absolute;left: 0;top: 10px;width: 4px;height: 4px;background: #083b94;border-radius: 100%;}

#contact .address .info .item .brief{width: calc(100% - 165px);line-height: 1.875;}

#contact .message{margin-top: 130px;}

#contact .message .title{font-size: 36px;color: #000;line-height: 1.8;padding: 0 17.592%;}

#contact .message .form_box{margin-top: 90px;background: #fff;border-radius: 25px;overflow: hidden;padding: 70px 100px 80px;}

#contact .message .form_box .item{width: 48.863%;margin-bottom: 25px;}

#contact .message .form_box .item .tit{font-size: 16px;color: #000;padding-left: 15px;position: relative;}

#contact .message .form_box .item .tit::before{content: '';position: absolute;left: 0;top: 10px;width: 4px;height: 4px;background: #083b94;border-radius: 100%;}

#contact .message .form_box .item .input{width: 100%;height: 56px;line-height: 54px;border: 1px solid #e4e5e9;border-radius: 10px;overflow: hidden;padding: 0 20px;font-size: 14px;color: #333;margin-top: 10px;}

#contact .message .form_box .textarea{width: 100%;}

#contact .message .form_box .textarea .text{width: 100%;height: 180px;border: 1px solid #e4e5e9;border-radius: 10px;overflow: hidden;padding: 20px;font-size: 14px;color: #797c93;margin-top: 10px;}

#contact .message .form_box .submit{width: 160px;height: 50px;line-height: 50px;background: #083b94;font-size: 16px;color: #fff;text-align: center;border-radius: 25px;margin: 78px auto 0;}

#contact .message .form_box .submit:hover{opacity: .8;}

#contact .message .form_box .item .input:focus,

#contact .message .form_box .textarea .text:focus{border-color: #083b94;}

#contact .message .form_box .textarea .text::-webkit-input-placeholder,

#contact .message .form_box .item .input::-webkit-input-placeholder{opacity: 0;color: #797c93;}

#contact .message .form_box .textarea .text::-moz-placeholder,

#contact .message .form_box .item .input::-moz-placeholder{opacity: 0;color: #797c93;}

#contact .message .form_box .textarea .text::-ms-input-placeholder,

#contact .message .form_box .item .input::-ms-input-placeholder{opacity: 0;color: #797c93;}

#contact .message .form_box .textarea .text:focus::-webkit-input-placeholder,

#contact .message .form_box .item .input:focus::-webkit-input-placeholder{opacity: 1;}

#contact .message .form_box .textarea .text:focus::-moz-placeholder,

#contact .message .form_box .item .input:focus::-moz-placeholder{opacity: 1;}

#contact .message .form_box .textarea .text:focus::-ms-input-placeholder,

#contact .message .form_box .item .input:focus::-ms-input-placeholder{opacity: 1;}

@media screen and (max-width:750px) {
	#contact .address .li {display: block;}
	#contact .address .title {width: 100%;font-size: 36px;line-height: 1.5;}
	#contact .address .info {width: 100%;margin-top: 30px;}
	#contact .address .info .item {font-size: 26px;}
	#contact .address .info .item .tit::before {width: 8px;height: 8px;top: 13px;}
	#contact .message .title {padding: 0;font-size: 42px;line-height: 1.5;}
	#contact .message .form_box {padding: 70px 50px 80px;}
	#contact .message .form_box .item {width: 100%;}
	#contact .message .form_box .item .tit {font-size: 36px;}
	#contact .message .form_box .item .tit::before {top: 19px;width: 8px;height: 8px;}
	#contact .message .form_box .item .input {font-size: 26px;height: 65px;line-height: 65px;}
	#contact .message .form_box .textarea .text {height: 300px;font-size: 26px;line-height: 1.5;}
	#contact .message .form_box .submit {width: 180px;height: 60px;border-radius: 30px;font-size: 26px;}
}

/*关于君正-人力资源*/

#human{padding: 160px 0;/*background: linear-gradient(to bottom, #fff 55%, #dbe4f3 100%);border-radius: 0 0 150px 150px;overflow: hidden;*/}

#human .title{font-size: 36px;color: #000;line-height: 1.8;padding: 0 11.962%;}

#human .content{margin-top: 80px;}

#human .content .container{width: 77.407%;}

#human .content .li{border-radius: 25px;}

#human .content .li::before{content: '';display: block;padding-top: 56.22%;}

#human .content .li .tit{font-size: 18px;color: #fff;padding: 0 10px;z-index: 2;left: 0;right: 0;bottom: 50px;}

#human .content .btn{width: 45px;height: 45px;border-radius: 100%;top: 50%;z-index: 3;}

#human .content .btn.prev{left: 60px;background: url(/images/about/prev.png) no-repeat center rgba(0,58,149,.2);transform: translateY(-50%) rotate(-90deg);}

#human .content .btn.next{right: 60px;background: url(/images/about/next.png) no-repeat center rgba(0,58,149,.2);transform: translateY(-50%) rotate(-90deg);}

#human .content .btn:hover{background-color: rgba(0,58,149,1);}

#human .swiper_page{margin-top: 80px;text-align: center;}



#human .swiper_page .swiper-pagination-bullet{width: 56px;height: 5px;border-radius: 3px;background: #d3d5e4;margin: 0 7px;opacity: 1;}

#human .swiper_page .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #797c93;}


@media screen and (max-width:750px) {
	#human .title {padding: 0;font-size: 42px;line-height: 1.5;}
	#human .content .container {width: 100%;}
	#human .content .btn {bottom: -100px;top: auto;width: 60px;height: 60px;}
}


#join{padding: 150px 0 40px;}

#join .top_box{}

#join .top_box .title{font-size: 36px;color: #000;}

#join .top_box .city_box{}

#join .top_box .city_box .tit{font-size: 16px;color: #1a1a1a;margin-right: 30px;}

#join .top_box .city_box .tab{}

#join .top_box .city_box .tab .li{margin-left: 40px;font-size: 16px;color: #1a1a1a;}

#join .top_box .city_box .tab .li:first-child{margin-left: 0;}

#join .top_box .city_box .tab .li.cur{color: #083b94;text-decoration: underline;}

#join .top_box .city_box .tab .li:hover{color: #083b94;}

#join .content{margin-top: 60px;}

#join .content::before{content: '';width: 100%;height: 5px;border-radius: 3px;background: linear-gradient(to right, #083b94, #a0bef6);top: 0;right: 0;left: 0;position: absolute;}

#join .content .th{padding: 28px 0;border-bottom: 1px solid #f2f2f2;}

#join .content .th .item{font-size: 16px;color: #000;font-weight: 500;padding-right: 10px;}

#join .content .tb{}

#join .content .tb .li{padding: 28px 0;font-size: 16px;color: #000;border-bottom: 1px solid #f2f2f2;}

#join .content .item1{width: 29.167%;padding-left: 50px;}

#join .content .item2{width: 25%;}

#join .content .item3{width: 20.37%;}

#join .content .tb .item1{font-family: "ML";}

#join .content .tb .item4{font-size: 14px;color: #083b94;padding-right: 18px;background: url(/images/join/detail-icon.png) no-repeat right 4px;}



#join_pop{position: fixed;z-index: 21;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.2);overflow-y: auto;}

#join_pop .box{display: flex;justify-content: center;align-items: center;width: 100%;min-height: 100%;padding: 20px 0;}

#join_pop .content{width: 1080px;max-width: 92%;background: #fff;border-radius: 25px;padding: 90px;}

#join_pop .content .close{width: 45px;height: 45px;background: #083b94;border-radius: 100%;top: 35px;right: 35px;}

#join_pop .content .close:hover{opacity: .8;}

#join_pop .content .title{font-size: 36px;color: #000;margin-bottom: 35px;}

/*#join_pop .content p{font-size: 16px;color: #000;position: relative;padding-left: 15px;margin-bottom: 18px;}*/
#join_pop .content p{font-size: 16px;color: #000;position: relative;margin-bottom: 18px;}

/*#join_pop .content p::before{content: '';position: absolute;left: 0;top: 10px;width: 4px;height: 4px;background: #083b94;border-radius: 100%;}*/

#join_pop .content p a{color: #083b94;text-decoration: underline;}

#join_pop .content .cont{padding-left: 35px;font-size: 16px;color: #000;margin-bottom: 80px;}

#join_pop .content .cont p{padding-left: 0;}

#join_pop .content .cont p::before{display: none;}

#join_pop .content .tip{font-size: 16px;color: #000;line-height: 2.1875;margin-top: 70px;}

#join_pop .content::before {display: none;}

#join_tip {padding: 0 0 20px;}
#join_tip .box{display: flex;justify-content: center;align-items: center;width: 100%;min-height: 100%;padding: 20px 0;}
#join_tip .content .title{font-size: 36px;color: #000;margin-bottom: 35px;}
#join_tip .content p{font-size: 16px;color: #000;position: relative;padding-left: 15px;margin-bottom: 18px;}
#join_tip .content p::before{content: '';position: absolute;left: 0;top: 10px;width: 4px;height: 4px;background: #083b94;border-radius: 100%;}
#join_tip .content p a{color: #083b94;text-decoration: underline;}
#join_tip .content .cont{padding-left: 35px;font-size: 16px;color: #000;margin-bottom: 80px;}
#join_tip .content .cont p{padding-left: 0;}
#join_tip .content .cont p::before{display: none;}
#join_tip .content .tip{font-size: 16px;color: #000;line-height: 2.1875;margin-top: 70px;}




@media screen and (max-width:750px) {
	#join .top_box {display: block;}
	#join .top_box .title {font-size: 42px;}
	#join .top_box .city_box {margin-top: 30px;}
	#join .content .th .item,
	#join .content .item1,
	#join .content .tb .li,
	#join .top_box .city_box .tab .li,
	#join .top_box .city_box .tit {font-size: 26px;}
	#join .content {width: 100%;overflow-x: scroll;}
	#join .content .tb,
	#join .content::before,
	#join .content .th {width: 1080px;}
	#join .content .tb .item4 {font-size: 24px;background: url(/images/join/detail-icon.png) no-repeat right 11px;}
	
}





.cw1080{max-width:1080px;width:92%;margin:0 auto;}

.cw1280{max-width:1280px;width:92%;margin:0 auto;}


/* 新闻列表 */

#news{padding:100px 0;background-image:linear-gradient(to bottom,#dbe4f3,#ffffff 43%);}

#news .hot .container{padding-bottom:55px;}

#news .hot .slide{border-radius:25px;overflow:hidden;background-color:#083b94;}

#news .hot .slide .pic{width:60.314%;}

#news .hot .slide .pic .img{padding-top:64.767%;}

#news .hot .slide .pic .img img{width:100%;height:100%;object-fit:cover;}

#news .hot .slide .right{width:calc(100% - 60.314%);padding:4.298% 4.688%;flex-direction:column;display:flex;justify-content:space-between;}

#news .hot .slide .right .text .cate{font-size:16px;font-weight:500;color:#fff;line-height:16px;}

#news .hot .slide .right .text .name{font-size:36px;color:#fff;line-height:50px;margin: 25px 0 15px;}

#news .hot .slide .right .text .time{font-size:16px;color:#fff;line-height:35px;font-weight:300;}

#news .hot .slide .right .btn .pn{width: 43px;height:43px;border-radius:50%;background-color:rgba(255,255,255,0.2);}

#news .hot .slide .right .btn .pn.prev{margin-right:20px;}

#news .hot .slide .right .btn .pn:hover{background-color:#fff;}

#news .hot .slide .right .btn .pn:hover .i1{display:none;}

#news .hot .slide .right .btn .pn:hover .i2{display:inline-block;}

#news .hot .swiper-pagination{bottom:0;}

#news .hot .swiper-pagination-bullet{width:56.31px;height:5px;border-radius:2.5px;background:#d3d5e4;opacity:1;margin:0 7px;}

#news .hot .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#797c93;}



#news .news_nav{margin:100px 0 50px;}

#news .news_nav .li{width:160px;height:48px;border-radius:24px;overflow:hidden;border:2px solid #000;color:#000;text-align:center;line-height:44px;font-size:16px;margin-right:20px;}

#news .news_nav .li.cur,

#news .news_nav .li:hover{background-color:#003a95;border-color:#003a95;color:#fff;}



#news .list{gap:56px 25px;}

#news .list .item{width:calc((100% - 50px) / 3);}

#news .list .item .img{width:100%;padding-top:73.171%;border-radius:25px;overflow:hidden;}

#news .list .item .text .cate{font-size:16px;font-weight:500;color:#003a95;line-height:16px;margin:48px 0 16px;}

#news .list .item .text .name{font-size:24px;line-height:40px;color:#1a1a1a;transition:text-decoration 0.3s linear;}

#news .list .item .text .time{font-size:16px;font-weight:300;color:#222;line-height:35px;margin-top:15px;}

#news .list .item:hover .text .name{text-decoration:underline #1a1a1a;}


@media screen and (max-width:750px) {
	#news .hot .slide {display: block;}
	#news .hot .slide .right,
	#news .hot .slide .pic {width: 100%;}
	#news .hot .slide .right .text .time,
	#news .hot .slide .right .text .cate {font-size: 26px;}
	#news .hot .slide .right .btn {margin-top: 30px;}
	#news .hot .slide .right .btn .pn {width: 60px;height: 60px;}
	
	#news .news_nav .li {font-size: 26px;height: 60px;line-height: 60px;border-radius: 30px;width: 200px;}
	
	#news .list .item{width: 100%;}
	#news .list .item .text .time,
	#news .list .item .text .cate {font-size: 26px;}
	#news .list .item .text .name {font-size: 36px;}
}




/* 新闻详情 */

#news-detail {padding:100px 0;}

#news-detail .title{font-size:36px;text-align:center;font-weight:300;color:#333;}

#news-detail .time{font-size:16px;font-weight:300;color:#222;display:flex;align-items: center;justify-content: center;margin-top:42px;}

#news-detail .time .icon{margin-right:8px;}

#news-detail .time .icon .svg {width:17px;height:17px;fill:#003a95;}

#news-detail .content {margin-top: 58px;font-size: 18px;line-height: 35px;overflow:auto;max-width:100%;}
#news-detail .content * {font-family:AliPuHui !important;}
#news-detail .content * {max-width: 100% !important;white-space: pre-line !important;}
#news-detail .content table {margin:auto}
/*#news-detail .contentl p {display: block;}*/
/*#news-detail .content span {display: contents;}*/

#news-detail .btn_box {display: flex;align-items: center;justify-content: center;margin:90px 0 100px;}

#news-detail .btn_box .btn {margin-right:3.14%;cursor:pointer}

#news-detail .btn_box .btn .svg{fill:#797c93;}

#news-detail .btn_box .btn.twitter .svg path {fill: #797c93;transition:all 0.3s linear;}
#news-detail .btn_box .btn.linkedin .svg path {fill: #797c93;transition:all 0.3s linear;}

#news-detail .btn_box .btn:last-child {margin-right: 0;}

#news-detail .btn_box .wechat:hover{fill: #22ac38;}

#news-detail .btn_box .sina:hover{fill: #e60012;}

#news-detail .btn_box .douyin:hover{fill: #000000;}

#news-detail .btn_box .facebook:hover{fill: #3b579b;}

#news-detail .btn_box .linkedin:hover{fill: #37b4ee;}

#news-detail .btn_box .btn.twitter .svg:hover path {fill: #333333;}
#news-detail .btn_box .btn.linkedin .svg:hover path {fill: #0B66C1;}



#news-detail .page{display:flex;justify-content: space-between;}

#news-detail .page .pn {width:calc(50% - 17px);padding:35px;background:#fff;border-radius:25px;overflow:hidden;}

#news-detail .page .pn .text {font-size: 14px;color:#000;line-height:20px;}

#news-detail .page .pn .name {font-size: 18px;color:#000;line-height:30px;margin-top:10px;height:60px;}

#news-detail .page .pn .time_box {font-size:14px;font-weight:300;color:#222;display:flex;align-items:center;margin-top:20px;}

#news-detail .page .pn .time_box .icon {margin-right: 8px;}

#news-detail .page .pn .time_box .icon .svg {fill:#003a95;width:17px;height:17;}

#news-detail .page .pn:hover {background: #003a95;}

#news-detail .page .pn:hover .text,

#news-detail .page .pn:hover .name,

#news-detail .page .pn:hover .time_box{color:#fff;}

#news-detail .page .pn:hover .time_box .icon .svg {fill:#fff;}

@media screen and (max-width:750px) {

	#news-detail .page {flex-direction: column;}

	#news-detail .page .pn {width: 100%;}

	#news-detail .time {font-size: 26px;}

	#news-detail .page .pn .time_box .icon ,

	#news-detail .time .icon  {transform: scale(1.5);margin-right: 16px;}

	#news-detail .content * {font-size: 30px !important;line-height: 1.8 !important;}

	#news-detail .btn_box .btn {transform: scale(1.5);}

	#news-detail .btn_box .btn {margin-right: 15.14%;}

	#news-detail .page .pn .text {font-size: 26px;}

	#news-detail .page .pn .name {font-size: 36px;line-height: 1.8;height: auto;}

	#news-detail .page .pn .time_box{font-size: 26px;}
	#news-detail .page .pn:last-child {margin-top: 30px;}

}



#related_news{padding:60px 0 100px;}

#related_news .tit{font-size:36px;color:#000;}

#related_news .list{margin-top:60px;}

#related_news .list .li{margin-bottom:20px;}

#related_news .list .li:last-child{margin-bottom:0;}

#related_news .list .li .left{width:320px;border-radius:25px;overflow:hidden;}

#related_news .list .li .left img{width:100%;height:100%;object-fit:cover;}

#related_news .list .li .right{width:calc((100% - 36px - 320px));}

#related_news .list .li .right .cate{font-size:14px;font-weight:500;color:#003a95;}

#related_news .list .li .right .name{font-size:20px;line-height:32px;color:#1a1a1a;margin:15px 0 10px;}

#related_news .list .li .right .time{font-size:14px;line-height:28px;font-weight:300;color:#222;}







/* 投资者关系 */

#investor{padding:160px 0;}

#investor .top .item{width:calc(50% - 8px);}

#investor .top .item .pic{padding-top:73.496%;border-radius:25px;overflow:hidden}

#investor .top .item .tit{font-size:36px;color:#000;margin:40px 0 12px;}

#investor .top .item .btn .txt{font-size:14px;color:#083b94;margin-right:10px;}

#investor .bot{margin-top:100px;padding:0 70px;width:100%;height:448px;background:no-repeat right center / cover;border-radius: 30px;}

#investor .bot .name{font-size:36px;color:#fff;margin-bottom:40px;}

#investor .bot .list .li{font-size:16px;color:#fff;position:relative;padding-left:15px;margin-bottom:15px;}

#investor .bot .list .li:last-child{margin-bottom:0;}

#investor .bot .list .li::after{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:#fff;border-radius:50%;width:4px;height:4px;}

#investor .bot .list .li span{font-weight:300;margin-left:20px;}

@media screen and (max-width:750px) {
	#investor .top {display: block;}
	#investor .top .item {width: 100%;}
	#investor .top .item .btn .txt {font-size: 26px;}
	#investor .top .item .btn .icon {transform: scale(1.3);}
	#investor .bot .list .li {font-size: 30px;}
}



/* 核心技术 */

#technology{padding:150px 0 160px;}

#technology .tit{font-size:36px;color:#000;margin-bottom:50px;}

#technology .brief{max-width:870px;width:92%;margin:0 auto;font-size:18px;color:#222;line-height:35px;text-align: left;}
#technology .brief li {position: relative;margin-top: 10px;text-indent:18px;}
#technology .brief li:first-child {margin-top: 0;}
#technology .brief li::before {position: absolute;content: '';width: 8px;height: 8px;background: #003a95; border: 2px solid #003a95;box-sizing: border-box;border-radius: 50%;left: -17px;top: 14px;}
#technology .brief li::before {left: 0;}
#technology .pic{border-radius: 25px;overflow:hidden;margin-top:88px;}

@media screen and (max-width:750px) {
	#technology .tit {font-size: 42px;line-height: 1.5;}
	#technology .brief {font-size: 30px;line-height: 1.5;}
}

#series{padding:150px 0 160px;}

#series .list .li{margin-bottom:150px;}

#series .list .li:last-child{margin-bottom:0;}

#series .list .li .name{font-size:36px;color:#000;}

#series .list .li .item{margin-top:66px;padding-left:100px;position:relative;}

#series .list .li .item::after{content:'';position: absolute;left:0;top:50%;transform:translateY(-50%);z-index:2;width:10px;height:98%;border-radius:5px;overflow:hidden;background-color:#083b94;}

#series .list .li .item .brief{font-size:18px;color:#222;line-height:35px;margin-bottom:60px;word-wrap: break-word !important;}

@media screen and (max-width:750px) {
	#series .list .li .item {padding-left: 50px;}
	#series .list .li .item .brief {font-size: 30px;line-height: 1.5;}
}



#tech_down{padding:0px 0 160px;}

#tech_down .tit{font-size:36px;color:#000;margin-bottom:90px;}

#tech_down .list{gap:10px;}

/* #tech_down .list .li{width:calc((100% - 10px) / 2); background-color:#fff;overflow:hidden;padding:30px 20px;cursor:pointer;} */
#tech_down .list .li{width:calc((100% - 10px) / 2);overflow:hidden;padding:30px 20px;cursor:pointer;border: 2px solid #fff;border-radius: 20px;}

#tech_down .list .li .name{max-width:70%;font-size:18px;color:#000;line-height:18px;width:fit-content;position:relative;}

#tech_down .list .li .name::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;z-index:2;transition:all 0.3s;background-color:transparent;}

#tech_down .list .li .btn .txt{font-size:14px;color:#083b94;margin-right:10px;}

#tech_down .list .li:hover .name::after{width:100%;background-color:#000;}


@media screen and (max-width:750px) {
	#tech_down .list .li {width: 100%;}
	#tech_down .list .li .name {font-size: 24px;}
	#tech_down .list .li .btn .txt {font-size: 26px;}
	#tech_down .list .li .btn .icon img {transform: scale(1.3);}
	#tech_down .tit {font-size: 42px;line-height: 1.5;}
}




/* 应用 */

#application{padding:160px 0;background-image: linear-gradient(to bottom,#dbe4f3,#ffffff 43%);}

#application .item{margin-top:150px;}
#application .item:first-child {margin-top: 0;}

#application .item .top{margin-bottom:110px;}

#application .item .top .tit{font-size:36px;line-height:36px;color:#000;}
/* 
#application .item .top .btn .pn{width:43px;height:43px;border-radius:50%;background-color:rgba(8,59,148,0.2);}

#application .item .top .btn .pn.prev{margin-right:20px;}

#application .item .top .btn .pn:hover{background-color:rgba(8,59,148,1);} */

#application .item .bot {position: relative;padding: 0 30px;}
#application .item .bot .pn {position: absolute;top: 50%;transform: translateY(-50%);left: -15px;z-index: 3;filter: grayscale(0) brightness(0);}
#application .item .bot .pn.next {right: -15px;left: auto;}

#application .item .bot .slide .pic{padding-top:74.757%;}

#application .item .bot .slide .name{font-size:24px;color:#000;margin-top:45px;}





#special{padding-bottom:160px;background-color:#fff;}

#special .tit{font-size:36px;color:#000;line-height:36px;margin-bottom:90px;}

#special .list{gap:23px;}

#special .list .li{width:calc((100% - 46px) / 3);border-radius:25px;overflow:hidden;background-color:#f6f7fc;padding:70px 35px 45px;}

#special .list .li .pic{margin:0 auto;width:70px;}

#special .list .li .pic .img{padding-top:100%;}

#special .list .li .name{font-size:20px;font-weight:500;color:#000;margin:35px 0 20px;}

#special .list .li .brief{font-size:16px;line-height:30px;color:#222;word-wrap: break-word;}

@media screen and (max-width:750px) {
	#application .item .top .tit,
	#special .tit {font-size: 42px;line-height: 1.5;}
	
	#application .item .top .btn .pn {width: 60px;height: 60px;}
	#application .item .bot .slide .name {font-size: 26px;}
	
	#special .list .li{width:calc((100% - 46px) / 2);}
	#special .list .li .name {font-size: 26px;}
}


#chip{padding:0px 0 160px;}

#chip .tit{font-size:36px;color:#000;}

#chip .cont .tab{margin:70px 0 0;}

#chip .cont .tab .li{font-size:16px;color:#000;width:160px;line-height:44px;border:2px solid #000;border-radius:24px;text-align:center;margin:0 10px;cursor:pointer;}

#chip .cont .tab .li:hover,

#chip .cont .tab .li.cur{background-color:#003a95;border-color:#003a95;color:#fff;}

#chip .cont .bind {margin-top: 70px;}
#chip .cont .bind .con .list{gap:10px;}

#chip .cont .bind .con .list .li{padding:45px;width:calc((100% - 20px) / 3);background-color:#fff;border-radius:25px;overflow:hidden;}

#chip .cont .bind .con .list .li .pic{margin:5px auto 40px;width:59.626%;}

#chip .cont .bind .con .list .li .pic .img{padding-top:100%;}

#chip .cont .bind .con .list .li .name{font-size:24px;color:#000;margin-bottom:8px;}

#chip .cont .bind .con .list .li .more .txt{font-size:14px;color:#083b94;margin-right:10px;}

#chip .cont .bind .con .nochilp{font-size:16px;color:var(--mianColor);}


@media screen and (max-width:750px) {
	#chip .tit {line-height: 1.5;font-size: 42px;}
}

#buy .list {margin-top: 100px;position: relative;}
#buy .list:first-child {margin-top: 0;}
#buy .list .title {font-size: 24px;color: #000000;display:flex;align-items:center;}
#buy .list .title .icon {cursor:pointer;transform: scale(0.6);}
/* #buy .list .ul {margin-top: 15px;justify-content: space-between;display: flex;flex-wrap: wrap;} */
/* #buy .list .ul .li {margin-top: 10px;width: 49.537%;position: relative;border: 1px solid #fff;box-sizing: border-box;} */
#buy .list .ul {margin-top: 15px;display: flex;flex-wrap: wrap;}
#buy .list .ul .li {margin-top: 10px;width: 19.537%;position: relative;border: 2px solid #fff;box-sizing: border-box;margin-right: 0.56%;border-radius: 18px;}
#buy .list .ul .li:nth-child(5n) {margin-right: 0;}
/* #buy .list .ul .li .top {background: #fff;padding: 15px 4.081%;display: flex;align-items: center;justify-content: space-between;cursor:pointer;border-radius: 18px;} */
#buy .list .ul .li .top {padding: 15px 4.081%;display: flex;align-items: center;justify-content: space-between;cursor:pointer;border-radius: 18px;}
#buy .list .ul .li::after {display: none; content: '';height: 12px;width: 100%;background: #eef3f9;border-left: 1px solid #003a95;border-right: 1px solid #003a95;position: absolute;left: -1px;top: 61px;z-index: 5;}
/* #buy .list .ul .li .name {font-size: 24px;border-bottom: 2px solid #fff;line-height: 29px;}
#buy .list .ul .li:hover .name {color: #003a95;border-bottom-color: #003a95;} */
#buy .list .ul .li .name {font-size: 24px;line-height: 29px;}
#buy .list .ul .li:hover .name {color: #003a95;} 
/* #buy .list .ul .li .out {position: absolute;width: 202.3%;background: #fff;left: -1px;z-index: 3;top: 72px;display: none;} */
#buy .list .ul .li .out {position: absolute;width: 993.59px;background: #eef3f9;left: -1px;z-index: 3;top: 72px;display: none;border-radius:  0 18px 18px 18px;}
#buy .list .ul .li:nth-child(5n) .out, 
#buy .list .ul .li:nth-child(5n-1) .out {left: auto;right: -1px;}
#buy .list .ul .li:nth-child(5n-3) .out {left: -200px;}
#buy .list .ul .li:nth-child(5n-2) .out {left: -400px;}
#buy .list .ul .li:nth-child(5n-1) .out {left: auto;right: -200px;}
#buy .list .ul .li .out .ol {display: flex;flex-wrap: wrap;border: 1px solid #003a95;padding: 9px;border-radius:  0px 18px 18px 18px;}

#buy .list .ul .li:nth-child(5n-1) .out .ol,
#buy .list .ul .li:nth-child(5n-3) .out .ol, 
#buy .list .ul .li:nth-child(5n-2) .out .ol {border-radius: 18px;} 
#buy .list .ul .li:nth-child(5n) .out,
#buy .list .ul .li:nth-child(5n) .out .ol {border-radius: 18px 0 18px 18px;} 
/* #buy .list .ul .li .out .ol .row {cursor:pointer;margin-top: 10px;margin-right: 1.036%; width: 32.6%;background: #f5f8fb;display: flex;align-items: center;justify-content: space-between;padding: 30px 20px;} */
#buy .list .ul .li .out .ol .row {cursor:pointer;margin-top: 10px;margin-right: 1.036%; width: 32.6%;display: flex;align-items: center;justify-content: space-between;padding: 20px 20px;border: 2px solid #003a95;border-radius: 20px;}

#buy .list .ul .li .out .ol .row .tit {max-width: calc(100% - 75px); font-size: 14px;border-bottom: 1px solid #000000;}
#buy .list .ul .li .out .ol .row .btn {font-size: 14px;display: flex;align-items: center;border-bottom: 1px solid #000000;}
#buy .list .ul .li .out .ol .row .btn .icon {margin-left: 10px;}
/*#buy .list .ul .li .out .ol .row:hover .tit {border-bottom: 1px solid #000000;}*/
#buy .list .ul .li .out .ol .row:nth-child(3n) {margin-right: 0;}
#buy .list .ul .li .out .ol .row:nth-child(-n+3) {margin-top: 0;}

#buy .list .ul .li.cur {border: 1px solid #003a95;border-radius: 18px 18px 0 0;}
#buy .list .ul .li.cur .top {border-radius: 18px 18px 0 0;background: #eef3f9;}
#buy .list .ul .li.cur .top .icon {transform: rotate(90deg);}
#buy .list .ul .li.cur::after {display: block;}


@media screen and (max-width:1024px) {
	#buy .list .ul .li .out {width: 862.47px;}
	#buy .list .ul .li:nth-child(5n-3) .out {left: -175px;}
	#buy .list .ul .li:nth-child(5n-2) .out {left: -350px;}
	#buy .list .ul .li:nth-child(5n-1) .out {left: auto;right: -175px;}
}

@media screen and (max-width:750px) {
	#buy .list .title {font-size: 42px;}
	#buy .list .ul .li {width: 100%;margin-top: 20px;}
	#buy .list .ul .li:nth-child(5n-3) .out,
	#buy .list .ul .li:nth-child(5n-2) .out,
	#buy .list .ul .li:nth-child(5n-1) .out,
	#buy .list .ul .li:nth-child(2n) .out,
	#buy .list .ul .li .out {position: relative;left: auto;right: auto;top: auto;width: 100%;}
	#buy .list .ul .li .out .ol .row:nth-child(-n+3),
	#buy .list .ul .li .out .ol .row {width: 100%;margin-right: 0;margin-top: 20px;}
	#buy .list .ul .li .out .ol .row:first-child {margin-top: 0;}
	#buy .list .ul .li .name {font-size: 36px;line-height: 1.5;}
	#buy .list .ul .li .top .icon {transform: scale(1.3);}
	#buy .list .ul .li .top .icon {transform: scale(1.3);}
	#buy .list .ul .li.cur .top .icon {transform: rotate(90deg) scale(1.3);}
	#buy .list .ul .li .out .ol .row:nth-child(-n+3), 
	#buy .list .ul .li .out .ol .row {display: block;}
	#buy .list .ul .li .out .ol .row .tit {font-size: 26px;width: 100%;}
	#buy .list .ul .li .out .ol .row .btn {font-size: 26px;}
	#buy .list .ul .li .out .ol .row .btn .icon {transform: scale(1.3);}
	#buy .list .ul .li.cur::after {display: none;}
}

#news_new{padding:100px 0;background-image:linear-gradient(to bottom,#dbe4f3,#ffffff 43%);}

#news_new_list{
	--Color: #003a95;
}
#news_new_list {margin-top: 70px;}
#news_new_list .info {display: block;cursor:pointer}
#news_new_list .info .cw1200{padding: 45px 0;border-bottom: 1px solid #eaeaea;}
#news_new_list .info .cw1200:first-child {border-top: 1px solid #eaeaea;}
#news_new_list .info .date {font-family: "GIB";}
#news_new_list .info .date .listday{color: #999999;font-size: 42px;}
#news_new_list .info .date .listyears{color: #999999;font-size: 16px;margin-top: 10px;}
#news_new_list .info .con{width: 84.29%;}
#news_new_list .info .title{color: #333333;font-size: 22px;font-weight: bold;margin-bottom: 20px;}
#news_new_list .info .desc{color: #999999;font-size: 16px;line-height: 28px;text-indent:0; max-height: 84px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#news_new_list .info .desc * {color: #999999 !important;font-size: 16px !important;line-height: 28px !important;text-indent:0 !important;font-family: none !important;}
#news_new_list .info:hover{background: #f8f8f8;}
#news_new_list .info:hover .title,
#news_new_list .info:hover .date .listday{color: var(--Color);}
#news_new_list .info:hover .date .listyears{color: var(--Color);}
#news_new_list .info:hover .cw1200{border-bottom: 1px solid var(--Color);}
#news_new_list .faq{padding: 44px 0;border-bottom: 2px solid #ededed;}
#news_new_list .faq:first-child{border-top: 2px solid #ededed;}
#news_new_list .faq .con{width: 87.14%;}
#news_new_list .faq .con .tit2{width: 100%;color: #2d3339;font-size: 18px;line-height: 26px;padding: 10px 0 10px 110px;}
#news_new_list .faq .con .tit2:after{content: "";position: absolute;top: 0;left: 39px;width: 46px;height: 46px;border-radius: 50%;background: #333333 url(/static/images/icon19.png) no-repeat center center;}
#news_new_list .faq .con .desc{width: 100%;height: 0;overflow: hidden;padding-left: 110px;}
#news_new_list .faq .con .desc .h{margin-top: 30px;min-height: 46px;padding-top: 10px;color: #2d3339;font-size: 16px;line-height: 30px;}
#news_new_list .faq .con .desc:after{content: "";position: absolute;top: 30px;left: 39px;width: 46px;height: 46px;border-radius: 50%;background: var(--Color) url(/static/images/icon20.png) no-repeat center center;}
#news_new_list .faq .btn{width: 46px;height: 46px;background: #f5f5f5 url(/static/images/icon17.png) no-repeat center center;margin-right: 2.786%;}
#news_new_list .faq.open .tit2,
#news_new_list .faq:hover .tit2{color: var(--Color);}
#news_new_list .faq:hover .btn{background-color: var(--Color);background-image: url(/static/images/icon17_2.png);}
#news_new_list .faq.open .tit2:after{background-color: var(--Color);}
#news_new_list .faq.open .btn{background-color: var(--Color);background-image: url(/static/images/icon18.jpg);}


@media (max-width: 750px){
	#news_new_list .info .date .listday{font-size: 90px;}
	#news_new_list .info .date .listyears{font-size: 30px;}
	#news_new_list .info .con{width: 82%;}
	#news_new_list .faq .con .tit2,
	#news_new_list .info .title{font-size: 36px;line-height:1.5;}
	#news_new_list .faq .con .tit2{padding-top: 0;}
	#news_new_list .faq .con .desc .h,
	#news_new_list .info .desc{font-size: 30px;line-height: 1.8;}
	#news_new_list .info .desc * {font-size: 30px !important;line-height: 1.8 !important;}
	#news_new_list .info .desc{max-height: none;-webkit-line-clamp: 2;}
	#news_new_list .info .cw1200 {display: flex;align-items: center;}
	#news_new_list .info .date {margin-right: 30px;}
}


#news_new {overflow: hidden;}
#news_new .content {position: relative;}
#news_new .slide {position: relative;}
/* #news_new .container {overflow: visible;} */
#news_new .slide .img {width: 57.25%;max-height: 570px;border-radius: 50px}
#news_new .slide .right {display: none;}
#news_new .right {border-radius: 20px;z-index: 2; width: 46.87%;background-color: #003a95;padding: 60px 45px;color: #fff;display: flex;position: absolute;top: 15%;right: 0;box-shadow: 0px 60px 100px -48px #dedede;}
#news_new .right .box_left {font-weight: bold;text-align: center;top: -10px;position: relative;font-family: "GIB";}
#news_new .right .box_left .day {font-size: 52px;padding-bottom: 12px;margin-bottom: 12px;border-bottom: 4px solid #fff;}
#news_new .right .box_left .years {font-size: 18px;}
#news_new .right .box_right {width: 82%;}
#news_new .right .box_right .name {font-size: 24px;font-weight: bold;line-height: 39px;margin-bottom: 30px;}
#news_new .right .box_right .brief {font-size: 16px;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#news_new .right .box_right .brief * {color: #fff !important;font-size: 16px !important;line-height: 24px !important;text-indent:0 !important;font-family: none !important;}
#news_new .page{z-index: 2;right: 0;bottom: 15px;display: flex;align-items: center;}
#news_new .page .pn{width: 58px;height: 58px;border-radius: 50%;background-color: #ededed;background-repeat: no-repeat;background-position: center center;}
#news_new .page .prev{background-image: url(/images/news/prev2.png);}
#news_new .page .next{background-image: url(/images/news/next2.png);}
#news_new .page .prev:hover{background-image: url(/images/news/prev.png);}
#news_new .page .next:hover{background-image: url(/images/news/next.png);}
#news_new .page .pn:hover{background-color: #003a95;}
#news_new .page .p-list{width: auto;line-height: 44px;margin: 0 22px;}
#news_new .page .p-list,
#news_new .page .p-list span{color: #999999;font-size: 16px;font-weight: bold;}
#news_new .swiper-pagination-current {color: #003a95 !important;}

@media screen and (max-width:1440px) {
	#news_new .right {padding: 40px 25px;}
}
@media screen and (max-width:1366px) {
	#news_new .right {padding: 35px 20px;}
}
@media screen and (max-width:1280px) {
	#news_new .right  {width: 50.87%;}
}
@media screen and (max-width:1024px) {
	#news_new .right {display: none;}
	#news_new .slide .right {display: flex !important;}
	#news_new .right {position: relative;align-items: center;}
	#news_new .slide .img,
	#news_new .right {width: 100%;}
	#news_new .slide .img {border-radius: 50px 50px 0 0;}
	#news_new .slide .right {border-radius: 0 0 50px 50pxw;}
	#news_new .page {position: relative;bottom: 0;left: 50%;transform: translate(-10%,0%);top: -10px;}
	#news_new .slide {padding-bottom: 20px;}
}
@media screen and (max-width:750px) {
	#news_new .content {padding-bottom: 20px;}
	#news_new .slide .right .box_right .name {font-size: 36px;line-height: 54px;}
	#news_new .slide .right .box_right .brief {font-size: 30px;line-height: 45px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	#news_new .slide .right .box_right .brief * {font-size: 30px !important;line-height: 45px !important;}
	#news_new .page .pn {width: 90px;height: 90px;}
	#news_new .page .p-list, 
	#news_new .page .p-list span {font-size: 30px;line-height: 70px;}
	#news_new .page {transform: translate(-20%);}
	#news_new .slide .right .box_left .years {font-size: 26px;}
	
	#news_new .slide .right .box_left .day {font-size: 90px;}
}