/*===================================================基础设置===================================================*/
body{background:#fff;color:#222;line-height: 1.625rem;font-size:1rem;font-family: "SourceHanSansCN";}
@font-face{
    font-family: "SourceHanSansCN-Regular";
    src:url("https://www.catradesp.com/zfjm/public/bf57a9b1-fe11-44f8-9950-963d3ba27b65.otf") format("truetype");
}
@font-face{
    font-family: "kuaikanshijieti";
    src:url("https://www.catradesp.com/zfjm/public/5eb3d215-b0a5-41eb-b002-1948cac397d7.ttf") format("truetype");
}
@font-face{
    font-family: "Impact";
    src:url("https://www.catradesp.com/zfjm/public/f2436f56-b448-4a83-85db-d2993db46eca.ttf") format("truetype");
}

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


    /*色系_深蓝*/
    --mainColor: #ff713e;
    --nearColor: #ff9241;
    --secondColor: #ffa763;
    --subColor:#f4feed;
    --textColor:rgb(0,0,0,0.7);
    --greyColor:#e0e1e5;
    --greyText:#b7bdcd;
    --gregBg:#f5f6fa;
    --h5mainColor: #FF7340;
}

.mainColor{background-color: var(--mainColor,#0068b7); }
.nearColor{background-color: var(--nearColor,#5694e4) !important;  }
.secondColor{background-color: var(--secondColor,#e5f1fc) !important; }
.subColor{background-color: var(--subColor,#f2f2f2);}


/*--------通用a标签--------*/
a{ text-decoration:none;outline:none;color: #222;}
a:visited {text-decoration:none;}
a:hover {
    color: var(--mainColor);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;}
.w100,.w100-a a{
    width: 100% !important;
}
.flex{
    display: flex;
}
.flex-start{
    display: flex;
    justify-content: start;
}
.flex-between{
    display: flex;
    justify-content: space-between;
}
.flex-center{
    display: flex;
    align-items: center;
}
.flex-end{
    display: flex;
    justify-content: end;
}
.flex-center-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.center{
    text-align: center;
}
.justify-center{
    justify-content: center;
}
.flex-column{
    display: flex;
    flex-direction: column;
}


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

/*--------头部--------*/
.language {
    position: absolute;
    right: 2%;
    top: 0.2rem;
    z-index: 999;
}
.language dl{
    float:right;
}
.language dl dd ul {
    display: none;
    transition: all .3s ease;
    background-color: rgba(255, 255, 255, 1);
    width: 6rem;
    text-align: center;
    border-radius: 0.25rem;
    border-top: none;
    box-sizing: border-box;
    box-shadow: 0 0.05rem 0.8rem rgb(0,0,0,0.1);
    -moz-box-shadow:0 0.05rem 0.8rem rgb(0,0,0,0.1);
    -webkit-box-shadow: 0 0.05rem 0.8rem rgb(0,0,0,0.1);
    top: 1.8rem;
    position: absolute;
    left: 0;
    z-index: 99999;
    float: none !important;
    padding-bottom:0.625rem;
}
.language dl dd h3 {
    font-weight: normal;
    color:#fff;
    width: 5rem;
    text-align: center;
    font-size:0.875rem;
    cursor: pointer;
    margin-top: 0;
    line-height: 1.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 !important;
    margin: 0 !important;
}
.language dl dd ul li a {
    padding: 0.34rem 1rem 0.34rem 0.75rem;
    color: #333 !important;
    font-size: 0.875rem;
    text-decoration: none;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.language dl dd ul li a:hover {
    color: var(--mainColor) !important;
}
.language dl dd ul li a img{
    width:20px;
    height:12px;
    margin-right:6px;
}

#header{
    width: 100%;
    background-color: transparent;
    padding-bottom:0.625rem;
}
.header_index{
    height:auto;
    background-color: rgb(0,0,0,0.1) !important;
    position: absolute;
    width: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
}
#header_index{background-color: #fff !important;z-index: 999;}
#header_index .hdLogo{z-index:99;display: flex;justify-content: flex-start;margin-top: 0.625rem;}
#header_index .hdLogo .topname{display:block;float:left;margin:0.55rem 0.5rem 0 0;line-height:1.45rem;font-family: "SourceHanSansCN-Bold";color: #86c64c;text-align:center;}
.hdLogo a{
    display:flex;
    justify-content: start;
    line-height:1rem;
}
#header .hdLogo h2{
    margin-top: 1.25rem;
    font-size: 1.325rem;
    color:#333;
    font-family: "SourceHanSansCN-Bold";
}
#header .hdLogo i{
    font-style:normal;
    font-size:0.435rem;
    text-transform:Uppercase;
    color:#333;
}
.header_index .hdLogo h2{
    margin-top: 1.25rem;
    font-size: 1.5rem;
    color:#fff !important;
    font-family: "SourceHanSansCN-Bold";
}
.header_index .hdLogo i{
    font-style:normal;
    font-size:0.49rem;
    text-transform:Uppercase;
    color:#fff !important;
}
.header_index .language dl dd h3,.header_index  .btns-top a{
    color:#fff !important;
}
.header_index .hdLogo,#header .hdLogo{
    width:25%;
}

#header . layoutHd{
    width:90% !important;
}
#header .btns-top{
    width:10%;
    margin-right:5rem;
}
#header .language dl dd h3,#header .btns-top a{
    color:#333;
}
#header .btns-top svg{
    fill:rgb(0,0,0,0.5);
    width:1rem;
    margin-right:0.5rem;
}
.header_index .btns-top{
    margin-right:4.5rem !important;
}
.header_index .btns-top svg{
    fill:#fff !important;
}
.header_index .btns-top a{
    width:30%;
    text-align: center;
}
.header_index .btns-top span{
    color:#fff !important;
}

#header .language dl dd h3{
    background-image: url("https://www.catradesp.com/zfjm/public/8f38eaed-41c3-48d9-bea6-c60dc0fb83b4.png");
    background-position: 5px;
    background-repeat: no-repeat;
    background-size: 16%;
    padding-left:1rem;
}
.header_index .language dl dd h3{
    background-image: url("https://www.catradesp.com/zfjm/public/18929ac6-daea-460e-b4c9-25aa856cdb17.png") !important;
    background-position: 5px;
    background-repeat: no-repeat;
    background-size: 16%;
    padding-left:1rem;
}

#header .layoutHd{
    width:95% !important;
}


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


/*顶部*/
.header_index #top{border-bottom-color:rgb(255,255,255,0.1);}
#top{
    position:relative;
    width: 100%;
    height:2.25rem;
    line-height: 2rem;
    border-bottom:1px solid #f3f3f3;
    padding: 0 2% 0 0;
    display: flex;
    justify-content: right;
    align-items: center;
    box-sizing: border-box;
}
#top .welcome{float:left;color:#fff;}
#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;}

.header_index #top .searchbox{
    display: none;
}
#top .searchbox{
    display: flex;
    justify-content: right;
    align-items: center;
    height: 1.3rem;
    line-height: 1.3rem;
    border-right: 1px solid #eee;
    padding: 0.2rem 0.4rem 0.5rem 1rem;
    box-sizing:border-box;
    background: #fff;
    margin-right: 1rem;
}
#top .searchbox input{
    outline: none;
    border:0;
    height: 1.625rem;
    display: block;
    padding: 0;
    margin: 0.4rem 0.5rem 0 0;
}
#top .searchbox svg{
    fill:#ddd;
    width: 1.4rem;
    margin: 0.4rem 0.5rem 0 0;
}

a.more-1{float:right;}

/*头部右侧*/
#header .hdOther {
    position: absolute;
    right: 6%;
    top: 0;
}
.btns-top a{
    color:#fff;
}
.btns-top a svg{
    width:1.1rem;
    fill:#fff;
    margin-right:0.5rem;
}


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

/*导航背景(通栏)*/
#header .navbg {
    position: relative; width: 100%;/*margin-top: -3.25rem;
    height: 3.25rem;
    background:-webkit-linear-gradient(to right,#e78024,#089a62);
	background: -o-linear-gradient(to right,#e78024,#089a62);
	background: -moz-linear-gradient(to right,#e78024,#089a62);
	background: linear-gradient(to right,#e78024,#f8a839,#e47821);
	-moz-box-shadow: 0 5px 6px rgba(10,57,93,0.26);
    -webkit-box-shadow: 0 5px 6px rgba(10,57,93,0.26);
    box-shadow: 0 5px 6px rgba(10,57,93,0.26);*/
}

.top-icons{
    z-index:99;
    position:absolute;
    right:0;
    font-size:0.875rem;
    margin-top:1.725rem;
    display: flex;
    justify-content: space-between;
}
.top-icons a{
    color:#fff;padding:0 0.5rem;border-radius:0.2rem;
    height: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin-left: 0.1rem;
    background-color:rgb(134,198,76,0.85);
}
.top-icons a:hover{
    background-color:rgb(134,198,76,1);
}
.top-icons a:nth-child(2){
    background-color: rgb(233,206,29,0.85);
}
.top-icons a:nth-child(2):hover{
    background-color: rgb(233,206,29,1);
}

/*头部下拉*/
.navbar-login .nav-links {
    position: absolute;
    right: 8rem;
    z-index:99999;
    top:0;
}

.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;
    color: #333;
    display: none;
}

