/*====================================ResrtCss==============================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,legend,button,form,fieldset,input,textarea,p,blockquote,th,td,span,figure {margin:0;padding:0;}
html {font-size:100%;}
body {color:#333;font-size:1em;font-family:'PingFangSC-Regular', 'helvetica neue', tahoma, 'PingFang SC', 'microsoft yahei', arial, 'hiragino sans gb', sans-serif;-webkit-font-smoothing: antialiased;}
q:before,q:after {content:'';}  
fieldset,img,abbr,acronym {border:0 none;}
abbr,acronym {font-variant: normal;}
legend {color:#000;}
em {font-style:normal;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight: normal;font-style: normal;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
table {border-collapse: collapse;border-spacing: 0;}   
caption,th {text-align: left;}
input,img,select {vertical-align:middle;outline:none;}
ol,ul {list-style: none;}  
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
del,ins,a {text-decoration:none;}
a {color:#333;}
a:hover,a:active,a:focus {color:#009fe5;text-decoration:none;cursor: pointer;} 
input[type="submit"],.cursor {cursor:pointer;}
button {cursor: pointer;}
input::-moz-focus-inner {border:0;padding:0;}
.clear {clear:both;}
.siderbg {background:url(../images/siderbg.gif) repeat-y;}
.none {display:none;}
.height10 {height:10px;overflow:hidden;}
.height30 {height:30px;}
.fgray {color:#838383;}
.fred {color:#E61318;}
.fblue {color:#148AF5;}
.fgreen {color:#1AAC33;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.relative {position:relative;}
.nowrap {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.margintop10 {margin-top:10px;}
.margintop20 {margin-top:20px;}
.margintop30 {margin-top:30px;}
.margintop40 {margin-top:40px;}
.margintop50 {margin-top:50px;}
.marginbottom10 {margin-bottom:10px;}
.marginbottom20 {margin-bottom:20px;}
.marginbottom30 {margin-bottom:30px;}
.marginbottom40 {margin-bottom:40px;}
.marginbottom50 {margin-bottom:50px;}
.paddingtop10 {padding-top:10px;}
.paddingtop20 {padding-top:20px;}
.paddingtop30 {padding-top:30px;}
.paddingtop40 {padding-top:40px;}
.paddingtop50 {padding-top:50px;}
.paddingbottom10 {padding-bottom:10px;}
.paddingbottom20 {padding-bottom:20px;}
.paddingbottom30 {padding-bottom:30px;}
.paddingbottom40 {padding-bottom:40px;}
.paddingbottom50 {padding-bottom:50px;}

.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1;}
.empty {font-size:0;height:0;text-indent:-9999px;overflow:hidden;}
a.linkmore {display:block;width:94px;height:39px;margin:20px auto;background:url(../images/pic_more.png) center top no-repeat;text-indent:-9999px;overflow:hidden;}
a.linkmore:hover {background-position:center bottom;}
.bgwhite {background-color:#FFF;}
.bggrey {background-color:#f6f6f6;}
.pub_h5 {font-size:24px;font-weight:700;text-align:center;}
.layui-badge {height:22px;line-height:21px;}


.morebtn-box{display: inline-block;background: #0a2349;color: #fff;padding: 0 28px;border-radius: 6px; position: relative; margin:30px auto;}
.morebtn-box:hover {color:#fff;}
.morebtn-box:after{position: absolute; content: ''; width: 6px; height: 4px; background: #fff;top: 50%; margin-top: -2px;right: 0; transition: 0.3s;}
.morebtn-box:hover:after{width: 0;}
.morebtn-box span{display: block;line-height: 50px;position: relative; padding-left: 44px;font-size: 15px;}
.morebtn-box span:before{position: absolute; left: 0; top: 50%; width: 18px; height: 10px; margin-top: -5px; content: '';background: url(../images/more.png) no-repeat right center;transition: 0.3s;}
.morebtn-box:hover span:before{ width: 30px;}

/*header*/
.head-top {text-align: right;color: #999;font-size: 12px;padding:10px 0 0;}
.head-top a {color:#B91E22;}
.head-top .block1 {position: relative;color: #b1b1b1;font-size: 12px;margin-right: 10px;padding-left: 10px;}
.head-top .lang {float: right;color: #b1b1b1;font-size: 12px;}
.head-top .lang a {font-size: 12px;margin: 0 5px;}

#header {box-shadow: 0 5px 5px -5px rgba(0,0,0,.1);}
#header,.head-top {width:100%;background-color:#FFF;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between;}
#header h1 {width:200px;height:90px;float:left;margin:-10px 0 0 20px;}
#header h1 a {display:block;width:100%;height:100%;font-size:0;text-indent:-9000px;background:url(../images/logo.png?v=3) left center no-repeat;background-size:contain;}
#header .menubox {width:100%;background-color:#FFF;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between;}
#header .top-login {white-space:nowrap;text-align:center;margin-right:10px;font-size:14px;color:#eee;}
#header .top-login .loginbox,#header .top-login .welcomebox {display:flex;gap:10px;}
#header .top-login a {color:#009fe5;}
#header .top-login .welcomebox,#header .top-login a.out {color:#333;}

body.index #header .menubox ul li.index a,
body.lists #header .menubox ul li.lists a,
body.industryIntroduction #header .menubox ul li.industryIntroduction a,
body.books #header .menubox ul li.books a,
body.finance #header .menubox ul li.finance a,
body.cooperate #header .menubox ul li.cooperate a,
body.memberguide #header .menubox ul li.memberguide a,
body.contact #header .menubox ul li.memberguide a,
body.aboutus #header .menubox ul li.aboutus a
{color:#009fe5;}

#header .menubox ul {margin:0 auto;display:flex;gap:50px;}
#header .menubox ul li {height:40px;line-height:40px;text-align:center;position:relative;}
#header .menubox ul li a {display:block;color:#333;font-size:16px;font-weight:700;}
#header .menubox ul li a:hover {color:#009fe5;}
/*#header .menubox ul li .secmenu .arrowtop {display:block;width:0;height:0;border-right:5px solid transparent;border-left:5px solid transparent;border-bottom:5px solid #009fe5;margin:0 auto;}*/
#header .menubox ul li .secmenu {position:absolute;width:150px;height:0;text-align:left;opacity:0;top:0;padding:5px 0;background-color:#fff;left:-70%;border-radius:10px;box-shadow: 0 5px 20px -5px rgba(0,0,0,.1);transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;pointer-events: none;}
#header .menubox ul li .secmenu a {display:none;font-size:16px;font-weight:normal;color:#555 !important;text-align:center;}
#header .menubox ul li .secmenu a:hover {color:#009fe5 !important;background-color:#F4F8F9;}
#header .menubox ul li .secmenu p.line {width:0;height:2px;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;height: 3px;overflow: hidden;bottom:0;left:-50%;opacity:0;background-color:#009fe5;margin:5px auto;}
#header .menubox ul li.firstmenu:hover > .secmenu {position:absolute;opacity:1;top:40px;width:150px;height:180px;line-height:40px;z-index:100;pointer-events:auto;}
#header .menubox ul li.firstmenu:hover > .secmenu a {display:block;}
#header .menubox ul li.firstmenu:hover > .secmenu p.line {opacity:1;width:60px;}
/*#header .menubox.bgshow .bg_hover { display:block !important; width: 100%; height:300px; background:rgba(255,255,255,1); z-index: 1; position: absolute; top: 60px; left: 0px; -webkit-animation:a_bg_hover_show 0.2s ease-out both; -webkit-transform-origin:50% 0%;}
#header .menubox.bghide .bg_hover {-webkit-animation:a_bg_hover_hide 0.15s ease-out both; -webkit-transform-origin:50% 0%;}*/
#header .menubox ul li a:hover em {transform: translateX(0) translateY(3px);opacity:1;}
#header .menubox ul li a em {position:absolute;height:5px;width:5px;background-color:#005cb9;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;border-radius:50%;overflow:hidden;bottom:0.22rem;left:50%;opacity:0;}

@keyframes a_bg_hover_show {
	0%{ -webkit-transform:scale(1,0.5); opacity: 0;}
	100%{  -webkit-transform:scale(1,1); opacity:.95;}
}


@keyframes a_bg_hover_hide {
	0%{ -webkit-transform:scale(1,1); opacity: 1;}
	100%{  -webkit-transform:scale(1,0.5); opacity: 0;}
}


#header .menubox .top-search {width:250px;float:right;margin-top:-25px;}
.navWap-block .top-search {width:90%;margin:20px auto 0;}
.searchbox {width:100%;} 
.searchbox input {width:66%;height:30px;line-height:28px;float:left;border:1px solid #ccc;border-top-left-radius:30px;border-bottom-left-radius:30px;padding-left:4%;font-size:14px;}
.searchbox button {float:left;width:29%;height:32px;line-height:28px;border:none;background-color:#bd2b2f;border-top-right-radius:30px;border-bottom-right-radius:30px;color:#fff;margin-left:-1px;} 

.secbanner {width:100%;height:350px;margin-top: 10px;overflow:hidden;color: #FFF;}
body.about .secbanner {background:url(../images/secbanner/banner_about.jpg) center center no-repeat;background-size:cover;}
body.branch .secbanner {background:url(../images/secbanner/banner_about.jpg) center center no-repeat;background-size:cover;}
body.news .secbanner {background:url(../images/secbanner/banner_news.jpg) center center no-repeat;background-size:cover;}
body.books .secbanner {background:url(../images/secbanner/banner_book.jpg) center center no-repeat;background-size:cover;}
body.contact .secbanner {background:url(../images/secbanner/banner_contact.jpg) center center no-repeat;background-size:cover;}
body.members .secbanner{background:url(../images/secbanner/banner_members.jpg) center center no-repeat;background-size:cover;}
body.login .secbanner {background:url(../images/secbanner/banner_reg.jpg) center center no-repeat;background-size:cover;}

.secbanner h4,.secbanner p{font-size: 30px;padding: 100px 0 0 120px;font-family:Geneva, sans-serif;font-style:italic}
.secbanner p {padding:5px 0 0 120px;font-size:13px;}
.titlebtborder {width:50px;height:2px;overflow:hidden;font-size:0;background-color:#0061a5;}

.pubwidth {width:1180px;margin:0 auto;}
.fenye .inbox {float:right;}
.nodatabox {text-align:center;padding:20px;color:#555;}
.fenye {height: 40px;padding: 20px 0px;}
.fenye ul.pagination {position:relative; left:50%; float:left;}
.fenye li {position:relative; left:-50%;display:inline-block;text-decoration:none;color:#808080;}
.fenye li.active,.fenye .pager li.disabled {padding:3px 7px;margin:0 5px;}
.fenye li a {display:block;padding:6px 16px;border: 1px #cccccc solid;background: #fff;margin:0 5px;font-size:16px;font-weight:700;}
.fenye li a:hover {color:#fff;background:#ff9313;border:1px #ff9313 solid;}

.pubtitle {font-size:22px;color:#333;}
.pubtitle span {font-size:12px;margin-left:10px;color:#858585;text-transform: uppercase;}
.layui-btn-m-radius {border-radius:6px;}
.layui-btn-red {background-color:#BD2B2E;}
.layui-btn-red:active {opacity:.95;}



.m-cont{background:url(../images/img9.jpg) center center no-repeat;-webkit-background-size:cover;background-size:cover;padding:53px 0 58px}
.m-cont .tit{font-size:30px;color:#fff;line-height:40px;font-weight:400;margin-bottom:40px}
.m-btn1{display:block;width:204px;height:49px;font-size:16px;color:#fff;line-height:49px;padding:0 50px 0 36px}
.m-btn1:hover{color:#fff;opacity:.9;filter:alpha(opacity=90)}
.footer{background:#2d2d2d}
.footer .con-top{overflow:hidden;padding:47px 0 104px}
.footer .con-bot{overflow:hidden;padding:31px 0 32px;border-top:1px solid #555}
.f-nav{float:left;padding-top:3px}
.f-nav dl{float:left;width:132px}
.f-nav dt{font-size:16px;color:#fff;line-height:24px;font-weight:400;margin-bottom:23px}
.f-nav dt a{color:inherit}
.f-nav .v2{display:block;font-size:16px;color:#9c9c9c;line-height:26px}
.f-nav .v2:hover,.f-nav dt a:hover{color:#0288d7}
.f-ma{float:right;width:126px;font-size:14px;color:#8b8b8b;line-height:24px;text-align:center}
.f-ma img{display:block;width:100%;height:auto;margin-bottom:10px}
.f-logo{float:left;height:26px}
.f-logo img{display:block;height:100%}
.f-copy{float:right;font-size:14px;color:#868686;line-height:26px}
#background_video{position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);object-fit:cover;height:100%;width:100%;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
#video_cover{position:absolute;left:0;top:0;z-index:-3;width:100%;height:100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center center;background-repeat:no-repeat}


/*login*/
body.regpage,body.loginpage {background:url(../images/login_bg.jpg) no-repeat;background-size:cover;}
.loginheader {background-color:#FFF;padding:10px 20px 10px 10px;box-shadow: 0 5px 5px -5px rgba(0,0,0,.1);}
.loginheader a img {width:160px;}
.registerbox {width:800px;margin:0 auto;padding:30px 0 50px;border-radius:10px;}
.registerinner {width:600px;margin:0 auto;}
.registerbox h4,.loginboxpart h4 {text-indent:20px;font-size:24px;border-bottom:1px solid #f6f6f6;margin-bottom:30px;padding-bottom:30px;}
.registerinner .layui-form-item,.logininner .layui-form-item {margin-bottom:30px;}
.registerinner .layui-input,.registerinner .layui-btn,.logininner .layui-input,.logininner .layui-btn {height:48px;line-height:48px;}
.registerinner .layui-form-label,.logininner .layui-form-label {padding:12px 15px;}
.registerinner .regbtnbox {margin-left:110px;}
.registerinner .regbtn,.logininner .regbtn {width:100%;}
.registerinner .regbtnbox p,.logininner .regbtnbox p {margin-top:15px;}
.registerinner .regbtnbox p a,.logininner .regbtnbox p a {color:#009fe5;}
.retfooter {position:absolute;width:100%;bottom:10px;text-align:center;color:#FFF;}
.regpage .retfooter {position:inherit;padding:10px 0;}


.loginbox .contentflex {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between;}
.loginboxpart {width:500px;border-radius:10px;padding:20px 30px 30px;margin-right:50px;}
.loginbox .regbtnbox {margin-left:110px;}
.loginbox .loginboxpart .layui-tab-title {margin-bottom:20px;}
.loginbox .loginboxpart .layui-tab-title li {font-size:18px !important;}
.loginbox .nouser {margin-top:30px;}
.loginbox .nouser a {color:#3089FF;}
.loginbox .layui-form-item {margin-bottom:30px;}


/*phone*/
.navWap-trigger {
    color: #fff;
    color: #fff;
    float: right;
    margin: 8px 0 0;
	display:none;
}
.navWap-trigger .btn {
    padding: 0px;
    background: transparent;
    border: none;
    /* padding: 10px; */
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
    z-index: 99999;
}
.navWap-trigger .icon-bar {
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    z-index: 999999;
}
.navWap-trigger .icon-bar {
    display: block;
    margin: 6px 0;
    width: 30px;
    height: 3px;
    background-color: #666;
}
.navWap-trigger .animated .top {
    -webkit-transform: translateY(10px) rotateZ(45deg);
    -moz-transform: translateY(10px) rotateZ(45deg);
    -ms-transform: translateY(10px) rotateZ(45deg);
    -o-transform: translateY(10px) rotateZ(45deg);
    transform: translateY(7px) rotateZ(45deg);
}
.navWap-trigger .animated .bottom {
    -webkit-transform: translateY(-11px) rotateZ(-45deg);
    -moz-transform: translateY(-11px) rotateZ(-45deg);
    -ms-transform: translateY(-11px) rotateZ(-45deg);
    -o-transform: translateY(-11px) rotateZ(-45deg);
    transform: translateY(-11px) rotateZ(-45deg);
}
.navWap-trigger .animated .middle {
    width: 0;
}

.wrap-lang {height:40px;border-bottom:1px solid #eee;}
.wrap-lang a{
	display:inline-block;
	width:44%;
	text-align:center;
	line-height:40px;
	color:#333;
}
.navWap-block {
    position: fixed;
    z-index: 20;
    height: 100%;
    top: 76px;
    left: 0;
    overflow: auto;
    width: 100%;
    margin: 0 auto;
}
.navWap-block .box {
    height: 100%;
    overflow-y: auto;
    background: #fff;
    width: 55%;
    position: relative;
    z-index: 2;
}
.navWap-block ul li {
    line-height: 46px;
    border-bottom: 1px solid #eee;
}
.navWap-block ul li:first-child {
    border-top: none;
}
.navWap-block .show li a {
    opacity: 1;
    transform: translateX(0);
}
.navWap-block ul li a {
    display: block;
    font-size: 16px;
	font-weight:600;
    color: #555;
    transition: all 0.4s ease 0s;
    transition-delay: 160ms;
    color: #666;
    padding-left: 25px;
    padding-right: 20px;
}
.navWap-block ul li h3 a {
    display:block;
}
.navWap-block ul li h3 em {
    float: right;
    color: #999;
    font-size: ;
    font-size: 14px;
    display: block;
    margin-right: 20px;
    transform: rotate(0deg);
}
.navWap-block ul li .sub a {
    display: block;
    color: #888;
    font-size: 16px;
    padding-left: 40px;
    border-bottom: 1px #ddd dotted;
    box-shadow: 0px 0 0 #ff680b inset;
	font-weight:normal;
}
.navWap-block ul li .sub{ background:#f9f9f9;display:none;}
.navWap-block ul li.block .sub {display:block;}

.navWap-block ul li.active h3 a,.navWap-block ul li.active em {color:#0b86c9}
.navWap-block ul li.active em {transform: rotate(90deg);}
.navWap-block .box {left:0;}
.navWap-block .wrapshow {left:-180px;}