@charset "utf-8";
.header .rgt .nav li ul { width:325%; right:-113%;}
.header .rgt .search form { width:275px;}
.header .rgt .search .btn { width:95px;}
.banner .text h1 { line-height:70px; font-size:50px; letter-spacing:0px;}
.about { padding:120px 0 170px 0;}
.about .lft p { line-height:35px; font-size:16px; letter-spacing:0px;}
.about .lft a,
.pros .more { width:200px;}
.pros li h3 { height:105px;}
.intosr .into02 li .lft h3 { height:60px; line-height:30px; font-size:16px;}
.intosr .into02 li .rgt p { letter-spacing:0px;}
.banner_ej h1 { height:70px; letter-spacing:0px;}
.catnav li { margin-right:20px;}
.catnav li a { font-size:14px; letter-spacing:-0.5px;}
.proall .msg h1 { line-height:35px; padding-bottom:20px;}
.proall .msg a { width:180px; background-position:205px center;}
.proshow .msg h3 { line-height:60px; font-size:40px; padding-top:20px;}
.proshow .msg p { line-height:30px; font-size:16px;}
.proshow .msg a { margin-top:50px;}
.proshow .norms h4 { line-height:40px; font-size:24px; margin-top:25px;}
.investor .notice .rgt { background-position:30px center;}
.investor .notice .rgt a { padding: 40px 0 0 110px; background-position:115px 90px;}
.investor .shares a { width:155px; background-position:160px center;}
.plan li p { font-size:16px;}
.job .lft .nvs { padding:10px 15px;}
.job .lft .nvs li a { font-weight:bold; font-size:14px; text-transform:Uppercase;}
.join .whysir li { height:300px;}
.social .wlbj .bg1 { height:950px;}
.social .soc1 .mumber li { width:240px; margin:0 40px;}
.social .soc2 { top:50px;}
.social .soc2 .msg { width:550px;}
.social .soc2 .msg .nr { width:450px;}
.social .soc2 .msg .nr p { line-height:30px; margin-top:10px; letter-spacing:-0.5px;}
.social .soc2 .msg .nr p::after { top:13px;}
.social .soc3 li .msg p { height:auto; mxa-height:160px;}
.social .soc4 { top:70px;}
.social .wlbj .bg2 { height:800px;}
.social .soc4 li { width:285px; margin-right:50px;}
.social .soc4 li h3 { height:60px; line-height:30px; font-size:22px;}
.social .soc4 li p { line-height:25px; font-size:14px;}
.footer .rgt { max-width:45%;}

@media screen and (max-width:1365px) {
.banner .text h1 { line-height:60px; font-size:40px; letter-spacing:0;}
.about .lft p { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;}
.about .lft a,.pros .more { width:160px;}
.footer .nva { width:540px;}
.catnav { height:50px; line-height:50px; overflow-x:scroll;}
.catnav::-webkit-scrollbar { width:0px; height:0px;} 
.catnav ul { width:1160px;}
.topnav { height:50px; line-height:50px; overflow-x:scroll;}
.topnav::-webkit-scrollbar { width:0px; height:0px;} 
.topnav ul { width:1050px;}
.header .mnavs li h3 a { font-size:14px;}
.proall .msg a { font-size:14px;}
.proall .msg p { line-height:22px; font-size:12px;}
.intosr .into02 li .lft h3 { height:100px;}
.plan li { height:auto;}
.plan li p { background-position:center bottom;}
.social .soc1 .mumber li { width:calc(100% / 2); margin:10px 0;}
.join .whysir li { height:220px;}
}

@media screen and (min-width:320px) and (max-width:767px) {
.catnav ul { width:1330px;} 
.topnav ul { width:745px;}
.banner_ej h1 { font-size:18px; letter-spacing:0;}
.banner .text h1 { line-height:30px; font-size:22px;}
.about .lft p { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical;}
.contact .bottom .tabs { overflow:hidden; overflow-x:scroll;}
.contact .bottom .tabs ul { display:block; width:580px;}
.contact .bottom .tabs li { padding:0 10px;}
.proall .msg a { width:165px; background-position:175px center;}
.proall .msg { width:90%;}
.proall .msg h1 { line-height:30px; font-size:16px; padding:10px 0;}
.proall .msg p { line-height:22px;}
.prolist li .msg a { font-size:12px; background-position:155px center;}
.investor .notice .rgt { background-position:center 20px;}
.investor .notice .rgt a { line-height:25px; padding:80px 0 0 0; background-position:center 150px;}
.investor .wlbj .bg { height:470px;}
.investor .shares a { background-position:140px center;}
.plan li { height:510px;}
.job .lft .nvs { padding:0;}
.jobshow .msg span { width:100%;}
.social .soc1 .mumber li { width:100%;}
.social .soc2 .msg { width:100%;}
.social .soc2 .msg .nr { width: calc(100% - 70px);}
.join .whysir li { height:300px;}
}