* { padding: 0px; margin: 0px; font-family: PingFang SC, Microsoft Yahei, Arial, Hiragino Sans; }
*, ::after, ::before {  }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, button, input, textarea, th, td { margin: 0; padding: 0; list-style: none; }
html { color: #fff; background-color: #fff; font-size: 62.5%; }
h3, h4, h5, h6, a, span, p { color: #fff; font-family: PingFang SC, Microsoft Yahei, Arial, Hiragino Sans; text-align: start; font-weight: normal; display: block; }
img { width: 100%; display: block; }
li { list-style: none; }
a { text-decoration: none; display: block; }
body, html { height: 100%; width: 100%; font-size: 10px; }
.imgbox { overflow: hidden; position: relative; }
.imgbox img { transition: 0.3s; }
:root { --dex: #f6a20f; }
.clearfix { zoom: 1; }
.clearfix:after { content: " "; display: block; clear: both; }
.fl { float: left; }	
.fr { float: right; }
input { -webkit-appearance: none; }
:root { --dex: #f29911; }
 
/* pc */
.pc-1200px { display: none; }
@media only screen and (max-width:1260px) {
	.pc-1200px { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #333; z-index: 100000000000000000; display: block; }
	.pc-1200px p { position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; top: 50%; left: 0; }
	.pc-1200px p img { display: block; margin: 0 auto 2em; height: 50px; }
	.pc-1200px p strong { display: block; color: #fff; text-align: center; font-size: 2em; letter-spacing: 1px; line-height: 1em; margin-bottom: 2em; }
	.pc-1200px p span { display: block; text-align: center; color: #eee; letter-spacing: 1px; font-size: 16px; }
}

/* h5 */
.drawer-nav { display: none; }
.drawer-hamburger { display: none; }
.icenter { width: 1500px; margin: auto; position: relative; }
.icenter2 {width: 1100px; margin: auto; position: relative;}

.ding {position: absolute;width: 100px;height: 1px; top: -18rem;content: "";}

header {display: none;}


 
.pagelaw{margin: 150px auto;}
.pagelaw h3{display: block;color: #333;font-size: 30px;text-align: center;line-height: 1em;border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-bottom: 50px;}
.pagelaw dd{display: block;color: #333;font-size: 16px;line-height: 30px;    border-bottom: 1px solid #ddd; margin-bottom: 100px;}
.pagelaw dd p{ color: #333;font-size: 16px;line-height: 36px;    text-indent: 2em;}







/* fu */
.fu {  cursor:pointer; z-index:999; display:none; align-items:center; justify-content:center; position:fixed;left:2%; bottom:50px;width:100px;height:100px; }
.fu img { width: 26px;z-index: 10;vertical-align: middle;position: Absolute;left: 50%;top: 50%;margin: -13px;  }
.fu::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(/style/img/img_text_side.png) no-repeat;background-size: 100%;animation: rotate 10s linear infinite;}
@keyframes rotate {0% {transform: rotate(0deg)}100% {transform: rotate(360deg)}}
.fu::after {content: '';width: 70px;height: 70px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);border-radius: 50%;background:#f29911;z-index: 9;}
.fu_box  {  width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 9999; background-color: rgba(0,0,0,0.9); display: none;justify-content: center;align-items: center;}
.fu_box .content {background-color: #fff; display: flex; justify-content: space-between; align-items: center; padding:40px 60px; box-sizing: border-box; position: relative; border-radius: 10px; width: 900px; height: 46%; }
.fu_box .content .close { cursor: pointer;   transition: 0.3s; position: absolute; right: -64px; top: -58px;}
.fu_box .content .close  img {width: 56px;}
.fu_box .content .close:hover {transform: rotate(135deg);}
.fu_box .content  .left {width: 76%;}
.fu_box .content  .left img {width: 160px;margin-bottom:50px;}
.fu_box .content  .left dd{ display: block;float: left;width: 50%;overflow: hidden;}
.fu_box .content  .left dd h3,.fu_box .content  .left dd h3 a {font-size:22px;color: #333;margin-bottom: 10px;}
.fu_box .content  .right {width: 18%;display: flex;justify-content: space-around;}
.fu_box .content  .right .box {width: 100%;position: relative; border: 1px solid #ddd;}
.fu_box .content  .right .box img {width: 100%;   }
.fu_box .content  .right .box span { font-size: 20px; color: #666; margin-top: 5px; text-align: center; width: 100%; display:none;}
.fu_box .content  .right .box:hover .meng{display: none;}
.fu_box .content  .right .box .meng{ font-size: 16px;color:#666;position: absolute;left:0px;top:0px; width:100%;height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; background: rgba(255,255,255,.9); box-sizing: border-box;}
.fu_box .content  .right .box .meng img {  display: block; margin-bottom: 8px; width: 36px; border: none;}
 


/* more */
.more:hover { border-color: var(--dex); background-color: transparent; }
.more { border-radius: 50px; background-color: var(--dex); border: 1px solid var(--dex); overflow: hidden; -webkit-transition: border-color 0.3s, background-color 0.3s; transition: border-color 0.3s, background-color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); position: relative; z-index: 1; width: 151px; height: 42px; display: flex; align-items: center; justify-content: center; }
.more > span { vertical-align: middle; font-size: 14px; color: #fff; }
.more:hover > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }
.more::after, .more > span { -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.more:hover::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.more::after { color: var(--dex); font-size: 14px; content: attr(data-text); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); }



/* head */
.div1 { position: fixed; top: 0px; width: 100%; z-index: 9999999; transition: 0.3s; background-color: #fff;    box-shadow: 0 10px 10px 0 rgb(0 0 0 / 10%); }
.head { box-sizing: border-box; height: 90px; margin: auto; display: flex; justify-content: space-between; align-items: center; }
.head .right { display: flex; align-items: center; width:70%; justify-content: space-between; }
.head .logo { display: flex; align-items: flex-end; }
.head .logo img { width: 143px; }
.head .logo .img1 { display: block; }

/* .head .logo .img2 {display: none;} */
.head .logo .gu { margin-left: 4px; margin-bottom: -3px; }
.head .logo .gu span, .head .logo .gu font { font-size: 14px; color: var(--dex); line-height: 1.3; }
.head ul { display: flex; }
.head li { margin: 0 24px; }
.head li .a { line-height: 90px; height: 90px; font-size: 18px; color: #333; }
.head .op { display: flex; align-items: center;    position: relative; }
.head .op .search { font-size: 20px; color: #666; margin-right: 12px;position: relative; }
.head .op .lang { line-height: 3px; display: flex; align-items: center; font-size: 15px; color: #333; padding-left: 10px; margin-left: 6px; border-left: 0 solid rgba(0, 0, 0, 0.3); }
.head .op .lang img { width: 23px; margin-right: 8px; filter: invert(1); }
.div1:hover, .div2 { background-color: #fff; -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); }
.div1:hover .head .logo .img1, .div2 .head .logo .img1 { display: block; }

/* .div1:hover .head .logo .img2 ,.div2 .head .logo .img2{display: none;} */
.div1:hover .head li .a, .div2 .head li .a, .div1:hover .head .op .search, .div2 .head .op .search, .div1:hover .head .op .lang .a, .div2 .head .op .lang .a, .div1:hover .head .op .lang, .div2 .head .op .lang { color: #333; }
.div1 .head li .a:hover, .div1 .head .op .lang a:hover, .div1 .head .op .search:hover { color: var(--dex); }
.div1 .head .op .lang:hover { color: var(--dex); }

.div1 .head .right ul li .sub .icenter2 .le img {height: 16.3rem;object-fit: cover;}


.head .right ul li .sub {display: none;}
.head .right ul li.active .sub {display: block; background-color: #fff; padding: 80px 0; position: fixed;left: 0px;top: 85px;width: 100%;   
	    -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1);
    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1);transition: 0.3s;}
.head .right ul li.active .sub::before { content: ""; position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background-color: #fff;box-shadow: inset 0 5px 5px rgba(0,0,0,0.1);webkit-box-shadow: inset 0 5px 5px rgba(0,0,0,0.1);}
.div2 .head .right ul li .sub {top: 90px;}
.head .right ul li .sub .icenter2 {display: flex;justify-content: space-between;position: relative;}
.head .right ul li .sub .icenter2  .le {width: 27%;}
.head .right ul li .sub .icenter2 .le a {    color: var(--dex); font-size: 20px; margin-bottom: 18px; text-decoration: inherit;}
.head .right ul li .sub .icenter2  .ri {    width: 56%;}
.head .right ul li .sub .close {      position: absolute; right: 0px; width: 40px; height: 40px; filter: grayscale(100) brightness(0.4); top: 0px; cursor: pointer; display: flex; justify-content: center; align-items: center;}
.head .right ul li .sub .close img {width: 20px;transition:0.3s;}
.head .right ul li .sub .close:hover img { transform: rotate(135deg); }
.head .right ul li .sub .icenter2 .ri a {font-size: 18px; color: #333; display: flex; align-items: center; justify-content: space-between; width: 358px; line-height: 46px;}
.head .right ul li .sub .icenter2 .ri a span {color:#333;}
.head .right ul li .sub .icenter2 .ri a:hover span ,.head .right ul li .sub .icenter2 .ri a:hover i {color:var(--dex2);}
.div1:hover .head li.active .a, .div2 .head li .a.active {color:var(--dex);}
.div1 .head .right ul li .sub .icenter2 .ri a:hover {color:var(--dex)} 




 

.head .right ul li .pronav{   }
.head .right ul li .pronav .icenter{ }
.head .right ul li .pronav .pl{position: relative;z-index: 3;    overflow: hidden; margin-bottom: 50px;}
.head .right ul li .pronav .pl font{display: block;color: #666;font-size: 16px; margin-bottom: 30px;}
.head .right ul li .pronav .pl dd{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: top;-webkit-align-items: top; }
.head .right ul li .pronav .pl dd a{ display: block; overflow: hidden;position: relative;  width:16%;border-bottom: 1px solid #ddd;padding-bottom: 10px; }
.head .right ul li .pronav .pl dd a:hover{border-bottom: 1px solid #fff; }
.head .right ul li .pronav .pl dd a img{ display: block;width: auto;float: left;height: 30px;}
.head .right ul li .pronav .pl dd a span{display: block;float: left;font-size: 16px;color: #333;margin-left: 20px;padding-top: 4px;}
.head .right ul li .pronav .pl dd a:hover span{ color:#f29911; }
.head .right ul li .pronav .pl dd a:after{ transition: all .3s; content: "";position: absolute;width: 0;height: 1px;background: #f29911;bottom: 0;left: 0;}
.head .right ul li .pronav .pl dd a:hover:after{ width:100%;}
.head .right ul li .pronav .pr{margin-bottom:0; } 
.head .right ul li .pronav .pr dd{ display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: top;-webkit-align-items: top; }
.head .right ul li .pronav .pr dd .la{ display: block;overflow: hidden;margin-right: 0;width:16%; }
.head .right ul li .pronav .pr dd .la p{ display: block; overflow: hidden; border-bottom: 1px solid #ddd;padding-bottom: 10px; }
.head .right ul li .pronav .pr dd .la p img{ display: block;width: auto;float: left;height: 30px;}
.head .right ul li .pronav .pr dd .la p span{display: block;float: left;font-size: 16px;color: #333;margin-left: 20px;padding-top: 4px;width: calc(110% - 100px);}
.head .right ul li .pronav .pr dd .la h6{ display: block; overflow: hidden;margin-top: 20px;}
.head .right ul li .pronav .pr dd .la a{ display: block;color: #333;font-size: 14px;padding-bottom: 10px;margin-bottom: 10px; width:100%; border-bottom: 0 solid #ddd;}
.head .right ul li .pronav .pr dd .la a:hover,.head .right ul li .pronav .pr dd .la:hover p span{color:#f29911;}

.head .right ul li .pronav .pr dd .la .esd{margin-bottom: 20px;}
.head .right ul li .pronav .pr dd .la .esd .ia{ display: block;color: #333;font-size: 14px;padding-bottom: 6px;margin-bottom: 6px;width: 100%;border-bottom: 0 solid #ddd;font-style: inherit;}
.head .right ul li .pronav .pr dd .la .esd .ib{ display: block;overflow: hidden;padding: 0 20px;}
.head .right ul li .pronav .pr dd .la .esd .ib a{ font-style: initial;font-size: 12px;margin-bottom: 6px;padding-bottom: 1px;}


.head .right ul li .sub .icenter2 .applicatonsnav{ width: 66%;display: block;overflow: hidden; display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.head .right ul li .sub .icenter2 .applicatonsnav .apb{ display: block;float: left;width: 31%;margin-right: 2%; margin-bottom: 30px; overflow: hidden;}
.head .right ul li .sub .icenter2 .applicatonsnav .apb font{display: block;color: #666;font-size: 14px;line-height: 1em;margin-bottom: 10px; border-bottom:1px solid #ddd; padding-bottom:10px; }
.head .right ul li .sub .icenter2 .applicatonsnav .apb p{ display: block; overflow: hidden;}
.head .right ul li .sub .icenter2 .applicatonsnav .apb p a{ font-size: 14px; line-height: 18px; margin-bottom: 10px; display: block; white-space: pre-wrap; width: 100%;}
 



 
.searchtag{position: fixed; display: none; top: 90px;left: 0;width: 100%;background: #fff;border-top: 1px solid #eee;padding: 50px 0;box-shadow: 0 10px 10px 0 rgb(0 0 0 / 10%);}
.searchtag .pyjy{ padding:0;  text-align: center;   display: block;  position: relative;    margin-bottom: 20px;}
.searchtag .pyjy a{ font-size: 20px; color: #333;  line-height:24px; display: inline-block;    margin: 0 10px; }
.searchtag .pyjy .active,.searchtag .pyjy a:hover,.searchtag .pyjyinput .pkn .btnsubmit:hover{   color: #f29911;  }
.searchtag .pyjyinput{    width: 50%; display: block;margin: 0 auto;}
.searchtag .pyjyinput .pkn{display: block; overflow: hidden; width: 100%; position: relative;  }
.searchtag .pyjyinput .pkn .in{ outline: none;color: #f29911;text-indent: 2em;  display: block; border: 0; background-color: rgb(243, 246, 248);  height: 50px;width: 100%;border-radius: 2em; font-size: 16px;padding-right: 100px;}
.searchtag .pyjyinput .pkn .btnsubmit{ border: 0; position: absolute; width:60px; height: 50px; top: 0; right: 0;color: #999;cursor:pointer;   background: none;font-size: 20px;    } 
 
input::-ms-clear {display: none;}
input::-ms-reveal {display: none;}
input[type=search]::-webkit-search-cancel-button {-webkit-appearance: none;}
input[type=search]::-ms-clear {display: none;}

.searchtag .close{display: block;width: auto;height: 24px;position: absolute;top: 30px; right:25%; cursor:pointer;z-index: 9;}
 
 


 
.searchlisttitile{ display: block;overflow: hidden;margin: 50px auto;}
.searchlisttitile h3{ display: block;text-align: center;font-size: 30px;color: #666;}
.searchlisttitile p{ display: block;text-align: center;overflow: hidden;margin: 10px 0 0 0;color: #999;font-size: 14px;}
.searchlisttitile span{color: #f29911;display: inline-block;}
.stform{}
.stform form{ display: block;overflow: hidden;position: relative;width:50%;left: 0px;padding: 20px 0;margin: 0 auto;}
.stform form .in{display: block;width: calc(100% - 2px);border:1px solid #ddd;background-color:#fff; height: 50px;text-indent: 20px;font-size: 16px;color: #f29911;    border-radius: 2em;}
.stform form .btnsubmit{ position: absolute;top: 20px;right: 0;width: 80px;height: 50px;border: 0;background-color: #eee;font-size: 20px;color: #f29911;cursor: pointer;    border-radius: 0 2em 2em 0;}
.stform form .in:focus{ outline:none; }

.jccxlist{ margin: 50px auto 200px; border-bottom: 1px solid #eee; overflow: hidden; }
.jccxlist li{display: block;overflow: hidden;border: 0 solid #ddd;border-top: 0;border-bottom: 0;padding: 0;}
.jccxlist li font, .jccxlist li span{ display: block;float: left;width: 20%;background: #009d6c;color: #fff;padding: 10px 0;text-indent: 20px;font-size: 12px;text-align: left;}
.jccxlist li span{ background: none; color: #333;}
.jccxlist li span a{ color: #333;text-align: left;display: inline-block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.jccxlist li:nth-child(2n) {background: #f7f8fa;}

.nodata{ display: block;text-align: center;font-size: 20px;color: #f29911;margin: 100px 0 200px;text-transform: uppercase;}


.pageall{ display: block;overflow: auto;position: relative;width: calc(100% - 100px); margin: 0 auto 100px;    padding-bottom: 50px; }
.pageall .pstt{ display: block;overflow: hidden;font-size: 20px;color: #666;margin-bottom: 20px;}
.pageall .searchpro{ display: block;overflow: hidden;width: 100%;border-bottom: 1px solid #eee;}
.pageall .searchpro .tabaa{ background: #009d6c;padding: 0;display: block;overflow: hidden;    display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.pageall .searchpro tr th{display: block; float: left;text-align: left;color: #fff;font-size: 12px;font-weight: normal;position: relative;padding:10px 10px;line-height: 16px;    border-right: 1px solid #fff;}
.pageall .searchpro tr th span{display: inline-block;color: #fff;zoom: 0.76;}
.pageall .searchpro .tabb{padding: 0;display: block;overflow: initial;    display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.pageall .searchpro .tabb td{display: block; float: left;text-align: left;color: #333;font-size: 12px;font-weight: normal;position: relative;padding:10px 10px;line-height: 16px;    border-right: 1px solid #eee;}
.pageall .searchpro .tabb .aat{    font-size: 12px; position: relative;}
.pageall .searchpro .tabb .fa{cursor: pointer;position: absolute;right: 10px;font-size: 12px;top: 50%;color: #333;margin-top: -16px;width: 100%;text-align: right;height: 30px;line-height: 30px;right: 0;padding-right: 8px;}
.pageall .searchpro .tabb .my-6{    display: none;position: absolute;background: #fff;width: 150px;z-index: 99999;padding: 10px;box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);left: 50%;margin-left: 15px;    bottom: -10px;}
.pageall .searchpro .tabb .my-6 a{    display: block;width: 100%;margin: 5px 0;overflow: hidden;}
.pageall .searchpro .tabb .my-6 a img{    display: block;height: 15px;float: left;}
.pageall .searchpro .tabb .my-6 a:after {content: "DataSheet";display: block;float: left;line-height: 20px;margin: 0 0 0 5px;font-size: 12px;color: #333;}
.pageall .searchpro .tabb td .aat:hover,.pageall .searchpro .tabb .fa:hover,.pageall .searchpro .tabb .my-6 a:hover:after{color: #009d6c;}
.pageall .searchpro .tabb:nth-child(2n){    background: #f7f8fa;}
.pageall .searchpro .tabb .fa:hover .my-6{ display: block;}
.pageall .searchpro .tabb:last-child .my-6{ bottom: 0;} 
.pageall .searchpro thead,.pageall .searchpro tbody{display: block;overflow: hidden;border-left: 1px solid #eee;text-align: left;}
.pageall .searchpro .tabb:hover{background: #e9f0f4;}

 



/* ibanner */
.ibanner { position: relative; height: calc(100vh - 90px);     margin-top: 90px;}
.ibanner .text { font-weight: bold; font-size: 80px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 9999; display: flex; align-items: center; }

/* .ibanner .text  strong {width: 80px;opacity: 0;} */
.ibanner .text strong { width: auto; }
.ibanner .text strong.core { color: var(--dex); }

/* .ibanner .text  strong.core {color: var(--dex);animation:fa01 0.5s 0.5s linear forwards; } */

/* .ibanner .text  strong.core1>div {position: absolute;left: 0px; top: 0px; animation:fa02_core1 1s 2s ease forwards;}
.ibanner .text  strong.core2>div {position: absolute;right: 0px;top: 0px; animation:fa02_core2 1s 2s ease forwards;} */

/* .ibanner .text  strong.not {color: #fff; animation:fa03 0.5s 2.6s linear forwards;} */
.ibanner .text strong.not { color: #fff; }
.ibanner .text .blank { width: 40px; }
.ibanner .text .occupy { opacity: 0; }
@keyframes fa01 {
	100% { opacity: 1; }
}
@keyframes fa02_core1 {
	100% { left: 240px; }
}
@keyframes fa02_core2 {
	100% { right: 240px; }
}
@keyframes fa03 {
	100% { opacity: 1; }
}
.ibanner video,.ibanner .pcimg { width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 3; }
.ibanner .pcimg{    position: absolute;z-index: 9;top: 0;left: 0;z-index: 1;}

@keyframes mysacle {
	0% { transform: scale(1.15); }
}
.ibanner::after { content: ""; display: inline-block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); position: absolute; left: 0; bottom: 0px;     z-index: 4;}
.ibanner .b-more { position: absolute; margin: auto; z-index: 9; color: #FFFFFF; font-size: 14px; bottom: 149px; text-align: center; left: 50%; transform: translateX(-50%); }
.ibanner .b-more:after { content: ""; display: block; width: 1px; height: 60px; background-color: #ffffff; margin: auto; top: 50px; animation: updown 1.5s ease-out infinite; -webkit-animation: updown 1.5s ease-out infinite; position: absolute; left: 50%; transform: translateX(-50%); }
@keyframes updown {
	0% { bottom: -50px; opacity: 1; }
	50% { bottom: -80px; opacity: 0; }
	100% { bottom: 0px; opacity: 0; }
}
@-webkit-keyframes updown {
	0% { bottom: -50px; opacity: 1; }
	50% { bottom: -80px; opacity: 0; }
	100% { bottom: 0px; opacity: 0; }
}
.waves { position: absolute; width: 100%; height: 60px; left: 0; bottom:-2px; width: 100%; z-index: 3; }
.parallax > use { animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; }
.parallax > use:nth-child(1) { animation-delay: -2s; animation-duration: 7s; }
.parallax > use:nth-child(2) { animation-delay: -3s; animation-duration: 10s; }
.parallax > use:nth-child(3) { animation-delay: -4s; animation-duration: 13s; }
.parallax > use:nth-child(4) { animation-delay: -5s; animation-duration: 20s; }
@keyframes move-forever {
	0% { transform: translate3d(-90px, 0, 0); }
	100% { transform: translate3d(85px, 0, 0); }
}









/* i01 */
.i01 { position: relative; overflow: hidden; background-color: rgb(243, 246, 248); padding: 80px 0 80px; }
.i01 form { margin-bottom: 60px; position: relative; width: fit-content; }
.i01 form input { padding: 0 36px; color: #f29911; outline: none; border: 0px; font-size: 16px; line-height: 50px; width: 474px; height: 50px; background-color: rgb(232, 232, 232); border-radius: 50px; }
.i01 form button { cursor: pointer; background: none; outline: none; color: #333; border: 0px; font-size: 23px; color: #333; position: absolute; right: 32px; top: 50%; transform: translateY(-50%); }
.i01 form button:hover { color: var(--dex); }
.i01 form input::-webkit-input-placeholder { font-size: 16px; color: #333;   }
.i01 ul { display: flex; flex-flow: wrap; }
.i01 ul li { width: 16%; margin-right: 5%; margin-bottom: 30px; }
.i01 ul li .t a { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-bottom: 20px; border-bottom: 1px solid #ddd; }
.i01 ul li .t a::after { transition: 0.3s; position: absolute; content: ""; bottom: 0px; left: 0px; width: 0%; height: 1px; background-color: var(--dex); }
.i01 ul li .t a img { transition: 0.3s; height: 80px; width: auto; margin-bottom: 10px; }
.i01 ul li .t a span { font-size: 18px; color: #333;text-align: center; }
.i01 ul li:hover .t a span { color: var(--dex); }
.i01 ul li:hover .t a::after { width: 100%; }
.i01 ul li:hover .t a img { transform: scale(1.1); }
.i01 ul li:nth-of-type(5n) { margin-right: 0px; }
.i01 ul li .b a { color: #333; font-size: 15px; margin-top: 18px; white-space: nowrap; }
.i01 ul li .b a:hover { color: var(--dex); }

/* i02 */
.i02 { padding: 120px 0 200px; position: relative; overflow: hidden; }
.i02 .title { padding-bottom: 40px; margin-bottom: 0px; border-bottom: 6px solid rgb(240, 240, 240); margin-bottom: 37px; }
.i02 .title span { color: #333; font-size: 20px; margin-bottom: 18px; }
.i02 .title h3 { color: #333; }
.i02 .bg { position: absolute; left: 0px; bottom: 20px; width: 40%; }
.i02 ul { margin-bottom: 30px; display: flex; flex-flow: wrap; justify-content: space-between; }
.i02 ul li { padding-top: 2.2rem; padding-bottom: 4rem; }
.i02 ul li:nth-of-type(3), .i02 ul li:nth-of-type(4) { padding-bottom: 0px; }
.i02 ul li h4 { display: flex; align-items: flex-end; }
.i02 ul li h4 strong {  font-size:70px; font-weight: bold; color: var(--dex); margin-right: 5px; line-height: 50px; }
.i02 ul li h4 span { font-size: 16px; color: #535353; line-height: 22px; }
.i02 ul li h5 { font-size: 16px; color: #535353; margin-top: 20px; }
.i02 .icenter { z-index: 3; }
.i02 .bg2 { position: absolute; right: -150px; top: 50%; transform: translateY(-50%); width: 45%; }
.i02 .bg2 img { opacity: 0.5; width: 100%; height: auto; width: 100%; height: auto; filter: brightness(0.9); animation: ro1 90s infinite linear; padding: 30px; }
@keyframes ro1 {
	to { transform: rotate(1000deg); }
}

/* i03 */
.i03 { padding: 60px 0 100px; position: relative; overflow: hidden; }
.i03 .i_h3 { color: #fff; }
.i03 .icenter { z-index: 20; }
.i03 ul { margin-top: 0; display: flex; justify-content: space-between; }
.i03 ul li { display: flex; flex-direction: column; justify-content: center; align-items: center; background: rgba(255, 255, 255, 0.018); padding: 80px 40px 100px; border-radius: 10px; width:calc(23.5% - 80px); border: 1px solid rgba(255, 255, 255, 0.3); overflow: hidden; z-index: 1; backdrop-filter: blur(0px); }
.i03 ul li:nth-of-type(2n) { position: relative; bottom: -47px; }
.i03 ul li .icon { border-radius: 50%; width: 128px; height: 128px; display: flex; justify-content: center; align-items: center; border: 1px solid rgba(255, 255, 255, 0.4); }
.i03 ul li .icon img { width: 69px; }
.i03 ul li h4 { position: relative; font-size: 30px; font-weight: bold; margin: 30px 0; padding-bottom: 30px;text-align: center; }
.i03 ul li h4::after { position: absolute; content: ""; left: 50%; transform: translateX(-50%); bottom: 0px; height: 3px; background-color: rgba(255, 255, 255, 0.3); width: 98px; }
.i03 ul li p { font-size: 16px; color: #fff; line-height: 26px; text-align: center; }
.i03 ul li .c1 { height: 74px; margin-bottom: 30px; display: flex; justify-content: space-between; flex-flow: wrap; }
.i03 ul li .c1 a { display: block; width: 128px; margin-bottom: 10px; height: 35px; }
.i03 ul li .c2 { transition: 0.3s; }
.i03 ul li:hover { border-color: var(--dex); backdrop-filter: blur(10px); }
.i03 ul li:hover .c1 p { display: none; }
.i03 ul li:hover .c1 a { display: block; }
.i03 ul li:hover .c2 { opacity: 0; }
.i03 ul li a { background-color: rgba(255, 255, 255, 0.3); border-color: transparent; }
.i03 ul li a:hover { background-color: var(--dex); }
.i03 ul li a:hover::after { color: #fff; }
.i03 ul li a span { color: #fff;     font-size: 12px;text-align: center;}
.i03 .bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.i03 .bg::after { content: ""; display: inline-block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: absolute; left: 0; bottom: 0px; z-index: 10; }
.i03 .bg img { height: 100%; display: none; position: absolute; left: 0px; top: 0px; width: 100%; }
.i03 .bg img.active { opacity: 1; z-index: 10; display: block; animation: mysacle 4s ease both; }
@keyframes mysacle {
	0% { transform: scale(1.15); }
}
.i03 ul li .alb { width: 100%; display: flex; justify-content: space-between; flex-flow: wrap; position: absolute; left: 40px; width: calc(100% - 80px); opacity: 0; transition: all 0.3s; margin-top: 30px; }
.i03 ul li:hover .alb { opacity: 1; margin-top: 0; }

/* i_h3 */
.i_h3 { font-size: 36px; line-height: 50px; margin-bottom: 20px; color: #333; font-weight: bold; }

/* i04 */
.i04 { padding: 100px 0 150px; position: relative; overflow: hidden; }
.i04 .i_h3 { color: #555; font-weight: bold; }
.i04 .bg { position: absolute; right: 0px; bottom: 52px; width: auto; }
.i04 .tab { display: flex; margin: 48px 0; padding-bottom: 32px; border-bottom: 6px solid rgb(240, 240, 240); }
.i04 .tab a { background-color: rgb(220, 220, 220); border-color: rgb(220, 220, 220); margin-right: 24px; }
.i04 .tab a span { color: #333; font-weight: bold; }
.i04 .tab a:hover { background-color: var(--dex); border-color: var(--dex); }
.i04 .tab a:hover::after { color: #fff; }
.i04 .tab a.active { background-color: var(--dex); border-color: var(--dex); }
.i04 .tab a.active span { color: #fff; }
.i04 .tab a.active::after { color: #fff; }
.i04 .bot { overflow: hidden; }
.i04 .bot .swiper { padding-bottom: 42px; display: none; opacity: 0; }
.i04 .bot .swiper.active { display: block; animation: fade1 0.5s linear forwards; }
@keyframes fade1 {
	100% { opacity: 1; }
}
.i04 .bot .box { display: flex; justify-content: space-between; }
.i04 .bot .box .imgbox { width: 40.3%; border-radius: 22px; }
.i04 .bot .box:hover .imgbox img { transform: scale(1.1); }
.i04 .bot .box .text { width: 56.5%; padding-top: 22px; }
.i04 .bot .box .text h3 { font-size: 26px; font-weight: bold; color: #333; }
.i04 .bot .box:hover .text h3 { color: var(--dex); }
.i04 .bot .box .text p { font-size: 14px; color: #333; margin: 36px 0 52px; line-height: 24px; }
.i04 .bot .box .text h4 { font-size: 18px; font-family: "arial"; color: #333; }
.i04 .bot .swiper-pagination { bottom: 0px; }
.i04 .bot .swiper-pagination .swiper-pagination-bullet { width: 13px; height: 13px; background: rgb(216, 216, 216); opacity: 1; margin: 0 8px; }
.i04 .bot .swiper-pagination .swiper-pagination-bullet-active { background: var(--dex); }

/* i05 */
.i05 { height: 656px; position: relative; background: url(../img/i05_bg.jpg); background-attachment: fixed; margin-bottom: 400px; background-size: cover; }
.i05 .i_h3 { color: #fff; }
.i05 .icenter { position: absolute; left: 50%; transform: translateX(-50%); top: 172px; }
.i05 .icenter .more { margin: 55px 0 95px; }
.i05 .icenter .bot { display: flex; align-items: flex-end; justify-content: space-between; }
.i05 .icenter .bot .box { width: 40.5%; height: 383px; background-color: var(--dex); padding: 0 52px; display: flex; justify-content: center; align-items: center; border-radius: 16px; overflow: hidden; position: relative; z-index: 1; }
.i05 .icenter .bot .box span { position: absolute; font-size: 50px; color: #fff; font-family: "arial"; }
.i05 .icenter .bot .box p { font-size: 28px; color: #fff; line-height: 38px; font-weight: bold; }
.i05 .icenter .bot .box span img { width: 45px; }
.i05 .icenter .bot .box span.sp_1 { left: 48px; top: 48px; }
.i05 .icenter .bot .box span.sp_2 { right: 48px; bottom: 48px; }
.i05 .icenter .bot .text { font-weight: bold; width: 50%; font-size: 20px; color: var(--dex); line-height: 36px; margin-bottom: 60px; }

/* footer */
.footer { padding: 80px 0; background-color: rgb(21, 21, 21); position: relative; z-index: 10; }
.footer .waves { bottom: auto; position: absolute; top: -80px; margin-bottom: 0px; height: 80px; }
.footer .fo01 { margin-bottom: 60px; }
.footer .fo01 .icenter { display: flex; justify-content: space-between; }
.footer .fo01 .icenter .left { width: 23.5%; }
.footer .fo01 .icenter .left h3 { font-weight: bold; font-size: 22px; color: #fff; margin-bottom: 25px; }
.footer .fo01 .icenter .left ul { justify-content: space-between; width: 100%; display: flex; }
.footer .fo01 .icenter .left ul li span { font-size: 14px; color: #6e6e6e; line-height: 25px; }
.footer .fo01 .icenter .left ul li a { font-size: 16px; color: #d7d7d7; margin-top: 25px;    max-width: 140px; }
.footer .fo01 .icenter .left ul li a:hover { color: var(--dex); }
.footer .fo01 .icenter .mid { width: 45%; }
.footer .fo01 .icenter .mid ul { justify-content: space-between; width: 100%; display: flex; }
.footer .fo01 .icenter .mid ul li h3 a { font-size: 18px; color: #ffffff; margin-top: 0px; }
.footer .fo01 .icenter .mid ul li a { font-size: 16px; color: #d7d7d7; margin-top: 25px;     max-width: 160px;}
.footer .fo01 .icenter .mid ul li a:hover { color: var(--dex); }
.footer .fo01 .icenter .right { width: fit-content; }
.footer .fo01 .icenter .right .logo img { width: 168px; }
.footer .fo01 .icenter .right .logo { margin-bottom: 15px; }
.footer .fo01 .icenter .right .gpct .gpcs1 { display: flex; align-items: center; margin-bottom: 13px; }
.footer .fo01 .icenter .right .gpct .gpcs1 span { color: var(--dex); margin-right: 5px; font-size: 16px; }
.footer .fo01 .icenter .right .gpct .gpcs1 font { color: var(--dex); font-size: 16px; }
.footer .fo01 .icenter .right .gpct .gpcs2 { display: flex; align-items: flex-end; margin-bottom: 9px; }
.footer .fo01 .icenter .right .gpct .gpcs2 p { font-family: "arial"; font-size: 40px; font-weight: bold; margin-right: 5px; line-height: 1; }
.footer .fo01 .icenter .right .gpct .gpcs2 span { font-size: 16px; color: #fff; line-height: 2; }
.footer .fo01 .icenter .right .gpct .gpcs3 { display: flex; align-items: center; margin-bottom: 30px; }
.footer .fo01 .icenter .right .gpct .gpcs3 span, .footer .fo01 .icenter .right .gpct .gpcs3 font { font-size: 14px; color: #b3b3b3; }
.footer .fo01 .icenter .right .ewm .cot p span { font-size: 24px; font-family: "arial"; color: #fff; margin-bottom: 9px; }
.footer .fo01 .icenter .right .ewm .cot p font { font-size: 16px; color: #9e9e9e; }
.footer .fo01 .icenter .right .ewm .cot { margin-bottom: 33px; }
.footer .fo01 .icenter .right .ewm .b_ewm { display: flex; align-items: center; }
.footer .fo01 .icenter .right .ewm .b_ewm img { width: 80px; margin-right: 10px; }
.footer .fo01 .icenter .right .ewm .b_ewm span { font-size: 12px; color: #9e9e9e; line-height: 20px; }
.footer .fo02 .icenter { display: flex; align-items: center; }
.footer .fo02 .icenter a { font-size: 12px; color: #ffffff; margin-right: 20px; }
.ab05, .invest01, .innerbanner { position: relative; overflow: hidden; }
.ab03, .ab01 { display: flex; justify-content: center; align-items: center; flex-direction: column; }
.text-center { text-align: center; }
.font-bold { font-weight: 700; }
.text-333 { --tw-text-opacity: 1; color: rgb(51 51 51/var(--tw-text-opacity)); }
.text-666 { --tw-text-opacity: 1; color: rgb(102 102 102/var(--tw-text-opacity)); }
.lay--flex { display: flex; flex-wrap: wrap; justify-content: space-between; }
.lay--absolute { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.innerbanner img { height: 61rem; }
.innerbanner .b_nav { display: flex; left: 50%; transform: translateX(-50%); position: absolute; bottom: 0px; background-color: rgba(255, 255, 255, 0.9); padding: 0 6.8rem; }
.innerbanner .b_nav a { border-bottom: 4px solid transparent; padding: 0 1rem; height: 8.4rem; line-height: 8.4rem; font-size: 18px; color: rgb(116, 116, 116); margin-right: 7.5rem; }
.innerbanner .b_nav a.active, .innerbanner .b_nav a:hover { color: var(--dex); border-color: var(--dex); }
.news { padding: 1rem 0 12rem; }
.news a { margin-top: 11rem; display: flex; justify-content: space-between; align-items: center; flex-flow: wrap; }
.news a .imgbox { width: 31.4666666667%; border-radius: 1.2rem; overflow: hidden; z-index: 1; position: relative; }
.news a .imgbox img { height: 27.7rem; }
.news a .text { width: 62.6%; }
.news a .text h4 { font-size: 26px; line-height: 36px; color: #333333; font-weight: bold; }
.news a .text h5 { font-size: 18px; line-height: 1; color: #333333; margin: 2.4rem 0 2rem; }
.news a .text p { font-size: 14px; line-height: 24px; color: #666666; margin-bottom: 3.8rem; }
.news a .text h6 { display: flex; align-items: center; font-size: 16px; line-height: 30px; color: #999999; }
.news a .text h6 span { margin-left: 0.5rem; font-size: 16px; line-height: 30px; color: #999999; position: relative; left: 0px; transition: 0.3s; }
.news a:hover .imgbox img { transform: scale(1.1); }
.news a:hover .text h4 { color: var(--dex); }
.news a:hover .text h6 { color: var(--dex); }
.news a:hover .text h6 span { color: var(--dex); left: 1rem; }

/* page */
.page { display: flex; justify-content: center; align-items: center; margin-bottom: 20rem; }
.page h2 { display: none; }
.page .pagination .nav-links { display: flex; justify-content: center; align-items: center; }
.page span{ width: 3.5rem; height: 3.5rem; border: 1px solid #cbcbcb; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; color: #464647; margin-right: 1.5rem; }
.page a,.page .dots{ width: 3.5rem; height: 3.5rem; border: 1px solid #cbcbcb; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; color: #464647; margin-right: 1.5rem;    background: #fff; }
.page a:last-child { margin-right: 0px; }
.page span:hover { color: #fff; background-color: var(--dex); border-color: var(--dex); }
.page span { color: #fff; background-color: var(--dex); border-color: var(--dex); }
.page a:hover { color: #fff; background-color: var(--dex); border-color: var(--dex); }
.invest_cc { margin-bottom: 13.4rem; }
.invest_cc .report{ }
.jl  .invest_h3  ,.invest_cc  .invest_h3 {margin-bottom: 0px;}
.invest01 .invest_h3  {margin-bottom: 50px;}
.invest_h3 { font-size: 30px; line-height: 1; color: #333; margin-bottom: 20px; font-weight: bold; }
.invest01 { overflow: unset; padding: 11rem 0 0; }
.invest01 .bg { position: absolute; top: 0px; left: 0px; height: 74%; width: 100%; z-index: -1; }
.invest01 .bg img { height: 100%; }
.invest01 .icenter .content {     display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-moz-box-pack: space-between;-webkit--moz-box-pack: space-between;box-pack: space-between;-ms-flex-align: center;align-items: center;-webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;
    -ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-flex-wrap: wrap; }
.invest01 .icenter .content .cc { display: flex; align-items: center; }
.invest01 .icenter .content .cc .invest01_h4 { margin-right: 1.4rem; min-width: 9.7rem; font-size: 14px; line-height: 1; color: #b5b6b7; }
.invest01 .icenter .content .cc .invest01_h5 { font-size: 14px; line-height: 1; color: #333333; }
.invest01 .icenter .content .left { background-color: #fff;  padding:0 80px; width: calc(50% - 180px); margin-right: 20px; float: left; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }
.invest01 .icenter .content .left .left__t{margin-top:80px;}
.invest01 .icenter .content .left .left__t .cc { margin-bottom: 2rem; }
.invest01 .icenter .content .left .left__t .cc:last-child { margin-bottom: 0px; }
.invest01 .icenter .content .left .left__m { display: flex; margin: 4rem 0; padding: 4.7rem 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.invest01 .icenter .content .left .left__m .cc { margin-right: 6.6rem; }
.invest01 .icenter .content .left .left__m .cc:last-child { margin-right: 0px; }
.invest01 .icenter .content .left .left__b{margin-bottom:80px; }
.invest01 .icenter .content .left .left__b .cc { margin-bottom: 3.8rem; }
.invest01 .icenter .content .left .left__b .cc:last-child { margin-bottom: 0px; align-items: flex-start; }
.invest01 .icenter .content .left .left__b .cc:last-child h5 { line-height: 24px; position: relative; top: -5px; }
.invest01 .icenter .content .right { display: block;float: left;width: 50%; }
.invest01 .icenter .content .right .right__g1 { background-color: #fff; padding: 0 80px; height: calc(50% - 20px); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); display: block; overflow: hidden; padding-bottom: 80px;   margin-bottom: 20px; }
.invest01 .icenter .content .right .right__g1 .right__g1__t .cc { margin-bottom:1rem; }
.invest01 .icenter .content .right .right__g1 .right__g1__t .cc h4 { font-size: 28px; line-height: 1; color: #999999; margin-right: 3.6rem; }
.invest01 .icenter .content .right .right__g1 .right__g1__t .cc h5 { font-size: 36px; line-height: 1; color: #f19000; }
.invest01 .icenter .content .right .right__g1 .right__g1__t .cc:last-child h5 { color: #2e2e2e; }
.invest01 .icenter .content .right .right__g1 .right__g1__b { display: flex; padding: 3.4rem 0 0; border-top: 1px solid #ddd; margin-top: 3.4rem; }
.invest01 .icenter .content .right .right__g1 .right__g1__b .cc { margin-right: 6.6rem; }
.invest01 .icenter .content .right .right__g1 .right__g1__b .cc:last-child { margin-right: 0px; }
.invest01 .icenter .content .right .right__g2 { background-color: #fff; padding:60px 80px 20px; height: calc(50% - 100px); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); padding-top: 80px;display: block;overflow: hidden; }
.invest01 .icenter .content .right .right__g2 .cc { margin-bottom: 3.1rem; }

.invest01 .icenter .content .right .right__g1 .right__g1__t{margin-top:72px; }
.invest01 .icenter .content .right .right__g2 .cc{margin-bottom: 31px;}


/* app_2  invest02*/
.app_2 { display: flex; flex-flow: wrap; justify-content: space-between; }
.app_2 .content { margin-top: 5.6rem; width: 100%; display: flex; justify-content: space-between; flex-flow: wrap; }
.app_2 .content .content__cc { width: 48%; margin-bottom: 10rem; }
.app_2 .content .content__cc:nth-of-type(3), .app_2 .content .content__cc:nth-of-type(4) { margin-bottom: 0px; }
#container__one__table, #container__two__table, #container__three__table, #container__four__table {     height: 60rem!important;width: 100%; border: 1px solid rgb(215, 215, 215);     border-radius: 10px;}
.app_2 .content .content__cc .content__cc__span { font-size: 18px; color: #333; margin-bottom: 1rem; }
.app_2 span { display: inline-block; }

/* app_3 invest03 */
.app_3 .top { display: flex; justify-content: space-between; margin-bottom: 5.8rem; }
.app_3 .tab { display: flex; align-items: center; }
.app_3 .tab a { background-color: rgb(220, 220, 220); border-color: rgb(220, 220, 220); margin-left: 2rem; }
.app_3 .tab a span { color: #333; font-weight: bold; display: flex; }
.app_3 .tab a:hover { background-color: var(--dex); border-color: var(--dex); }
.app_3 .tab a:hover::after { color: #fff; }
.app_3 .tab a.active { background-color: var(--dex); border-color: var(--dex); }
.app_3 .tab a.active span { color: #fff; }
.app_3 .tab a.active::after { color: #fff; }
.app_3 .report a { position: relative; margin-bottom: 2rem; width: calc(100% - 40px); padding:4rem  20px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); overflow: hidden; display: flex; height: auto; align-items: center; justify-content: space-between; }
.app_3 .report a:hover .jian { background-color: var(--dex); color: #fff; }
.app_3 .report a h4 { color: #333; font-size: 18px; max-width: 80%; line-height: 30px; }
.app_3 .report a h5 { color: #999999; font-size: 18px; line-height: 30px;     margin-right: 150px; }
.app_3 .report a:hover h4 { color: var(--dex); }
.app_3 .report .jian { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: var(--dex); width: 4.7rem; height: 4.7rem; border: 1px solid var(--dex); display: flex; justify-content: center; align-items: center; flex-flow: wrap; font-size: 2.8rem; }
.app_3_page { margin-bottom: 20rem; display: flex; justify-content: flex-start; align-items: center; margin-top: 5rem; }
.app_3_page a { width: 4.6rem; height: 4.6rem; border: 1px solid #cbcbcb; display: none; align-items: center; justify-content: center; font-size: 2rem; color: #464647; margin-right: 1.8rem; }
.app_3_page a:last-child { margin-right: 0px; }
.app_3_page a:hover, .app_3_page a.active { color: #fff; background-color: var(--dex); border-color: var(--dex); }
.app_3_page a.show { display: flex; }
.app_3 .total { position: absolute; right: 0px; bottom: 0.6rem; display: flex; align-items: center; }
.app_3 .total h4 { display: flex; align-items: center; font-size: 18px; color: #999; margin-right: 2rem; }
.app_3 .total h4 span, .app_3 .total h5 span { color: var(--dex); font-size: 2rem; }
.app_3 .total h5 { display: flex; align-items: center; font-size: 18px; color: #999; }
.app_3 .bot { position: relative; }
.jl { padding-top: 12rem; overflow: hidden; position: relative;  margin-bottom: 12rem;}
.jl .page { margin-top: 5.8rem; }
.jl .join01__top { display: flex; justify-content: space-between; margin-bottom: 5.8rem; }
.jl .tab { display: flex; align-items: center; }
.jl .tab a { background-color: rgb(220, 220, 220); border-color: rgb(220, 220, 220); margin-left: 2rem; }
.jl .tab a span { color: #333; font-weight: bold; display: flex; }
.jl .tab a:hover { background-color: var(--dex); border-color: var(--dex); }
.jl .tab a:hover::after { color: #fff; }
.jl .tab a.active { background-color: var(--dex); border-color: var(--dex); }
.jl .tab a.active span { color: #fff; }
.jl .tab a.active::after { color: #fff; }
.jl dd { margin-bottom: 2rem; }
.jl dd .top { position: relative; width: calc(100% - 120px); padding:3rem 60px 3rem 60px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); overflow: hidden; display: flex; height: auto; align-items: center; justify-content: space-between; }
.jl dd .top .top__le h4 { font-size: 18px; line-height: 1; color: #000000; font-weight: bold; }
.jl dd .top:hover .top__le h4{ color: var(--dex);}
.jl dd .top .top__le .tip { display: flex; margin-top: 1.6rem; }
.jl dd .top .top__le .tip span { margin-right: 5.9rem; font-size: 14px; line-height: 1; color: #666666; }
.jl dd .top .top__le .tip span:last-child { margin-right: 0px; }
.jl dd .top .top__state { width: 4.9rem; height: 4.9rem; border: 1px solid var(--dex); color: var(--dex); display: flex; justify-content: center; align-items: center; flex-flow: wrap; font-size: 3.4rem; line-height: 1; color: var(--dex); }
.jl dd .bot { display: none; padding: 6.5rem 0px 9rem 6rem; }
.jl dd .bot .cc h4 { font-size: 18px; color: var(--dex); margin-bottom: 1.1rem; }
.jl dd .bot .cc p { font-size: 16px; line-height: 26px; color: #666; }
.jl dd .bot .cc { margin-bottom: 3.8rem; }
.jl dd .bot .you { font-size: 18px; color: #666; display: flex; flex-flow: wrap; }
.jl dd .bot span { font-size: 18px; color: var(--dex); }

.jl .join01__bot {display: none;opacity: 0;}
.jl .join01__bot.active {display: block;animation: jl_fade 0.3s linear forwards;}

@keyframes jl_fade {
	100%{
		opacity: 1;
	}
}
.join02 .icenter h3 { position: absolute; right: 0px; }
.join02 .icenter ul { display: flex; flex-flow: wrap; justify-content: space-between; }
.join02 .icenter li { position: relative; width: 48%; margin-bottom: 4.7rem; }
.join02 .icenter li:nth-of-type(3), .join02 .icenter li:nth-of-type(4) { margin-bottom: 0; }
.join02 .icenter li::after { content: ""; display: inline-block; width: 100%; height: 55%; background: linear-gradient(to top, rgba(11, 11, 11, 0.9) 0%, rgba(11, 11, 11, 0) 100%); position: absolute; left: 0; bottom: 0rem; }
.join02 .icenter li .imgbox img { height: 50.3rem; }
.join02 .icenter li .text { z-index: 2; position: absolute; bottom: 8.8rem; left: 50%; transform: translateX(-50%); width: 80%; }
.join02 .icenter li .text h4 { font-size: 30px; line-height: 1; color: #fff; font-weight: bold; }
.join02 .icenter li .text h5 { font-size: 16px; line-height: 24px; color: #fff; margin-top: 1.6rem; }
.join02 .icenter li:hover .imgbox img { transform: scale(1.1); }
.join02 .icenter li:hover .text h4 { color: var(--dex); }
.join02 .icenter li:nth-of-type(2), .join02 .icenter li:nth-of-type(4) { top: 20.8rem; }
.join02 .icenter .invest_h3 { position: absolute; right: 0px; width:47%;  top: 7.2rem; }
.join02 {margin-bottom: 30rem;}
.join03 { padding: 36.9rem 0 15.7rem; }
.join03 h3 { margin-bottom: 4.9rem; }
.join03 .g { position: relative; }
.join03 .g img { height: 62.4rem; }
.join03 .g .text { width: fit-content; display: flex; justify-content: center; align-items: flex-start; flex-flow: wrap; flex-direction: column; padding: 0 8.6rem 0; position: absolute; background-color: var(--dex); }
.join03 .g .text h4 { font-size: 20px; line-height: 1; color: #fff; position: relative; margin-bottom: 2.8rem; }
.join03 .g .text h4::after { position: absolute; width: 5.2rem; height: 0.3rem; left: 10.5rem; top: 42%; transform: translateY(50%); content: ""; background-color: #fff; }
.join03 .g .text p { font-size: 28px; line-height:38px; color: #fff; }
.join03 .g:nth-of-type(1) { margin-bottom: 23.2rem; }
.join03 .g:nth-of-type(1) .text { padding:8rem; width: 80rem; left: 0px; bottom: -8rem; }
.join03 .g:nth-of-type(2) .text { padding:8rem; width: 60rem; right: 0px; top: 66%; transform: translateY(-50%); }
.join04 { margin-bottom: 20rem; }
.join04 .icenter .top { margin-bottom: 5.6rem; display: flex; justify-content: space-between; }
.join04 .icenter .top h3 { line-height: 40px; }
.join04 .icenter .top p { width: 60.9333333333%; font-size: 18px; line-height: 30px; color: #666666; }
.join04 .icenter .bot .swiper { overflow: hidden; }
.join04 .icenter .bot .box img { height: 33.4rem; }
.join04 .icenter .bot .box:hover .imgbox img { transform: scale(1.1); }
.join04 .icenter .bot .box:hover span { color: var(--dex); }
.join04 .icenter .bot .box span { font-size: 18px; line-height: 1; color: #333; margin-top: 1.7rem; }
.join04 .icenter .bot .op { margin-top: 6.2rem; display: flex; align-items: center; justify-content: space-between; }
.join04 .icenter .bot .op .swiper-pagination { border-radius: 2rem; height: 0.5rem; width: 87.7333333333%; position: unset; }
.join04 .icenter .bot .op .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: var(--dex); border-radius: 2rem; }
.join04 .icenter .bot .op .fa_f { width: 9.7333333333%; display: flex; align-items: center; justify-content: space-between; }
.join04 .icenter .bot .op .fa { position: unset; background-image: none; width: 6rem; height: 6rem; border-radius: 50%; display: flex; justify-content: center; align-items: center; flex-flow: wrap; color: rgb(121, 121, 121); font-size: 3rem; background-color: rgb(232, 232, 232); }
.join04 .icenter .bot .op .fa:hover { background-color: var(--dex); color: #fff; }
.ab01 { padding: 8rem 0 10rem; }
.ab01 .icenter { align-items: center; }
.ab01 .left { width: 43.2%; }
.ab01 .left h3 { font-size: 36px; line-height: 46px; font-weight: bold; width: 88%; color: #f29911; }
.ab01 .left p { font-size: 16px; line-height: 26px; color: #343434; margin-top: 3.6rem; }
.ab01 .right { width: 52.0666666667%; position: relative; border-radius: 1.2rem; }
.ab01 .right video { border-radius: 1.2rem; z-index: 1; overflow: hidden; width: 100%; height: 59.3rem; position: relative; object-fit: cover; border-radius: 10px; overflow: hidden; z-index: 1; }
.ab01 .right .bo { cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 3; }
.ab01 .right .bo img { width: 6.3rem; }
.ab01 .right .mask { -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; z-index: 1; }
.ab01 .right .mask:before { position: relative; content: ""; display: block; margin-top: 100%; }
.ab01 .right .mask:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.ab01 .right:hover .mask { -webkit-animation: anim-out 1s; animation: anim-out 1s; }
.ab01 .right:hover .mask:after { -webkit-animation: anim-out-pseudo 1s; animation: anim-out-pseudo 1s; }
@-webkit-keyframes anim-out {
	0% { width: 0%; }
	100% { width: 100%; }
}
@keyframes anim-out {
	0% { width: 0%; }
	100% { width: 100%; }
}
@-webkit-keyframes anim-out-pseudo {
	0% { background: rgba(255, 255, 255, 0.5); }
	100% { background: 0 0; }
}
@keyframes anim-out-pseudo {
	0% { background: rgba(255, 255, 255, 0.5); }
	100% { background: 0 0; }
}

/* vi_box */
.vi_box { top: 0px; left: 0px; display: none; position: fixed; width: 100%; height: 100%; z-index: 999; background-color: rgba(0, 0, 0, 0.8); }
.vi_box .box { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; }
.vi_box .box video { width: 100%; height: 100%; position: relative; object-fit: cover; display: block; }
.vi_box .box .video { position: relative; width: 70%; height: auto; max-height: 85%; }

/* .vi_box .box  .video .close {position: absolute; font-size: 50px; right: -34px; top: -51px; color: #0068b6; transition: 0.3s; cursor: pointer;} */
.vi_box .box .video img.close { cursor: pointer; width: auto; position: absolute; right: -40px; top: -40px; transition: all 0.3s; pointer-events: painted; }
.vi_box .box .video .close:hover { transform: rotate(135deg); }
.ab02 { padding-bottom: 14rem; overflow: hidden; }
.ab02 .mid { position: relative; margin-bottom: 16.5rem; margin-top: 6.7rem; }
.ab02 .mid::after { content: ""; position: absolute; width: 100%; height: 0.6rem; top: 0.5rem; background-color: rgb(241, 241, 241); }
.ab02 .mid .swiper-slide .num.active span { color: var(--dex); }


.ab02 .mid .num { position: relative; width: 7.4rem; display: flex; align-items: center; justify-content: center;     cursor: pointer;}
.ab02 .mid .num .dot { width: 1.6rem; height: 1.6rem; border-radius: 50%; position: relative; background-color: var(--dex); }
.ab02 .mid .num .dot::before { content: ""; position: absolute; width: 170%; height: 170%; opacity: 0.2; background-color: var(--dex); left: 50%; top: 50%; border-radius: 50%; transform: translate(-50%, -50%); }
.ab02 .mid .num span { position: absolute; font-size: 32px; line-height: 1; color: #525252; font-family: "arial"; left: 50%; transform: translateX(-50%); bottom: -5.5rem; }
.ab02 .bot .swiper-slide .box { display: none; opacity: 0; }
.ab02 .bot .swiper-slide-active .box { display: block; animation: ab_fa 0.3s linear forwards; }
.ab02 .bot .box p { font-size: 36px; line-height: 48px; width: 70%; margin: auto; text-align: center; /*background-image: linear-gradient(91deg,#f29911 0%,#ad6d0d 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/ color:#f29911;   }
.ab02 .bot .fa { background-image: none; width: 3.6rem; height: 3.6rem; border-radius: 50%; display: flex; justify-content: center; align-items: center; flex-flow: wrap; font-size: 2.4rem; color: #fff; background-color: rgb(241, 241, 241); }
.ab02 .bot .fa:hover { background-color: var(--dex); color: #fff; }
@keyframes ab_fa {
	100% { opacity: 1; }
}
.ab03 { padding: 10.4rem 0; background-color: rgb(243, 246, 248); }
.ab03 .g:hover .imgbox img { transform: scale(1.1); }
.ab03 .g:hover .text h4 { color: var(--dex); }
.ab03 .g .text { position: relative; background-color: #fff; display: flex; flex-direction: column; justify-content: center; padding: 0 5% 0; }
.ab03 .g .text::after { position: absolute; content: ""; width: 1.4rem; height: 1.4rem; background-color: #fff; content: ""; }
.ab03 .g .text h4 { font-size: 40px; line-height: 1; color: #333; margin-bottom: 2.8rem; }
.ab03 .g .text p { font-size: 16px; line-height: 26px; color: #666; }
.ab03 .icenter { height: 75.5rem; display: flex; justify-content: space-between; }
.ab03 .left { width: 65.7333333333%; display: flex; flex-direction: column; justify-content: space-between; }
.ab03 .left .g { display: flex; height: 47.68%; border-radius: 10px; overflow: hidden;}
.ab03 .left .g .imgbox { width: 50%; height: 100%; }
.ab03 .left .g .imgbox img { height: 100%; }
.ab03 .left .g .text { width:40%; }
.ab03 .left .g .text::after { transform: rotateY(180deg); left: -0.2rem; top: 12%; transform: rotate(45deg) translateY(50%); }
.ab03 .left .g:nth-of-type(2) { flex-flow: row-reverse; }
.ab03 .left .g:nth-of-type(2) .text::after { left: auto; right: -1.2rem; }
.ab03 .right { width: 31.4666666667%; height: 100%; }
.ab03 .right .g { height: 100%;overflow: hidden;border-radius: 10px; }
.ab03 .right .g .imgbox { height: 50%; }
.ab03 .right .g .imgbox img { height: 100%; }
.ab03 .right .g .text { height: 50%; padding: 0 10%; }
.ab03 .right .g .text::after { left: 3.3rem; top: -0.6rem; transform: rotate(45deg); }
.ab04 { padding: 8.8rem 0 5.8rem; }
.ab04 .bot { margin-top: 7.9rem; }
.ab04 .bot .swiper { overflow: hidden; }
.ab04 .bot .fa { background-image: none; width: 3.6rem; height: 3.6rem; border-radius: 50%; display: flex; justify-content: center; align-items: center; flex-flow: wrap; font-size: 2.4rem; color: #fff; background-color: rgb(241, 241, 241); top: 68%; }
.ab04 .bot .fa:hover { background-color: var(--dex); color: #fff; }
.ab04 .bot .fa.fa-angle-left { left: -5%; }
.ab04 .bot .fa.fa-angle-right { right: -5%; }
.ab04 .bot .swiper-pagination { bottom: -6.6rem; left: 50%; transform: translate(-50%, -50%); }
.ab04 .bot .swiper-pagination-bullet { opacity: 1; background-color: rgb(216, 216, 216); margin: 0 0.9rem; width: 1.3rem; height: 1.3rem; border-radius: 50%; }
.ab04 .bot .swiper-pagination-bullet-active { opacity: 1; background: var(--dex); }
.ab04 .bot .box:hover h4, .ab04 .bot .swiper-slide-active .box h5 { color: var(--dex); }
.ab04 .bot .box { overflow: hidden; z-index: 1; display: flex; justify-content: center; align-items: center; flex-flow: wrap; flex-direction: column; }
.ab04 .bot .box p{ display: block;border: 1px solid #eee;border-radius: 10px;margin-bottom: 20px;}
.ab04 .bot .box p img{display: block;width: 86%;margin:0 auto; }
.ab04 .bot .box:hover p{border: 1px solid #f29911;}
.ab04 .bot .box h4 { font-size: 14px; line-height: 1; color: #515151; width: 90%;margin: 0 auto;text-align: center; }
.ab04 .bot .box h5 { font-size: 16px; line-height: 1; color: #515151; text-align: center; }
.ab05 { padding: 16.4rem 0 30rem; }
.ab05 .bg { z-index: -1; width: 130rem; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); }
.ab05 .top { position: relative; }
.ab05 .top .top__b { margin-top: 6.7rem; display: flex; justify-content: space-between; align-items: center; flex-flow: wrap; }
.ab05 .top .top__b .le h4 { font-size: 24px; line-height: 1; color: #333; padding-bottom: 1.4rem; }
.ab05 .top .top__b .le ul li { font-size: 16px; max-width:400px; line-height:24px; color: #666; margin-top: 2rem; }
.ab05 .top .top__b .le ul .map{    float: right;margin-top: 2rem;font-size: 16px;line-height: 1;color: var(--dex);text-decoration: underline;}
.ab05 .top .top__b .mid li { margin-top: 3.1rem; }
.ab05 .top .top__b .mid li h4 { font-size: 16px; line-height: 1; color: #333; margin-bottom: 0.9rem; }
.ab05 .top .top__b .mid li h5 { font-size: 16px; line-height: 1; color: #666; }
.ab05 .top .top__b .mid li:first-child { margin-top: 0; }
.ab05 .top .top__b .ri { display: flex; justify-content: center; align-items: center; flex-flow: wrap; }
.ab05 .top .top__b .ri img { width: 17.5rem; margin-right: 1.7rem; }
.ab05 .top .top__b .ri span { font-size: 14px; line-height: 1; color: var(--dex); line-height: 24px; }
.ab05 .bot { margin-top: 14.8rem; }
.ab05 .bot font { font-size: 26px; line-height: 1; color: #333; }
.ab05 .bot .bot__b { margin-top: 4.1rem; }
.ab05 .bot .bot__b .swiper { overflow: hidden; }
.ab05 .bot .bot__b .box { border-radius: 1.2rem; overflow: hidden; z-index: 1; }
.ab05 .bot .bot__b .box .imgbox img { height: 27.8rem; border-radius: 1.2rem 1.2rem 0 0; }
.ab05 .bot .bot__b .box:hover .imgbox img { transform: scale(1.1); }
.ab05 .bot .bot__b .box:hover .text h4 { color: var(--dex); }
.ab05 .bot .bot__b .box .text { padding: 4rem 2rem; background: rgb(243, 246, 248); }
.ab05 .bot .bot__b .box .text h4 { font-size: 19px; line-height: 1; color: #333; margin-bottom: 2rem; }
.ab05 .bot .bot__b .box .text li { font-size: 14px; line-height: 1; color: #666; margin-bottom: 1.2rem; line-height: 20px; }
.ab05 .bot .bot__b .box .text .cc { display: flex; justify-content: flex-end; }
.ab05 .bot .bot__b .box .text .cc .map { font-size: 16px; line-height: 1; color: var(--dex); text-decoration: underline; }
.ab05 .bot .bot__b .fa { background-image: none; width: 3.6rem; height: 3.6rem; border-radius: 50%; display: flex; justify-content: center; align-items: center; flex-flow: wrap; font-size: 2.4rem; color: #fff; background-color: rgb(241, 241, 241); top: 78%; }
.ab05 .bot .bot__b .fa:hover { background-color: var(--dex); color: #fff; }
.ab05 .bot .bot__b .fa.fa-angle-left { left: -5%; }
.ab05 .bot .bot__b .fa.fa-angle-right { right: -5%; }
.qua01 { padding: 13rem 0 15.9rem; }
.qua01 .icenter h3 { text-align: center; }
.qua01 .icenter .qua__top ul { margin-bottom: 10.3rem; display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;margin-top: 4rem;  }
.qua01 .icenter .qua__top ul li {  width: 240px; height: 240px; border-radius: 50%; border: 1px solid var(--dex); display: flex; justify-content: center; align-items: center; flex-flow: wrap; flex-direction: column; }
.qua01 .icenter .qua__top ul li:last-child { margin-right: 0px; }
.qua01 .icenter .qua__top ul li img { height: 4.5rem; width: auto; transition: 0.3s; }
.qua01 .icenter .qua__top ul li h4 { font-size: 18px; line-height: 1; color: #333; margin: 2.3rem 0 3rem; }
.qua01 .icenter .qua__top ul li span { font-size: 16px; line-height: 1; color: #666; }
.qua01 .icenter .qua__top ul li:hover img { transform: rotateY(180deg); }
.qua01 .icenter .qua__top ul li:hover h4 { color: var(--dex); }
.qua01 .icenter .qua__bot { overflow: unset; padding-top: 0px; }
.qua01 .icenter .qua__bot .bot { padding: 6.5rem 6rem 5rem 6rem; display: none; }
.qua01 .icenter .qua__bot .bot ._gg { display: flex; justify-content: space-between; flex-flow: wrap; }
.qua01 .icenter .qua__bot .bot a { padding-left: 1rem; margin-bottom:2rem; padding-bottom: 2rem; border-bottom: 1px solid rgb(203, 203, 203); width: 100%; display: flex; justify-content: space-between; align-items: center; }
.qua01 .icenter .qua__bot .bot a:hover h4 { color: var(--dex); }
.qua01 .icenter .qua__bot .bot a h4 { font-size: 18px; line-height: 1; color: #333; }
.qua01 .icenter .qua__bot .bot a img { width: 2.7rem; }

.qua01 .jl { padding-top: 0rem; overflow: hidden; position: relative;  margin-bottom: 0rem;}
.qua01 .jl .page { margin-top: 5.8rem; }
.qua01 .jl .join01__top { display: flex; justify-content: space-between; margin-bottom: 5.8rem; }
.qua01 .jl .tab { display: flex; align-items: center; }
.qua01 .jl .tab a { background-color: rgb(220, 220, 220); border-color: rgb(220, 220, 220); margin-left: 2rem; }
.qua01 .jl .tab a span { color: #333; font-weight: bold; display: flex; }
.qua01 .jl .tab a:hover { background-color: var(--dex); border-color: var(--dex); }
.qua01 .jl .tab a:hover::after { color: #fff; }
.qua01 .jl .tab a.active { background-color: var(--dex); border-color: var(--dex); }
.qua01 .jl .tab a.active span { color: #fff; }
.qua01 .jl .tab a.active::after { color: #fff; }
.qua01 .jl dd { margin-bottom: 2rem;    position: relative; }
.qua01 .jl dd .top { position: relative; width: 3rem 60px; padding: 3rem 60px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); overflow: hidden; display: flex; height: auto; align-items: center; justify-content: space-between; }
.qua01 .jl dd .top .top__le h4 { font-size: 22px; line-height: 1; color: #000000; font-weight: bold; }
.qua01 .jl dd .top .top__le .tip { display: flex; margin-top: 1.6rem; }
.qua01 .jl dd .top .top__le .tip span { margin-right: 5.9rem; font-size: 14px; line-height: 1; color: #666666; }
.qua01 .jl dd .top .top__le .tip span:last-child { margin-right: 0px; }
.qua01 .jl dd .top .top__state { width: 4.9rem; height: 4.9rem; border: 1px solid var(--dex); color: var(--dex); display: flex; justify-content: center; align-items: center; flex-flow: wrap; font-size: 3.4rem; line-height: 1; color: var(--dex); }
.qua01 .jl dd .bot { display: none; padding: 6.5rem 0px 9rem 6rem; }
.qua01 .jl dd .bot .cc h4 { font-size: 20px; color: var(--dex); margin-bottom: 1.1rem; }
.qua01 .jl dd .bot .cc p { font-size: 16px; line-height: 32px; color: #666; }
.qua01 .jl dd .bot .cc { margin-bottom: 3.8rem; }
.qua01 .jl dd .bot .you { font-size: 18px; color: #333333; display: flex; flex-flow: wrap; }
.qua01 .jl dd .bot span { font-size: 18px; color: var(--dex); }

.qua01 .jl .join01__bot {display: block;opacity: 1;}




.qua02 { position: relative; padding: 14rem 0 17rem; background: url("/style/img/qua02_bg.jpg"); background-size: cover; display: flex; justify-content: center; align-items: center; flex-flow: wrap; flex-direction: column; }
.qua02 .ding { top: -10rem;}
.qua02 img { width: 25.4rem; margin-top: 3.3rem; }
.app01 { padding:3rem 0 10rem; }
.app01 .app_h3 { font-size: 36px; line-height: 1; color: #333; }
.app01 .nav { margin: 5rem 0; padding: 3rem 0; background-color: rgb(233, 235, 245); }
.app01 .nav .icenter { display: flex; }
.app01 .nav a { font-size: 22px; line-height: 1; color: #4b4b4b; position: relative; margin-right: 5.1rem; padding-right: 5.1rem; border-right: 1px solid rgb(183, 183, 183); }
.app01 .nav a:last-child { border-right: 0px; }
.app01 .g .g__top { margin-bottom: 6rem; }
.app01 .g .g__top font { font-size: 26px; line-height: 1; color: #333; margin-bottom: 1.2rem; display: block;}
.app01 .g .g__top h4 { font-size: 14px; line-height: 36px;color: #666;  }
.app01 .g .g__bot h5 { font-size: 26px; line-height: 1; color: #333; margin-bottom: 1.2rem; }
.app01 .g .g__bot p { font-size: 14px; line-height: 36px; color: #666; }
.app02 { padding: 10rem 3rem 10rem; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); display: flex; justify-content: space-between; align-items: top; }
.app02 h3 { font-size: 26px; line-height: 1; color: #333; margin-bottom: 4.1rem; }
.app02 img { height: auto;width: auto;max-width: 100%; }
.app02 .left { width: 45%; }
.app02 .right { width: 50%; position: relative; }
.app03 { background: rgb(233, 235, 245); }
.app03 h4 { font-size: 18px; line-height: 1; color: #666666; margin-bottom: 1.4rem; }



 
.zsicon{ display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;}
.zsicon p{}
.zsicon p img{display: block;width: auto;height: 120px;border-radius: 50%;}
 


 

.app_2 .gpct{position: absolute;top: 0;right: 0;}
.app_2 .gpct .cag{ display: block; overflow: hidden;     margin-bottom: 5px;}
.app_2 .gpct .gpcs2{ display: flex; align-items: flex-end;} 
.app_2 .gpct .gpcs2 p{  line-height: 1em;  display: inline-block; color: var(--dex); float: left; font-size: 50px;}
.app_2 .gpct .gpcs2 span{ font-size: 16px; color: #333;display: inline-block;}
.app_2 .gpct .gpcs3 span,.app_2 .gpct .gpcs3 font{display: block;color: #333;font-size: 18px;float: left;}
 






 

 



/*******************protable start******************************/

 .prolr{ display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: top;-webkit-align-items: top;    position: relative;}
 .prolr .prottdt{ margin-right: 0;width: 240px;color: #555;background: rgb(243, 246, 248); }
 .prolr .prottdt h3{ display: block;color: #666;font-size: 26px;line-height: 1em;margin-bottom: 20px;text-indent: 20px;margin-top: 30px;}

.prolr .prottdt .pagelistdow{}
.prolr .prottdt .pagelistdow li{display: block;overflow: hidden;margin-bottom: 10px;}
.prolr .prottdt .pagelistdow li .join01gw{display: block;overflow: hidden;position: relative;margin-bottom: 0px;padding-bottom: 10px;border-bottom: 1px solid #eee;}
.prolr .prottdt .pagelistdow li .join01gw a{color: #333;font-size: 15px; padding-left: 20px; }
.prolr .prottdt .pagelistdow li .join01gw a img{ display: inline-block;width: 14px;margin-right: 10px;}
.prolr .prottdt .pagelistdow li .join01gw .icon{ position: absolute;top: 0;right: 20px;}

.prolr .prottdt .pagelistdow li .join01gw .icon .fa{font-size: 18px;color: #999;display: none;}
.prolr .prottdt .pagelistdow li .join01gw .icon .fa-angle-right{display:block;}
.prolr .prottdt .pagelistdow li .on .icon .fa-angle-right{display: none;}
.prolr .prottdt .pagelistdow li .on .icon .fa-angle-down{display:block;}

.prolr .prottdt .pagelistdow li .join01info{display: block;overflow: hidden;margin-bottom: 20px;}
.prolr .prottdt .pagelistdow li .join01info a{ color: #666;text-indent: 20px;font-size: 13px;padding: 8px 5px;border-bottom: 1px solid #eee;}
.prolr .prottdt .pagelistdow li .join01gw a:hover,.prolr .prottdt .pagelistdow li .on a,.prolr .prottdt .pagelistdow li .join01info a:hover{color: #f29911;}

.prolr .prottdt .pagelistdow li .join01info .esd{ color: #666;text-indent: 20px;font-size: 13px;padding: 8px 5px;border-bottom: 1px solid #eee;display: block;}
.prolr .prottdt .pagelistdow li .join01info .esd .ia{font-style: inherit;}
.prolr .prottdt .pagelistdow li .join01info .esd .ib{display: block;overflow: hidden; margin-bottom: 16px;}
.prolr .prottdt .pagelistdow li .join01info .esd .ib a{ font-style: initial;margin-bottom: 0px;padding-bottom: 1px;font-size: 12px;text-indent: 25px;}

.prolr .t_table{width: calc(100% - 260px);margin-top: 0; }
 

 
.alistavtive{ cursor:pointer; position: absolute;top: -40px;left: 20px;color: #666;    font-size: 14px;}
.alistavtive .fa{color: #666; font-size: 14px;}
.alistavtive .fa-angle-double-right,.acon .fa{display:none;}
.acon .fa-angle-double-right{    display: inline-block;}
.prolr .prottdt{transition: all .3s;}
.prolr .t_table{transition: all .3s;}
.prolr .tableon{      opacity: 0;  width: 0;  }
.prolr .rton{     width: 100%;}
 








table.dataTable thead th, table.dataTable thead td{    padding: 0 10px;}


.mbx{ display: block; overflow: hidden; padding: 0 50px; border-bottom: 1px solid #eee;     margin-top: 100px;  background: #fff;}
.mbx a,.mbx .fa{    display: block;    float: left;    line-height:50px;    font-size: 14px;    color: #666;    margin-right: 10px;}
.mbx .fa{color:#999;}
.mbx a:last-child{color: #666;}
.mbx a:hover{}

.proshowpic{margin: 80px auto;    overflow: hidden;}
.proshowpic p{ display: block;overflow: hidden;padding: 20px;float: left;width: 159px;border: 1px solid #ddd;}
.proshowpic p img{ width: auto;max-width: 100%;margin: 0 auto;}
.proshowpic dd{ display: block;overflow: hidden;float: right;width: calc(95% - 200px);}
.proshowpic dd h3{ display: block;color: #333;font-size: 36px;line-height: 1em;margin-bottom: 20px;}
.proshowpic dd h4{ display: block;color: #333;font-size: 16px;line-height: 26px;margin-bottom: 30px;}
.proshowpic dd .proa{ display: block;border: 2px solid #f29911;width: 180px;height: 36px;border-radius: 2em; display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;}
.proshowpic dd .proa .fa{color: #f29911;display: block;font-size: 20px;    margin-left: 20px;}
.proshowpic dd .proa span{ display: block;font-size: 14px;color: #f29911;     margin-right: 20px;}
.proshowpic dd .proa:hover{background: #f29911;}
.proshowpic dd .proa:hover .fa,.proshowpic dd .proa:hover span{color:#fff; }
 

.dtsp-verticalContainer table.dataTable.nowrap th,.dtsp-verticalContainer table.dataTable.nowrap td{font-size: 12px;    line-height: 1em;    color: #333;    border-right: 1px solid #ddd;}
.dtsp-verticalContainer table.dataTable.nowrap th{ font-weight: normal; font-size: 12px;   line-height: 1em;  background:#009d6c; color: #fff;}
.dtsp-verticalContainer table.dataTable.nowrap th span{ font-size: 12px;position: relative;bottom: -2px;    color: #fff; zoom: 0.8; display: inline-block; }
.dataTables_wrapper .dataTables_scroll{border: 1px solid #ddd;} 
.dtsp-verticalContainer .sidebar__container--active .sidebar{ width:100%;margin-top: 0;border-radius: 0; border: 0; padding: 0; box-shadow: none; background: #fff;}
div.dtsp-verticalContainer{margin:0px 0 50px;position: relative; overflow-x: hidden; }
.dtsp-verticalContainer .ifx-accordion__header__label{color: #f29911;    font-weight: normal;      text-align: left;  font-size: 12px;    line-height: 1em;}
.dtsp-verticalContainer .ifx-accordion__header__label span{ position: relative; font-size: 12px; bottom: -0.25em;zoom:0.8; }
.dtsp-verticalContainer .ifx-accordion__header__label br{display:none;}
.dtsp-verticalContainer .sidebar__container{margin-right:0;width:260px;transition: all .3s; }

.dtsp-verticalContainer table.dataTable thead>tr>th.sorting:after,.dtsp-verticalContainer table.dataTable thead>tr>th.sorting_asc:after{    opacity: 0.5;}
.dtsp-verticalContainer table.dataTable thead>tr>th.sorting_asc:before{ opacity:1; }
.dtsp-verticalContainer table.dataTable thead>tr>th.sorting_asc:after{opacity:1; }

.dtsp-verticalContainer .filter-tab{height:auto; max-height:auto;    max-height:600px;overflow-y: auto;}
 
.ifx-accordion__header__icon{zoom:0.8;}
.dtsp-verticalContainer table.dataTable thead>tr>th.sorting:before{    content: "��";}
.dtsp-verticalContainer table.dataTable thead>tr>th.sorting:after{content: "��";}

.dtsp-verticalContainer .ifx-checkbox{display: block;overflow: hidden;cursor:pointer; margin: 3px 0;}
.ifx-checkbox label{ display: block; float: left; line-height: 20px; font-size: 12px; color: #333;cursor:pointer; text-align: left; width: calc(100% - 18px);      padding-left: 3px;  font-family: Arial;}
.ifx-checkbox input{ display: block; float: left; line-height: 20px; margin: 3px 0px 0 0;cursor:pointer;-webkit-appearance: checkbox;}

.dtsp-verticalContainer .active label{ color: #f29911;}
.dtsp-verticalContainer .active .ifx-checkbox-static{} 

.filter-tab .ifx-filter:after{content: "";position: absolute;width: 1px;height: 100%;top: 0;left: 0;background: #ddd; }
    

.dtsp-verticalContainer .show__column__btn{ font-size: 12px; border: 1px solid #ddd; background: #fff; color: #999;  zoom:0.8;   padding: 0;width: 40px;text-align: center;}
.dtsp-verticalContainer .hide__column{ color: #f29911;border: 1px solid #7fa4ce;}
.dtsp-verticalContainer .show__column:before{content:"Close";}
.dtsp-verticalContainer .hide__column:before{content:"Open";}


.dtsp-verticalContainer .ifx-search-reset-row{height: auto; position: relative;    z-index: 9;}
.dtsp-verticalContainer .ifx-pt-search-reset{    float: none;    margin: 0;    border: 0;    border-radius: 0;    background: none;}
.dtsp-verticalContainer .ifx-pt-search-reset span{ display: block; border: 0 solid #7ca2cd; text-align: center; font-size: 12px; width: 30px; position: relative; bottom: -10px; float: right; margin-right: 0; color: #f29911; line-height: 20px;}

.dtsp-verticalContainer .ifx-accordion{ border-top: 1px solid #eee; padding: 8px 5px;}
.dtsp-verticalContainer .ifx-inputRange__inputContainer{ margin: 0;z-index: 9;}
/* .dtsp-verticalContainer .ifx-inputRange__inputContainer__input{    height: 20px;    font-size: 12px;    text-align: center;    padding: 0;    color: #f29911;    border: 1px solid #bdcad8;} */
/* .dtsp-verticalContainer .ifx-inputRange__inputContainer__unit{ margin: 0;    position: relative;    left: 50%;    width: 20px;    text-align: center;    margin-left: -10px;    font-size: 12px;    color: #1f5fa9;} */
/* .dtsp-verticalContainer .ifx-inputRange{ width: 90%;margin: 0 auto;height: auto; display: block;    padding-top: 30px;} */
.dtsp-verticalContainer .ifx-inputRange__range__track--active{}

.dtsp-verticalContainer .sidebar__controls{box-shadow: none;height: auto;margin: 0;}
.dtsp-verticalContainer .sidebar__controls__container{padding: 0;}
.dtsp-verticalContainer .sidebar__controls__container__closeButton, .sidebar__controls__container__resetLink{}
.dtsp-verticalContainer .sidebar__controls__container__resetLink .glyphicon{ padding: 0; top: auto; font-size: 12px; line-height: 30px; display: block; width: 50%; text-align: center; background: #eee; border: 1px solid #789fcb; margin: 30px auto;}
.dtsp-verticalContainer .sidebar__controls__container__resetLink .fa-refresh:before{  margin-right: 5px;  font: normal normal normal 14px/1 FontAwesome;}
/*.dtsp-verticalContainer  .active label{color: #3793ff;}*/
.dtsp-verticalContainer .ifx-checkbox label .ifx-checkbox-static{background: #eee; color: #777;       font-family: Arial;  display: inline-block;  border-radius: 1em;    zoom: 0.8;    padding: 1px 5px;    margin-left: 5px;}

.dtsp-verticalContainer .glyphicon-arrow-down-bold:before {content: "��"; color: #999;}
.dtsp-verticalContainer .glyphicon-arrow-up-bold:before {content: "��"; color: #999;}


.dtsp-verticalContainer .ifx-pt-search{ margin:0 auto 20px; width: calc(100% - 10px); position: relative; }
.dtsp-verticalContainer .ifx-pt-search__input{ display: block; border: 0; background: #eee; height: 30px; width: 100%; border-radius: 0; padding: 0; text-indent: 1em;    font-size: 12px; color: #f29911;}
.dtsp-verticalContainer .ifx-pt-search .glyphicon{ font: normal normal normal 14px/1 FontAwesome; position: absolute; top: 0; right: 0; line-height: 30px; background: #175ea9; color: #fff; padding: 0; border-radius: 0; display: block; }

.dataTables_wrapper .bottom{}
.dataTables_wrapper .bottom .dataTables_length{display: block; width: 100%; margin: 10px 0; }
.dataTables_wrapper .bottom .dataTables_length label{font-size: 14px;    float: right;       margin-right: 5px; display: block;    color: #666;}
.dataTables_wrapper .bottom .dataTables_length label select,.dataTables_wrapper .bottom .dataTables_length label option{  border: 1px solid #ddd; color: #666;  border-radius: 0; padding: 0;}
 
.dtsp-verticalContainer .dataTables_wrapper .dataTables_paginate{    padding: 0;}
.dtsp-verticalContainer .dataTables_wrapper .dataTables_paginate .paginate_button{display: inline-block; font-size: 12px; border-radius: 0; box-shadow: none; background: #eee; border: 0; padding: 0; line-height: 30px; padding: 0 10px; margin: 0 5px; height: 30px;}
.dtsp-verticalContainer table.dataTable tbody .even{background-color: #fff;}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,.dtsp-verticalContainer .dataTables_wrapper .dataTables_paginate .paginate_button:hover{border: 0;background: #ddd;min-width: auto;color: #333!important;}
.dataTables_wrapper .dataTables_info{    display: block;    text-align: right;    padding: 0;    float: none;    font-size: 14px;    color: #666;    margin: 10px 5px 10px 0;}


.proshowtitletabletop .global_reset__but .glyphicon:hover,.dtsp-verticalContainer div.dt-buttons a.dt-button:hover,.dtsp-verticalContainer .sidebar__controls__container__resetLink .glyphicon:hover{ background: #f29911; color: #fff;}


div.dtsp-verticalContainer div.container{ flex-basis: calc(100% - 260px);max-width: 100%;   }


 
.proshowtitletabletop{  height: 50px; padding: 16px 0;}
.proshowtitletabletop .filter-tab{ float: left; width: 550px; margin-left: 0; margin-right: 50px; position: relative; overflow: hidden;}
.proshowtitletabletop .filter-tab .ifx-gl-search{    margin: 0;    margin-top: 0;    position: relative;}
.proshowtitletabletop .filter-tab .ifx-pt-search__input{    display: block;    overflow: hidden;    border: 1px solid #ddd;outline: none; height: 40px;    background: #fff;    width: 100%;    padding: 0;    text-indent: 10px; font-size: 12px;   color: #f29911;}
.proshowtitletabletop .filter-tab .glyphicon{font: normal normal normal 14px/1 FontAwesome;position: absolute;width: 40px;text-align: center;height: 100%;line-height:40px;color: #333;background: #ccc;font-size: 12px;top: 0;right: 0;left: auto;}
 
.proshowtitletabletop .global_reset__but .glyphicon{ display:block; height:30px; font: normal normal normal 14px/1 FontAwesome; line-height:30px; margin-top:9px;border: 1px solid #f29911; top: auto; padding: 0; text-align: center; font-size: 12px; color: #f29911;}
.proshowtitletabletop .global_reset__but .glyphicon:before{margin-right:5px;}

.dataTables_wrapper .top{ position: absolute;top: -57px;left: 630px;}
.dtsp-verticalContainer div.dt-buttons{ }
.dtsp-verticalContainer div.dt-buttons a.dt-button{ display: block; width: 120px; text-align: center; font-size: 12px; color: #f29911; background: none; border: 1px solid #f29911; border-radius: 0; padding: 0; line-height: 30px; margin: 0; }
.dtsp-verticalContainer div.dt-buttons a.dt-button .fa{margin-right:5px; }
 


.dtsp-verticalContainer .filter-tab::-webkit-scrollbar,.dtsp-verticalContainer .ifx-pt-search::-webkit-scrollbar {width: 6px;    height: 2px;scrollbar-arrow-color:red;}
.dtsp-verticalContainer .filter-tab::-webkit-scrollbar-thumb {border-radius: 2px;-webkit-box-shadow: inset 0 0 3px rgba(255,255,255,0.2);background: #f29911;scrollbar-arrow-color:red;        }
.dtsp-verticalContainer .filter-tab::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 3px rgba(255,255,255,0.2);border-radius: 0;background:#eee;}


.dataTables_scrollBody{  }

.dtsp-verticalContainer table.dataTable tbody tr td{position: relative;    padding: 10px 10px;}
.dtsp-verticalContainer table.dataTable tbody tr td:nth-child(1) .aat,.dtsp-verticalContainer table.dataTable tbody tr td:nth-child(2) .aat{color: #333;      font-family: Arial;  padding-right: 0px;}
.dtsp-verticalContainer table.dataTable tbody tr td:nth-child(1) .aat:hover,.dtsp-verticalContainer table.dataTable tbody tr td:nth-child(2) .aat:hover{ color: #f29911;}
.dtsp-verticalContainer table.dataTable thead>tr>th.sorting:before{opacity: 0.6;zoom: 0.6;margin-bottom:15px;z-index: 3;}
.dtsp-verticalContainer table.dataTable thead>tr>th.sorting:after{opacity: 0.6;zoom: 0.6;z-index: 3;}
.dtsp-verticalContainer table.dataTable thead>tr>th.sorting_desc:before{opacity: 1;z-index: 3;}
.dtsp-verticalContainer table.dataTable thead>tr>th.sorting_asc:after{opacity: 1;z-index: 3;}

.dtsp-verticalContainer table.dataTable tbody tr td:nth-child(1),.dtsp-verticalContainer table.dataTable tbody tr td:nth-child(2){position: relative;}
.dtsp-verticalContainer table.dataTable tbody tr td:nth-child(1) .my-6,.dtsp-verticalContainer table.dataTable tbody tr td:nth-child(2) .my-6{display: none; position: absolute;background: #fff;width:150px;z-index: 99999;padding: 10px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);left: 50%;margin-left: -30px;}
.dtsp-verticalContainer table.dataTable tbody tr td:nth-child(1) .fa:hover .my-6,.dtsp-verticalContainer table.dataTable tbody tr td:nth-child(2) .fa:hover .my-6{display:block; }
.dtsp-verticalContainer table.dataTable tbody tr td:nth-child(1) .my-6 a,.dtsp-verticalContainer table.dataTable tbody tr td:nth-child(2) .my-6 a{ display: block;width: 100%;margin: 5px 0;    overflow: hidden;}
.dtsp-verticalContainer table.dataTable tbody tr td:nth-child(1) .my-6 a img,.dtsp-verticalContainer table.dataTable tbody tr td:nth-child(2) .my-6 a img{display: block;height: 20px;float: left; width:auto; }
.dtsp-verticalContainer table.dataTable tbody tr td:nth-child(1) .my-6 a span,.dtsp-verticalContainer table.dataTable tbody tr td:nth-child(2) .my-6 a span{display: block;float: left;line-height: 20px;margin: 0 0 0 5px;font-size: 12px;     font-family: Arial;color: #333;}
.dtsp-verticalContainer table.dataTable tbody tr td:nth-child(1) .my-6 a:hover span,.dtsp-verticalContainer table.dataTable tbody tr td:nth-child(2) .my-6 a:hover span{ color:#f29911; }
.dtsp-verticalContainer table.dataTable tbody tr td:nth-child(1) .fa,.dtsp-verticalContainer table.dataTable tbody tr td:nth-child(2) .fa{  cursor:pointer;  position: absolute; right: 10px; font-size: 12px; top: 50%;color: #333;  margin-top: -16px; width:100%; text-align:right; height: 30px; line-height: 30px; right: 0; box-sizing: border-box; padding-right: 8px;}
.dtsp-verticalContainer table.dataTable tbody tr td:nth-child(1) .fa:hover,.dtsp-verticalContainer table.dataTable tbody tr td:nth-child(2) .fa:hover{color:#f29911;}


table.dataTable.display>tbody>tr.even>.sorting_1, table.dataTable.order-column.stripe>tbody>tr.even>.sorting_1{ -webkit-box-shadow: none!important;  box-shadow: none!important;}

table.dataTable.display>tbody>tr.odd>.sorting_1, table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_1{  box-shadow: inset 0 0 0 9999px rgba(0,0,0,0.02)!important;  -webkit-box-shadow: inset 0 0 0 9999px rgba(0,0,0,0.02)!important;}
table.dataTable.display>tbody>tr>.sorting_1,.dtsp-verticalContainer .dataTables_scrollHeadInner table.dataTable.nowrap th:nth-of-type(1) {position: -webkit-sticky!important; position: sticky!important;}


 
div.tableon .sidebar__container{width: 0;opacity: 0;}
 

.tableon .dataTables_wrapper .top{left:890px;}

.dataTable th{overflow: hidden;position: relative;}
.dataTable th i{ position: absolute;width: 20px;height: 100px;background:#10b783;top: 0;right: 0;z-index: 1;}


/* ---------------------------------- */
.t_table {padding: 1rem; margin:50px 0 150px;    border-top: 1px solid #eee; padding-top: 30px; }
/* ����ɸѡ */
.choose {position: relative;}
.choose .top {display: flex;align-items: center;margin-bottom: 20px;}
.choose .top .op {display: flex;align-items: center;    margin-left: 3rem;}
.choose .top .op  a {font-size: 14px;color: #666;margin-right: 3rem;}
.choose .top .op a:hover ,.choose .top .op a.tt_more:hover i,.choose .top .op a.tt_more:hover  span {color:#003b80;}
.choose .top .op  a.tt_more {display: flex;align-items: center; width: 80px;justify-content: flex-end;}
.choose .top .op  a.tt_more  span { color: #666; font-size: 14px; margin-right: 5px;}
.choose .top .op  a.tt_more  i {}

.choose .title {color: #666; font-size: 26px;     line-height: 1; }
 .choose .content {    display: flex; flex-flow: wrap; justify-content: flex-start;margin-bottom: 1rem;}
 .choose .content a {  display: flex;align-items: center;  cursor: pointer;  text-align: center; display: flex;justify-content: flex-start;align-items: center;margin-right: 1rem;width: 29.6rem;margin-bottom: 6px;}
 .choose .content a:nth-of-type(1){display: none;}
 .choose .content a input {    pointer-events: none ; -webkit-appearance: checkbox; margin-right: 5px;}
 .choose .content a span {    color: #333; font-weight: normal; text-align: left; font-size: 12px;line-height: 20px;    font-family: Arial;}
/* �м�ģ�� */
.dataTables_scrollHead.on {margin-bottom: 170px!important;}
.dataTables_scrollHead {margin-bottom: 8px!important;}
.dtsp-verticalContainer .sidebar__container.on  .filter-tab {height: 170px; max-height: 170px;}
.dtsp-verticalContainer .sidebar__container{margin-right:0;width:100%;transition: all .3s; position: absolute; top: 67px;z-index: 13;}
.dtsp-verticalContainer .filter-tab{  height: 8px; max-height: 8px;  display: flex;  overflow-x: scroll; width: 100%; overflow-y: hidden;}
.dtsp-verticalContainer .ifx-accordion{    width: 200px; box-sizing: border-box; padding: 0px 0px 0 5px;}
.dtsp-verticalContainer .ifx-pt-search { margin: 0 auto 0px; width: calc(100% - 0px); position: relative; overflow: auto;max-height: 160px;}
.dtsp-verticalContainer .filter-tab::-webkit-scrollbar { height: 0px;}
.dtsp-verticalContainer .ifx-pt-search::-webkit-scrollbar { width: 3px; height: 3px; }
.dtsp-verticalContainer .ifx-pt-search::-webkit-scrollbar-track{border-radius: 2px;-webkit-box-shadow: inset 0 0 3px rgba(255,255,255,0.2);background: rgba(0,0,0,0.2);scrollbar-arrow-color:red;        }
.dtsp-verticalContainer .ifx-pt-search::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 3px rgba(255,255,255,0.2) ;border-radius: 0;background:#f29911;}
.dtsp-verticalContainer .ifx-search-reset-row { display: block;position: absolute;top: 0;right: 0;}
.ifx-accordion__header {display: none;}
.ifx-accordion__body {display: block;}
.filter-tab .ifx-filter.on {left: 0px;position: sticky; position: -webkit-sticky; z-index: 10; background-color: #fff; }

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar{width: 6px;    height: 10px;scrollbar-arrow-color:red;}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar-thumb {border-radius: 2px;-webkit-box-shadow: inset 0 0 3px rgba(255,255,255,0.2);background: #f29911;scrollbar-arrow-color:red;        }
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 3px rgba(255,255,255,0.2);border-radius: 0;background:#eee;}
/* ���ص�һ�� */
.filter-tab .ifx-filter:nth-of-type(1) .ifx-accordion{opacity: 0; pointer-events: none;}
.sidebar__container {position: relative;}
.sidebar__container .collapse-bar { cursor: pointer; width: 100%; height: 8px; background: #c0c0c0; z-index: 90; position: absolute; bottom: 0px; }
.collapse-bar .arrow { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; cursor: pointer; }
.collapse-bar.on .arrow { border-bottom: 6px solid #c0c0c0; top: -6px; border-top: 0px;}
.collapse-bar .arrow { border-top: 6px solid #c0c0c0; bottom: -6px;border-bottom: 0px; top: auto;}
.sidebar__container {overflow: unset;}

.choose .content.on a:nth-last-child(1),.choose .content.on a:nth-last-child(2),.choose .content.on a:nth-last-child(3)
.choose .content.on a:nth-last-child(4),.choose .content.on a:nth-last-child(5),.choose .content.on a:nth-last-child(6)
{display: none;}


.dataTables_wrapper .dataTables_paginate span{      color: #666;  display: inline-block;}

/* ��ͷ �� ���� ��ʽ���� */
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable{ width: max-content!important; }
.dtsp-verticalContainer .dataTables_scrollHeadInner table.dataTable.nowrap th {    height: 67px!important; }
.dataTables_scrollHeadInner {width: max-content!important;}
/* .dataTables_scrollHead table.dataTable.on {width: max-content!important;} */
.dataTables_scrollHead table.dataTable thead {width: max-content}
div.dataTables_scrollBody>table,div.dataTables_scrollBody>table tbody,table.dataTable tbody tr {width: max-content!important;}
 .dtsp-verticalContainer.on table.dataTable tbody tr td{ width: 200px!important;        }
 .dtsp-verticalContainer table.dataTable tbody tr td {width: 160px!important;font-family: Arial; box-sizing: border-box;}

table.dataTable.display tbody tr:hover>.sorting_1:hover {z-index: 10;}
.dataTable th i { height: 67px; }
.dtsp-verticalContainer .dataTables_scrollHeadInner table.dataTable.nowrap th.on {z-index: 4;}
.sidebar__controls__container__resetLink { font-size: 12px; width: fit-content; float: left; width: 160px; height: 40px; display: flex; justify-content: center; align-items: center; color: #333; background-color: #ccc; top: 0; position: relative;font-family: Arial; }
.sidebar__controls__container__resetLink:hover{ background: #f29911; color: #fff;}


.ifx-inputRange { width: calc(61%); }
.ifx-inputRange__inputContainer--max { text-align: start; width: 80%; left: 22px!important; }
.ifx-inputRange__inputContainer { margin-top: 20px; width: 85%; left: 22px!important; }
.ifx-inputRange { width: 118px!important; }
.dataTables_wrapper .top { display: none; }
/* excel */
.dtsp-verticalContainer div.dt-buttons { display: none; }
.tt_excel { cursor: pointer; display: none; width: 120px; text-align: center; font-size: 12px; color: #333; background: none; border: 1px solid #ddd;border-radius: 0; padding: 0; line-height: 38px; margin: 0; float: left; margin-left: 44px; top: 0; position: relative;}
.tt_excel:hover {background: #f29911;border: 1px solid #f29911; color: #fff;}
.tt_excel:hover span { color: #fff;}
.tt_excel span {margin-left: 5px; font-family: Arial;   display: inline-block; color: #333;}
.dtsp-verticalContainer table.dataTable tbody tr td:nth-child(1).dataTables_empty {text-align: start;}
 
/* ---------------------------------- */
@media screen  and (max-width:1600px){
    html{font-size: 7.5px;}
    .choose .title {font-size: 20px;}
    .choose .content a { width: 32.6rem; }
    .sidebar__controls__container__resetLink { font-size: 13px; width: 107px; height: 40px;}
}

/*******************protable end******************************/
 





 
.app01{display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: top; -webkit-align-items: top; position: relative;}
.app01 .left{ display: block;overflow: hidden;float: left; margin-right: 0;width: 240px;color: #555;background: rgb(243, 246, 248);}
.app01 .left h4{ display: block;color: #666;font-size: 26px;line-height: 1em;margin-bottom:50px;text-indent: 20px;margin-top: 20px;}
.app01 .left .pagelistdow{}
.app01 .left .pagelistdow li{ display: block;overflow: hidden;margin-bottom: 10px;}
.app01 .left .pagelistdow li .join01gw{ display: block;overflow: hidden;position: relative;margin-bottom: 0px;padding-bottom: 20px;border-bottom: 1px solid #eee;}
.app01 .left .pagelistdow li .join01gw > a{ color: #333;font-size: 14px;text-indent: 20px; }
.app01 .left .pagelistdow li .join01gw .icon{ position: absolute;top: 0;right: 20px;}
.app01 .left .pagelistdow li .join01gw .icon .fa{ font-size: 18px;color: #999;}
.app01 .left .pagelistdow li .join01gw .icon .fa-angle-down{display: none;}
.app01 .left .pagelistdow li .on .icon .fa-angle-down{display: block;}
.app01 .left .pagelistdow li .on .icon .fa-angle-right{display: none;}
.app01 .left .pagelistdow li .join01info{    display: block;overflow: hidden;margin-bottom: 40px;}
.app01 .left .pagelistdow li .join01info a{    color: #666;text-indent: 20px;font-size: 13px;padding: 8px 5px;border-bottom: 1px solid #eee;}
.app01 .left .pagelistdow li .join01info a:hover,.app01 .left .pagelistdow li .join01gw > a:hover,.app01 .left .pagelistdow li .on > a{ color:#f29911; }

.app01 .left .pagelistdow li:nth-child(1) .join01info{ display: block;}
.app01 .right{ width: calc(100% - 300px);}


.appbt{ display: block;overflow: hidden;margin-bottom: 50px;border-bottom: 1px solid #ddd;padding-bottom: 20px;}
.app02 .bot .blimga{display: block;overflow: hidden;margin-bottom: 30px;}
.app02 .bot .blimga a{cursor:pointer; display: block;color: #333;float: left;background: #eee;margin-right: 20px;width: 180px;text-align: center;padding: 12px 0;font-size: 12px; border-radius: 2em; line-height: 1;}
.app02 .bot .blimga .active{ background: #f29911; color: #fff;}
.app02 .bot .blimgb{display: block;overflow: hidden; }
.app02 .bot .blimgb img{display: none;}
.app02 .bot .blimgb img:nth-child(1){display: block;}

.app02 .right .bot{     position: relative;display: block;overflow: hidden;max-height: 500px; width:100%; overflow: auto; border-bottom: 1px solid #ddd;}
.app02 .right .bt{     display: block;overflow: hidden;   width: 100% !important;}
.app02 .right .bt span{background: #009d6c; color: #fff;padding: 5px 0;text-align: center;    border-right: 1px solid #ddd;    float: left;width: calc(20% - 5px);font-size: 12px;}
.app02 .right .bt span:nth-child(2){width: calc(10% - 1px);}
.app02 .right .bt span:nth-child(3){width: calc(25% - 1px);}
.app02 .right .bt span:nth-child(4){width: calc(30% - 1px);}
.app02 .right .bt span:nth-child(5){width: calc(15% - 1px);}

.app02 .right .bot::-webkit-scrollbar { height: 0px;}
.app02 .right .bot::-webkit-scrollbar { width: 6px; height: 6px; }
.app02 .right .bot::-webkit-scrollbar-track{border-radius: 2px;-webkit-box-shadow: inset 0 0 3px rgba(255,255,255,0.2);background: rgba(0,0,0,0.2);scrollbar-arrow-color:red;        }
.app02 .right .bot::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 3px rgba(255,255,255,0.2) ;border-radius: 0;background:#f29911;}
.app02 .right .bot colgroup{display: none;}
.app02 .right .more{ position: absolute;top: 0;right: 0;    width: 150px;line-height: 1em;height: auto;padding: 12px 0;}

.app02 .right .bttable{ position: relative;display: block; }
.app02 .right .bttable ul{ display: block;width: 100%;margin: 0;padding: 0;overflow: hidden;}
.app02 .right .bttable ul li{padding: 5px 0;text-align: center;border-right: 0;float: left;width: calc(20% - 0px);font-size: 12px; margin: 0; padding: 0;}
.app02 .right .bttable ul li:nth-child(2){ width: calc(10% - 0px);}
.app02 .right .bttable ul li:nth-child(3){ width: calc(25% - 0px);}
.app02 .right .bttable ul li:nth-child(4){ width: calc(30% - 0px);}
.app02 .right .bttable ul li:nth-child(5){ width: calc(15% - 0px);}
.app02 .right .bttable ul li span{    padding: 0;color: #333;display: block;text-align: center; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;     line-height: 26px;}
.app02 .right .bttable ul li span a{color: #333;text-align: center;display: block;}
.app02 .right .bttable ul li span:nth-child(2n){    background: #e3f5ef;}
.app02 .right .bttable .btahref{ position: absolute;width: 20%;height: 100%;top: 0;left: 0;}
.app02 .right .bttable .btahref a{ padding: 5px 0;color: #333;display: block;text-align: center;opacity: 0;}
 

 
.newsshow{ margin-bottom: 100px;display: block;overflow: hidden;}
.newsshow dt{ display: block;overflow: hidden;margin: 50px 0;border-bottom: 1px solid #ddd;}
.newsshow dt h3{ display: block;color: #333;font-size: 28px; line-height: 36px; font-weight: bold;}
.newsshow dt h4{ display: block;overflow: hidden;margin: 30px 0;}
.newsshow dt h4 span{ color: #666;font-size: 16px;float: left;margin-right: 10px;}
.newsshow .xxcc{ display: block;overflow: hidden;margin-bottom: 150px;}
.newsshow .xxcc p,.newsshow .xxcc span,.newsshow .xxcc font,.newsshow .xxcc i{ display: block;color: #333;font-size: 16px;line-height: 32px;}
.newsshow .xxcc img{display: block;margin: 20px auto;width: auto;height: auto;max-width: 100%;}
 



@media screen and (max-width:1600px) {
	html { font-size: 7.5px; }
	.icenter { width: 1100px; }
	.icenter2{ width:950px;}

.qua01 .icenter2 .qua__top ul{ display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;}
.qua01 .icenter2 .qua__top ul li{ margin: 0; width: 206px;height: 206px;}


.searchlisttitile{ margin-bottom:0; }
.invest01 .icenter .content .right .right__g1 .right__g1__t .cc{margin-bottom:2rem;}
.invest01 .icenter .content .right .right__g1 .right__g1__t{margin-top: 75px;}

	.more { width: 130px; height: 36px; }

.searchtag{top:65px;padding: 30px 0;}
.searchtag .pyjy a{font-size: 18px;}
.searchtag .close{height: 20px;}
.searchtag .pyjyinput .pkn .btnsubmit{font-size: 16px;    height: 40px;}
.searchtag .pyjyinput .pkn .in{font-size: 14px;height: 40px;}

	.more::after,.more > span{font-size:12px;}
	.head { height: 65px; }
	.head li .a { line-height: 65px; height: 65px; font-size: 16px; }
	.head li { margin: 0 15px; }
	.head .op .search { font-size: 16px; margin-right: 11px; }
	.head .op .lang img { width: 20px; margin-right: 7px; }
	.head .op .lang { padding-left: 9px; margin-left: 3px; font-size: 13px; }
	.head .logo img { width: 116px; }
	.head .logo .gu span, .head .logo .gu font { font-size: 12px; line-height: 1.3; }
	.ibanner { position: relative; height: calc(100vh - 65px); margin-top:65px; }
	.ibanner .text { font-size: 60px;top: 45%; }
	.ibanner .b-more { font-size: 12px; bottom: 148px; }
	.ibanner .b-more:after { height: 50px; top: 34px; }
	.ibanner .text strong {   }
	.ibanner .text .blank { width: 30px; }
	@keyframes fa02_core1 {
		100% { left: 180px; }
	}
	@keyframes fa02_core2 {
		100% { right: 180px; }
	}
	.i01 form { margin-bottom: 40px; }
	
.ab04 .bot .box p img{ width:80%; }
.ab05 .bot .bot__b .box .imgbox img{ height:auto; }

	  /* i01 */
	.i01 { padding: 59px 0 27px; }
	.i01 form input { padding: 0 31px; font-size: 14px; line-height: 40px; width: 380px; height: 40px; }
	.i01 form button { font-size: 17px; right: 25px; }
	.i01 form input::-webkit-input-placeholder { font-size: 14px; }
	.i01 ul li .t a img { height: 40px; margin-bottom: 10px; }
	.i01 ul li .t a span { font-size: 16px; }
	.i01 ul li .b a { font-size: 12px; margin-top: 12px; }
	
	  /* i02 */
	.i02 { padding: 80px 0 160px; }
	.i02 .title span { font-size: 16px; margin-bottom: 14px; }
	.i_h3 { font-size: 30px; line-height: 46px; }
	.i02 .title { padding-bottom: 32px; border-bottom: 4px solid rgb(240, 240, 240); margin-bottom: 29px; }
	.i02 ul li h4 strong { font-size: 50px; margin-right: 5px; line-height: 52px; }
	.i02 ul li h4 span { font-size: 16px; line-height: 23px; }
	.i02 ul li { width:auto; margin-right: 0; padding-top: 2.2rem; padding-bottom: 2rem; }
	.i02 ul li h5 { font-size: 14px; margin-top: 18px; max-width: 150px; }
	.i02 ul { margin-bottom: 53px; }
	.i02 .bg { width: 50%; }

	.head .right ul li .pronav .pr dd .la p span{ width: calc(112% - 60px); }
	
	  /* i03 */
	.i03 { padding: 0px 0 100px; }
	.i03 ul { margin-top: 54px; }
	.i03 ul li {  padding: 40px 16px 60px; width: calc(23.5% - 32px); }
	.i03 ul li .icon { width: 90px; height: 90px; }
	.i03 ul li .icon img { height: 60px; }
	.i03 ul li h4 { font-size: 26px; margin: 23px 0; padding-bottom: 24px; }
	.i03 ul li h4::after { bottom: 0px; height: 2px; width: 72px; }
	.i03 ul li p { font-size: 14px; line-height: 24px; }
	.i03 ul li .c1 { height: 57px; margin-bottom: 10px; }
	.i03 ul li .c1 a { transition: 0.3s; width: calc(49% - 1px);  margin-right:1px;  margin-bottom: 8px; height: 26px;     text-align: center; line-height: 1em;}
	.i03 ul li .alb { left: 20px; width: calc(100% - 40px); }
	
	  /* i04 */
	.i04 { padding: 80px 0; }
	.i04 .tab { margin: 40px 0; padding-bottom: 29px; border-bottom: 4px solid rgb(240, 240, 240); }
	.i04 .tab a { margin-right: 18px; }
	.i04 .bot .box .text h3 { font-size: 26px; }
	.i04 .bot .box .text p { font-size: 14px; margin: 31px 0 48px; line-height: 24px; }
	.i04 .bot .box .text h4{font-size:16px; }
	.i04 .bg { bottom: 52px; width: 532px; }
	.i04 .bot .swiper-pagination .swiper-pagination-bullet { width: 9px; height: 9px; margin: 0 5px; }
	
	  /* i05 */
	.i05 { height: 420px; margin-bottom: 350px; }
	.i05 .icenter .more { margin: 39px 0 67px; }
	.i05 .icenter { top: 60px; }
	.i05 .icenter .bot .box p { font-size: 24px; line-height: 35px; }
	.i05 .icenter .bot .box span img { width: 35px; }
	.i05 .icenter .bot .box { height: 306px; padding: 0 39px; }
	.i05 .icenter .bot .text { font-size: 24px; line-height: 32px; margin-bottom: 55px; }
	
	  /* footer */
	.footer .waves { top: -80px; height: 80px; }
	.footer .fo01 .icenter .left h3 { font-size: 18px; margin-bottom: 15px; }
	.footer .fo01 .icenter .left ul li span { font-size: 12px; }
	.footer .fo01 .icenter .left ul li a { font-size: 14px; margin-top: 18px;     line-height: 18px;}
	.footer .fo01 .icenter .mid ul li h3 a { font-size: 16px; }
	.footer .fo01 .icenter .mid ul li a { font-size: 14px; margin-top: 18px;     line-height: 18px;}
	.footer .fo01 .icenter .right .logo img { width: 138px; }
	.footer .fo01 .icenter .right .gpct .gpcs1 span { font-size: 14px; }
	.footer .fo01 .icenter .right .gpct .gpcs1 font { font-size: 14px; }
	.footer .fo01 .icenter .right .gpct .gpcs2 p { font-size: 34px; }
	.footer .fo01 .icenter .right .gpct .gpcs2 span { font-size: 14px; }
	.footer .fo01 .icenter .right .gpct .gpcs1 { margin-bottom: 11px; }
	.footer .fo01 .icenter .right .gpct .gpcs3 span, .footer .fo01 .icenter .right .gpct .gpcs3 font { font-size: 12px; }
	.footer .fo01 .icenter .right .gpct .gpcs3 { margin-bottom: 22px; }
	.footer .fo01 .icenter .right .ewm .cot p span { font-size: 23px; margin-bottom: 6px; }
	.footer .fo01 .icenter .right .ewm .b_ewm span {   }
	.footer .fo02 .icenter a { font-size: 12px; margin-right: 17px; }
	.footer { padding: 50px 0; }
	.footer .fo01 .icenter .right .ewm .b_ewm img { width: 66px; margin-right: 8px; }
	.footer .fo01 .icenter .right .ewm .cot p font { font-size: 18px; }
	.footer .fo01 .icenter .right .ewm .cot { margin-bottom: 27px; }
	.ab01 .left h3 { font-size: 26px; line-height: 32px; width: 89%; }
	.ab01 .left p { font-size: 14px; line-height: 24px; }
	.innerbanner .b_nav a { border-bottom: 2px solid transparent; font-size: 18px; }
	.invest_h3 { font-size:26px;     margin-bottom: 20px;}

.app_2 .gpct .gpcs3 span, .app_2 .gpct .gpcs3 font{ font-size:14px; }

.invest01 .icenter .content .left{ padding: 0 40px; width: calc(50% - 100px);}
.invest01 .icenter .content .right .right__g1{    padding: 0 40px 60px;}
.invest01 .icenter .content .right .right__g2{    padding: 60px 40px 20px;}

.jl dd .top{    width: calc(100% - 120px);padding: 3rem 40px;}
.join03 .g:nth-of-type(1) .text{    padding: 8rem;}

.head .right ul li .sub .icenter2 .applicatonsnav .apb font{font-size: 14px;}
.head .right ul li .pronav .pl dd a span,.head .right ul li .pronav .pr dd .la p span{  margin-left: 10px;  font-size: 14px;}
.head .right ul li .pronav .pr dd .la p img,.head .right ul li .pronav .pl dd a img{    height: 26px;}
.head .right ul li .pronav .pr dd .la a{font-size:12px;margin-bottom: 6px; padding-bottom: 6px; }
.head .right ul li .pronav .pl dd a,.head .right ul li .pronav .pr dd .la{width:16%;}
.prolr .prottdt .pagelistdow li .join01gw a{font-weight: normal;font-size: 13px;}
.prolr .prottdt .pagelistdow li .join01info a,.head .right ul li .pronav .pr dd .la .esd .ia{ font-size:12px; }
.proshowpic dd h3{ font-size: 30px;}
.proshowpic dd h4{ font-size: 16px;}
.prolr .prottdt h3{    font-size: 20px;}

.head .right ul li .pronav .pr dd .la .esd .ib{ padding: 0 0px 0 10px;}
.head .right ul li .pronav .pr dd .la .esd .ib a{ margin-bottom: 4px;color: #666;font-size: 12px;zoom: 0.9;}
.head .right ul li .pronav .pl{ margin-bottom:30px; }

.qua02 img{ width: 20rem; margin-top: 2rem;}
.qua02{padding: 6em 0 12em;}
.join02 .icenter .invest_h3{    font-size: 30px;}
.join02 .icenter li .text{width: 90%;}
.proshowpic dd .proa{ width: 180px; }

	.ab02 .bot .box p { font-size: 26px; line-height: 40px; }
	.ab02 .mid .num span { font-size: 28px; }
	.ab03 .g .text h4 { font-size: 30px; }
	.ab03 .g .text p { font-size: 16px; line-height: 24px; }
	.ab04 .bot .box h4 { font-size: 14px; }
	.ab04 .bot .box h5 { font-size: 14px; }
	.ab05 .top .top__b .le h4 { font-size: 20px; }
	.ab05 .top .top__b .le ul li {     font-size: 14px; line-height: 20px; }
	.ab05 .top .top__b .mid li h4 { font-size: 17px; }
	.ab05 .top .top__b .mid li h5 { font-size: 15px; }
	.ab05 .top .top__b .ri span { font-size: 12px; line-height: 20px;    max-width: 150px; }
	.ab05 .bot .bot__b .box .text h4 { font-size: 14px;    font-weight: bold; }
	.ab05 .bot .bot__b .box .text li { font-size: 12px; line-height: 20px;     margin-bottom: 1rem; }
	.app01 .app_h3 { font-size: 30px; }
	.app01 .nav a { font-size: 16px; }
	.app01 .g .g__top font { font-size: 24px; }
	.app01 .g .g__top h4 { font-size: 16px;line-height: 24px; }
	.app01 .g .g__bot h5 { font-size: 24px; }
	.app01 .g .g__bot p { font-size: 16px; line-height: 24px; }
	.app02 h3,.app01 .left h4 { font-size:24px; }
	.app03 h4 { font-size: 15px; }
	.qua01 .icenter .qua__top ul li h4 { font-size: 20px; width:80%; text-align: center; }
	.qua01 .icenter .qua__top ul li span { font-size: 14px; }
	.jl dd .top .top__le h4 { font-size: 18px; }
	.qua01 .icenter .qua__bot .bot a h4 { font-size: 18px; }
	.jl dd .top .top__le .tip span { font-size: 14px; }
	.jl dd .bot .cc h4 { font-size: 16px; }
	.jl dd .bot .cc p { font-size: 16px; line-height: 29px; }
	.jl dd .bot .you { font-size: 15px; }
	.jl dd .bot span { font-size: 15px; }

	.qua01 .jl dd .top .top__le h4 { font-size: 22px; }
	.qua01 .icenter .qua__bot .bot a h4 { font-size: 18px; }
	.qua01 .jl dd .top .top__le .tip span { font-size: 13px; }
	.qua01 .jl dd .bot .cc h4 { font-size: 17px; }
	.qua01 .jl dd .bot .cc p { font-size: 15px; line-height: 29px; }
	.qua01 .jl dd .bot .you { font-size: 15px; }
	.qua01 .jl dd .bot span { font-size: 15px; }

	.join02 .icenter li .text h4 { font-size: 24px; }
	.join02 .icenter li .text h5 { font-size: 14px; line-height:20px; }
	.join03 .g .text h4 { font-size: 14px; }
	.join03 .g .text p { font-size: 18px; line-height: 30px; }
	.join04 .icenter .top h3 {line-height: 28px; font-size: 26px; width: 50%; }
	.join04 .icenter .top p { font-size: 14px; line-height: 20px; }
	.join04 .icenter .bot .box span { font-size: 18px; }
	.news a .text h4 { font-size: 24px; line-height: 26px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
	.news a .text h5 { font-size: 14px; }
	.news a .text p {  font-size: 14px; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;  }
	.news a .text h6 { font-size: 14px; line-height: 26px; }
	.invest01 .icenter .content .cc .invest01_h4 { font-size: 14px; }
	.invest01 .icenter .content .cc .invest01_h5 { font-size: 14px; }
	.invest01 .icenter .content .left .left__b .cc:last-child h5 { line-height: 24px; }
	.invest01 .icenter .content .right .right__g1 .right__g1__t .cc h4 { font-size: 26px; }
	.invest01 .icenter .content .right .right__g1 .right__g1__t .cc h5 { font-size: 30px; }
	.app_2 .content .content__cc .content__cc__span { font-size: 18px; }
	.app_3 .report a h4 { font-size: 18px; line-height: 28px; }
  #container__one__table, #container__two__table, #container__three__table, #container__four__table {     height: 72rem!important;}

  .div2 .head .right ul li .sub { top: 65px; }
  .head .right ul li.active .sub { padding: 65px 0;}
  .head .right ul li .sub .icenter2 .le a { font-size: 18px; margin-bottom: 16px; }
  .head .right ul li .sub .icenter2 .ri a { font-size: 14px; width: 358px; line-height: 42px; }
.invest01 .icenter .content .right .right__g1 .right__g1__b .cc,.invest01 .icenter .content .left .left__m .cc{margin-right: 4rem;}

  .ab05 .bot font{font-size:24px;}

.fu{    bottom: 30px;}
.fu_box .content .left dd h3, .fu_box .content .left dd h3 a{font-size:20px;}
.fu_box .content{    height: 350px;}
.fu{ width:80px;height:80px;}
.fu img{ margin: -10px; width: 20px;}
.fu::after{ width: 56px;height: 56px;}

.invest01 .icenter .content .right .right__g2 .cc{margin-bottom: 25px;}
.invest01 .invest_h3  {margin-bottom: 20px;}
}

/*# sourceMappingURL=xindao.css.map */