/*===================================================基础设置===================================================*/
body{background-color: #F2F2F2;}

/*--------------------------------全局变量--------------------------------*/
:root {
    --pgWidth:90%;/*页面宽度87.5rem*/
    --hdHeight:3.75rem;/*头部高度*/

    /*色系_深灰*/
    --mainColor:#107eec;
    --nearColor:#4eae6a;
    --secondColor:#e4eff5;
    --subColor:#f6f8fc;

    /*色系_深蓝
    --mainColor:#0588d3;
    --nearColor:#0070b0;
    --secondColor:#b4e2fd;
    --subColor:#f0f6f9;
    */

    /*色系_深绿
    --mainColor:#3c9a39;
    --nearColor:#2d2f2c;
    --secondColor:#eeeeee;
    --subColor:#f5f5f5;
    */

    /*色系_深橘色
    --mainColor:#d86b00;
    --nearColor:#824000;
    --secondColor:#eeeeee;
    --subColor:#eee;
    */
}

.mainColor{background-color: var(--mainColor,#107eec); }
.nearColor{background-color: var(--nearColor,#4eae6a) !important;  }
.secondColor{background-color: var(--secondColor,#e4eff5) !important; }
.subColor{background-color: var(--subColor,#f6f8fc);}


/*--------通用a标签--------*/
a{ text-decoration:none;outline:none;color: #666;}
a:visited {text-decoration:none;}
a:hover {
    color: var(--mainColor,#107eec);text-decoration:none;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;}
.flex-between{display:flex;justify-content: space-between;}


/*----------------------------------------------页面头部header----------------------------------------------*/

/*--------头部--------*/
#header {
    width: 100%;
    z-index: 900;
    background-color:#fff;
    height:auto !important;
    line-height: normal;
}

/*导航固定时的头部高度-*/
.headerspace{display:none;}


/*顶部*/
#top{
    position:relative;overflow:hidden;
    width: 100%;
    color:#999;
    background-color:var(--subColor,#f2f2f2);
    z-index: 901;padding:0.2rem 0;height:2.125rem;
}
#top .welcome{color:#999;padding:0 0 0.6rem 5%;width: 50%;font-size: 0.875rem;}
#top .welcome >div{padding:0.4rem 0 0 0;}
#top .welcome i{font-size:0.75rem;padding-right:0.5rem;}
#top ul{float:right;}
#top ul li{float:left;margin-right:1.5rem;}
#top ul li a{color:#999;}
#top ul li a:hover{ color:#333;}
#top .welcome img{width:10%;}


/*logo*/
#header .hdLogo {
    position: relative;overflow:hidden;
    z-index:99;
    width:10%;
    margin-bottom:0.6rem;
}
/*logo图片*/
#header .hdLogo img {display: block;margin-top: 0.625rem;width:100%;}
/*平台名*/
#header .hdLogo h2{margin-top: 0.5rem;font-size:1.5rem;color:#fff;}
/*平台英文名*
#header .hdLogo h4{
	margin-top:0.375rem;
	font-size:1rem;color:#aaa;font-family:Arial, Helvetica, sans-serif;font-weight:normal;}


/*头部右侧*/
/*#header .hdOther {
    position: relative;float: right;
    height: var(--hdHeight,3.75rem);
    z-index:999;
    background-color: #fb0;
    height: 2.2rem;
    line-height:2rem;
    padding: 0 1.2rem;
    border-radius: 0.4rem;
    margin: 1.2rem 0;
}*/
#header .hdOther:hover{
    color:#333;
}

.form-input{
    font-size: 0.875rem;
    padding: 0 0.5rem;
    height: 1.875rem;
    line-height: 1.875rem;
    border-radius: 0.2rem;
    width: 200px;
    background-color: #fff;
    box-sizing: border-box;
    justify-content: left;
    right: 11%;
    top: -2.2rem;
    z-index: 999;
    margin-right: 1rem;
}
.form-input a{
    display:flex;
    cursor: pointer;
}
.form-input svg{
    width:20px;height:20px;margin-top: 0.3rem;
}
.form-input input{
    border: none;
    outline: none;
    background-color:rgb(255,255,255,0);
    width:100%;
    margin-left:10px;
    line-height: 1.875rem;
}
.icon-login{
    font-size: 0.875rem;
    position: absolute;
    right: 5rem;/*right: 9.8rem;*/
    z-index: 999;
    top: 0.6rem;
    color: #999;
    line-height:normal;
}

/*--------导航（PC端）--------*/

/*导航背景(通栏)*/
#header .navbg {


}

/*导航*/
.navBar {
    position:absolute;
    right:0;/*居右*/top:1.3rem;
    /*background-color: #fff;*/
    z-index: 2;
    width: 76%;
    display: flex;
    justify-content: space-between;
}

/*所有导航项UL样式*/
.navBar ul {
    position: absolute;visibility: hidden;opacity: 0;
    width: 100%;
    background-color: #fff;/*背景色*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition:all .4s ease;
    z-index: 999;
    border-radius: 0.25rem;
    padding: 0.5rem 0;
}

/*二级导航显示动画*/
.navBar ul {top: 2rem;}
.navBar li:hover > ul {opacity: 1;visibility: visible;top: 100%;}

/*三级导航显示动画*/
.navBar ul ul {top: 0%;left: 80%;}
.navBar ul li:hover > ul {opacity: 1;visibility: visible;top: 0%;left: 98%;}

/*所有导航项li样式*/
.navBar li {position: relative;width:14.5%;}

/*二级及以下导航*/
.navBar ul li {	position: relative;float: none;width:100%;}

/*一级a标签*/
.navParent > a {
    display: block;
    color:#333;font-size:1rem;text-align: center;
    width: 100%;
}
.navParent:hover > a, li.active a {	color: #0c63cd;}

/*一级a标签的箭头*/
.navParent > a i {
    position:absolute;
    right: 0.5rem;
    font-size:1rem;
    transition: transform 0.3s ease-out;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;}
.navParent:hover > a i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);}

/*当前选中样式*/
.navParent > a.on {
    color: #333;
}

/*二级导航a标签*/
.navParent ul li:hover > a {
    color: #333;
    background-color: var(--nearColor,#5694e4);}
/*二级及以下导航a标签*/
.navParent ul li a {
    display: block;
    color: #333;font-size: 1rem;text-decoration: none;text-align: center;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    height:2.25rem;
    line-height:2.25rem;
    width:90%;
    margin:0 auto;
}
.navParent ul li a:hover {
    color: #fff;
    background-color: #0c63cd;}


/*--------导航(移动端)--------*/
#navMbl{position:absolute;width:100%;}
#navMbl .navicon i{
    display:block;position:absolute;right:2%;
    margin-top:0.75rem;
    color:#666;font-size:2.5rem;
    border:1px solid #aaa;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;}
.navBarMbl{
    position:absolute;display:none;
    top:var(--hdHeight,3.75rem);
    padding:3%;width:94%;
    line-height:2.5rem;
    background-color:#fff;
    border:1px solid #ddd;
    box-shadow: 0 1rem 0.625rem -1rem #999;
    -moz-box-shadow: 0 1rem 0.625rem -1rem #999;
    -webkit-box-shadow: 0 1rem 0.625rem -1rem #999;
    z-index:999;}
.navBarMbl li{float:left;font-size:1.125rem;}
.navBarMbl ul li{
    position:relative;float:left;width:33%;
    font-weight:normal;}
.navBarMbl ul ul{
    position:absolute;display:none;
    left:6rem;top:0rem;
    width:94%;padding-left:6%;
    background-color:#daeeff;
    border:1px solid #ddd;
    z-index:99;}
.navBarMbl ul ul li{width:100%;}
.navMblParent{
    clear:both;
    width:100%;padding:0.5rem 0;
    font-weight:bold;
    border-bottom:1px solid #ddd;}
.navMblParent i{border:none;padding-left:0.5rem;}



/*----------------------------------------------子页面设置----------------------------------------------*/

/*--------分栏(非等距 2分栏)--------*/
.gdSubL {position:relative;float: left;width: 18%}
.gdSubR {position:relative;float: right;width: 80%}

/*--------子页面宽度--------*/
.layoutSub {
    margin-top:1rem !important;
    margin-bottom:3rem !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;}

/*--------子页面模块--------*/
.panelSub{
    position: relative;overflow: hidden;
    /*padding: 2rem 2%;
    border: 1px solid #ddd;
    background-color: #f7f7f7;*/}

/*--------新闻列表页模块--------*/
.panelNews{
    position: relative;overflow: hidden;
    padding: 1rem 2%;
    border: 1px solid #ddd;
    background-color: #fff;}


/*--------------------------------左侧菜单--------------------------------*/
.panelMenu{}
.panelMenu ul.menu {margin-bottom: 2.5rem;}

/*一级菜单*/
.panelMenu ul.menu > li {font-size: 1rem;}
.panelMenu ul.menu > li a {
    position: relative;display:block;
    padding:0.75rem 0 0.75rem 1rem;
    line-height: 2rem;
    border:1px solid #ddd;border-top:none;}
.panelMenu ul.menu > li:first-child{border-top:1px solid #ddd;}

/*一级菜单i标签*/
.panelMenu ul.menu > li a i {position:absolute;right:4%;color: #ddd;}
.panelMenu ul.menu > li a:hover {
    color: var(--mainColor,#0068b7);
    border-left:0.25rem solid var(--mainColor,#0068b7);
    background-color:var(--subColor,#f2f2f2);}
.panelMenu ul.menu > li a:hover i {color: var(--mainColor,#0068b7)}
.panelMenu ul.menu > li a.active {
    color:#fff;
    border-left:0.25rem solid var(--mainColor,#0068b7);
    background-color:var(--nearColor,#5694e4);  }
.panelMenu ul.menu > li a.active i {color: var(--mainColor,#0068b7);}

/*二级菜单*/
.panelMenu ul.menu ul {display: none;
    background-color:var(--subColor,#f2f2f2);}
.panelMenu ul.menu ul li a{padding-left:2.5rem;}
.panelMenu ul.menu ul li a:hover{border-left:0.25rem solid var(--nearColor,#5694e4);}
.panelMenu ul.menu ul li a.active {
    color: var(--mainColor,#0068b7);
    border-left:0.25rem solid var(--nearColor,#5694e4);}


/*--------------------------------上侧菜单--------------------------------*/
.panelMenuTop{
    background-color: #f1f1f1;
    overflow: hidden;}
.panelMenuTop ul.menuTop {}

/*一级菜单*/
.panelMenuTop ul.menuTop li {float: left;margin-right: 0.5rem; font-size: 1rem;}
.panelMenuTop ul.menuTop li a {
    position: relative;display:block;	float: left;
    padding:0 1rem;
    line-height: 3rem;color: #666;
    border-bottom-color:#f1f1f1;
    border-bottom-style: solid;
    border-bottom-width: 2px;}

.panelMenuTop ul.menuTop li a:hover {
    color: var(--mainColor,#0068b7);
    border-bottom-color:var(--mainColor,#0068b7);}
.panelMenuTop ul.menuTop li a:hover i {color: var(--mainColor,#0068b7)}
.panelMenuTop ul.menuTop li a.active {
    color: var(--mainColor,#0068b7);
    border-bottom-color: var(--mainColor,#0068b7);}

.panelMenuTop ul.menuTop ul{float: left;}



/*----------------------------------------------模块设置----------------------------------------------*/

/*--------------------------------首页模块分割--------------------------------*/
.apartHome{padding:2.5rem 0;overflow: hidden;}
.apartHome-2{background-color:#f1f1f1;overflow: hidden;}
.apartHome-3{padding:2.5rem 0;background-color:var(--nearColor,#0068b7);overflow: hidden;}

/*--------------------------------banner--------------------------------*/
/*--------首页banner--------*/
.bannerHome {
    clear: both;position: relative;
    background-color: #fff;
}
/*通栏轮播图高度*
.bannerHome .slideBox {max-height:31.25rem}
.bannerHome .slideBox .bd img {max-height:31.25rem;}

/*--------子页面banner--------*/
.bannerSub {
    clear:both;position: relative;overflow: hidden;
    background-color: #021f41;}
.bannerSub img {
    display: block;	margin: 0 auto;
    width: 100%;}


/*--------------------------------标题--------------------------------*/
/*--------首页标题--------*/
.titleBigHome{margin-bottom:1.875rem;text-align:center; position: relative;}
.titleBigHome h3{width:auto;font-size:1.75rem;color:#333;}
.titleBigHome span{
    display:block;margin-top:1rem;
    font-size:1.75rem;color: rgb(51,51,51,0.15);font-weight:normal;
    position: absolute;
    z-index:-99;
    top:-1.6rem;
    width:29.375rem;
    left:50%;
    margin-left:-14.6875rem;
    text-align: center;
    text-transform: uppercase;
}

/*--------子页面标题--------*/
.titleBigSub {
    overflow:hidden;margin-bottom: 1.25rem;
    text-align:center;}
.titleBigSub h3 {font-size: 1.5rem;line-height:2.4375rem;}


/*--------------------------------尾部footer--------------------------------*/
#footer {
    clear: both;overflow:hidden;
    background-color: #333;color:#fff;font-size:0.75rem;}
#footer p.copyright {color: #d5d5d5;line-height: 2rem;text-align: center;}
#footer a {color: #ffffff;}


/*---------语言选择---------*/
.language {
    position: absolute;
    right: 3%;
    top: 0.24rem;
    z-index: 99999;
    line-height: 1.875rem;
}
.language dl dd ul {
    display: none;
    transition: all .3s ease;
    background-color: rgba(255, 255, 255, 1);
    width: 7.125rem;
    text-align: center;
    border-radius: 0.25rem;
    border:1px solid #eee;
    border-top: none;
    box-sizing: border-box;
}
.language dl dd h3 {
    font-weight: normal;
    color:#999;
    width: 7.125rem;
    text-align: center;font-size:0.875rem;
}
.language dl dd {
    color: #333;
    display: block;
    box-sizing: border-box;
    border-bottom: 2px solid transparent;
    font-size: 0.875rem;
    font-weight: normal;
    position: relative;
    text-align: center;
    float: left;
}
.language dl dd ul li {
    height: 2.625rem;
    line-height: 2.625rem;
    list-style: none;
    float: none;
    margin:0;
}
.language dl dd ul li a {
    padding: 0.4rem 1.4rem;
    color: #333;
    font-size: 0.75rem;
    text-decoration: none;
    text-align: center;
    background-color: var(--subColor,#f2f2f2);
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
}
.language dl dd ul li a:hover {
    color: #0c63cd;
}


/*===================================================更新module样式===================================================*/

.titleSmall-4,.titleSmall-3{
    background-color:#fff !important;}



/*===================================================定制化样式===================================================*/
.text-center {
    text-align: center !important;
}
.mb-5, .my-5 {
    margin-bottom: 3rem !important;
}
.mt-3, .my-3 {
    margin-top: 1rem !important;
}
.m-4 {
    margin: 1.5rem !important
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important
}
.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
.text-white {
    color: #fff !important;
}
.y_footer {
    display: flex;
    justify-content: space-between;
    /* padding-top: 80px; */
    overflow: hidden;
    padding-left: 70px;
    width: auto;
    /* margin-left: 18%; */
}
.beian {
    text-align: center;
    padding-bottom: 45px;
}
.pt-4, .py-4 {
    padding-top: 1.5rem !important;
}
.f_title {
    font-size: 20px;
    padding-bottom: 20px;
    text-align: center;
}
.btns-top{
    float:right;
}
.btns-top a{
    display:block;
    float: left;
    border-radius: 0.25rem;
    width:4.375rem;
    height: 2rem;
    text-align: center;
    color:#fff;
    line-height:2rem;
    margin-left:0.625rem;
    font-size:0.875rem;
    margin-top: 0.6rem;
}
.btn-beian{
    background-color: #4eae6a;
    box-shadow: 0 0 0.625 rgb(4,43,81,0.32);
    -moz-box-shadow: 0 0 0.625 rgb(4,43,81,0.32);
    -webkit-box-shadow: 0 0 0.625 rgb(4,43,81,0.32);
}
.btn-login{
    background-color: #107eec;
    box-shadow: 0 0 0.625 rgb(4,43,81,0.32);
    -moz-box-shadow: 0 0 0.625 rgb(4,43,81,0.32);
    -webkit-box-shadow: 0 0 0.625 rgb(4,43,81,0.32);
}

.modNewsls-9 .modpanelTitle{
    background:url(../../public/58d199c0-8f0d-48d1-b365-fa88b37e462a.png) no-repeat !important;
}
.modNewsls-9 .modpanelTitle ul.modNewsTab-9 li.active{
    background: rgb(84,165,102,0.84) !important;
}
.modNewsls-9 .modpanelTitle ul.modNewsTab-9 li{
    background: rgb(255,255,255,0.24) !important;
    opacity:1 !important;
    color:#fff !important;
}
.modNewsls-9 .modNewsCont-9 ul.lsNewslist a{
    background: #f9f9fb !important;
    border-radius:0.3125rem !important;
    -moz-border-radius:0.3125rem !important;
    -webkit-border-radius:0.3125rem !important;
    border: none !important;
}
.modNewsls-9 .modpanelTitle a.newsMore{
    text-align:right !important;
    padding-right:1.5rem !important;
}
.cg-panel{
    margin:1.875rem 0;
}
.cg-panel li{
    float:left;
    text-align:center;
}
.cg-panel li img,.cg-panel li span{
    display:block;
}
.cg-panel li:nth-child(odd) img{
    width: 4.6875rem;
    height: 5.1875rem;
    margin: 0 auto;
}
.cg-panel li:nth-child(even) img{

}
.cg-panel li span{
    font-size:1rem;
    padding:0.5rem 0;
}
.cg-panel div{
    float:left;
}
.cg-panel div img{
    width: 1.5625rem;
    height: 0.5625rem;
    margin: 2rem 0.5rem 0 0.5rem;
}

#media_src {
    width: 100%;
    /*height: 1000px;*/
}

#video-label {
    position: relative;

    min-height: 25rem;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #fff;
    margin-bottom: 0px;
    margin-top: 0px !important;
    height: 100vh;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

#video-label .container {
    position: relative;
    z-index: 2;
}

#video-label .overlay {
    position: absolute;
    top: 85px;
    left: 0;
    height: 63.5%;
    width: 100%;
    background-color: #266594;
    opacity: 0.5;
    z-index: 1;
}

#video-label h1 {
    color: #fff;
    font-size: 47px;
    font-weight: bold;
    line-height: 47px;
    text-shadow: 1px 1px 8px rgb(0 0 0 / 30%), 1px 1px 8px rgb(0 0 0 / 30%);
    padding-bottom: 10px;
}


#video-label video {
    position: absolute;
    top: 40%;
    left: 50%;
    min-width: 100%;
    min-height: 65%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.search {
    position: relative;
    margin-top:1rem;
}


.search .search_d {
    background: #fff;
    width: 90%;
    height: 126px;
    box-shadow: 0 4px 29px rgb(24 144 225 / 28%);
    z-index: 111;
    position: absolute;
    margin: auto;
    right: 0;
    left: 0;
}

.search .intro{
    text-align: center;
    width: 98%;
    height: 64px;
    margin: 0 auto;
    margin-top: 33px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;

}

.search .intro .ritem{
    width:32%;
    border-right: 1px solid #e6e6e6;
    text-align: center;
    height: 40px;
    margin-top: 12px;
}
.search .intro .ritem:nth-child(3){
    border-right:0;
}

.left {
    float: left;
}

.ritem .rt1 {
    color: #00489D;
    font-size: 1.75rem;
    font-weight: bold;
    line-height: 30px;

}

.search .intro .ritem .rt2 {
    line-height: 0px;
    font-size: 14px;
    color: #999;
}


.box {
    height: 44px;
    position: absolute;
    overflow: hidden;
    top: 47%;
    margin-top: -20px;
    margin-left: -30px;

}

.box span {
    display: inline-block;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#00489D), to(#00489D));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 30px;
    height: 44px;
    font-size: 27px;
    line-height: 44px;
}

.box .sign-box span {
    width: 15px;
}

.box .digit-container {
    width: 23px;
    padding: 0px;
    text-align: center;
    overflow: hidden;
    font-size: 0;
}

.l {
    float: left;
}

.js-box {
    left: 70%;
}

.js-box:after {
    content: '+';
    position: relative;
    top: 5px;
}


.js-box2:after {
    content: '+';
    position: relative;
    top: 5px;

}


.js-box2 {
    left: 56.5%;
}

.js-box3:after {
    content: ' å¹´+';
    position: relative;
    top: 5px;

}

.js-box3 {
    left: 41.6%;
}

.brief-introduction {
    position: relative;
    top: -30px;
    width:90%;
    margin:0 auto;
}

.brief-introduction .title {
    color: #00489D;
    font-size: 2rem;
    font-weight: bold;
}

.brief-introduction .subtitle {
    margin-top: 0.3125rem;
    color: #A0A0A0;
    font-size: 1.125rem;
    letter-spacing: 4px;
    font-weight: 600;
}

.brief-introduction-item {
    position: relative;
    background: white;
    margin: 0 20px;
    width: 33%;
    padding: 0 0 20px 0;
    font-size:0.75rem;
    line-height: 1.5rem;
}

.brief-introduction-item>div:last-child{
    width: 100%;

}
.brief-introduction-item > img{
    width:100%;height:14rem;
}

.brief-introduction-item > :first-child {
    width: 100%;
}

.brief-introduction .icon-container {
    margin-top: -2.75rem;
    box-shadow: 2px 2px 8px #a5a5a5;
    background-color: white;
    width:5rem;height:5rem;
    border-radius: 50%;
    display:flex;justify-content: center;align-items: center;
}

.brief-introduction-item .rt1 {
    color: #00489D;
    font-size: 1.375rem;
    font-weight: bold;
    line-height: 1.875rem;
}


.supply-services {
    position: relative;
    width:90%;
    margin:5rem auto 0 auto;
}


.supply-services .title {
    color: #00489D;
    font-size: 2rem;
    font-weight: bold;
}

.supply-services .subtitle {
    margin-top: 0.3125rem;
    color: #A0A0A0;
    font-size: 1.125rem;
    letter-spacing: 4px;
    font-weight: 600;
}


.supply-services-item {
    background: white;
    margin: 0 0.5rem;
    width: 31.5%;
    height: 13.125rem;
}

.supply-services .rt1 {
    font-size: 1.375rem;
    font-weight: bold;
    line-height:1.875rem;

}

.supply-services .blue-item {
    padding: 1.3125rem;
}

.supply-services .white-item {
    position: relative;
    padding: 21px;
}

.bg-blue {
    background-color: #00489D;
}

.text-orange {
    color: #FFCC00;
}

.text-blue {
    color: #00489D;
}


.text-brown {
    color: #666666;
}

.supply-services-item img {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
}

.supply-services-item-text {
    position: relative;
    z-index: 1;
}

.supply-services-item .rt2 {
    font-size: 10px;
    font-weight: bold;
}

.supply-services-bottom > div {
    height: 275px;
}

.calculator-btn {
    font-weight: bold;
    width: 90.333px;
    height: 90px;
}

.el-button:hover {
    border-color: #00489D;
    background-color: #00489D;
}

.result-container {
    background-color: #F2F8FF;
    width: 300px;
    border: 1px solid #E5E5E5;

}

.result-number {
    font-weight: bold;
}

.result-container > div {
    position: relative;
}

.result-container > div .cny {
    position: absolute;
    right: 0;

}

.dividing-line {
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
}

.financial-service {
    position: relative;
    /*width: 1903px;*/
    width: auto;
    height: 600px;
    /*background: url("../../public/fe26f220-1027-4543-8130-2ddc151b2a66.png") no-repeat;*/
    padding: 40px 0 0 0;
    box-sizing: border-box;
}

.container-fluid>div{
    margin: 0 auto;
}


#calculator input::-webkit-outer-spin-button,
#calculator input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

#calculator input[type="number"] {
    -moz-appearance: textfield;
}

.supply-services .tips {
    font-size: 13px;
    color: #888;
}


.financial-service .title {
    font-size: 32px;
    font-weight: bold;
}

.financial-service .subtitle {
    font-weight: bold;
    margin-top: 0.3125rem;
    font-size: 18px;
    letter-spacing: 4px;
    font-weight: 600;
}

.e-commerce {
    position: relative;
    padding:80px 0;
    width: auto;
}

.e-commerce .title {
    color: #00489D;
    font-size: 32px;
    font-weight: bold;
}

.e-commerce .subtitle {
    font-weight: bold;
    margin-top: 0.3125rem;
    font-size: 18px;
    letter-spacing: 4px;
    font-weight: 600;
    color: #A0A0A0;
}

.e-commerce-item-container{
    width: 31%;
    height: 350px;
    position: relative;
}

.e-commerce-item-container > img {
    position: absolute;
    height: 100%;
    width: 100%;
}

.e-commerce-item-container2 {
    position: relative;
    background: url("../img/eCommerce2.png") repeat;
    margin: 0 8px;
    width: 370px;
    height: 400px;
}

.e-commerce-item {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    font-size: 12px;
    box-sizing:border-box;
    display: flex;
    justify-content: center;
    vertical-align: middle;
}
.e-commerce-item a{
    color:#fff !important;
    justify-content: center;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.e-commerce-item a p{
    font-size: 22px !important;
    padding-top: 20px;
}

.e-commerce-item .rt1 {
    font-size: 1.375rem;
    font-weight: bold;
}

.text-bold {
    font-weight: bold;
}

e-commerce-item .icon {
    width: 40px;
    height: 40px;
}

.e-commerce-item-container1 text-bold ul li {
    list-style-type: disc;
}

.e-commerce-item-container3 ul li {
    /*list-style-type: disc;*/
}

.customer-case {
    position: relative;
    width: auto;
    height: 750px;
}

.customer-case .title {
    color: white;
    font-size: 44px;
    font-weight: bold;
}

.cases-content{
    width: auto;
    padding: 80px;

}
.customer-case .subtitle {
    margin-top: 0.3125rem;
    color: white;
    font-size: 20px;
    letter-spacing: 4px;
    font-weight: 600;
}

.case-item>div {
    padding: 30px;
    width: 300px;
    height: 430px;
}

.case-item{
    position: relative;
    width: 450px;
}

.case-item .case-img {
    position: absolute;
    height: 400px;
    left:240px;
    bottom: 0;
}

.case-item .check-detail {
    position: absolute;
    bottom: 30px;
    left: 30px;
    color: #00489D;

}

.btn {
    display: block;
    height: 40px;
    font-family: Helvetica;
    font-size: 16px;
    line-height: 40px;
    letter-spacing: 0;
    text-align: center;
    border: 1px solid #00489D;
    border-radius: 4px;
    padding: 0 25px;
}

.company-news{
    position: relative;
}


.infor_top {
    padding-bottom: 20px;
    width: 100%;
    justify-content: space-between;
}
.infor_top >div{
    width:47%;
    height: 316px;
    text-align: left;
    color: #666;
}
.overHide {
    overflow: hidden;
}

.infor_tip_d {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 10px;
    height: 40px;
    margin-bottom: 20px;
    line-height: 35px;
}


.infor_tip_d .infor_p1 {
    font-size: 12px;
    color: #666;
    padding-top: 2px;
}
.right {
    float: right;
}

.infor_tip_d .infor_span1 {
    font-size: 20px;
    line-height: 10px;
    color: #000;
}

a {
    text-decoration: none;
    color: inherit;
}

.infor_detail li {

}


a {
    text-decoration: none;
    color: inherit;
}

.infor_company{
    position: relative;
}


.infor_company2 .infor_list1 {
    width: 422px;
}

.infor_company2 .infor_list2 {
    width: 321px;
    margin-left: 16px;
}

.wrap {
    width: 90%;
    margin:0 auto;
}

.hover_img{
    width: 430px;
    height: 235px;
}

.information .icon{
    position: relative;
    top: -2px;
    width: 18px;
    height: 18px;
}

.links-container{
    width: 87.5rem;
    margin: 0 auto;
    display:flex;
    justify-content: space-between;
    padding: 3rem 0;
}

.js-l-box{
    /*height: 100%;*/
}

.links-container a{
    width:17%;
}
.links-container img{
    width: 100%;
    height:100%;
}
.footer{
    font-size:12px !important;
    background: #00489D !important;
}

.footer_tel .icon{
    position: relative;
    top: -2.8px;
    height:17px;
    width:12px;
}

.f_title{
    font-size:18px !important;
    text-align:left  !important;
}

.addressIcon{
    position: relative;
    margin-right: 3px;
    top: -0.89px;
    height: 15px;
    width: 12px;
}
.y_footer>div{
    padding-top: 20px;
    padding-bottom:10px;
    width:16.5%;
}
.y_footer{
    width: 90% !important;
    padding-left: 0 !important;
}
.y_footer ul li{
    padding-bottom:0 !important;
}

.qr-code-container{
    position: relative;
    left: -100px;
    background-color: white;
}

.financial-service .rt1{
    font-size: 16px;
}
.financial-service .rt2{
    font-size: 12px;
}
.stock-icon-container .icon{
    width: 40px;
    height: 40px;
}

.stock-icon-container{
    font-size: 10px;
}
.stock-icon-container>div{
    width: 55.8px;
}

.w_box{
    width:90%;
    justify-content: space-between;
    display: flex;
    margin:0 auto;
}
.w_box .y_left{
    width:26%;
    margin:10px 0;
}
.w_box .y_left img{
    width:80%;
}
.w_box .y_center{
    width:70%;
}

.in-kjds{
    width: 90%;
    margin: 0 auto;
    justify-content: space-between;
}

.beian{
    padding-bottom:20px !important;
}
.weixinImg{
    text-align: center !important;
}
.weixinImg span{
    width:100%;
    line-height:32px;
    display: block;
}
.weixinImg img{
    margin-top: 70px;
}
.wx-line{
    width:1px  !important;
    height: 235px;
    background-color: #4c81c0;
    margin-top: 20px;
}

/*手风琴*/
.section .mode-list {
    height: 484px;
    width: 1200px;
    margin: 0 auto;
}

.section .mode-list .mode-item {
    width: 215px;
    height: 484px;
    float: left;
    overflow: hidden;
    background: #fff;
    transition: width .4s;
    box-sizing: border-box;
    position: relative;
}
.section .mode-list .mode-item::before{
    content: "";
    width: 340px;
    height: 484px;
    background-color:rgb(0,0,0,0.4);
    position: absolute;
    top:0;
    left:0;
    z-index:1;
}

.section .mode-list .mode-wrap {
    width: 750px;
    height: 484px;
}

.section .mode-list .mode-view {
    float: left;
    width: 215px;
    height: 482px;
    opacity: 1;
    color:#fff;
    text-align: center;
    padding:360px 0 0 0;
    box-sizing: border-box;
    z-index: 99;
    position: relative;
}

.section .mode-list .mode-view p{
    color:#fff !important;
}

.section .mode-list .mode-detail {
    float: left;
    color: #fff;
    width: 300px;
    opacity: 0;
    background: rgb(10 58 151 / 90%);
    padding: 15px;
    box-sizing: border-box;
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 9999999;
    font-size: 14px;
    text-align:center;
}

.section .mode-list .mode-item.active {
    width: 340px;
}
.section .mode-list .mode-item.active::before{
    content: "";
    width: 215px;
    height: 484px;
    background-color:rgb(0,0,0,0);
}

.section .mode-list .mode-item.active .mode-wrap {
    margin-left: -215px;
    opacity: 1;
}

.section .mode-list .mode-item.active .mode-view {
    opacity: 0;
}

.section .mode-list .mode-item.active .mode-detail {
    opacity: 1;
}

.section .mode-list .mode-item-1{
    background: url("../../public/866f5c4b-49a9-4929-9e46-052a54b10c03.png") no-repeat;
}

.section .mode-list .mode-item-2{
    background: url("../../public/412c5ecc-7e0b-489b-af73-c49359cc62ec.png") no-repeat;
}

.section .mode-list .mode-item-3{
    background: url("../../public/31353009-55f7-40bd-9b9b-9c2dff6b5347.png") no-repeat;
}

.section .mode-list .mode-item-4{
    background: url("../../public/42f3678f-9366-42df-8c8c-3cd14c4879c7.png") no-repeat;
}

.section .mode-list .mode-item-5{
    background: url("../../public/b65edfeb-bc46-4fe6-80dd-9c1384bc4a90.png") no-repeat;
}



.mode-wrap .solution-card a {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #fff !important;
    letter-spacing: 0;
    height: 30px
}

.solution-card .tit{
    display: flex;
    justify-content: space-between;
    margin-top:0;
}

.solution-card .tit img{
    width:10%;
    height:10%;
}

.solution-card > div{
    margin-top:10px;
}
.solution-card p{
    color: #fff !important;
}


.wimg-7{
    width:7%;
}

.clearance{
    position: relative;

}


.lower-horizontal-line{
    position: relative;
    top: 30px;
    width: 60px;
    height: 6px;
    background-color: #00489D;
    margin: 0 auto;
}

.clearance-content{
    position: relative;
    top:4rem;
    width: 100%;
}

.clearance img{
    position: relative;

    /*width: 40px;*/
    /*height: 40px;*/
}

.clearance-content>div>div:first-child{
    height: 65px;
}

.clearance-content>div{
    width: 21%;
    margin: 0 1%;
    background-color: #fff;
    padding: 2% 2% 6% 2%;
    box-sizing: border-box;
}


.rt1{
    font-weight: bold;
    font-size: 24px;

}

.clearance .rt2{
    color: #848585;
}
.text-black{
    color: black;
}

.settlement-exchange{
    position: relative;
}
.settlement-exchange-content{
    position: relative;
    top:4rem;
    width: 100%;
    height: 31.25rem;
}

.settlement-exchange-item {
    position: relative;
    background: #d2a4a4;
    margin: 0 1%;
    padding-top:5.625rem;
    width: 23%;
    height: 26.25rem;
    box-sizing: border-box;
}

.settlement-exchange-text{
    position: absolute;
    bottom: 2rem;
    padding:0 2%;
    width: 90%;
    box-sizing: border-box;
    font-size: 0.75rem;
    left: 50%;
    margin-left: -45%;
}

.settlement-exchange-item  .rt1{
    color:#fff !important;
    font-size:1.25rem !important;
}

.supply-chain-services-drawback{
    position: relative;
    margin-top: 4rem;
}

.supply-chain-services-drawback-content{
    width: 100%;
    height: 750px;
    margin:  0 auto;
}

.supply-chain-services-drawback-content .drawback-bg{
    height: 750px;

}

.drawback-icon-container{
    border-radius: 50%;
    height: 50px;
    width: 50px;
    box-shadow: 2px 2px 6px #a8a7a7;

}

.drawback-icon-container>img{
    position: relative;
    left: 8px;
    top: 8px;
    margin:0 !important;
}

.supply-chain-services-drawback .ml-4 div:nth-child(1){
    font-size:16px;
}

.supply-chain-services-drawback .ml-4 div:nth-child(2){
    font-size:14px;
}

.supply-chain-services-drawback .ml-4 div:nth-child(3){
    font-size:14px;
}

.supply-chain-services-drawback .bottom-text{
    font-size: 14px;
    line-height: 24px;
}

.supply-chain-services-stock{
    position: relative;
    margin-top: 115px;
    padding-bottom: 75px;
}

.supply-chain-services-stock .stock-item{
    position: relative;
    overflow: hidden;
    width: 340px;
    height: 420px;
    box-shadow: 2px 2px 6px #a8a7a7;
}

.supply-chain-services-stock .stock-item img{
    width: 100%;
}

.supply-chain-services-stock .stock-item .rt1{
    font-size: 28px;
}
.supply-chain-services-stock .stock-item  .bottom-text{
    position: absolute;
    bottom: 19px;
    width: 100%;
}

.hwc{
    width:100%;
    justify-content: space-between;
}
.hwc .stock-item{
    background-color:#fff;
    padding:0 0 1.5rem 0;
    width: 30%;
}
.hwc img{
    margin:0 !important;
    width: 100%;
}
.hwc .stock-item .rt1{
    font-size:1rem;
    padding:1rem 0 0 0;
}
.hwc .stock-item .bottom-text{
    font-size:0.875rem;
    line-height:1.625rem;
}

.search .stock-item{
    width:18.5%;
}
.search .text-center{
    margin-top:1.5rem;
}
.search a{
    color:#000 !important;
}

.flow-chart-container{
    width: 100%;
    /*box-shadow: 2px 2px 6px #a8a7a7;*/
    /*overflow: hidden;*/
    /*margin: auto 0;*/
}
.authentication{
    padding: 90px 0;
    position: relative;
    width: 100%;
    height: 720px;
    background: #eee;
}

.authentication-content{
    background: white;
    width: 100%;
    min-height: 540px;
    height:auto;
    padding:3% 2%;
    box-sizing: border-box;
}

.authentication-content>img{
    height: 100%;
}

.import{
    position: relative;
    margin: 0 auto;
    padding: 110px 0;
}

.purchase{
    padding: 90px 0;
    position: relative;
    width: 100%;
    height: 920px;
    background: #eee;
}

.purchase-content{
    overflow: hidden;
    background: white;
    margin: 0 auto;
    width: 1105px;
    height: 690px;
    border-radius:10px ;
    box-shadow: 2px 2px 6px #a8a7a7;
}

.purchase-content>img{
    height: 100%;
}

.import-flow-chart{
    margin-top: 60px;
}
.import-flow-chart>div>div{
    position: relative;
    width: 70px;
}

.import-item-container{
    margin-top: 50px;
    justify-content: space-between;

    padding-left: 50px;
    padding-right: 75px;
}

.import-item-container>div{
    background-color: #ECEBEB;
    width: 520px;
    /*height: 260px;*/
    padding: 60px 30px;
}

.import-item-container .icon{
    width: 110px;
    height: 110px;
}

.bg-lightBlue{
    background-color: #2562AF;
}

.text-lightBlue{
    color: #2562AF;
}

.bg-lightOrange{
    background-color: #E48A34;
}

.purchase-item{
    width: 85px;
    height: 85px;
    border-radius: 50%;
}
.purchase-item>img{
    margin-left: 25px;
    margin-top: 10px;
    margin-bottom: 3px;
    width: 35px;
    height: 35px;
}

.triangle-arrow-container{
    height: 85px;

}
.triangle-arrow-container>img{
    margin-top: 30px;
}

.trade-process{
    width: 20px;
    padding-top: 37px;
    padding-left: 33px;
    margin-right: 60px;
    line-height: 24px;
    font-size: 23px;
}

/*悬浮链接*/
.suspension{position:fixed;z-index:99999;right:0;bottom:3rem;width:4.375rem;/*height:15rem;*/}
.suspension-box{position:relative;float:right;}
.suspension .a{
    display:block;width:4.75rem;height:4.75rem;margin-bottom:0.25rem;cursor:pointer;outline:none;color:#666;
    background-color:#1d2125;
    /*box-shadow:0px 0px 10px #d3dbfb;
    -moz-box-shadow:0px 5px 10px #d3dbfb;
    -webkit-box-shadow:0px 0px 10px #d3dbfb;*/
    border-top-left-radius:8px;
    -webkit-border-top-left-radius:8px;
    -moz-border-border-top-left-radius:8px;
    border-bottom-left-radius:8px;
    -webkit-border-bottom-left-radius:8px;
    -moz-border-border-bottom-left-radius:8px;
}
.suspension .a.active,
.suspension .a:hover{background:#00489D;color:#fff;}
.suspension .a .i{float:left;width:3.75rem;height:3.75rem;background-image:url(https://www.qingyilian.com/zwqyl/public/contant/38f32f19-d293-4aa1-9f9b-108c2f874caf.png );background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:1.5rem;height:1.5rem;margin-top:1.85rem;margin-left:1.85rem;background-image:url(https://www.qingyilian.com/zwqyl/public/contant/b35e71f3-db9f-4267-a1f6-f5dfebe8800e.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:1.25rem;height:1.25rem;margin-top:1.85rem;margin-left:1.85rem;background-image: url(https://www.qingyilian.com/zwqyl/public/contant/b35e71f3-db9f-4267-a1f6-f5dfebe8800e.png);background-repeat:no-repeat;background-position:-1.6875rem 0;}
.suspension .a-qrcode .i{background-position:-3.2rem 0.5rem;}
.suspension .a-cart .i{background-position:-5.5rem 0;}
.suspension .a-top .i{background-position:-10.75rem 0.5rem;}
.suspension .a-top{display:none;}
.suspension .a-top:hover{background:#00489D;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:82px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:0.5rem;height:0.75rem;background:url(https://www.qingyilian.com/zwqyl/public/contant/e8d1fb27-cd0f-47e3-a391-3ff5f9a83cea.png) no-repeat;right:-0.5rem;top:1.9375rem;}
.suspension .d-service{top:0;width:400px;padding-top:10px;}
.suspension .d-service-phone{top:4rem;}
.suspension .d-qrcode{top:9rem;}
.suspension .d .inner-box{padding:0.5rem 1.375rem 0.75rem;text-align:center;font-size: 0.875rem;color: #93959c;}
.suspension .d-service-item{padding:0.75rem 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:3.125rem;height:3.125rem;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:3.125rem;height:3.125rem;background:url(https://www.qingyilian.com/zwqyl/public/contant/94f2c8c2-41eb-4ef2-9a54-08aa0449e3e8.png) no-repeat center 8px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:3.125rem;height:3.125rem;background:url(https://www.qingyilian.com/zwqyl/public/contant/e298daf7-3849-4513-a091-d1607b6944bd.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:7rem;line-height:2.75rem;font-size:0.875rem;margin-left:0.75rem;}
.suspension .d-service-item .text{float:left;width:7rem;line-height:2rem;font-size:0.875rem;margin-left:0.75rem;}
.suspension .d-service-item .text .number{font-family:Arial}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:1.25rem 0;}
.suspension .d-qrcode p{font-size:0.875rem;color:#93959c;}

.ser-col ul,.jg-col ul{
    width:100%;
    display: flex;
    justify-content: space-between;
    margin: 3rem 0 1rem 0;
}
.ser-col li{
    width:15%;
    height:5rem;
    line-height:5rem;
    font-size:1rem;
    text-align:center;
    border: 1px solid #4181ce;
    color: #0c63cd;
    box-shadow: 0 0 10px inset rgb(12 99 205 / 32%);
}
.ser-col li a:hover{color:#0c63cd !important;}

.crumbs-1{
    padding: 1rem 0 0 0;
}
.panelOut-1{
    background-color: #fff;
    padding: 2rem;
    box-sizing: border-box;
    border-radius: 0.4rem;
}
.panel-1 .title{
    padding: 0.46rem 1rem;
    border-radius: 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #0c63cd;
    background: linear-gradient(180deg, #eef6ff, #fcfbfa);
    box-shadow: 0 20px 16px 0 hsla(0, 0%, 70.2%, .2);
}
.panel-1 .title h3{
    font-size:1rem;
    color:#0c63cd;
}
.panel-1 .news-2 p{
    display:inline-block;
}
.content .news-2 li{
    border-bottom: 1px solid #eee;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.jr-con{
    width:87.5rem;
    margin:4rem auto 0 auto;
}
.jr-list{
    position: relative;
    width:29%;
    float: left;
    margin:0 2% 3% 1%;
    background:linear-gradient(to bottom, #f6fbff, #e5f4ff);
    box-shadow: 0 5px 20px rgb(0,0,0,0.1);
    border-radius: 6px;
    padding:30px 30px;
    box-sizing: border-box;
    height: 370px;
    overflow: hidden;
}
.jr-list:nth-child(3n){
    margin-right:0;
}
.jr-list img{
    position: absolute;
    bottom:-30px;
    right:-50px;
    width:260px;
    /*transform: rotateZ(10deg);*/
    z-index: 1;
}
.jr-list dl{
    position: relative;
    z-index:99;
}
.jr-list dt{
    font-size:20px;
    font-weight: bold;
    padding-bottom:20px;
}
.jr-list dd{
    font-size:14px;
    line-height: 32px;
    display: flex;
    justify-content: left;
    color:#444;
}
.jr-list dd::before{
    content: "";
    display: block;
    width:6px;
    height: 6px;
    border-radius: 6px;
    background: #008bd4;
    margin:14px 8px 0 0;
}
.jr-list a{
    display: block;
    height: 32px;
    line-height: 32px;
    width:180px;
    text-align: center;
    font-size:12px;
    color:#008bd4 !important;
    border-radius: 4px;
    border: 1px solid #96ccf8;
    background:linear-gradient(to bottom, #f5fbff, #abdbff);
    position: absolute;
    left:30px;
    bottom:60px;
    z-index: 99;
}

/*头部下拉*/
.rightLogin{
    position: absolute;
    right: 6%;
    top: 0.3rem;
    z-index: 9999;
    display: flex;
    justify-content: right;
}
.navbar-login .nav-links {
    /* position: absolute; */
    right: 0;
    z-index: 9999;
    top: -1.9rem;
}

.navbar-login .nav-links li {
    display:flex;
    height: 100%;
    color: #fff;
    position: relative;
    font-size: 0.75rem;
    flex-flow: column;
    text-align: center;
}
.navbar-login .nav-links li div{
    font-size:0.75rem;
}

.navbar-login .nav-icon::before,.navbar-login .nav-icon::after{
    content: "";
    height: 0.4375rem;
    width: 0.0625rem;
    display: block;
    background: #0c63cd;
    position: absolute;
    right: 0.375rem;
    top: 0.75rem;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    margin-top: 0;
    z-index:999;
}
.navbar-login .nav-icon:before {
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    right: 0.6875rem;
}

.navbar-login .nav-links li > a {
    font-size: 0.875rem;
    margin:0 auto;
    /* width:7rem; */
    transition: background .3s cubic-bezier(.158,.201,.69,1);
    -webkit-transition: background .3s cubic-bezier(.158,.201,.69,1);
    /* background: linear-gradient(to right, #e9ce1d, #86c64c 60%); */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    color: #0c63cd;
    line-height: 1.8rem;
    padding: 0 1rem;
}

.navbar-login .nav-links .sub_links {
    position: absolute;
    top: 1.875rem;
    right: -1rem;
    width:8rem;
    display: block;
    border-radius: 0.2rem;
    padding: 0.2rem 0.2rem 0.2rem 0.2rem;
    z-index: 99;
    transition: all .3s cubic-bezier(.158,.201,.69,1);
    -webkit-transition: all .3s cubic-bezier(.158,.201,.69,1);
    visibility: hidden;
    opacity: 0;
    transform: translatey(7px);
    box-sizing: border-box;
}

.navbar-login .nav-links .sub_links li {
    position: relative;
    margin: 0 !important;
}
.navbar-login .nav-links .sub_links li:hover > a{
    background: rgb(158,201,69,1);
    color: #fff;
}
.navbar-login .nav-links .sub_links li a {
    display: block;
    font-size: 0.75rem;
    color: #fff;
    height: 1.8rem;
    line-height: 1.8rem;
    background: #0c63cd;
    border-radius:0.2rem;
    width:4rem;
    margin: 0 auto 0.2rem auto;
    -webkit-text-fill-color: white;
}

.navbar-login .nav-links li:hover > .sub_links {
    visibility: visible;
    opacity: 1;
    transform: translatey(0);
}

.top-icons{
    z-index: 9999;
    /* position: absolute; */
    right: 0;
    font-size: 0.875rem;
    display: flex;
    justify-content: space-between;
    top: -1.85rem;
    line-height: 2.2em;
}
.top-icons a{
    color:#333;
}
.top-icons svg{
    width:2.4rem;
    margin-top:0.3rem;
}
a.back-icon{
    margin-left:1rem;
    color:#2b86bd;
}

/*===================================================响应式===================================================*/

@media screen and (max-width:767px) {
    html{font-size:12px;}
    /*页面容器*/
    .layout,.layoutHd{width: 96%;}
    .layoutSub {width: 90%;}
    /*移动端导航*/
    #navMbl{display:block;}
    .navBar{display:none;height:0}
    .navbg{display:none;height:0}

    /*移动端左侧菜单*/
    .gdSubL{display:none;width:0}
    .gdSubR{width:100%;}

    /*头部LOGO图片*
    #header .hdLogo img {width:80%;}

    /*左侧菜单*/
    .panelMenu ul.menu > li a i {right:0;}
    .panelMenu ul.menu > li a {padding-left:0.125rem;}
    .panelMenu ul.menu ul li a{padding-left:0.125rem;}

    /*采购流程*/
    .cg-panel li:nth-child(odd) img{
        width: 4.6875rem;
        height: 5.1875rem;
        margin: 0 auto;
    }
    .cg-panel div img{
        width: 1.5625rem;
        height: 0.5625rem;
        margin: 2rem 0.5rem 0 0.5rem;
    }
}


@media screen and (min-width:768px) and  (max-width:1359px){
    html{font-size:14px;}
    /*页面容器*/
    .layout,.layoutHd,.layoutSub{width: 96%;}
    /*移动端导航*/
    #navMbl{display:none;}
    .navBar{display:flex;}
    .navbg{display:block;}

    /*导航间距*/
    .navParent > a{padding: 0 1.4rem;}

}


@media screen and (min-width:1360px){
    html{font-size:16px;}
    /*页面容器*/
    .layout,.layoutHd,.layoutSub{width: var(--pgWidth,87.5rem);}

    /*移动端导航*/
    #navMbl{display:none;}
    .navBar{display:flex;}
    .navbg{display:block;}

}
.flex-row{
    display: flex;
    align-items: center;
}
.flex-col{
    display: flex;
    align-items: center;
    flex-direction: column;
}
.a1{
    width: 100%;
    justify-content: space-between;
}
.b1{
    width: 100%;
    justify-content: space-between;
    margin-top: 5rem;
    display: flex;
}
.b2{
 width: 29%;
 justify-content: space-between;
}
.c1{
    width: 100%;
    height: 35rem;
    background: url('信保服务/img/a5.jpg') no-repeat;
    background-size: 100% 100%;
    margin-top: 5rem;
    padding: 15rem 5rem;
}
.d1{
    width: 100%;
    justify-content: space-between;
}
.e1{
    width: 100%;
    justify-content: space-between;
    margin-top: 5rem;
    display: flex;
}
.e1 .img{
    width: 22rem;height: 20rem;
}
.e2{
    width: 30%;
    background-color: #fff;
    border-radius: 1rem;
    padding: 1rem;
}
.g1{
    width: 100%;
    height: 40vh;
    background: url("../../public/1fabc04c-8b87-4bf4-b32e-f7e812fe8650.jpg") no-repeat;
    background-size: 100% 100%;
    justify-content: center;
border-radius:1rem ;
}
.g2{
    width: 50%;
    padding: 1.5rem;
    color: #fff;
    font-weight: 600;
    border-radius: 1rem;
    font-size: 1.5rem;
}
.g3{
    width: 100%;
    justify-content: space-between;
    margin-top: 5rem;
    display: flex;
}
.g4{
border-radius: 1rem;
    width: 29%;
    height: 22rem;
    background-color: #fff;
   
}
.h1{
    width: 100%;
    padding: 2rem 2rem;
    background: url("../../public/228923b4-e8a9-4dff-9f17-c5d147bf55d6.jpg") no-repeat;
    background-size: 100% 100%;
    justify-content: center;
}
.h2{
    width: 80%;
    padding: 1.5rem;
    color: #fff;
    font-weight: 600;
    border-radius: 1rem;
    font-size: 1.5rem;
}
.button-container{
    width:70% ;
    height: 5rem;
 
    justify-content: space-between;
    border-radius: 3rem;
    background: #d3e0eb;
    
}
.image-button {
    line-height: 5rem;
    font-size: 16px;
    cursor: pointer;
    border: none;
    border-radius: 4rem;
    background-color: transparent;
    color: #000;
    transition: background-color 0.3s, box-shadow 0.3s;
    width: 32%;
    font-weight: 600;

    border: none;
outline: none;
}
.image-button.active {
    background-color: #b3006e;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
    color: #fff;
}
.btnActive{
    background-color: #007bff;
 
    color: #fff;
} 
.f1{
    font-size: 1.5rem;
}
.f2{
    font-size:1.1rem;
    width: 20rem;
}
.f3{
    font-size:1rem;
    text-align: center;
    margin-top: 5rem;
}
.f4{
    font-size:1.4rem;
    text-align: center;
    margin-top: 2rem;
}
.f5{
    font-size: 1.3rem;
}
.f6{
    font-size: 1rem;
    text-align: center;
    margin-top: 2rem;
}
.f7{
    color: #fff;
    font-size: 2rem;
}
.f8{
    color: #fff;
    font-size: 1.2rem;
    margin-top: 2rem;
    width: 40%;
}
.f9{
    color: #E48A34;
    font-size: 1.8rem;
   
}
.f10{
    color: #fff;
    font-size: 1.4rem;
   
}
.f11{
    font-size: 1.3rem;
    margin-top: 1rem;
}
.f12{
    font-size: 1.7rem;
    margin-top: 4rem;
}
.f13{
    font-size: 1.2rem;
    margin-top: 2rem;
    width: 80%;
    text-align: center;
}
.f14{
    font-size: 2rem;
    color: skyblue;
    
}
.f15{
    font-size: 2rem;
   color: #fff;
}
 .baoImg{
    width: 20px;
    height: 20px;
    margin-right: 7px;
  }
  .arrow{
    width: 20px;
    height: 10px;
  }
    .flex-row{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .flex-col{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .product-service {
  width: 80%;
  margin: 0 auto;
}

.tabs {
  display: flex;
  /* margin-bottom: 20px; */
  width: 100%;
  justify-content: space-between;
Margin-top:30px;
}

.tab-btn {
  padding: 20px 20px;
  background: #FFFFFF;
border: unset;
  cursor: pointer;
  transition: background-color 0.3s ease;
  width: 20%;
    font-size: 16px;
}

.tab-btn.active {
    background: #053596;
  color: white;
  border-bottom: 1px solid white;
}

.tab-content {
  display: none;
 
  border-top: none;
  padding: 20px;
  border-radius: 0 0 5px 5px;
  width: 100%;
}

.tab-content.active {
  display: block;
}

.accordion {
  margin-bottom: 20px;
  margin-top: 50px;
}

.accordion-header {
  background-color: #f4f4f4;
  padding: 10px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.accordion-content {
  padding: 10px;
  display: block;
}

.intention-apply {
  background-color: #007BFF;
  color: white;
  border: none;
  padding: 8px 15px;
  border-radius: 5px;
  cursor: pointer;
  margin-right: 10px;
}
.floating-popup {
  position: fixed;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  padding: 10px;
  text-align: center;
  z-index: 1000;
}

.popup-icon {
  width: 30px;
  height: 30px;
}

.popup-text {
  margin: 0;
  font-size: 14px;
}

.popup-number {
  margin: 5px 0 0;
  font-size: 16px;
  font-weight: bold;
  color: #007BFF;
}