@charset "utf-8";
.home-banner {background:url(/zh-cn/aboutus/images/banner.jpg) no-repeat center 0;height:680px;}
.home-banner .tit { line-height:100px;}
.home-banner .txt { line-height:46px;width:730px;padding-top:210px; }

.about-introduction-warp {height:680px;}
.about-introduction-warp .tit {height:175px; line-height:175px;}
.about-introduction-warp .cont {border:solid 1px #e6e6e6;}
.about-introduction-warp li {height:78px;border-bottom:solid 1px #e6e6e6;}
.about-introduction-warp li.even { background:#f7f7f7;}
.about-introduction-warp li:last-child {border:none;}
.about-introduction-warp li h4 { float:left;width:169px;height:78px;border-right:solid 1px #e6e6e6;line-height:78px; padding-left:110px;}
.about-introduction-warp li h4.b1 { background:url(/zh-cn/aboutus/images/about-icon-1.svg) no-repeat 61px center;}
.about-introduction-warp li h4.b2 { background:url(/zh-cn/aboutus/images/about-icon-2.svg) no-repeat 59px center;}
.about-introduction-warp li h4.b3 { background:url(/zh-cn/aboutus/images/about-icon-3.svg) no-repeat 61px center;}
.about-introduction-warp li h4.b4 { background:url(/zh-cn/aboutus/images/about-icon-4.svg) no-repeat 60px center;}
.about-introduction-warp li h4.b5 { background:url(/zh-cn/aboutus/images/about-icon-5.svg) no-repeat 60px center;}
.about-introduction-warp li p { float:left;color:#555;height:78px;}
.about-introduction-warp li p span { float:left; text-align:center; border-right:solid 1px #e6e6e6; line-height:48px; padding:15px 0;width:178px;}
.about-introduction-warp li p .p2 { line-height:24px;}
.about-introduction-warp li p span:last-child {border:none;}
.about-qualifications-warp {height:680px;}
.about-qualifications-warp .tit { padding:70px 0 105px;line-height:40px;}
.about-qualifications-warp ul li {width:265px;height:300px; background-color:#fff; border-radius:3px;margin:0 40px 0 0; position:relative; float:left;}
.about-qualifications-warp ul li.last {margin-right:0;}
.about-qualifications-warp ul li a {padding:0 15px;height:300px;}
.about-qualifications-warp ul li h4 { padding-top:22px; line-height:37px;}
.about-qualifications-warp ul li .en { line-height:25px; padding-bottom:12px;color:#333;}
.about-qualifications-warp ul li .line {height:1px; overflow:hidden; background:#e5e5e5;}
.about-qualifications-warp ul li .con { line-height:26px; padding-top:15px;}

.icon-arw1 {
  display:inline-block;
 overflow:hidden;
 position:absolute;
 bottom:40px;
 left:20px; 
 width:16px;
 height:11px;
 vertical-align:middle;
}
.icon-arw1:before,
.icon-arw1:after {
 content:'';
 display:block;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background:url(/zh-cn/static/images/home/home-company-more-bg.svg) no-repeat center center;
 background-size:contain;
}
.icon-arw1:after {
 -webkit-transform:translateX(-101%);
 /*! transform:translateX(-101%) */
}
a:hover .icon-arw1:before {
 -webkit-transition:opacity .3s cubic-bezier(0.23, 1, 0.32, 1) 0s,-webkit-transform .4s cubic-bezier(0.23, 1, 0.32, 1) 0s;
 transition:opacity .3s cubic-bezier(0.23, 1, 0.32, 1) 0s,-webkit-transform .4s cubic-bezier(0.23, 1, 0.32, 1) 0s;
 transition:transform .4s cubic-bezier(0.23, 1, 0.32, 1) 0s,opacity .3s cubic-bezier(0.23, 1, 0.32, 1) 0s;
 transition:transform .4s cubic-bezier(0.23, 1, 0.32, 1) 0s,opacity .3s cubic-bezier(0.23, 1, 0.32, 1) 0s,-webkit-transform .4s cubic-bezier(0.23, 1, 0.32, 1) 0s;
 -webkit-transform:translateX(101%);
 transform:translateX(101%);
 opacity:0
}
a:hover .icon-arw1:after {
 -webkit-transition:-webkit-transform .4s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
 transition:-webkit-transform .4s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
 transition:transform .4s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
 transition:transform .4s cubic-bezier(0.23, 1, 0.32, 1) 0.1s, -webkit-transform .4s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
 -webkit-transform:translateX(0);
 transform:translateX(0)
}
/*.about-team-warp { padding-bottom:85px;}
.about-team-warp .tit { line-height:140px; height:140px;}
.about-team-warp li {width:340px;float:left;height:410px;margin-bottom:35px; background:#f7f7f7; padding:40px 20px 0;}
.about-team-warp li.mid {margin:0 20px 35px;}
.about-team-warp li .pic {width:80px;height:80px; box-shadow:0 10px 12px rgba(189,185,177,0.6); border-radius:100%;}
.about-team-warp li h4 { line-height:30px; padding:10px 0 0 20px;}
.about-team-warp li p { line-height:20px;  padding:25px 0 15px;min-height:200px;}
.about-team-warp li a {height:48px;width:118px;border:solid 1px #c8c8c8;border-radius:4px;}
.about-team-warp li a.in {background:url(/en-us/aboutus/images/team-bg-in.svg) no-repeat center center; background-size:28px 27px;}
.about-team-warp li a.finra {background:url(/en-us/aboutus/images/team-bg-finra.svg) no-repeat center center;background-size:74px 18px;}
.about-team-warp li a.in:hover {border:solid 1px #c50031; background:#c50031 url(/en-us/aboutus/images/team-bg-in-dq.svg) no-repeat center center;background-size:28px 27px;}
.about-team-warp li a.finra:hover {border:solid 1px #c50031; background:#c50031 url(/en-us/aboutus/images/team-bg-finra-dq.svg) no-repeat center center;background-size:74px 18px;}*/



.about-team-warp { padding-bottom:80px;}
.about-team-warp .tit { line-height:155px; height:155px;}
.about-team-warp li {width:500px; padding:30px 35px 0;height:260px;margin-bottom:40px; position:relative;box-shadow:0 0 28px rgba(0,0,0,0.1);}
.about-team-warp li .pic {width:82px;height:82px; box-shadow:0 10px 12px rgba(189,185,177,0.6); border-radius:100%;}
.about-team-warp li h4 { line-height:30px; padding:10px 0 0;margin-left:105px;}
.about-team-warp li h4 span {font-size:16px;}
.about-team-warp li p { line-height:20px; padding-top:15px;clear:both;}
.about-team-warp li a {height:34px;border:solid 1px #c8c8c8;border-radius:18px;padding:0 20px; position:absolute;top:50px;right:40px;}
.about-team-warp li a.in {background:url(/en-us/aboutus/images/team-bg-in.svg) no-repeat center center;width:24px; background-size:24px auto;}
.about-team-warp li a.finra {background:url(/en-us/aboutus/images/team-bg-finra.svg) no-repeat center center;background-size:65px auto;width:65px;}
.about-team-warp li a.in:hover {border:solid 1px #c50031; background:#c50031 url(/en-us/aboutus/images/team-bg-in-dq.svg) no-repeat center center;background-size:24px auto;}
.about-team-warp li a.finra:hover {border:solid 1px #c50031; background:#c50031 url(/en-us/aboutus/images/team-bg-finra-dq.svg) no-repeat center center;background-size:65px auto;}



.about-map-warp {height:680px;}
.about-map-warp .tit { line-height:60px; padding-top:40px;}
.about-map-warp .pic {width:936px;}
.about-contactus-warp {height:570px; padding-top:40px;}
.about-contactus-warp li {width:570px;}
.about-contactus-warp li h4 {height:50px; line-height:50px;}
.about-contactus-warp li .address { line-height:22px;}
.about-contactus-warp li .iphone { padding:16px 0 25px; line-height:26px;}


/*@media (max-width: 767px) {
.home-banner {  background-size:cover;height:auto;}
.home-banner .tit { padding:0 20px; line-height:normal;}
.home-banner .txt { line-height:30px;padding:120px 20px 30px;width:auto;font-size:16px;}
.home-banner .txt strong {font-size:16px;}
.about-introduction-warp {height:auto; padding:0 0 30px;}
.about-introduction-warp .tit { height:auto; line-height:normal; padding:30px 20px;font-size:16px;}
.about-introduction-warp .tit strong {font-size:16px;}

.about-introduction-warp .cont {display:none;border:solid 1px #e6e6e6;}
.about-introduction-warp .mobile { display:block;margin:0 auto;width:98%;}
.about-introduction-warp li { float:left;width:20%; border:none; height:auto;}
.about-introduction-warp li.even { background:none;}

.about-introduction-warp li h4 { float:none;width:auto;height:25px;line-height:normal; text-align:center; padding:55px 0 0 0;font-size:12px;border-right:solid 1px #e6e6e6;}
.about-introduction-warp li h4.b1 { background:#f7f7f7 url(/zh-cn/aboutus/images/about-icon-1.svg) no-repeat center 20px;}
.about-introduction-warp li h4.b2 { background:#f7f7f7 url(/zh-cn/aboutus/images/about-icon-2.svg) no-repeat center 20px;}
.about-introduction-warp li h4.b3 { background:#f7f7f7 url(/zh-cn/aboutus/images/about-icon-3.svg) no-repeat center 20px;}
.about-introduction-warp li h4.b4 { background:#f7f7f7 url(/zh-cn/aboutus/images/about-icon-4.svg) no-repeat center 20px;}
.about-introduction-warp li h4.b5 { background:#f7f7f7 url(/zh-cn/aboutus/images/about-icon-5.svg) no-repeat center 20px;}
.about-introduction-warp li p { padding:0;margin-left:0;line-height:normal;font-size:12px;border-right:solid 1px #e6e6e6;}
.about-introduction-warp li p span { display:block;width:100%;height:44px;text-align:center;padding:5px 0;border-top:solid 1px #e6e6e6; line-height:22px;}
.about-introduction-warp li p .p2 { line-height:22px;}
.about-introduction-warp li:last-child h4,.about-introduction-warp li:last-child p {border-right:none;}

.about-map-warp .pic { display:none;}
.about-map-warp .mobile { display:block;margin:0 auto;width:98%;}

.about-qualifications-warp {height:auto; padding-bottom:30px;}
.about-qualifications-warp .tit { height:auto; line-height:normal; padding:30px 20px 20px;font-size:16px;}
.about-qualifications-warp .tit strong {font-size:16px;}
.about-qualifications-warp ul li {width:90%; float:none;margin:0 auto 20px;height:auto;}
.about-qualifications-warp ul li.last {margin:0 auto;}
.about-qualifications-warp ul li a {padding:0 20px 50px;height:auto;}
.icon-arw1 {
 bottom:20px;
}
.about-team-warp {height:auto; padding-bottom:30px;}
.about-team-warp .tit { height:auto; line-height:normal; padding:30px 20px 20px;font-size:16px;}
.about-team-warp .tit span {font-size:16px;}
.about-team-warp ul {padding:20px 0 10px;}
.about-team-warp li {width:88%; float:none;margin:0 auto 30px; height:auto; padding-bottom:30px;}
.about-team-warp li.mid {margin:0 auto 30px;}
.about-team-warp li .pic {width:80px;height:80px;}
.about-team-warp li h4 {  padding:10px 0;line-height:30px; float:none;margin-left:90px;}
.about-team-warp li p { padding-top:5px; min-height:inherit;}
.about-team-warp li p.p1 { padding-bottom:15px;}

.about-vision-warp {height:auto;}
.about-vision-warp .tit { height:auto; line-height:normal; padding:30px 20px 20px;font-size:16px;white-space: inherit;}
.about-vision-warp .tit span {font-size:16px;}
.about-vision-warp ul {margin:0;}
.about-vision-warp ul li { float:none;margin:0 auto 20px;width:90%;height:330px;}

.about-job-warp { height:auto; padding-bottom:10px;}
.about-job-warp .tit { height:auto; line-height:normal; padding:30px 20px 20px;font-size:16px;}
.about-job-warp .tit strong {font-size:16px;}
.about-job-warp ul {margin-left:0;}
.about-job-warp ul li { float:none;margin:0 auto 20px;width:90%;}
.about-job-warp ul li.cur { height:auto;}
.about-job-warp ul li.cur .type { background:rgba(0,0,0,0.1);color:#fff;}
.about-job-warp ul li .box {left:inherit;top:inherit;position:relative;}

.about-map-warp {height:auto; padding-bottom:30px;}
.about-map-warp .tit { height:auto; line-height:normal; padding:30px 20px 20px;font-size:16px;}
.about-map-warp .tit strong {font-size:16px;}
.about-map-warp .pic { display:none;}
.about-map-warp .mobile { display:block;margin:0 auto;width:98%;}
.about-contactus-warp {height:auto; padding:30px 0;}
.about-contactus-warp li {width:90%; float:none;margin:0 auto 20px;}
.about-contactus-warp li h4 {font-size:16px;}
.about-contactus-warp li .address {font-size:14px;}
.about-contactus-warp li .iphone {font-size:14px; padding:10px 0 20px;}
.about-contactus-warp li img {width:100%;}
}*/