.navbar-login .nav-icon::before,.navbar-login .nav-icon::after{
    content: "";
    height: 0.4375rem;
    width: 0.0625rem;
    display: block;
    background:#ffffff;
    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;
    width:auto;
    padding:0 2rem 0 0;
    transition: background .3s cubic-bezier(.158,.201,.69,1);
    -webkit-transition: background .3s cubic-bezier(.158,.201,.69,1);
    background: linear-gradient(to right, var(--mainColor), var(--nearColor) 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.nav-icon{
    display: flex;
}

.navbar-login .nav-links .sub_links {
    position: absolute;
    top: 1.875rem;
    right: 50%;
    width: 7rem;
    margin-right: -3.5rem;
    display: block;
    background: rgb(255,255,255,1);
    border-radius: 0.2rem;
    padding: 0.2rem 0.1rem 0.7rem 0.1rem;
    z-index: 99999;
    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;
    float: none !important;
}
.navbar-login .nav-links .sub_links li:hover > a{
    background: transparent;
    color: var(--greyText);
}
.navbar-login .nav-links .sub_links li a {
    display: block;
    font-size: 0.875rem;
    /*background: url(https://www.catradesp.com/zfjm/public/92a07195-cd9d-412f-b01a-ff10e0b067a9.png) no-repeat 15px 7px;
    background-size: 15%;*/
    padding: 0.5rem 0 1rem 0;
    box-sizing: border-box;
    color: var(--greyText) !important;
    /* border: 1px solid var(--greyText); */
    height: 1rem;
    line-height: 1rem;
    border-radius:0.2rem;
    /* width:4rem; */
    /* margin: 0.5rem auto 0 auto; */
    -webkit-text-fill-color: #333;
}
.navbar-login .nav-links .sub_links li a:hover{
    color: var(--greyText) !important;
    /*background: url(https://www.catradesp.com/zfjm/public/92a07195-cd9d-412f-b01a-ff10e0b067a9.png) no-repeat 15px 7px;
    background-size: 15%;*/
}

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

/*导航*/
.navBar {
    clear: both;
    position: absolute;
    display: flex;
    justify-content: space-between;
    z-index: 222;
    width: 70%;
    right: 0;
    top: 0;
}

/*所有导航项UL样式*/
.navBar ul {
    position: absolute;visibility: hidden;opacity: 0;
    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: 9;
    border-radius: 0.4rem;
    box-shadow: 0 3px 8px rgb(0,0,0,0.08);
}

/*二级导航显示动画*/
.navBar ul {top: 60%;width:110px;left:50%;margin-left:-55px;}
.navBar li:hover > ul {opacity: 1;visibility: visible;top: 100%;}

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

/*所有导航项li样式*/
.navBar li {position: relative;/*width:14%;*/}
.navBar > li:nth-child(1){/*width:8%;*/}

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

/*一级a标签*/
.navParent > a {
    display: block;
    color: #333;
    font-size: 1rem;
    text-align: center;
    width:100%;
    padding-bottom: 1rem;
}
.navParent:hover > a, li.active a {	color: var(--mainColor);font-weight:bold;}

.header_index .navParent > a{color: #fff;}


/*一级a标签的箭头*/
.navParent > a i {
    position:absolute;
    right: -1rem;
    font-size:0.875rem;
    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:var(--mainColor);
    font-weight:bold;
    border-bottom: 2px solid var(--mainColor);
}

/*二级导航a标签*/
.navParent ul li:hover > a {
    color:  var(--mainColor);
}
/*二级及以下导航a标签*/
.navParent ul li a {
    display: block;padding:0.7rem 0.2rem;
    color: #333;font-size: 0.875rem;text-decoration: none;text-align: center;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;}
.navParent ul li a:hover {
    color: #ee4d2d;
    font-weight:bold;

}

/*--------导航(移动端)--------*/
.h5-wrapper .navBar{
    display: none;
}
.h5-wrapper #navMbl{position:absolute;width:100%;top: -5px;display: block}
#navMbl .navicon i{
    display:block;position:absolute;right:2%;z-index:999;
    margin-top:1.75rem;
    color:#ccc;font-size:1.8rem;height:1.8rem;
    border:1px solid #ccc;
    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:999999;
}
.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%;background:#fff;min-height: 29rem;height: 100%;border-radius: 0.625rem;padding: 1rem 0;box-sizing: border-box;}
.gdSubR {position:relative;float: right;width: 80%;background:#fff;border-radius: 0.625rem;padding: 1rem 0;box-sizing: border-box;}

/*--------子页面宽度--------*/
.layoutSub {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/*--------子页面模块--------*/
.panelSub{
    position: relative;
    padding: 2rem;
    background:#fff;
    border-radius: 0.625rem;
}

/*--------新闻列表页模块--------*/
.panelNews{
    position: relative;overflow: hidden;padding:1rem 2rem;
    /*background-color: #fff;box-shadow:0 3px 12px rgb(0,0,0,0.08);*/
}

/*--------子页面模块--------*/
.panelSub{
    position: relative;
}


/*--------------------------------左侧菜单--------------------------------*/
.panelMenu{}
.panelMenu ul.menu {padding-top:0;}

/*一级菜单*/
.panelMenu ul.menu > li {font-size: 1rem;}
.panelMenu ul.menu > li a {font-size:1rem;
    position: relative;display:flex;justify-content:space-between;
    padding:0.5rem 1rem 0.5rem 2rem;
    line-height: 2rem;
}

/*一级菜单i标签*/
.panelMenu ul.menu > li a i {position:absolute;right:4%;color: #ddd;display:none;}
.panelMenu ul.menu > li a:hover {
    color:var(--mainColor);
}
.panelMenu ul.menu > li a:hover i {color: var(--mainColor,#0068b7)}
.panelMenu ul.menu > li a.active {
    color:var(--mainColor);
}
.panelMenu ul.menu > li a.active i {color: #fff;}
.panelMenu ul.menu > li a.active::after {content: "";width: 1.5rem;background: url(https://www.catradesp.com/zfjm/public/c76b95df-723b-41b0-90d8-e03394bd16dd.png) no-repeat;background-size:100%;margin-top:0.2rem;}

/*二级菜单*/
.panelMenu ul.menu ul {display: none;
    background-color:transparent;}
.panelMenu ul.menu ul li a{
    padding-left: 3.2rem;
    display: flex;
    justify-content: left;
}
.panelMenu ul.menu ul li a::before {
    content: "";
    height: 8px;
    width: 8px;
    background: #ddd;
    margin: 11px 10px 0 0;
}
.panelMenu ul.menu ul li a:hover{}
.panelMenu ul.menu ul li a.active {}
.panelMenu ul.menu ul li a.active::after{
    display: none;
}

/*三级菜单*/
.panelMenu ul.menu ul ul li a:hover{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{padding:2.5rem 0;background-color:#e2ecdf;overflow: hidden;}
.apartHome-3{padding:2.5rem 0;background-color:var(--nearColor,#0068b7);overflow: hidden;}

/*--------------------------------banner--------------------------------*/
/*--------首页banner--------*/
.bannerHome {
    clear: both;position: relative;z-index:9;
    top:0;}

/*通栏轮播图高度
.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;
    max-width: 100%;}


/*--------------------------------标题--------------------------------*/
/*--------首页标题--------*/
.titleBigHome{margin-bottom:1.875rem;text-align:center;}
.titleBigHome h3{width:auto;font-size:1.8rem;color:#333;letter-spacing:0.2rem;font-family: "SourceHanSansCN-Bold";}
.titleBigHome span{
    display:block;
    font-size:1.25rem;color: #bbb;font-weight:normal;letter-spacing:0.2rem;font-family: airal;}

/*--------子页面标题--------*/
.titleBigSub {
    overflow:hidden;margin-bottom: 1.25rem;
    text-align:center;display:none;}
.titleBigSub h3 ,.lsTitle h3{font-size: 1.325rem;line-height:2.4375rem;color: #333;text-align:center;}


/*--------------------------------尾部footer--------------------------------*/
#footer {
    clear: both;overflow:hidden;
    color: #fff;font-size:0.75rem;
}
#footer p.copyright {color: #a1a1a1;line-height: 1.5rem;text-align: center;font-size: 0.875rem;}
#footer a {}



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


/*===================================================定制化样式===================================================*/
.relative{
    position: relative;
}
.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}
.w-full {
    width: 100%;
}
.h-full {
    height: 100%;
}
img, video {
    max-width: 100%;
    height: auto;
}
img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
}
.absolute {
    position: absolute;
}
.top-0 {
    top: 0;
}
.left-0 {
    left: 0;
}
.pointer-events-none {
    pointer-events: none;
}
video {
    object-fit: contain;
    overflow-clip-margin: content-box;
    overflow: clip;
}
/*banner*/
.homeBanner{
    height: 100%;
    width: 100%;
}
.homeBanner .wrapper{
    background: linear-gradient(180deg, rgba(0, 0, 0, .58) 0%, rgba(0, 0, 0, .64) 100%);
    width:100%;
    height: 100%;
}
.homeBanner .banCon{
    position: absolute;
    top:36%;
    left:50%;
    transform: translate(-50%,-30%);
    width:100%;
}
.homeBanner .ad-text{
    margin-bottom:1rem;
}
.homeBanner .ad-text h2{
    color:#fff;
    font-size:3.15rem;
    font-weight: normal;
    display: flex;
    justify-content: center;
    font-family: "kuaikanshijieti";
    line-height: 5rem;
}
.homeBanner .ad-text h2 i{
    color:var(--mainColor);
    font-style:normal;
}
.homeBanner .ad-text span{
    font-size:1.28rem;
    color:rgb(255,255,255,0.6);
    font-family: airal;
    font-style: normal;
    letter-spacing: 0.15rem;
    display: flex;
    justify-content: center;
}
.search{
    width:52%;
    margin:0 auto;
    height: 3.75rem;
    line-height: 3.75rem;
    border-radius: 0.625rem;
    background: #fff;
}
.search input{
    height: 3.75rem;
    line-height: 3.75rem;
    padding:0 1rem;
    box-sizing: border-box;
    border: 0;
    outline: none;
    width:75%;
    background: transparent;
}
.search a{
    border-radius: 0 0.625rem 0.625rem 0;
    background: var(--mainColor);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width:25%;
    font-size:1.5rem;
    color:#fff;
    height: 3.75rem;
    line-height: 3.75rem;
}
.search a svg{
    width:1.875rem;
    fill: #fff;
    margin-right:0.5rem;
}
.mouse{
    flex-flow: column;
    font-size:1rem;
    color:#fff;
    bottom: 3rem;
    left:50%;
    transform: translateX(-50%);
    align-items: center;
}
.mouse svg{
    fill: #fff;
    width:1.875rem;
    margin-bottom:0.5rem;
}
.incommon p{
    margin: 0 0 0.5rem;
    display: -webkit-box;
}
.incommon i{
    font-style: normal;
    width: 1.375rem;
    height: 1.375rem;
    line-height: 1.375rem;
    border-radius: 0.325rem;
    background: var(--mainColor);
    color: #fff;
    font-weight: 400;
    font-size: 0.875rem;
    font-family: airal;
    text-align: center;
    margin-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.incommon strong{
    color: #222;
    font-weight: 400;
}
.in-wrapper{
    width:85%;
    margin-left: auto;
    margin-right: auto;
    margin-top:0;
}
.bigtitle{
    font-size:1.625rem;
    text-align: center;
    padding:1rem 0 2rem 0;
}

/*国际资讯tab*/
.sec-2{
    background: #fff9f5;
    border-radius: 1rem;
}
.sec-2 ul{
    width:20%;
    border-right:1px solid #f5b7a2;
    box-sizing: border-box;
}
.sec-2 ul li{
    font-size:1.375rem;
    font-weight: normal;
    text-align: center;
    line-height: 8rem;
    position: relative;
}
.sec-2 ul li.active{
    border-left:3px solid var(--mainColor);
    background: linear-gradient(to right,#ffd6c8,transparent 80%);
    border-radius: 1rem 0 0 0;
}
.sec-2 ul li.active::after{
    content: "";
    position: absolute;
    top:-1.8rem;
    left:50%;
    width:3.6rem;
    height: 3.6rem;
    background: url("https://www.catradesp.com/zfjm/public/39333202-a6c9-4154-ae08-2cc9d801cf0d.png") no-repeat;
    background-size: 100%;
    transform: translateX(-50%);
    z-index:99;
}
.sec-2 ul li a{
    display: block;
    font-weight: normal;
    font-size:1.25rem;
}
.sec-2 .tab_boxA{
    width:76%;
    padding: 3rem 3rem 0 0;
    box-sizing: border-box;
    position: relative;
}
.sec-2 .tab_nCon{
    overflow: hidden;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.slideGroup{
    margin: 0 2% 0 0 !important;
    float: left;
    _display: inline;
    overflow: hidden;
    background: #fff;
    border-radius: 1rem;
    height: 22.5rem;
    width: 32% !important;
}

.slideGroup .pic {
    text-align: center;
}

.slideGroup .pic img {
    width: 100%;
    height: 13.5rem;
    display: block;
    border-radius: 1rem 1rem 0 0;
}
.slideGroup .title{
    padding:1rem;
}
.slideGroup .title h5{
    font-size:1.125rem;
    margin-bottom:0.625rem;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.slideGroup .title p{
    font-size:0.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: rgb(0, 0, 0, 0.5);
    line-height: 1.375rem;
    margin-bottom:0.625rem;
}
.slideGroup .title .read{
    font-size:0.75rem;
    padding-top:1rem;
}
.slideGroup .title .read svg{
    width: 1.25rem;
    margin-left:0.5rem;
    fill: rgb(0,0,0,0.5);
}

/*.slideGroup{
    width: 100%;
    box-sizing: border-box;
}
.slideGroup .parHd{
    width:20%;
    border-right:1px solid #f5b7a2;
    box-sizing: border-box;
}
.slideGroup .parHd ul{
    width:100%;
}
.slideGroup .parHd ul li{
    font-size:1.375rem;
    font-weight: normal;
    text-align: center;
    line-height: 8rem;
    position: relative;
    cursor: pointer;
}
.slideGroup .parHd ul li.on{
    border-left:3px solid var(--mainColor);
    background: linear-gradient(to right,#ffd6c8,transparent 80%);
    border-radius: 1rem 0 0 0;
}
.slideGroup .parHd ul li.on::after{
    content: "";
    position: absolute;
    top:-1.8rem;
    left:50%;
    width:3.6rem;
    height: 3.6rem;
    background: url("https://www.catradesp.com/zfjm/public/39333202-a6c9-4154-ae08-2cc9d801cf0d.png") no-repeat;
    background-size: 100%;
    transform: translateX(-50%);
    z-index:99;
}
.slideGroup .slideBox{
    zoom:1;
    position:relative;
    box-sizing: border-box;
    width:100%;
    background: transparent;
    overflow: visible;
}

.slideGroup .sPrev, .slideGroup .sNext {
    position: absolute;
    left: -0.7rem;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 3.5rem;
    height: 3.5rem;
    background: url(https://www.catradesp.com/zfjm/public/08a91753-17b6-4254-a69c-f174a630ad8b.png) center center no-repeat;
    background-size: 100%;
    z-index: 99999;
}

.slideGroup .sNext {
    left: auto;
    right: -1.3rem;
    background: url(https://www.catradesp.com/zfjm/public/8c18bd23-4a5e-4ca2-bdb5-c818d485bea5.png) center center no-repeat;
    background-size: 100%;
}

.slideGroup .sPrev:hover, .slideGroup .sNext:hover {
    border-color: #f60;
}

.slideGroup .parBd{
    width:76%;
    padding:2rem 3rem 2rem 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
.slideGroup .parBd .tempWrap{
    width:100%;
}

.slideGroup .parBd ul {
    overflow: hidden;
    zoom: 1;
}

.slideGroup {
    margin: 0 1rem;
    float: left;
    _display: inline;
    overflow: hidden;
    background: #fff;
    border-radius: 1rem;
    height: 22.5rem;
    width: 20.625rem;
}

.slideGroup .pic {
    text-align: center;
}

.slideGroup .pic img {
    width: 100%;
    height: 13.5rem;
    display: block;
    border-radius: 1rem 1rem 0 0;
}
.slideGroup .title{
    padding:1rem;
}
.slideGroup .title h5{
    font-size:1.125rem;
    margin-bottom:0.625rem;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.slideGroup .title p{
    font-size:0.875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: rgb(0, 0, 0, 0.5);
    line-height: 1.375rem;
    margin-bottom:0.625rem;
}
.slideGroup .parBd .readmore svg{
    width: 1.25rem;
    margin-left:0.5rem;
    fill: rgb(0,0,0,0.5);
}*/


/*栏目资讯tab*/
ul.tab_menuA {
    border-bottom: 1px solid #f5f6fa;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 3.75rem;
    margin:2rem 0 0 0;
}

ul.tab_menuA li {
    list-style: none;
    width: 18%;
    padding: 0 3%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}

ul.tab_menuA li a {
    display: block;
    text-align: center;
    color: #333;
    font-size:1.375rem;
    position: relative;
}

ul.tab_menuA li.selectedA a,ul.tab_menuA li a:hover{
    color: var(--mainColor);
}
ul.tab_menuA li.selectedA a::after{
    content:"";
    position: absolute;
    z-index:99;
    left:0;
    bottom:0;
    height: 0.125rem;
    background: var(--mainColor);
    width:100%;
}
ul.tab_menuA li svg{
    width:1rem;
    fill: var(--greyColor);
}

.tab_boxA {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding:2.8rem 0;
}
.tab-con .left{
    width:54%;
    animation-name: secTop;
    -webkit-animation: secTop 0.5s linear 0s normal none;
    -moz-animation: secTop 0.5s linear 0s normal none;
    animation: secTop 0.5s linear 0s normal none;
}
.tab-con .right{
    width: 40%;
    animation-name: baoImg;
    -webkit-animation: baoImg 0.5s linear 0s normal none;
    -moz-animation: baoImg 0.5s linear 0s normal none;
    animation: baoImg 0.5s linear 0s normal none;
}

.inNews-list a{
    display: block;
}
.inNews-list dl{
    background: var(--gregBg);
    padding:0 2rem 0 0;
    box-sizing: border-box;
    border-radius: 1rem;
    display: flex;
    justify-content: space-between;
    width:100%;
    margin-bottom:1.25rem;
}
.inNews-list dt{
    width:20%;
    text-align: center;
    font-size:1.625rem;
    font-family: airal;
    color:var(--greyText);
    position: relative;
    align-items: center;
    justify-content: center;
    display: flex;
}
.inNews-list dt i{
    position: absolute;
    z-index:99;
    width:5.625rem;
    height: 1.625rem;
    line-height: 1.625rem;
    border-radius: 1rem 0 1rem 0;
    color:#fff;
    left:0;
    top:0;
    font-size:0.875rem;
    font-style: normal;
}
.inNews-list i.icon-orange1{
    background: var(--mainColor);
}
.inNews-list i.icon-orange2{
    background: var(--nearColor);
}
.inNews-list dd{
    width:80%;
    padding:1rem 0;
}
.inNews-list dd .title{
    font-size:1.125rem;
    padding-bottom:0.625rem;
}
.inNews-list dd .text{
    font-size:0.875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color:rgb(0,0,0,0.5)
}
.icon-more{
    width:20%;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: 0.5rem;
    border: 1px solid var(--mainColor);
    color:var(--mainColor);
    font-size:1rem;
    text-align: center;
    margin:1.25rem auto 0 auto;
    display:block;
}
.w100-a .icon-more{
    width: 21% !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0.5rem !important;
}

.inFaq-list a{
    display: block;
    width:48%;
    background: var(--gregBg);
    padding:1rem;
    box-sizing: border-box;
    border-radius: 1rem;
    margin-bottom:1.25rem;
}
.inFaq-list dt{
    font-size:1.125rem;
    padding-bottom:0.625rem;
}
.inFaq-list dt i,.inFaq-list dd i{
    font-style: normal;
    width:1.875rem;
    height: 1.875rem;
    line-height: 1.875rem;
    border-radius: 0.325rem;
    background: var(--mainColor);
    color:#fff;
    font-weight: 400;
    font-size:0.875rem;
    font-family: airal;
    display: inline-block;
    text-align: center;
    margin-right:1rem;
}
.inFaq-list dd{
    font-size:0.875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color:rgb(0,0,0,0.5)
}
.inFaq-list dd i{
    background: var(--nearColor);
}

.incommon{
    width:48%;
    border-radius: 0.625rem;
    background: var(--gregBg);
    padding:2rem;
    box-sizing: border-box;
}

/*平台服务*/
.imgbox {
    overflow: hidden;
    position: relative;
}

.imgbox span {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.Scale-img {
    overflow: hidden;
    cursor: pointer;
    zoom: 1;
    overflow: hidden;
}

.Scale-img img, .Scale-img span {
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.Scale-img:hover img, .Scale-img:hover span {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
    top: 0;
    left: 0;
}

.sec-3 ul {
    height: 31.25rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.sec-3 ul li {
    width:19%;
    height: 100%;
    background: #F4F6F9;
    border-radius: 0.625rem;
    margin-right: 1.875rem;
    transition: width .3s ease-in-out;
    position: relative;
    box-sizing: border-box;
}
.sec-3 ul li .imgbox {
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 34px 30px 0;
    background-size: auto 100%;
    background-position: 100% 0;
    background-repeat: no-repeat;
    transition: opacity .3s ease-in-out;
    border-radius: 1rem;
    box-sizing: border-box;
}
.sec-3 ul li h5{
    font-size:1.25rem;
    margin-bottom:1.5rem;
    display: flex;
    justify-content: start;
    font-weight: normal;
}
.cul h5{
    font-size:1.75rem;
    margin-bottom:1rem;
    display: flex;
    justify-content: start;
    font-weight: normal;
}
.sec-3 ul li svg,.cul svg{
    width: 1rem;
    margin-left:0.5rem;
}
.cul:hover svg{
    fill: var(--mainColor);
}
.sec-3 ul li.on svg,.cul .on svg{
    fill: #fff;
}
.sec-3 ul li p,.cul p{
    font-size: 0.875rem;
    line-height: 1.5rem;
    text-align: justify;
    text-align-last: start;
    /*兼容ie*/
    text-justify: distribute-all-lines;
    color:rgb(0,0,0,0.4);
}
.sec-3 ul li.on p,.cul .on p{
    color:#fff;
}
.cul{
    display: block;
    width: calc(48% - 4rem);
    background: var(--gregBg);
    padding: 2rem;
    box-sizing: border-box;
    border-radius: 1rem;
    margin-bottom: 1.25rem;
    position: relative;
}
.cul img{
    background-size: cover;
}
.s3more{
    display: none;
    font-size:0.875rem;
    width:6rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 0.375rem;
    text-align: center;
    border: 1px solid rgb(255,255,255,1);
    color:#fff;
    position: absolute;
    bottom:3rem;
    left:30px;
}
.sec-3 ul li .card-content{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 46px 30px 0;
    background: linear-gradient(180deg, #f69448 0%, rgba(244, 94, 37, 0.7) 100%);
    transition: opacity .3s ease-in-out;
    border-radius: 1rem;
    opacity: 0;
    box-sizing: border-box;
}
.sec-3 ul li.on{
    width:62.5% !important;
}
.sec-3 ul li.on .card-content{
    opacity: 1;
    width:100%;
    height: 100%;
}
.sec-3 ul li.on a{
    color:#fff;
}
.sec-3.active .tithead{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.sec-3.active ul li{opacity:1;}

.cul-1{background:url("https://www.catradesp.com/zfjm/public/7e39b64f-c209-4832-8c00-d5bee9dedda9.png") no-repeat;}
.cul-2{background:url("https://www.catradesp.com/zfjm/public/38b5ac1f-8e5d-4ff5-9925-44188d215446.png") no-repeat;}
.cul-3{background:url("https://www.catradesp.com/zfjm/public/71765e32-697a-4a2f-b44b-94e62231a268.png") no-repeat;}
.cul-4{background:url("https://www.catradesp.com/zfjm/public/3becb489-3ba1-43d9-a785-257e983e408b.png") no-repeat;}
.cul-5{background:url("https://www.catradesp.com/zfjm/public/7da0b549-7fcb-4d88-a5ec-33c1a8819ce3.png") no-repeat;}

/*云上展*/
.sec-5{
    background: url("https://www.catradesp.com/zfjm/public/27a81805-dd8b-4a0a-8780-0e03f44e32b3.png") no-repeat;
    width:100%;
    background-size: cover;
    min-height: 34rem;
    padding:3rem 0 2rem 0;
    box-sizing: border-box;
}
.sec-5 .bigtitle{
    color:#fff;
    padding-bottom:3rem;
}
.online .left{
    width:52%;
    background: #fff;
    border-radius: 1.875rem;
    height: 24rem;
    display: flex;
    flex-flow: column;
    text-align: center;
    background: url("https://www.catradesp.com/zfjm/public/92abab02-7302-4620-8b9b-9d8f69770151.jpg") no-repeat left bottom #fff;
    background-size: 70%;
    padding:2rem 0;
    box-sizing: border-box;
}
.online .left img{
    width:24%;
    margin:2.5rem auto 0 auto;
}
.online .right{
    width:43%;
}
.online .right dl{
    background: #fff;
    border-radius: 1.875rem;
    height: 11rem;
    padding:0 2rem;
    box-sizing: border-box;
    width:100%;

}
.online .right dl:nth-child(1){
    margin-bottom:2rem;
}
.online .right dt{
    width:60%;
}
.online .right dd{
    width:40%;
    text-align: right;
}
.online .right dd img{
    width:70%;
}

.online h5{
    font-size:1.375rem;
    font-weight: normal;
}
.online span{
    color:rgb(0,0,0,0.5);
    font-size:1.125rem;
    padding-top:1.25rem;
    display: block;
}

/*友情链接*/
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.overflow{
    overflow: hidden;
}
.logo_list .mask{
    position: absolute;
    z-index: 10;
    width: 15rem;
    height: 100%
}

.logo_list .mask.left_mask{
    left: 0;
    background: linear-gradient(270deg,rgba(249,249,250,0) 0%,#fff 100%)
}

.logo_list .mask.right_mask{
    right: 0;
    background: linear-gradient(270deg,#fff 0%,rgba(249,249,250,0) 100%)
}

.logo_list{
    padding:1.5rem 0 6rem 0;
}
.logo_list .line{
    height: 5.1875rem;
    margin-bottom:2rem;
    display: flex;
    border: 0;
}
.img_box{
    margin-right:1.875rem;
}
.img_box img{
    width:11.25rem;
    height: 5.1875rem;
    border-radius: 1rem;
    border: 1px solid var(--gregBg);
    box-sizing: border-box;
}

.logo_list .line:last-of-type {
    margin-bottom: 0
}

.logo_list .line:nth-child(odd) {
    animation: scrollToRight linear infinite;
}

.logo_list .line:nth-child(2n) {
    animation: scrollToRight linear infinite
}

.logo_list .line:hover {
    animation-play-state: paused
}

@keyframes scrollToRight {
    0% {
        transform: translate3d(-50%,0,0)
    }

    to {
        transform: translateZ(0)
    }
}

.logo_list .line .row_wrapper{
    display: flex;
    height: 5.1875rem;
}

/*底部*/
.ft-bottom{
    background: #09111b;
    padding:1.625rem;
}
.copyright{
    width:var(--pgWidth);
    margin:0 auto;
    color:var(--greyText);
    font-size:0.75rem;
}
.copyright .left{
    width:55%;
}
.copyright .right{
    width: 40%;
}
.copyright .left h5{
    font-weight: 400;
    font-size:0.875rem;
}
.copyright .left ul li{
    padding:1rem 0 0 1rem;
    position: relative;
}
.copyright .left ul li::before{
    content: "";
    position: absolute;
    left:0;
    top:50%;
    width:0.5rem;
    height: 0.5rem;
    background: var(--greyText);
    transform: translateY(0.25rem);
}
.copyright .left p{
    line-height: 1.375rem;
    padding-top:1rem;
}
.copyright .right p{
    text-align: right;
    clear: both;
}
.copyright .right .qrbox{
    width:56%;
    float: right;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: right;
    margin-top:2rem;
}
.copyright .right .qr{
    flex-flow: column;
}
.copyright .right .qr img{
    width:76%;
    margin-bottom:0.5rem;
    border-radius: 0.5rem;
    background: #fff;
    padding:0.5rem;
}

.in-newslist{
    margin-top:3rem;
    width:100%;
}
.in-newslist dl{
    float: left;
}
.in-newslist dl:last-child{
    margin-right:0;
}
.news-col-3 dl{
    width:31%;
    background-color: #fff;
    border-radius: 1rem;
    box-sizing: border-box;
    box-shadow: 0 5px 26px 0 rgb(0,0,0,0.1);
    margin:0 3% 3% 0;
}
.news-col-3 dl:nth-child(3n){
    margin-right:0;
}

.news-col-4 dl{
    width:23%;
    background-color: #fff;
    border-radius: 1rem;
    box-sizing: border-box;
    box-shadow: 0 5px 26px 0 rgb(170,49,40,0.1);
    margin:0 2% 2% 0;
}
.in-newslist dt{
    position: relative;
}
.in-newslist dt span{
    position: absolute;
    z-index:99;
    top:0;
    left:0;
    background-color: rgb(238,77,45,0.88);
    border-radius: 1rem 0 1rem 0;
    color:#fff;
    text-align: center;
    width:5.5rem;
    font-size:0.75rem;
    height: 1.625rem;
    line-height: 1.625rem;
}
.in-newslist dt::before{
    padding-bottom: 50%;
    content: "";
    display: block;
    width: 100%;
}
.in-newslist dt img{
    border-radius: 1rem 1rem 0 0;
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    object-fit: cover;
    overflow-clip-margin: content-box;
    overflow: clip;
    display: block;
}
.in-newslist dd{
    padding:3% 6% 5% 6%;
    box-sizing: border-box;
}
.in-title{
    font-size:1.125rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-bottom:1rem;
}
.in-text{
    font-size:0.875rem;
    line-height: 1.5rem;
    color:#999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: break-word;
    word-break: break-all;
    -webkit-line-clamp: 2; /* 显示两行 */
    line-clamp: 2; /* 适用于部分浏览器 */
}
.in-time{
    font-size:0.75rem;
}
.in-time::before{
    content: "";
    display: block;
    height: 1px;
    width:100%;
    background-color: #eee;
    margin:1rem 0;
}
.in-time i{
    font-style: normal;
    font-size: 0.875rem;
    color: #c0756f;
}
.in-time a{
    border-radius: 2rem;
    border: 1px solid #c0756f;
    color: #c0756f !important;
    padding: 0.3rem 1.2rem;
}

.feedback{
    width:70%;
    margin:0 auto;
}
.feedback h3{
    font-size:1rem;
    font-weight: normal;
    color:var(--mainColor);
}
.feedback h3 i{
    font-style: normal;
    color:red;
    font-size:1rem;
    margin:0 0.3rem 0 0;
}
.feedback textarea{
    background-color: #fff;
    border:1px solid #dcdfe6;
    padding:1rem 1%;
    min-height: 6.25rem;
    width:97%;
    outline:none;
    margin-bottom:0.8rem;
    font-size: 0.875rem;
    border-radius: 0.325rem;
}
.feedback .fdText{
    background-color: #fff;
    border:1px solid #dcdfe6;
    padding:0 1%;
    height: 2.8rem;
    width:97%;
    outline:none;
    margin-bottom:1.25rem;
    font-size: 0.875rem;
    border-radius: 0.325rem;
}
.feedback .icons{
    width:100%;
    margin-top:2rem;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: center;
}
.feedback .icons a{
    display: block;
    width: 10rem;
    height: 3.125rem;
    line-height: 3.125rem;
    text-align: center;
    border-radius: 0.325rem;
}
.feedback .icons a.iconSend{
    background-color: var(--mainColor);
    color:#fff;
}
.feedback .icons a:nth-child(1){
    /*margin-right:2.5rem;*/
}
.feedback .icons a.iconCanel{
    background-color: #eff1f2;
    color:#666666;
}

.feedback .fdMobile{
    height: auto;
    overflow: hidden;
}
.feedback .fdMobile .fdText{
    width:40%;
    float: left;
}
.detCont-1 .detContCont .fdMobile a{
    width:30%;
    display: block;
    float: left;
    height: 2.8rem;
    line-height: 2.8rem;
    background-color: #496fce;
    text-align: center;
    color:#fff;
    border: 1px solid #496fce;
    margin: 0 0 0 1rem;
    font-size: 0.875rem;
}
.detCont-1 .detContCont .fdMobile a:hover{
    color:#fff;
    cursor: pointer;
    background-color: #557de0;
}
.detCont-1 .detContCont .fdMobile a.resend{
    background-color: #d0d0d0;
    color: #ffffff;
    border: 1px solid #d0d0d0;
}
.detCont-1 .detContCont a.iconSend:hover{
    color:#fff;
    background-color:var(--nearColor);
    cursor: pointer;
}
.detCont-1 .detContCont a.iconCanel:hover{
    color:#666666;
    background-color: #d0d0d0;
    cursor: pointer;
}

.hdlist dl{
    margin-bottom:1.5rem;
    border-bottom: 1px dashed #ddd;
}
.hdlist dt,.hdlist dd{
    height:auto;
    overflow: hidden;
    margin-bottom:1.2rem;
}
.hdlist span,.hdlist i{
    display:block;
    float: left;
}
.hdlist dt span,.hdlist dd span{
    width:2rem;
    height: 1.8rem;
    background-color:var(--mainColor);
    text-align: center;
    color:#fff;
    border-radius: 0.2rem;
    font-size:1rem;
    line-height:1.7rem;
}
.hdlist i{
    width:92%;
    padding:0 0 0 1rem;
    font-size:1rem;
    font-style: normal;
}
.hdlist dd span{
    background-color:var(--nearColor);
}
.hdlist dd i{
    color:#5e6776;
    font-size:0.875rem;
}

.download-list {
    height: auto;
    overflow: hidden;
}
.download-list dl {
    width: 94%;
    max-height: 4rem;
    background: #f8f9fa;
    padding: 2% 3% 2% 3%;
    margin-bottom: 2rem;
}
.download-list dl dt {
    height: auto;
    overflow: hidden;
}
.download-list dl dt span, .download-list dl dt a {
    display: block;
    font-size: 1rem;
}
.download-list dl dt span {
    float: left;
}
.download-list dl dt a {
    float: right;
    background: url(https://www.catradesp.com/zfjm/public/3825c772-f344-4ed6-94d7-40f73ee8532e.png) no-repeat 0px 11px;
    padding-left: 1.875rem;
}
.download-list dl dt a:hover {
    text-decoration: none;
}
.download-list dl dd {
    background: url(https://www.catradesp.com/zfjm/public/38d00aad-13bb-46ee-9997-d79609c408ec.png) no-repeat 0 11px;
    color: #999999;
    margin-top: 0.2rem;
    font-size: 0.875rem;
    padding-left: 1rem;
}
.detCont-1 .detContCont .download-list a{
    color:var(--mainColor);
}

.jrTab{
    height: auto;
    overflow: hidden;
    padding:5px 0 20px 20px;
}
.jrTab li{
    height: auto;
    overflow: hidden;
    margin:0 0 1.25rem 0;
}
.jrTab li span,.jrTab li a{
    display: block;
    float: left;
    line-height:1.75rem;
    font-size:1rem;
}
.jrTab li span{
    width:8%;
}
.jrTab li a{
    padding:0 0.625rem;
    margin:0 0 0 0.625rem;
    color: #333 !important;
}
.jrTab li a.active,.jrTab li a:hover{
    border-radius: 0.25rem;
    background-color: var(--mainColor);
    color:#fff !important;
}
.jrList{
    position: relative;
    border-bottom: 1px solid #e9ecf0;
    padding: 0 0 1.25rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.jrList img{
    width:14%;
    margin: 0 !important;
}
.jrList dl{
    width: 90%;
    margin: 0 0 0 10%;
}
.jrList dl dt{
    font-size:1rem;
    margin: 0.5rem 0 0 0;
    font-weight: bold;
}
.jrList dl dd{
    float:left;
    width:50%;
    padding: 0.1rem 0;
    font-size:0.875rem;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
}
.jrList dl dd:nth-child(even){
    /*border-right: 1px solid #e9ecf0;*/
    width: 46%;
    margin-right: 4%;
}
.jrList dl dd span:nth-child(2){
    color: #e70707;
}
.jrList a{
    display: block;
    width:3.75rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 0.25rem;
    background-color: var(--mainColor);
    color:#fff !important;
    text-align: center;
    font-size:0.875rem;
    cursor:pointer;
}

.jrDetial{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e9ecf0;
    padding:0 0 1.25rem 0;
    margin:0 0 1.25rem 0;
}
.jrDetial img{
    width:20%;
    height: 100%;
}
.jrDetial h3{
    font-size:1.25rem;
    width:56%;
    padding:2.5% 0 0 0;
}
.jrDetial dl{
    padding:1rem 0 0 0;
    font-size:0.875rem;
    line-height:1.875rem;
}
.jrDetial dl dt{
    font-size:1.125rem;
}
.jrDetial dl dd font{
    color: #757575;
}
.jrDetial dl dd img{
    width:10%;
    margin:0 0.1rem 0 0;
}
.jrText ul li{
    float:left;
    width:46%;
    padding: 0.5rem 0 0.5rem 0;
    font-size:0.875rem;
    height: auto;
    overflow: hidden;
}
.jrText ul li:nth-child(odd){
    border-right: 1px solid #e9ecf0;
    width: 50%;
    margin-right: 4%;
}
.jrText ul li font{
    color: #e70707;
}




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

@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}

    #header .hdLogo{width:auto !important;}

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

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

    /*左侧菜单*/
    .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;}

    /*其他样式*/
    .jrxb{display:block;}
    .jinrong_mod{width:100% !important;padding: 2% 5%;box-sizing: border-box;margin-bottom: 20px !important;}
    .jinrong_mod img{margin:0 10px 0 0 !important;}
    .jinrong_mod >div:nth-child(1){justify-content: center;align-items: center;padding: 8px 0;}
    .jinrong_mod .colorf7{font-size:14px;}

    .hdlist dt span, .hdlist dd span{width: 28px;height: 24px;font-size: 14px;line-height: 22px;}
    .hdlist i{width: 82%;font-size: 14px;line-height: 20px;}
    .hdlist dd i{font-size: 12px;}

    .download-list dl dt span, .download-list dl dt a{font-size: 14px;line-height: 34px;}

    .news-2 li{line-height: 46px;}
    .news-2 li a{
        font-size: 14px !important;
        letter-spacing: 0;
        width: 80%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -moz-line-clamp: 1;
        -o-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

}


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

    #header .hdLogo{width:auto !important;}

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

}


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

    /*移动端导航*/
    #navMbl{display:none;}

    .navbg{display:block;}
}
/* 2210208 */
/* 可视化编辑里的取消按钮样式问题更正 */
.btnEdit a {
    cursor: pointer;
    border: 1px solid #d7d7d7;
    padding: 0.2rem 1rem;
    border-radius: 0.2rem;
    margin-right: 0.5rem;
}
.btnEdit{
    display: flex;
    margin-top: 0.5rem;
}
/* 首页翻转点击问题 */
.flip-2 .back i.iconbig {
    position: absolute;
    bottom: 2rem;
    right: 0;
    display: block;
    font-size: 10rem;
    opacity: 0.16;
    filter: alpha(opacity=16);
    z-index: -1;
}
/*颜色*/
.pageBar-1 .pagenumber a.active {
    color: #fff;
    border: 1px solid var(--mainColor)!important;
    background-color: var(--mainColor)!important;
}
.pageBar-1 .pagenumber a:hover {
    color: #fff;
    border: 1px solid var(--mainColor)!important;
    background-color: var(--mainColor)!important;
}
/*全局搜索*/
.keywords{
    display: inline;
}
.pgout{
    padding:10px;
}
.panelOut-1 .content{
    background-color: #fff;
    border-radius: 10px;
    padding: 0 15px;
    margin: 15px 0 0 0;
}
.panelOut-1 form{
    padding-bottom:10px;
}
.news-2 li{
    display: flex;
    justify-content: space-between;
    line-height: 4rem;
    border-bottom-color: #eeeff1;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
.news-2 li a{
    font-size: 1rem;
    letter-spacing: 0.02rem;
}
.detNews-1 .detTitle h3 {
    margin-bottom: 2rem!important;
}
/*.detNews-1 .detNewsCont, .detNews-1 .detNewsCont p ,.detNews-1 .detNewsCont span{
    font-size: 1rem!important;
    line-height: 2.25rem;
    color: #333;
}*/
/*内页*/
.jinrong_mod {
    width: 42%;
    background-color: #f7f7f7;
    padding:2% 3%;
    border-radius:5px;
    margin-bottom: 3%;
}
.flex-direction {
    flex-direction: column;
}
.justify-between {
    justify-content: space-between;
}
.detCont-1 .detContCont img {
    display: block;
    margin: 0.5rem auto;
    max-width: 100%;
}
.titleBigSub {
    overflow:inherit;
}
.titleBigSub h3{
    display: inline-block;
}
.titleBigSub h3::after {
    content: "";
    width: 2.4rem;
    height: 0.2rem;
    background-color: var(--mainColor)!important;
    margin:0.4rem auto;
    display: block;
}
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
.text-white {
    color: #fff !important;
}
.settlement-exchange-content {
    position: relative;
    margin:0 auto 5rem auto;
}
.settlement-exchange-item {
    position: relative;
    background:#d2a4a4;
    margin:0 20px;
    padding-top: 50px;
    width: 25%;
    height: 300px;
    background-repeat: no-repeat;
}

.fwlc_con ul li .img span, .fwlc_con ul li .img em {
    display: block;
    height: 57px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -28.5px;
    width: 100%;
    text-align: center;
}
.fwlc_con ul li .img em {
    display: none;
}
.fwlc_con ul li .bt {
    text-align: center;
    color: #444444;
    font-size: 18px;
    margin-top: 15px;
}
fwlc_con li.li2 {
    width: 9.5%;
    height: 15px;
    margin:65px 0 0;
}
.detCont-1 .detContCont img {
    display: block;
    margin:0.5rem auto;
    max-width: 100%;
}
.mt-4, .my-4 {
    margin-top: 1.5rem !important;
}
.pt-2, .py-2 {
    padding-top: 0.5rem !important;
}
.text-center {
    text-align: center !important;
}
.settlement-exchange-text {
    position: absolute;
    bottom: 20px;
    width: 90%;
    left: 50%;
    margin-left: -45%;
    font-size: 0.75rem;
    line-height: 1.2rem;
}
.supply-chain-services-drawback .bottom-text {
    margin-top: 30px;
    font-size: 0.875rem;
    line-height: 30px;
}
.drawback-icon-container {
    padding:0 1rem 0 0;
    padding-left: 0px;
}
.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.detCont-1 .detContCont p.rt1 {
    color: #fff;
    font-size: 1.5rem;
}
.detCont-1 .detContCont .settlement-exchange-item p {
    color: #fff;
}
.detCont-1 .detContCont, .detCont-1 .detContCont p {
    font-size: 1rem;
    line-height: 2rem;
    color: #263040;
    margin-bottom: 0.75rem;
}
.rt1 {
    font-weight: bold;
    font-size: 24px;
}
.text-bold {
    font-weight: bold;
}
.mt-2 {
    font-size: 0.875rem;
}
.fwlc_con ul li {
    float: left;
    width: 6%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.fwlc_con ul li .text {
    display: none;
    position: absolute;
    left: 50%;
    bottom: -85px;
    margin-left: -108px;
    width: 216px;
    height: 60px;
    border: 1px solid #d7d7d7;
    background: #FFFFFF;
    z-index: 9;
    padding: 10px 15px 0;
}
.fwlc_con ul li .img {
    width: 78px;
    height: 108px;
    position: relative;
}
.fwlc_con li.li2 {
    width: 9.5%;
    height: 15px;
    margin: 65px 0 0;
}

.homeTime{
    background: url("https://www.catradesp.com/zfjm/public/c7fb02f8-25fd-40ad-a7bf-09661e789486.jpg") repeat;
    height: 12.8rem;
    border-radius: 0.625rem;
    box-sizing: border-box;
}
.time-left{
    width: 42%;
    background: linear-gradient(to bottom,var(--secondColor),var(--mainColor));
    color:#fff;
    border-radius: 0.625rem 0 0 0.625rem;
    padding:2rem 0 1rem 2rem;
    box-sizing: border-box;
}
.time-left h2{
    font-size:1.6rem;
    letter-spacing: 0.035rem;
}
.time-left h3{
    font-size:0.66rem;
    font-family: airal;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 0.055rem;
}
.time-left a{
    border-radius: 3rem;
    padding:0.5rem 1rem;
    background: linear-gradient(to bottom,#f7d169, #ffae3c);
    color:#786033;
    font-weight: normal;
    font-size:0.75rem;
}
.time-detail{
    width:72%;
    margin:1.2rem 0 1rem 0;
}
.time-detail dl dt{
    font-size:2.2rem;
    font-family: "Impact";
}
.time-detail dl dd{
    font-size:0.75rem;
    text-transform: uppercase;
    writing-mode: vertical-lr;
    color:var(255,255,255,0.8)
}
.home_timeImg{
    position: absolute;
    right:0;
    bottom:0;
    z-index:9;
    width:50%;
}
.time-right{
    width: 58%;
    border: 1px solid #ffd7bb;
    border-radius: 0 0.625rem 0.625rem 0;
}

#banner_img {
    display: block;
    position: relative;
}

#banner_img li.item1, #banner_img li.item2, #banner_img li.item3, #banner_img li.item4, #banner_img li.item5, #banner_img li.item6, #banner_img li.item7, #banner_img li.item8 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-position: center;
    background-size: cover;
    display: none;
}

/*ñͼƬ-------ʼ*/
#banner_img li.item1 {
    background: url(../images/bg.jpg) no-repeat center top;
    display: block;
}

#banner_img li.item2 {
    background: url(../images/banner_bg2.jpg) no-repeat center top;
}

#banner_img li.item3 {
    background: url(../images/banner_bg3.jpg) no-repeat center top;
}

#banner_img li.item4 {
    background: url(../images/banner_bg4.jpg) no-repeat center top;
}

#banner_img li.item5 {
    background: url(../images/banner_bg5.jpg) no-repeat center top;
}

#banner_img li.item6 {
    background: url(../images/banner_bg6.jpg) no-repeat center top;
}

#banner_img li.item7 {
    background: url(../images/banner_bg6.jpg) no-repeat center top;
}

#banner_img li.item8 {
    background: url(../images/bg.jpg) no-repeat center top;
}

.wolxhz {
    padding: 220px 0 0 65px;
}

/*ñͼƬ--------*/
#banner_img .ad_img {
    position: absolute;
    right: 5px;
    top: 134px;
    width: 506px;
    height: 404px;
}

#banner_img li.item5 .ad_img {
    top: 60px;
}

#banner_img li.item6 .ad_img {
    top: 156px;
}

#banner_img .ad_txt {
    position: absolute;
    left: 4px;
    top: 185px;
    color: #fff;
    text-shadow: 1px 1px rgba(51, 51, 51, 0.3);
}

#banner_img .ad_txt h2 {
    font: bold 36px/60px Microsoft YaHei;
    padding: 30px 0;
}

#banner_img .ad_txt p {
    font: 14px/25px Microsoft YaHei;
}

#banner_img .ad_txt a {
    display: block;
    width: 101px;
    height: 29px;
    text-align: center;
    margin-top: 13px;
    background: #e95513;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    font: 14px/27px Microsoft YaHei;
}

#banner_img .item4 .ad_txt a {
    float: left;
    display: inline;
    margin-right: 10px;
}

#banner_img .item4 .ad_txt .a1 {
    background-color: #a2c432;
}

#banner_img .item1 .sy_txt {
    top: 73px;
    position: absolute;
    left: 4px;
    color: #fff;
    text-shadow: 1px 1px rgba(51, 51, 51, 0.3);
}

#banner_img .item1 .sy_txt h2 {
    font: bold 36px/60px Microsoft YaHei;
    width: 500px;
    height: 65px;
}

#banner_img .item1 .sy_txt p {
    padding-left: 341px;
    padding-top: 80px;
}

#banner_img .item1 .sy_img {
    top: 142px;
    width: 471px;
    right: 0;
    position: absolute;
}


.kkg_timedown {
    position: absolute;
    top: 330px;
    left: 50%;
    width: 981px;
    margin-left: -485px;
    height: 121px;
    background: url(../images/digits_bg.png) no-repeat left center;
}

/* Top style */
#countdown_dashboard {
    top: 1.875rem;
    width: 46.125rem;
    position: relative;
    overflow: hidden;
    height: 8.125rem;
    background: url(https://www.catradesp.com/zfjm/public/fa93d16e-1d46-431e-9561-2488bd20e8d9.png) no-repeat;
    margin-left: 3.75rem;
    box-sizing: border-box;
}

.kkg_timetoor {
    background: url(https://www.catradesp.com/zfjm/public/3bf70ea7-8182-448b-8206-9270e892ec91.png) no-repeat;
    bottom: 98px;
    height: 130px;
    width: 606px;
    position: relative;
    margin-left: 3.75rem;
    box-sizing: border-box;
}

.dash {
    float: left;
    height: 8.125rem;
    margin: 0 5.375rem 0 0;
    position: relative;
    display: inline;
    width: 5.375rem;
    line-height: 8.125rem;
    text-align: center;
    padding-left: 1px;
}

.dash .digit {
    float: left;
    display: inline;
    font-size:4.125rem;
    font-family: Impact;
    position: relative;
    color: #333;
    width: 2.6875rem;
}

.kkg_smalltime {
    top: 330px;
    left: 50%;
    margin-left: -280px;
    font: 18px/49px "微软雅黑";
    top: 35px;
    color: #94c849;
    padding-left: 65px;
    position: absolute;
    height: 49px;
    width: 300px;
}

.countdown_dashboard2 {
    width: 220px;
    overflow: hidden;
    height: 38px;
    position: relative;
    top: -40px;
    left: 48px;
    background: url(../images/time_bg2.png) no-repeat;
}

.countdown_dashboard2 .dash {
    height: 34px;
    padding-left: 11px;
    width: 26px;
    margin-right: 18px
}

.countdown_dashboard2 .dash .digit {
    font-size:34px;
    font-family: Impact;
    width: 11px;
}

.kkg_timetoor2 {
    width: 200px;
    overflow: hidden;
    height: 9px;
    position: relative;
    top: -65px;
    left: 52px;
    background: #ffd7bb;
}
.days_dash .digit{
    color:#fff;
}
.count-text{
    width: 46.125rem;
    left: 3.75rem;
    position: absolute;
    bottom:1rem;
}
.count-text a{
    display: block;
    font-size:1rem;
    font-weight: normal;
    width:5.375rem;
    margin: 0 5.375rem 0 0;
    text-align: center;
}
.pgcommon{
    width:100%;
    background:transparent;
    padding:0;
}
.pgcommon svg{
    width:2%;
    fill: #ff713e;
}
.detContCont .pgcommon p{
    text-indent: 0;
    margin: 0;
    padding: 0;
}

/* 隐藏原始的radio按钮 */
input[type="radio"] {
    display: none;
}

/* 创建一个自定义的标签 */
input[type="radio"] + label::before {
    content: "";
    display: inline-block;
    width: 1rem; /* 设置大小 */
    height: 1rem; /* 设置大小 */
    background: white; /* 默认背景色 */
    border: 1px solid #ccc; /* 默认边框颜色 */
    border-radius: 50%; /* 圆形 */
    vertical-align: middle;
    cursor: pointer;
    box-sizing: border-box;
    margin:-0.125rem 0.5rem 0 0;
}

/* 当radio按钮被选中时，改变标签的样式 */
input[type="radio"]:checked + label::before {
    background: #fff; /* 被选中时的背景颜色 */
    border: 0.25rem solid var(--mainColor); /* 被选中时的边框颜色 */
}

.que{
    width:90%;
}
.que h3{
    margin:0.5rem 0;
}

/* 自定义复选框的基本样式 */
.checkbox-custom {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    position: relative;
    border: 1px solid #ccc;
    vertical-align: middle;
    box-sizing: border-box;
    margin:-0.125rem 0.5rem 0 0;
}

/* 选中状态下的样式 */
.custom-checkbox input[type="checkbox"]:checked + .checkbox-custom {
    border-color: var(--mainColor);
    background-color: var(--mainColor);
}

/* 选中状态下的对勾样式 */
.custom-checkbox input[type="checkbox"]:checked + .checkbox-custom::after {
    content: '';
    position: absolute;
    top: -0.1rem;
    left: 0.15rem;
    width: 0.3125rem;
    height: 0.5625rem;
    border-width: 0 2px 2px 0;
    border-style: solid;
    border-color: white;
    transform: rotate(45deg);
}
/*公共服务*/
.ggfw-box{
    background-position: center right;
    padding: 1.5rem 2rem;
    width: 100%;
    margin-left: -2rem;
    margin-top: -2rem;
    border-radius: 1rem 1rem 0 0;
    background: linear-gradient(to bottom, #ff885b, #fb9c5d);
    height:70px;
}
.ggfw-box h5{
    color: #FFFFFF;
}
.ggfw-box p{
    color: rgba(255,255,255,0.70);
}
.ggfw-box svg{
    fill: rgba(255,255,255,0.50);
}
.ggfw-box:hover svg{
    fill: rgba(255,255,255,1);
}
.m-t20{
    margin: 2rem 0 0;
}
.m-t20 p{
    margin: 0;
    text-indent: 2.4rem;
}
.m-t20 strong{
    font-size: 1.125rem;
}

/*项目洽谈*/
.pj-tab{
    border-bottom: 1px solid #e9e9e9;

}
.pj-tab h3{
    font-size:1.25rem;
    text-align: center;
    margin-bottom:2rem;
}
.pj-tab a{
    width:auto;
    font-size:1rem;
    display: flex;
    justify-content: center;
    align-content: center;
    padding-bottom:0.625rem;
    margin:0 8rem;
}
.pj-tab a img{
    width:1.25rem;
    height: 1.4375rem;
    margin-right:1rem;
}
.pj-tab a.current{
    border-bottom: 3px solid var(--mainColor);
}
.projectlayout{
    padding:3rem 0 2rem 0;
    box-sizing: border-box;
}
.projectlayout .left{
    width:20%;
}
.projectlayout .left a{
    font-size: 1rem;
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 1rem 0.5rem 0;
    line-height: 2rem;
}
.projectlayout .left a.active{
    color:var(--mainColor);
}
.projectlayout .left a.active::after{
    content: "";
    width: 1.5rem;
    background: url(https://www.catradesp.com/zfjm/public/c76b95df-723b-41b0-90d8-e03394bd16dd.png);
    background-size: 100%;
    margin-top: 0.2rem;
}
.projectlayout .right{
    width: 75%;
}
.projectlayout .right .search{
    width:100%;
    margin-bottom:1.5rem;
}
.projectlayout .right .search > div{
    width:78%;
    box-sizing: border-box;
}
.projectlayout .right .search input{
    height: 3.125rem;
    line-height: 3.125rem;
    border: 1px solid #eef0f4;
    border-radius: 0.4rem 0 0 0.4rem;
    width:80%;
    box-sizing: border-box;
    outline: none;
}
.projectlayout .right .search a{
    height: 3.125rem;
    line-height: 3.125rem;
    width:20%;
    font-size:1rem;
    font-weight: normal;
}
a.icon-second{
    background: #a2a2a2;
    border-radius: 0 0.4rem 0.4rem 0;
}
a.icon-main{
    border-radius: 0.4rem;
    background: var(--mainColor);
}
.projectlayout .right .search a svg{
    width:1.25rem;
    margin-right:0.5rem;
}

.pj-list{
    border-radius: 0.625rem;
    border: 1px solid #eef0f4;
    box-sizing: border-box;
    padding-bottom:1rem;
}
.pj-list .title{
    background: #f4f4f5;
    border-radius: 0.625rem 0.625rem 0 0;
    height: 3.125rem;
    line-height: 3.125rem;
    padding:0 1rem;
    box-sizing: border-box;
}
.pj-list .title h4{
    font-size:1rem;
    margin:0;
}
.pj-list .time{
    font-size:0.75rem;
    font-weight: normal;
    color:rgb(0,0,0,0.5);
}
.pj-list .time img{
    width:1rem;
    height: 1rem;
    margin:1.1rem 0.5rem 0 1rem;
}
.pj-list .title a{
    width:5rem;
    height: 1.875rem;
    line-height: 1.875rem;
    border-radius: 0.4rem;
    border: 1px solid var(--mainColor);
    color:var(--mainColor);
    margin:0 10px 0 0;
}
.pj-list .title a:hover{
    background: var(--mainColor);
    color:#fff;
}
.pj-list .title a svg{
    width:18px;
    fill: var(--mainColor);
    margin-left:0.5rem;
}
.pj-list .title a{
    cursor: pointer;
}
.pj-list .title a:hover svg{
    fill: #fff;
}

.pj-list{
    margin-bottom:2rem;
}
.pj-list .nr{
    padding:1rem 1rem 0 1rem;
}
/*.pj-list .nr dl:nth-child(1n){
    width:33%;
}
.pj-list .nr dl:nth-child(2n){
    width:40%;
}
.pj-list .nr dl:nth-child(3n){
    width:27%;
}*/
.pj-list .nr dl{
    width:48%;
    margin: 5px 0;
}
.pj-list .nr dl dt img{
    width:1rem;
    height: 1rem;
    margin-right:0.5rem;
}
.pj-list .nr dl dt{
    width:34%;
    color:rgb(0,0,0,0.5)
}
.pj-list .nr dl.nr-point{
    width:100%;
}
.pj-list .nr dl.nr-point dt{
    width:16%;
}
.pj-list .nr dl.nr-point dd{
    width:84%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -moz-line-clamp: 2;
    -o-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*非洲地图*/
.maplayout{
    padding:3rem 3rem;
    box-sizing: border-box;
}
.maplayout .left{
    width:50%;
    padding-top:4rem;
    box-sizing: border-box;
}
.maplayout .left h2{
    font-size:1.25rem;
}
.maplayout .left p{
    font-size:1rem;
    margin-top:1rem;
}
.maplayout .right{
    width:40%;
}

.maptab{
    width:100%;
}
.maptab > div{
    width:32%;
    border-radius: 0.625rem;
    border: 1px solid #e9e9e9;
    padding:1.2rem 1.5rem 1.4rem 1.5rem;
    box-sizing: border-box;
}
.maptab .fl{
    width:12%;
    height: 2.5rem;
    border-radius: 0.4rem;
    display: flex;
    justify-content: center;
    align-content: center;
}
.maptab .fl svg{
    fill: #fff;
    width:1.6rem;
}
.maptab .fr{
    width:80%;
}
.maptab .fr h6{
    font-size:1rem;
    font-weight: 500;
}
.maptab .fr p{
    font-size:0.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -moz-line-clamp: 2;
    -o-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin:0.4rem 0 1rem 0;
    color:rgb(0,0,0,0.7);
    line-height: 1.5rem;
}
.maptab .fr a{
    display: block;
    font-size:0.75rem;
    width: 5rem;
    height: 1.875rem;
    line-height: 1.875rem;
    border-radius: 0.4rem;
    color:#fff;
    text-align: center;
}
.maptab > div:nth-child(1) .fl{
    background: linear-gradient(45deg,#f2a569,#ec6231);
}
.maptab > div:nth-child(2) .fl{
    background: linear-gradient(45deg,#fbafdf,#f670a9);
}
.maptab > div:nth-child(3) .fl{
    background: linear-gradient(45deg,#f4c861,#ec7e34);
}
.maptab > div:nth-child(1) .fr a{
    background: #f1995e;
}
.maptab > div:nth-child(2) .fr a{
    background: #fbafdf;
}
.maptab > div:nth-child(3) .fr a{
    background: #f4c861;
}

.cyjq .cymap{
    position: relative;
    display: block;
}
.cyjq a.gjdw{
    position: absolute;
    display: flex;
    justify-content: center;
    align-content: center;
    height: 2.875rem;
    line-height: 2.875rem;
    padding: 0 1.5rem 0 1rem;
    z-index: 1;
}
.icon-add,.icon-add-hover{
    width:1.25rem;
    height: 1.625rem;
}
.icon-add-hover{
    display: none;
}
.cyjq a.gjdw span{
    display: none;
}
.cyjq a.gjdw:hover{
    color:#fff;
    background: var(--mainColor);
    border-radius: .3em;
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    z-index:100;
}
.cyjq a.gjdw:hover span,.cyjq a.gjdw:hover .icon-add-hover{
    display: block;
}
.cyjq a.gjdw:hover .icon-add{
    display: none;
}
.cyjq a.gjdw:hover .icon-add-hover{
    margin:0.6rem 0.5rem 0 0;
}

#header .hdLogo h2{font-size: 1.325rem;}
#header .hdLogo i{font-size: 0.44rem;}
.btns-top a,.language dl dd h3{font-size: 0.875rem;}

/*金融服务*/
.jrBanner{
    background: url("https://www.catradesp.com/zfjm/public/c3f077e9-75ee-4d9e-a63a-49e2c5acdb8e.jpg") no-repeat center;
    background-size: cover;
    height: 360px;
}
.jr-bg-wp1{
    background: url("https://www.catradesp.com/zfjm/public/d6987de5-c3e6-4b93-b9b9-666864137cb8.jpg") no-repeat center top #fafdff;
    background-size: cover;
    height: auto;
    padding:2.5rem 0;
    box-sizing: border-box;
}
.icons-block{
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    width:var(--pgWidth,87.5rem);
    margin:0 auto;
}
.icons-block > div{
    width:29%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.icons-block dl{
    text-align: center;
    margin-bottom:1rem;
}
.icons-block dl dt{
    background: linear-gradient(to bottom, #ffc36d, #ec5e2d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size:2.625rem;
    font-family: "arial";
    font-weight: bold;
    line-height: 2.625rem;
    margin-bottom:0.625rem;
}
.icons-block dl dd{
    color:#333;
    font-size:1.125rem;
}
.icons-block img{
    width: 60%;
}
.jr-probox{
    box-sizing: border-box;
    width:var(--pgWidth,87.5rem);
    margin:0 auto;
}
.jr-ch{
    width: 18.75rem;
    height: 22.625rem;
    background: url("https://www.catradesp.com/zfjm/public/010dff37-bf97-4be5-974c-20684da561e9.jpg") no-repeat;
    background-size: 100%;
}
.jr-titel{
    font-size:1.85rem;
    font-weight: bold;
    text-align: center;
    margin:3rem auto;
}
.jr-prolist{
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}
.jr-ch span{
    display: block;
    padding:1.6rem 0 0 2.5rem;
    font-size:1.5rem;font-weight:bold;
    color:#fff;
}
.jr-ch span::after{
    content: "";
    display: block;
    width:3rem;
    height: 0.1875rem;
    background-color: #ffe094;
    margin-top:0.1rem;
}
.jr-cr{
    width: 22%;
    height: 22.625rem;
    background-color: #fff;
    box-shadow: 0 0.5rem 0.875rem rgb(85,91,112,0.07);
    box-sizing: border-box;
    padding:0.625rem 0.625rem 1.5rem 0.625rem;
}
.bank-small{
    width: 100px;
    height: 28px;
    border: 1px solid var(--gregBg);
}
.bank-small img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    font-family: "object-fit: contain;";
}
.jr-p-name{
    font-size: 1.5rem;
    text-align: center;
    padding:1rem 0 0.8rem 0;
}
.jr-cr span{
    font-size:1.35rem;
    font-family: "arial";
    color: var(--mainColor);
    display: block;
    text-align: center;
}
.jr-cr i{
    font-size:0.875rem;
    line-height: 1rem;
    text-align: center;
    font-style: normal;
    display: block;
    color:#878787;
    margin:0.5rem 0 1.5rem 0;
}
.jr-probox dl{
    border-bottom: 1px solid var(--gregBg);
    display: flex;
    justify-content: space-between;
    margin:0 1rem;
    font-size:1rem;
    padding:0.6rem 0;
}
.jr-probox dl:nth-child(2n){
    border-bottom: 0;
}
.jr-more{
    display: block;
    width: 6rem;
    height: 2rem;
    line-height: 1.87rem;
    border: 1px solid var(--mainColor);
    background-color: #fff4ec;
    font-size:0.875rem;
    text-align: center;
    color:var(--mainColor);
    box-sizing: border-box;
    border-radius: 0.125rem;
    margin:2.5rem auto 0 auto;
    cursor: pointer;
}
.jr-more:hover{
    color:#fff;
    background: var(--mainColor);
}
.jr-bg-wp2 .jr-titel{
    margin-top:0;
    margin-bottom:4rem;
}

.jr-ch .jr-more{
    border: 0;
    margin:2rem 0 0 2.5rem;font-size:0.875rem;
}

.jr-layout{
    background-color: #f0f2f5;
    padding:6rem 0 2.5rem 0;
    position: relative;width:100%;
}
.jr-protable{
    box-sizing: border-box;
    margin:0 auto !important;
}
.jr-thead{
    font-weight: 500;
    text-align: left;
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
    display: flex;
    justify-content: space-between;
    padding:0.3% 0.5%;
    box-sizing: border-box;
}
.jr-thead > div{
    padding: 0.6rem 1rem;
    overflow-wrap: break-word;
    font-size:1rem;
    font-weight: bold;
}
.jr-thead > div:nth-child(1),.jr-tbody > div:nth-child(1){
    width:48%;
}
.jr-thead > div:nth-child(2),.jr-tbody > div:nth-child(2){
    width:46%;
}
.jr-thead > div:nth-child(3),.jr-tbody > div:nth-child(3){
    width:6%;
}
.jr-tbody{
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    background-color: #fff;
    border-top: 0.8rem solid #f4f5f8;
    border-bottom: 1px solid #e8e8e8;
    padding:0.5%;
}
.jr-tbody > div{
    padding: 0.2rem 1rem;
    overflow-wrap: break-word;
    word-break: break-word;
    align-items: center;
    display: flex;
    line-height:1.375rem;
}
.icon-jb{
    background: linear-gradient(to bottom, #ffa855, #ff713e);
    cursor: pointer;
    color: #fff;
    border-radius: 0.4rem;
    padding: 0.15rem 0.5rem;
    font-size: 0.875rem;
}
.icon-jb:hover{
    color:#fff;
}

.productname{
    display: flex;
    justify-content: left;
    align-items: center;
    word-break: break-all;
}
.prologo{
    width: 15%;
    height: 1.4375rem;
    border: 1px solid #e8e8e8;
}
.productname .text{
    margin:0 0 0 1.5rem;
    box-sizing: border-box;
}
.text-title{
    font-size:1rem;
    font-weight:bold;
}
.text-cont{
    margin-top: 0.25rem;
    font-size: 0.875rem;
    color: rgba(0, 0, 0, 0.45);
    line-height: 1.5rem;
    text-align: justify;
    overflow:hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -moz-line-clamp: 2;
    -o-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.productdetails{
    display: flex;
    justify-content: space-between;
    align-items: center;
    word-break: break-all;
    width:100%;
}
.rate{
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.45);
    width:48%;
    flex: 1;
    -webkit-flex: 1;
}
.rate >div:nth-child(1){
    margin-bottom:0.5rem;
}
.red-text {
    color: var(--mainColor);
}
.btn-detail{
    color:var(--mainColor);
    cursor: pointer;
    font-size:1rem;
}
.btn-detail:hover{
    color: var(--nearColor);
}

.jr-bg-wp2{
    background: url("https://www.catradesp.com/zfjm/public/405a896a-1e06-4ce9-90c6-bbe575e47a69.jpg") no-repeat center bottom #f8f9fa;
    background-size: 100%;
    padding:40px 0;
}
.jr-protable .more{
    display: block;
    margin:40px auto 0 auto;
    width:14%;
    height: 46px;
    line-height: 46px;
    font-size:18px;
    border: 1px solid var(--mainColor);
    color:var(--mainColor);
    border-radius: 6px;
    text-align: center;
}

/*特色产品*/
.pj-list .feature .left{
    width:20%;
    height: 5rem;
}
.pj-list .feature .left img{
    width:100%;
    height: 100%;
    object-fit: contain;
    font-family: "object-fit: contain;";
}
.pj-list .feature .right{
    width:80%;
    padding:0 0 0 40px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}
.pj-list .feature .right dl{
    width:100%;
    padding-bottom:22px;
}
.pj-list .feature .right dl:nth-child(2){
    padding-bottom:0;
}
.pj-list .feature .right dl dt{
    width:18%;
}
.pj-list .feature .right dl dd{
    width:82%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -moz-line-clamp: 1;
    -o-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.productname img{
    width: 9rem;
    border: 1px solid #e8e8e8;
}
#finceprolist{
    margin-bottom:60px;
}


/*---------h5---------*/
.h5-wrapper{
    padding:20px;
    box-sizing: border-box;
    background: linear-gradient(to bottom,var(--h5mainColor),#FFF4F4);
}
.h5-inwapper {
    padding:20px 20px 0 20px;
    box-sizing: border-box;
}
.page-header{
    padding:20px 20px 60px 20px;
    background: linear-gradient(to bottom, #ff7340, #ffa686);
}
.h5-wrapper #headermp .hdLogo h2{
    margin-top:0;
    color: #fff;
    font-size:18px;
    line-height: 14px;
}
.h5-wrapper #headermp .hdLogo i{
    color:#fff;
    font-size: 5.5px;
    text-transform: uppercase;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 6px;
    font-style: normal;
}
.h5-wrapper .hdLogo a{
    line-height: 18px;
    color:#fff;
}

/*--------导航(移动端)--------*/
.h5-wrapper #headermp .language dl dd h3 {
    background: transparent;
}
.h5-wrapper #headermp{
    padding-bottom:0;
}
.h5-wrapper .navBar{
    display: none;
}
.h5-wrapper #navMbl{position:absolute;width:100%;top: -5px;display: block}
#navMbl .navicon svg{
    fill:#fff;
    width:24px;
    position: absolute;
    top:4px;
    right:0;
    z-index:9999;
}
.navBarMbl{
    position:absolute;display:none;
    top:40px;
    padding:2% 5%;
    width: 110%;
    transform: translateX(-50%);
    left: 50%;
    line-height:34px;
    background-color:#fff;
    box-shadow: 0 0 20px rgb(0,0,0,0.1);
    -moz-box-shadow: 0 0 20px rgb(0,0,0,0.1);
    -webkit-box-shadow: 0 0 20px rgb(0,0,0,0.1);
    z-index:999999;
    border-radius: 10px;
    box-sizing: border-box;
    border: 0;
}
.navBarMbl li{float:left;font-size:16px;}
.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;}
.navMblParent:nth-last-child(1){
    border:0;
}

/*language*/
.h5-wrapper .language {
    position: absolute;
    right: 20px;
    top: 18px;
    z-index: 999;
}
.h5-wrapper .language dl{
    float:right;
}
.h5-wrapper .language dl dd ul {
    display: none;
    transition: all .3s ease;
    background-color: rgba(255, 255, 255, 1);
    width: 6rem;
    text-align: center;
    border-radius: 0.25rem;
    border-top: none;
    box-sizing: border-box;
    box-shadow: 0 0.05rem 0.8rem rgb(0,0,0,0.1);
    -moz-box-shadow:0 0.05rem 0.8rem rgb(0,0,0,0.1);
    -webkit-box-shadow: 0 0.05rem 0.8rem rgb(0,0,0,0.1);
    top: 1.8rem;
    position: absolute;
    left: 0;
    z-index: 99999;
    float: none !important;
    padding-bottom:0.625rem;
}
.h5-wrapper .language dl dd h3 {
    font-weight: normal;
    color:#fff;
    width: 5rem;
    text-align: center;
    font-size:0.875rem;
    cursor: pointer;
    margin-top: 0;
    line-height: 1.875rem;
}
.h5-wrapper .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;
}
.h5-wrapper .language dl dd ul li {
    height: 2.625rem;
    line-height: 2.625rem;
    list-style: none;
    float: none !important;
    margin: 0 !important;
}
.h5-wrapper .language dl dd ul li a {
    padding: 0.34rem 1rem 0.34rem 0.75rem;
    color: #333 !important;
    font-size: 0.875rem;
    text-decoration: none;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.h5-wrapper .language dl dd ul li a:hover {
    color: var(--h5mainColor) !important;
}
.h5-wrapper .language dl dd ul li a img{
    width:20px;
    height:12px;
    margin-right:6px;
}
.h5-wrapper .language svg{
    width:20px;
    fill: #fff;
    margin:3px 20px 0 0;
}

.h5-wrapper .homeBanner video{
    width:100%;
    border-radius: 10px;
}
.h5-wrapper .homeBanner .wrapper {
    background: linear-gradient(180deg, rgba(0, 0, 0, .38) 0%, rgba(0, 0, 0, .44) 100%);
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.h5-wrapper .homeBanner .banCon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.h5-wrapper .homeBanner .ad-text {
    margin-bottom: 10px;
}
.h5-wrapper .homeBanner .ad-text h2 {
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    display: flex;
    justify-content: center;
    font-family: "kuaikanshijieti";
    line-height: 26px;
}
.h5-wrapper .homeBanner .ad-text h2 span {
    color: var(--h5mainColor);
    font-style: normal;
}
.h5-wrapper .homeBanner .ad-text > span {
    font-size: 10px;
    color: rgb(255, 255, 255, 0.6);
    font-family: airal;
    font-style: normal;
    display: flex;
    justify-content: center;
    letter-spacing: 0.1px;
}

.h5-wrapper .homeTime{
    background: linear-gradient(to bottom,#FFA663,#FF713E);
    border-radius: 10px;
    padding:20px 20px;
    margin:20px 0 0 0;
    color:#fff;
    box-sizing: border-box;
    width:100%;
    height:auto;
}
.h5-wrapper .time-lf-text h2 {
    font-size: 18px;
    letter-spacing: 1px;
}
.h5-wrapper .time-lf-text h3 {
    font-size: 9px;
    font-family: airal;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 12px;
}
.h5-wrapper .time-detail {
    width: 100%;
    margin: 8px 0 10px 0;
}
.h5-wrapper .time-detail dl dt {
    font-size: 24px;
    font-family: "Impact";
}
.h5-wrapper .time-detail dl dd {
    font-size: 10px;
    text-transform: uppercase;
    writing-mode: vertical-lr;
    color: rgb(255,255,255,0.8);
}
.h5-wrapper .time-lf-text a {
    border-radius: 20px;
    padding: 5px 10px;
    background: linear-gradient(to bottom, #f7d169, #ffae3c);
    color: #786033;
    font-weight: normal;
    font-size: 12px;
}
.h5-wrapper .home_timeImg {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 9;
    width: 40%;
}

.h5-wrapper .tab_news{
    height: 40px;
    border-radius: 40px;
    background: #fff;
    padding:2px 5px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-right: 0;
}
.h5-wrapper .tab_news li{
    width:25%;
}
.h5-wrapper .tab_news li a{
    font-size:14px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
}
.h5-wrapper .tab_news li.active{
    border-radius: 40px;
    background: var(--h5mainColor);
}
.h5-wrapper .tab_news li.active a{
    color:#fff;
}
.h5-wrapper .sec-2{
    background: transparent;
}
.h5-wrapper .sec-2 ul li.active::after{
    display: none;
}
.h5-wrapper .tab_nCon .list{
    border-radius: 10px;
    background: #fff;
    padding:15px 10px 15px 15px;
    box-sizing: border-box;
    margin:15px 0 0 0;
}
.h5-wrapper .tab_nCon .list a{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.h5-wrapper .tab_nCon .list .left{
    width:68%;
}
.h5-wrapper .tab_nCon .list .left h5{
    font-size:14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -moz-line-clamp: 1;
    -o-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.h5-wrapper tab_nCon .list .left p,.h5-wrapper .tab_nCon .list .left .time{
    font-size:12px;
    color:rgb(0,0,0,0.6)
}
.h5-wrapper .tab_nCon .list .left p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -moz-line-clamp: 2;
    -o-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 18px;
    margin:4px 0 5px 0;
}
.h5-wrapper .tab_nCon .list .pic{
    width:28%;
    height: 84px;
    border-radius: 10px;
}
.h5-wrapper .tab_nCon .list .pic img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    font-family: "object-fit: contain;";
    border-radius: 10px;
}

.h5-inwapper .bigtitle,.ptfw .bigtitle,.yqlj .bigtitle{
    font-size:18px;
    text-align: center;
    padding:0;
}
.ptfw .list{
    width:48%;
    background: #FFF6F3;
    border-radius: 10px;
    padding:30px 20px 20px 20px;
    box-sizing: border-box;
    margin:40px 0 0 0;
}
.ptfw .list .num{
    font-size:24px;
    font-family: Impact;
    color:var(--h5mainColor);
}
.ptfw .list h6{
    font-size:16px;
    font-weight: 500;
    margin:30px 0 20px 0;
}
.ptfw .list p{
    font-size:12px;
    color:rgb(0,0,0,0.6);
    line-height: 20px;
    text-align: justify;
}
.ptfw .list img{
    position: absolute;
    z-index:999;
    top:-30px;
    right:0;
    width:60%;
}
.ptfw > .list{
    width:100%;
}
.ptfw > .list img{
    width:35%;
}
.h5-inwapper  .tab_menuA{
    background: #F5F6FA;
    border-radius: 40px;
    height: 40px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    margin: 0;
    border-bottom: 0;
    line-height: normal;
}
.h5-inwapper  .tab_menuA li{
    width:33.3333%;
}
.h5-inwapper  .tab_menuA li.selectedA a{
    color:var(--h5mainColor);
    font-weight: bold;
    position: relative;
}
.h5-inwapper  .tab_menuA li.selectedA a::before{
    content: "";
    background: url("https://www.catradesp.com/zjfm/public/d62a1b28-87ed-4bba-bcd1-28aa50d26ad0.png") no-repeat;
    background-size: cover;
    width: 24px;
    height: 30px;
    position: absolute;
    z-index: 99;
    transform: translate(-50%, -140%);
    left: 50%;
    top: 50%;
}
.h5-inwapper ul.tab_menuA li.selectedA a::after{
    display:none;
}
.h5-inwapper  .tab_menuA li a{
    font-size:16px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.h5-inwapper  .tab_boxA{
    padding:0;
}
.h5-inwapper  .inNews-list{
    display: block;
}
.h5-inwapper  .inNews-list dl{
    background: var(--gregBg);
    padding: 0 20px 0 0;
    box-sizing: border-box;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 15px 0 0 0;
}
.h5-inwapper  .inNews-list dt {
    width: 30%;
    text-align: center;
    font-size: 18px;
    font-family: airal;
    color: var(--greyText);
    position: relative;
    align-items: center;
    justify-content: center;
    display: flex;
}
.h5-inwapper  .inNews-list dt i {
    position: absolute;
    z-index: 99;
    width: 76px;
    height: 22px;
    line-height: 22px;
    border-radius: 10px 0 10px 0;
    color: #fff;
    left: 0;
    top: 0;
    font-size: 12px;
    font-style: normal;
}
.h5-inwapper  .inNews-list i.icon-orange1 {
    background: var(--h5mainColor);
}
.h5-inwapper  .inNews-list dd {
    width: 70%;
    padding: 10px 0;
    box-sizing: border-box;
}
.h5-inwapper  .inNews-list dd .title {
    font-size: 14px;
    padding-bottom: 4px;
    font-weight: 500;
}
.h5-inwapper  .inNews-list dd .text {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: rgb(0, 0, 0, 0.5);
    line-height: 18px;
    text-align: justify;
}
.h5-inwapper  .inNews-list .icon-more{
    display: block;
    border-radius: 50px;
    width:30%;
    margin:20px auto 0 auto;
    text-align: center;
    font-size:12px;
    border: 1px solid var(--h5mainColor);
    color:var(--h5mainColor);
    height: 34px;
    line-height: 34px;
}

.h5-inwapper  .incommon{
    width:48%;
    border-radius: 10px;
    background: var(--gregBg);
    padding:10px 15px;
    box-sizing: border-box;
    margin:20px 0 0 0;
}
.h5-inwapper  .imgbox {
    overflow: hidden;
    position: relative;
}
.h5-inwapper  .cul img {
    background-size: cover;
    display: block;
    margin: 20px auto 0 auto;
}
.h5-inwapper  .cul svg {
    width: 12px;
    margin-left: 10px;
    fill: rgb(0,0,0,0.7);
}
.h5-inwapper  .cul{
    display: block;
    width: calc(48% - 40px);
    background: var(--gregBg);
    padding: 10px 15px;
    box-sizing: border-box;
    border-radius: 10px;
    margin-bottom: 20px;
    position: relative;
}
.h5-inwapper  .ggfw-box {
    background-position: center right;
    padding: 10px 15px;
    width: 100%;
    margin-left: -15px;
    margin-top: -15px;
    border-radius: 10px 10px 0 0;
    background: linear-gradient(to bottom, #ff885b, #fb9c5d);
    height: 110px;
}
.h5-inwapper  .ggfw-box h5 {
    color: #FFFFFF;
}
.h5-inwapper  .cul h5 {
    font-size: 16px;
    margin-bottom: 10px;
    display: flex;
    justify-content: start;
    font-weight: 400;
}
.h5-inwapper  .cul p {
    font-size: 12px;
    line-height: 18px;
    text-align: justify;
    text-align-last: start;
    text-justify: distribute-all-lines;
    color: rgb(0, 0, 0, 0.4);
}
.h5-inwapper  .ggfw-box p {
    color: rgba(255, 255, 255, 0.70);
}
.h5-inwapper  .ggfw-box svg {
    fill: rgba(255, 255, 255, 0.50);
    width: 12px;
    margin-left: 10px;
}
.h5-inwapper  .incommon i {
    font-style: normal;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 4px;
    background: var(--h5mainColor);
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    font-family: airal;
    text-align: center;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.h5-inwapper  .incommon strong {
    color: #222;
    font-weight: 400;
}
.m-t10 {
    margin: 10px 0 0;
}
.m-t10 strong {
    font-size: 12px;
}
.m-t10 p {
    margin: 0;
}
.h5-inwapper  .hdjl{
    width:100%;
    margin:20px 0 0 0;
}


.h5-footer .ft-bottom {
    background: #09111b;
    padding: 20px;
}
.h5-footer .copyright {
    color: var(--greyText);
    font-size: 12px;
    line-height: 20px;
    width:100%;
}
.h5-footer .copyright .left {
    width: 58%;
}
.h5-footer .copyright .right{
    width: 40%;
    margin-bottom: 15px;
}
.h5-footer .copyright .left h5 {
    font-weight: 400;
    font-size: 14px;
}
.h5-footer .copyright .left ul li {
    padding: 5px 0 0 10px;
    position: relative;
}
.h5-footer .copyright .left ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 4px;
    background: var(--greyText);
}
.h5-footer .copyright .right p{
    text-align: right;
    clear: both;
}
.h5-footer .copyright .right .qrbox{
    float: right;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: right;
    margin-top:10px;
    width:100%;
}
.h5-footer .copyright .right .qr{
    flex-flow: column;
    text-align: center;
    line-height: 14px;
}
.h5-footer .copyright .right .qr img{
    width:76%;
    margin-bottom:5px;
    border-radius: 4px;
    background: #fff;
    padding:5px;
}
.h5-footer .copyright >p{
    text-align: center;
    line-height: 22px;
}
.h5-footer .copyright >p::before{
    content: "";
    width: 100%;
    height: 1px;
    background: rgb(255, 255, 255, 0.1);
    margin: 0 auto 10px auto;
    display: block;
}

.h5-wrapper .btns-top,.h5-wrapper .search,.h5-wrapper .bannerSub{
    display: none;
}
.h5-wrapper #top_mp{
    border-bottom: 0;
    display: block;
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    width: 88%;
    padding: 0;
}
.h5-wrapper #top_mp .searchbox{
    width: 100%;
    border-radius: 40px;
    background: #fff;
    height: 36px;
    line-height: 36px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:0 10px 0 20px;
    box-sizing: border-box;
}
.h5-wrapper  #top_mp .searchbox input{
    height: 36px;
    border: none;
    line-height: 36px;
    width:70%;
    outline: none;
    margin:0;
}
.h5-wrapper .searchbox a svg{
    width: 24px;
    fill: rgb(0,0,0,0.7);
}
.h5-wrapper .homeBanner{
    margin: 60px 0 0 0;
}

.h5-wrapper #headermp .layoutHd{
    width: auto;
}

.h5-wrapper .sec-2 .tab_boxA {
    width: 100%;
    padding: 0;
}


.h5-ysz{
    background: url("https://www.catradesp.com/zfjm/public/15be0b29-f399-4d21-b0b5-b671c78e60ab.png") no-repeat center top;
    width:100%;
    background-size: cover;
    padding:25px 0 20px 0;
    box-sizing: border-box;
}
.h5-ysz .bigtitle{
    color:#fff;
    margin:0 0 20px 0;
    font-size: 18px;
    padding: 0;
}
.h5-ysz .online{
    padding:0 20px;
}
.h5-ysz .online .left{
    width:52%;
    height: 185px;
    display: flex;
    flex-flow: column;
    background: linear-gradient(to bottom,#FFDBB8,#fff);
    background-size: 100%;
    padding:10px;
    box-sizing: border-box;
}
.h5-ysz .online .left img{
    width:34%;
    margin:10px auto 0 auto;
}
.h5-ysz .online .left span{
    margin:10px 0 0 0;
}
.h5-ysz .online .right{
    width:43%;
}
.h5-ysz .online .right dl{
    background: #fff;
    border-radius: 10px;
    height: 86px;
    padding:10px;
    box-sizing: border-box;
    width:100%;
    position: relative;
}
.h5-ysz .online .right a:nth-child(1) dl{
    margin-bottom:12px;
    background: linear-gradient(to bottom,#FFCEB8,#fff);
}
.h5-ysz .online .right a:nth-child(2) dl{
    background: linear-gradient(to bottom,#FFEAB8,#fff);
}
.h5-ysz .online .right dt{
    width:80%;
}
.h5-ysz .online .right dd{
    width: 38%;
    position: absolute;
    right: 5px;
    top: -10px;
}
.h5-ysz .online .right dd img{
    width:100%;
}

.h5-ysz .online h5{
    font-size: 14px;
    font-weight: 500;
}
.h5-ysz .online span{
    color:rgb(0,0,0,0.5);
    font-size:12px;
    display: block;
    line-height: 18px;
    padding-top:6px;
}

.yqlj{
    margin-top:24px;
}
.yqlj .logo_list .mask{
    position: absolute;
    z-index: 10;
    width: 180px;
    height: 100%
}
.yqlj .logo_list{
    padding:10px 0 5px 0;
}
.yqlj .logo_list .line{
    height:49px;
    margin-bottom:20px;
    display: flex;
    border: 0;
}
.yqlj .img_box{
    margin-right:20px;
}
.yqlj .img_box img{
    width:120px;
    height:49px;
    border-radius: 10px;
    border: 1px solid var(--gregBg);
    box-sizing: border-box;
}
.yqlj .logo_list .line .row_wrapper{
    display: flex;
    height:49px;
}
/*一码通2025-5-20*/
.flex-wrap{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.col-4{
    width: 25%;
}
.col-2{
    width: 50%;
}
.ymt-right-img{
    padding: 40px 0 40px 240px;
}
.ymt-left-img{
    padding: 20px 40px;
}
.col-4 .cul-1,.col-4 .cul-2,.col-4 .cul-3,.col-4 .cul-4{
    height: 90%;
}
.ymt-min-img{
    position: absolute; right: 80px; bottom: 80px;
}
@media (max-width: 480px) {
    .col-4{
        width: 100%;
    }
    .col-2{
        width: 100%;
    }
    .ymt-wz{
        padding: 30px 30px 0 30px;
    }
    .ymt-right-img{
        padding: 0 20px 40px 180px;
        margin-top: 0px;
    }
    .ymt-left-img{
        padding: 0px 20px 0px 180px;
        margin-bottom: -80px;

    }
    .col-4 .cul-1,.col-4 .cul-2,.col-4 .cul-3,.col-4 .cul-4{
        height: auto;
    }
    .ymt-min-img{
        position: absolute;
        right: 20px;
        bottom: 20px;
        width: 20%;
    }
}
/*奖补公示*/
.jiangbuBanner{
    background: url("https://www.catradesp.com/zfjm/public/0b6e9108-92dc-4f29-b526-92027891f9b1.jpg") no-repeat center top;
    background-size: cover;
    height: 415px;
    display: flex;
    align-items: center;
}
.skewed-rectangle{
    width:1200px;
    margin:0 auto;
    display: flex;
}
.skewed-rectangle a{
    width:600px;
    height: 262px;
    background: url("https://www.catradesp.com/zfjm/public/5dfd04c1-aa17-46a4-a83e-956a32754666.png") no-repeat;
    background-size: cover;
    padding:40px 45px 20px 65px;
    box-sizing: border-box;
}
.skewed-rectangle a.current,.skewed-rectangle a:hover{
    background-image: url("https://www.catradesp.com/zfjm/public/ab31ba33-e384-40dc-83a4-6c65e253c391.png");
    cursor: pointer;
}
.skewed-rectangle a div{
    width:62%;
}
.skewed-rectangle a div h4{
    color:var(--mainColor);
    font-size:18px;
    margin:40px 0 10px 0;
    font-family: "kuaikanshijieti";
}
.skewed-rectangle a div p{
    color:rgb(0,0,0,0.5);
    font-size:12px;
}
.skewed-rectangle a img{
    align-items: center;
    width:180px;
    height: 180px;
}
.skewed-rectangle a.current h4,.skewed-rectangle a:hover h4{
    color:#fff;
}
.skewed-rectangle a.current div p,.skewed-rectangle a:hover div p{
    color:rgb(255,255,255,0.8);
}

.jb-bg{
    background-size: 100%;
    padding:40px 0;
    background: #f8f9fa;
}
.jiangbuBox{
    margin-bottom:20px;
}
.jiangbuBox h1{
    color:var(--mainColor);
    font-size:18px;
    font-family: "kuaikanshijieti";
    padding: 15px 0 0 0;
}
.jiangbuBox .search{
    background: transparent;
    width: 40%;
    margin:0;
    box-sizing: border-box;
}
.jiangbuBox .search input{
    background: #fff;
    height: 54px;
    line-height: 54px;
    border-radius: 6px 0 0 6px;
    border: 1px solid #eef0f4;
    border-right: 0;
    width:76%;
}
.jiangbuBox .search a{
    width:24%;
    height: 54px;
    line-height: 54px;
    border-radius: 0 6px 6px 0;
    font-size:18px;
}
.jiangbuBox .search a svg{
    width:24px;
}

.jb-table .jr-thead div:nth-child(1),.jb-table .jr-tbody div:nth-child(1){
    width:5%;
}
.jb-table .jr-thead div:nth-child(2),.jb-table .jr-tbody div:nth-child(2){
    width:45%;
}
.jb-table .jr-thead div:nth-child(3),.jb-table .jr-tbody div:nth-child(3){
    width:20%;
}
.jb-table .jr-thead div:nth-child(4),.jb-table .jr-tbody div:nth-child(4){
    width:15%;
}
.jb-table .jr-thead div:nth-child(5),.jb-table .jr-tbody div:nth-child(5){
    width:10%;
}


.icon-banli a{
    display:block;
    float:left;
    height:34px;
    line-height:34px;
    border-radius:4px;
    padding:0 20px;
    background:var(--mainColor);
    font-size:14px;
    color:#fff;
}
.icon-xiazai a{
    display:block;
    float:left;
    height:34px;
    line-height:34px;
    border-radius:4px;
    padding:0 20px;
    border:1px solid var(--mainColor);
    color:var(--mainColor);
    font-size:14px;
    margin:0 0 0 20px;
}
.icon-xiazai::before{
    display:none;
}

.cyicons{
    margin-bottom:40px;
    width:100%;
}
.cyicons a{
    width:22%;
    background: linear-gradient(to bottom, #fff8f1,#fff 80%);
    box-shadow: 0 0 20px rgb(0,0,0,0.09);
    padding:20px 15px;
    box-sizing: border-box;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.cyicons a svg{
    width:24%;
}
.cyicons a:nth-child(1) svg{
    fill: var(--mainColor);
}
.cyicons a:nth-child(2) svg{
    fill: var(--secondColor);
}
.cyicons a:nth-child(3) svg{
    fill: #ffbd31;
    width:22%;
}
.cyicons a:nth-child(4) svg{
    fill: var(--mainColor);
}
.cyicons a span{
    font-size:16px;
    padding-top:20px;
    color: #333 !important;
}
.cyicons2{
    justify-content: left;
}
.cyicons2 a{
    margin-right:4%;
}