﻿ .fix:after, .fix:before {
     display: block;
     content: "clear";
     height: 0;
     clear: both;
     overflow: hidden;
     visibility: hidden
 }

 .wp {
     padding: 0 1.60rem;
 }

 @font-face {
     font-family: AlibabaPuHuiTiR-Regular;
     src: url(../fonts/ALIBABA-PUHUITI-REGULAR.OTF);
 }

 @font-face {
     font-family: GILROY-Regular;
     src: url(../fonts/GILROY-REGULAR.OTF);
 }

 @font-face {
     font-family: GILROY-Bold;
     src: url(../fonts/GILROY-BOLD.OTF);
 }

 .fen {
     margin-top: .4rem;
     display: flex;
     justify-content: space-between;
 }

 .fenlist {
     display: flex;
     justify-content: space-between;
 }

 .fenlist>li {
     margin: 0 .2rem;
 }

 .fenan {
     width: .5rem;
     height: .5rem;
     border-radius: 100%;
     background: #dbdbdb;
     text-align: center;
     cursor: pointer;
     -webkit-transition: 0.3s linear;
     -moz-transition: 0.3s linear;
     -ms-transition: 0.3s linear;
     -o-transition: 0.3s linear;
     transition: 0.3s linear;
 }

 .fenan>i {
     font-size: .2rem;
     position: relative;
     top: 25%;
     color: #fff;
 }

 .fenan:hover {
     background: #36ab9c;
 }

 .fenlist>li>a {
     font-size: .24rem;
     color: #888;
     line-height: .5rem;
      transition: color .3s linear;
 }

 .fene1 li a:hover,
 .fene1 .fenon a {
     color: #3B72BF !important;
 }

 .fene1 {
     opacity: 0;
     margin-top: .29rem;
     justify-content: center;
 }

 .fene1.on1 {
     opacity: 1;
 }

 
 body,
 .bodye1 {
     padding-top: 0rem;
 }

 .banner {
     margin-top: 1.1rem !important;
 }

 .headernew {
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 99;
     padding: .16rem 1.5rem .17rem 1.5rem;
     box-sizing: border-box;
     background-color: #ffffff;
 }

 .hd-r,
 .headernew .inner {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .headernew .logo1 {
     display: inline-block;
     vertical-align: middle;
     width: 3.45rem;
 }

 .headernew .logo1 img {
     display: block;
     width: 100%;
 }

 .navnew {
     margin-bottom: 0;
     position: relative;
 }

 .navnew li {
     position: relative;
     display: inline-block;

     margin-left: .49rem;
 }

 .navnew .v1 {
     position: relative;
 }

 .navnew .v1 .span {
     font-size: .18rem;
     display: inline-block;
     font-family: AlibabaPuHuiTiR-Regular;
     color: rgba(51, 51, 51, .98);
     position: relative;
     -webkit-transition: 0.3s linear;
     -moz-transition: 0.3s linear;
     -ms-transition: 0.3s linear;
     -o-transition: 0.3s linear;
     transition: 0.3s linear;
 }

 .sub .on .v2,
 .sub .v2:hover,
 .navnew .on .v1 .span,
 .navnew .ok .v1 .span,
 .navnew .v1:hover .span,
 .navnew li.on .v1 .span {
     color: rgba(59, 114, 191, .98);
 }

 .navnew .v1 i {
     display: block;
     font-style: normal;
     background: url(../images/lke/icon3.png) no-repeat center;
     width: .12rem;
     height: .08rem;
     position: absolute;
     top: 140%;
     left: 50%;
     transform: translateX(-50%);
     bottom: .15rem;
     -webkit-transition: 0.3s linear;
     -moz-transition: 0.3s linear;
     -ms-transition: 0.3s linear;
     -o-transition: 0.3s linear;
     transition: 0.3s linear;
     opacity: 0;
 }

 .navnew .ok .v1 i,
 .navnew .on .v1 i, .navnew .v1:hover i {
     opacity: 1;
 }

 .sub {
     border-radius: .10rem;
     line-height: .8rem;
     position: absolute;
     top: 210%;
     width: 2.4rem;
     left: 50%;
     transform: translateX(-50%);
     background: #fafafa;
     padding: .3rem;
     display: none;
 }

 .sub .con {
     overflow: hidden;
 }

 .sub .v2 {
     display: block;
     margin-bottom: .2rem;
     color: #111;
     font-size: .18rem;
     line-height: 1;
     -webkit-transition: 0.3s linear;
     -moz-transition: 0.3s linear;
     -ms-transition: 0.3s linear;
     -o-transition: 0.3s linear;
     transition: 0.3s linear;
 }



 .hd-lang {
     display: flex;
     justify-content: center;
     align-items: center;
     margin-left: 1.5rem;
 }

 .hd-lang .tit {
     display: inline-block;
     vertical-align: middle;
     font-family: AlibabaPuHuiTiR-Regular;
     font-size: .20rem;
     color: #888888;
     transition: 0.3s linear;
 }

 .hd-lang .tit.on,
 .hd-lang .tit:hover {
     font-family: PingFang;
     font-weight: 500;
     font-size: .18rem;
     color: #3B72BF;
 }

 .hd-lang .dot {
     display: inline-block;
     vertical-align: middle;
     border-radius: 50%;
     overflow: hidden;
     margin: 0 .10rem;
     width: .04rem;
     height: .04rem;
     background: rgba(136, 136, 136, .98);
 }

 .footernew {
     background: #F9F9F9;
     padding: .55rem 1.5rem .4rem 1.5rem;
     overflow: hidden;
 }

 .footernew .inner {
     display: flex;
     justify-content: space-between;
     overflow: hidden;
     margin-bottom: .76rem;
 }

 .m-ftl {
     overflow: hidden;
 }

 .ftlogo {
     display: block;
     width: 3.45rem;
 }

 .ftlogo img {
     display: block;
     width: 100%;
 }

 .ulft {
     padding-top: .14rem;
     overflow: hidden;
 }

 .ulft li {
     float: left;
     min-width: 1.11rem;
     margin-left: .20rem;
 }

 .ulft .tit {
     display: block;
     font-family: AlibabaPuHuiTiR-Regular;
     font-size: .18rem;
     color: rgba(51, 51, 51, .98);
     margin-bottom: .20rem;
     transition: color .3s linear;
 }

 .ulft .tit:hover {
     color: rgba(55, 110, 188, .98);
 }

 .ftsub .con {
     display: block;
     font-size: .16rem;
     font-family: AlibabaPuHuiTiR-Regular;
     color: #888888;
      transition: color .3s linear;
     margin-bottom: .13rem;
 }

 .ftsub .con:hover {
     color: rgba(55, 110, 188, .98);
 }

 .ftcopy {
     display: flex;
     flex-direction: row-reverse;
     justify-content: space-between;
 }

 .ftcopy .copy a,
 .ftcopy .copy {
     font-family: Myriad Pro;
     font-size: .18rem;
     color: #888888;
     line-height: .30rem;
      transition: color .3s linear;
 }

 .ftcopy .copy a:hover {
     color: #36ab9c;
 }

 .ftlink a {
     display: flex;
     justify-content: center;
     align-items: center;
     width: .55rem;
     height: .55rem;
     border: .01rem solid #36ab9c;
     border-width: .01rem;
     border-radius: 50%;
     text-align: center;
     position: relative;
     -webkit-transition: 0.3s linear;
     -moz-transition: 0.3s linear;
     -ms-transition: 0.3s linear;
     -o-transition: 0.3s linear;
     transition: 0.3s linear;
     overflow: hidden;
 }

 .ftlink a:hover {
     background: #36ab9c;
 }

 .ftlink i {
     font-style: normal;
     color: #36ab9c;
     font-size: .22rem;
     transition: 0.3s linear;
 }

 .ftlink a:hover i {
     color: #fff;
 }

 .ftlink .item {
     position: relative;
 }

 .subft {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     width: 1.05rem;
     top: -220%;
     background-color: #fff;
     border-radius: .10rem;
     padding: .10rem;
     box-sizing: border-box;
      transition: color 0.3s linear;
     display: none;
 }



 .subft .qr {
     display: block;
     width: 100%;
 }

 /* 投资者关系 */
 .mobe1 {
     display: none !important;
 }

 .row-bane1 {
     font-size: 0;
     position: relative;
 }

 .row-bane1 .bg {
     display: block;
     width: 100%;
 }

 .g-bane1 {
     /* position: relative; */
     font-size: 0;
     position: absolute;
     top: 44.8%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 100%;
 }

 .g-bane1 .bg {
     position: static;
     display: block;
     width: 100%;
 }

 .g-bane1 .box {
     /* position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 100%; */
 }

 .g-bane1 .box .tit {
     font-family: AlibabaPuHuiTiR-Regular;
     text-align: center;
     font-size: .50rem;
     color: #FFFFFF;
 }

 .g-ulliste1 {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     bottom: 0;
     width: 100%;
     z-index: 5;
     background: #3B72BF;
 }

 .ul-liste1 {
     font-size: 0;
     border: none;
     text-align: center;
 }

 .ul-liste1 li {
     display: inline-block;
 }

 .ul-liste1 .con {
     display: block;
     width: 1.80rem;
     text-align: center;
     line-height: .60rem;
     transition: 0.3s linear;
     font-family: AlibabaPuHuiTiR-Regular;
     font-size: .16rem;
     color: rgba(255, 255, 255, .5);
 }

 .ul-liste1 .on .con,
 .ul-liste1 .con:hover {
     color: #3B72BF;
     background: #ffffff;
 }

 .g-tite1 {
     margin-bottom: .25rem;
 }

 .g-tite1 .tit {
     font-family: AlibabaPuHuiTiR-Regular;
     font-size: .40rem;
     color: #3B72BF;
 }

 .m-investorrelations1 {
     padding: .68rem 0 .55rem;
 }

 .ul-liste2 {
     overflow: hidden;
     margin: 0 -.13rem;
 }

 .ul-liste2 li {
     float: left;
     width: 50%;
     margin-bottom: .28rem;
 }

 .ul-liste2 .con {
     display: flex;
     justify-content: space-between;
     align-items: center;
     border-radius: .10rem;
     border: .01rem solid #E5E5E5;
     border-width: .01rem;
     padding: .45rem .25rem .49rem .27rem;
     overflow: hidden;
     margin: 0 .13rem;
 }

 .ul-liste2 .con .tit {
     font-family: AlibabaPuHuiTiR-Regular;
     font-size: .24rem;
     color: #222222;
     line-height: .25rem;
     background-image: url(../images/lke/icon4.png);
     background-position: left center;
     background-repeat: no-repeat;
     background-size: .2rem auto;
     padding-left: .30rem;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     margin-right: .10rem;
      transition: color .3s linear;
 }

 .ul-liste2 .con:hover .tit {
     color: #3B72BF;
     background-image: url(../images/lke/icon4on.png);
     background-position: left center;
     background-repeat: no-repeat;
     background-size: .2rem auto;
 }

 .ul-liste2 .con .date {
     font-family: GILROY-Regular;
     font-size: .18rem;
     color: #A6A6A6;
 }

 .m-investorrelations2 {
     padding: .54rem 0 .20rem;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
 }

 .m-investorrelations2 .fene1 {
     margin-top: .09rem;
 }

 .m-investorrelations2 .ul-liste2 .con {
     background: #FFFFFF;
 }

 .m-investorrelations3 {
     padding: .61rem 0 .10rem;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
 }

 .m-investorrelations3 .inner1 {
     margin-bottom: .46rem;
 }

 .m-investorrelations3 .inner1 .g-tite1 {
     margin-bottom: .42rem;
 }

 .m-investorrelations3 .inner2 .g-tite1 {
     margin-bottom: .35rem;
 }

 .m-investorrelations3 .fen {
     margin-top: 0rem;
 }

 .ul-liste3 {
     margin: 0 -.24rem;
 }

 .ul-liste3 li {
     float: left;
     width: 33.3%;
     margin-bottom: .20rem;
 }

 .ul-liste3 .pic {
     position: relative;
     height: 0;
     overflow: hidden;
     padding-top: 64.6%;
     border-radius: .20rem;
     border: .01rem solid #E5E5E5;
     border-width: .01rem;
     margin-bottom: .26rem;
 }

 .ul-liste3 .pic .img {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
      transition: color .3s linear;
 }

 .ul-liste3 .con:hover .pic .img {
     transform: scale(1.05);
 }

 .ul-liste3 .con {
     display: block;
     background: #FFFFFF;
     box-shadow: 0 0 .23rem .04rem rgba(59, 114, 191, 0.1);
     border-radius: .20rem;
     margin: 0 .24rem;
     padding: .33rem .28rem .34rem .31rem;
 }

 .ul-liste3 .con .tit {
     font-family: AlibabaPuHuiTiR-Regular;
     font-size: .24rem;
     color: #222222;
     margin-bottom: .16rem;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
      transition: color .3s linear;
 }

 .ul-liste3 .con:hover .tit {
     color: #3B72BF;
 }

 .ul-liste3 .con .pdf {
     font-family: AlibabaPuHuiTiR-Regular;
     font-size: .20rem;
     color: #888888;
     line-height: .25rem;
     background-image: url(../images/lke/icon8.png);
     background-position: left center;
     background-repeat: no-repeat;
     background-size: .18rem auto;
     padding-left: .27rem;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     margin-right: .10rem;
 }

 .ul-liste4 {
     margin: 0 -.225rem;
 }

 .ul-liste4 li {
     float: left;
     width: 50%;
     margin-bottom: .47rem;
 }

 .ul-liste4 .con {
     display: block;
     margin: 0 .225rem;
     padding: .49rem .48rem .66rem;
     background: #FFFFFF;
     border-radius: .20rem;
     overflow: hidden;
      transition: color .3s linear;
 }

 .ul-liste4 .con:hover {
     transform: translateY(-.1rem);
 }

 .ul-liste4 .top {
     display: flex;
     align-items: center;
     margin-bottom: .18rem;
 }

 .ul-liste4 .top .tip {
     display: flex;
     justify-content: center;
     align-items: center;
     overflow: hidden;
     width: 1.00rem;
     height: .30rem;
     background: #3B72BF;
     border-radius: .15rem .15rem 0 .15rem;
     margin-right: .16rem;
     font-family: AlibabaPuHuiTiR-Regular;
     font-size: .14rem;
     color: #FFFFFF;
 }

 .ul-liste4 .top .tip2 {
     background: #E5E5E5;
     color: #888888;
 }

 .ul-liste4 .top .date {
     font-family: GILROY-Regular;
     font-size: .18rem;
     color: #888888;
 }

 .ul-liste4 .con .tit {
     font-family: AlibabaPuHuiTiR-Regular;
     font-size: .24rem;
     height: 4.5em;
     color: #444444;
     overflow: hidden;
     text-overflow: ellipsis;
     -ms-text-overflow: ellipsis;
     display: box;
     display: -webkit-box;
     line-clamp: 3;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
      transition: color .3s linear;
     margin-bottom: .06rem;
 }

 .ul-liste4 .con:hover .tit {
     color: #3B72BF;
 }

 .ul-liste4 .con .more1 {
     display: flex;
     align-items: center;
 }

 .ul-liste4 .con .more1 span {
     font-family: GILROY-Regular;
     font-weight: 400;
     font-size: .20rem;
     color: #3B72BF;
     padding-right: .27rem;
      transition: color .3s linear;
 }

 .ul-liste4 .con:hover .more1 span {
     padding-right: .35rem;
 }

 .ul-liste4 .con .more1 .icon {
     display: block;
     width: .34rem;
     height: .16rem;
 }

 .m-investorrelations4 {
     position: relative;
     padding: .63rem 0 1.58rem;
     background-position: bottom center;
     background-repeat: no-repeat;
     background-size: 0;
 }

 .m-investorrelations4 .bg1 {
     position: absolute;
     bottom: -18%;
     width: 100%;
     display: block;
     z-index: -1;

 }

 .m-investorrelations4 .g-tite1 {
     margin-bottom: .44rem;
 }

 .ul-liste5 {
     margin: 0 -.25rem;
     /* overflow: hidden; */
 }

 .ul-liste5 li {
     float: left;
     margin-bottom: .20rem;
     width: 33.3%;
 }

 .ul-liste5 .con {
     position: relative;
     background: #FFFFFF;
     border-radius: .20rem;
     border: .01rem solid #E5E5E5;
     border-width: .01rem;
     overflow: hidden;
     margin: 0 .25rem;
     padding: .39rem .38rem 0 .42rem;
     height: 4.01rem;
     box-sizing: border-box;
      transition: color .3s linear;
 }

 .ul-liste5 .con:hover {
     transform: translateY(-.1rem);
 }

 .ul-liste5 .con .tit {
     font-family: AlibabaPuHuiTiR-Regular;
     font-size: .30rem;
     color: #444444;
     margin-bottom: .13rem;
      transition: color .3s linear;
	  display: none;
 }

 .ul-liste5 .con:hover .tit {
     color: #3B72BF;
 }

 .ul-liste5 .box {
     position: absolute;
     width: 100%;
     bottom: 0;
     left: 0;
     right: 0;
     box-sizing: border-box;
     padding: 0 .38rem .39rem .42rem;
 }

 .ul-liste5 .box .item .name {
     font-family: AlibabaPuHuiTiR-Regular;
     font-size: .24rem;
     color: #222222;
     margin-bottom: .09rem;
 }

 .ul-liste5 .box .item {
     padding-bottom: .2rem;
     margin-bottom: .15rem;
     border-bottom: .01rem dashed #BFBFBF;
     border-bottom-width: .01rem;
 }

 .ul-liste5 .box .item:last-child {
     border: none;
     padding-bottom: 0;
     margin-bottom: 0;
 }

 .ul-liste5 .box .email {
     overflow: hidden;
 }

 .ul-liste5 .box .email .pic {
     position: relative;
     float: left;
     width: .19rem;
     height: .14rem;
     overflow: hidden;
     margin: .06rem .07rem 0 0;
 }

 .ul-liste5 .box .email .pic .icon {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     display: block;
     width: 100%;
     height: 100%;
     object-fit: contain;
      transition: color .3s linear;
 }

 .ul-liste5 .box .email:hover .pic .icon1,
 .ul-liste5 .box .email .pic .icon2 {
     opacity: 0;
 }

 .ul-liste5 .box .email:hover .pic .icon2 {
     opacity: 1;
 }

 .ul-liste5 .box .email .info {
     overflow: hidden;
 }

 .ul-liste5 .box .email .info .a {
     font-family: AlibabaPuHuiTiR-Regular;
     font-size: .16rem;
     color: #888888;
     text-decoration-line: underline;
      transition: color .3s linear;
 }

 .ul-liste5 .box .email .info .a:hover {
     color: #3B72BF;
 }

 .m-innerinvestorrelations {
     z-index: 5;
     position: relative;
     overflow: hidden;
 }

 .m-innerinvestorrelations .conl {
     float: left;
     width: 4.94rem;
     margin-right: 1.92rem;
     overflow: hidden;
 }

 .m-innerinvestorrelations .conr {
     overflow: hidden;
     padding-top: .21rem;
 }

 .m-boxinvestorrelations .pic {
     height: .63rem;
     margin-bottom: .15rem;
 }

 .m-boxinvestorrelations .pic img {
     display: block;
     height: 100%;
     object-fit: contain;
 }

 .m-boxinvestorrelations .tit {
     font-family: AlibabaPuHuiTiR-Regular;
     font-size: .18rem;
     color: #888888;
     margin-bottom: .02rem;
 }

 .m-boxinvestorrelations .desc {
     font-family: OPPOSans;
     font-size: .30rem;
     color: #222222;
 }

 .m-boxinvestorrelations .item {
     padding-bottom: .17rem;
     margin-bottom: .78rem;
     border-bottom: .01rem solid #E5E5E5;
     border-bottom-width: .01rem;
 }

 .m-boxinvestorrelations .itemail .pic {
     margin-bottom: .18rem;
 }

 .m-boxinvestorrelations .item:last-child {
     border: none;
     padding-bottom: 0;
     margin-bottom: 0;
 }

 .m-forme1 .item {
     display: flex;
     align-items: center;
     height: .64rem;
     background: #FFFFFF;
     border-radius: .10rem;
     border: .01rem solid #D3D3D3;
     border-width: .01rem;
     margin-bottom: .21rem;
     padding: 0 .23rem;
 }

 .m-forme1 .itemtextarea {
     box-sizing: border-box;
     height: 1.41rem;
     background: #FFFFFF;
     border-radius: .10rem;
     border: .01rem solid #D3D3D3;
     border-width: .01rem;
     padding: .14rem .23rem;
 }

 .m-forme1 .itemtextarea textarea {
     height: 100%;
     width: 100%;
     font-family: SourceHanSansCN;
     font-weight: 400;
     font-size: .18rem;
     color: #333;
     border: none;
     resize: none;
     background-color: transparent;
 }

 .m-forme1 .itemtextarea textarea::placeholder {
     color: #666666;
 }

 .m-forme1 .item .lable {
     margin-right: .10rem;
 }

 .m-forme1 .item .lable .tit {
     font-family: SourceHanSansCN;
     font-weight: 400;
     font-size: .18rem;
     color: #666666;
     width: auto;
 }

 .m-forme1 .item .lable .tit i {
     font-style: normal;
     color: #F80A0A;
 }

 .m-forme1 .item .inp {
     flex: 1;
     width: 100%;
     font-size: .18rem;
     color: #333;
     border: none;
 }

 .m-forme1 .submit {
     font-family: AlibabaPuHuiTiR-Regular;
     font-size: .18rem;
     color: #222222;
     border: none;
     height: .65rem;
     background: rgba(59, 114, 191, 0.2);
     border-radius: .08rem;
     overflow: hidden;
     width: 100%;
 }

 .m-investorrelations4 {
     position: relative;
 }

 .m-investorrelations4 .three {
     position: relative;
     width: 100%;
     height: 3.05rem;
     margin: 0 0 -.10rem;
 }

 .m-investorrelations4 .inner1, .m-investorrelations4 .inner {
     position: relative;
     z-index: 5;
 }

 /* 开放合作 */
 .m-opencollaboration1 {
     background-color: #fff;
     padding: .68rem 0 .54rem;
 }

 .g-tope1 .g-tite1 {
     margin-bottom: .12rem;
 }

 .g-desc1 p {
     font-size: inherit;
     margin: 0;
 }

 .g-desc1 {
     line-height: 1.55;
     font-family: AlibabaPuHuiTiR-Regular;
     font-size: .20rem;
     color: #888888;
 }

 .m-opencollaboration1 .desc1 {
     margin-bottom: .73rem;
 }

 .ul-opencollaboration1 {
     /* overflow: hidden; */
     margin: 0 -.24rem;
 }

 .ul-opencollaboration1 li {
     float: left;
     width: 33.3%;
     margin-bottom: .20rem;
 }

 .ul-opencollaboration1 .con {
     border-radius: .20rem;
     border: .01rem solid #E5E5E5;
     border-bottom-width: .01rem;
     margin: 0 .24rem;
     padding: .24rem .4rem .29rem .30rem;
      transition: color .3s linear;
 }

 .ul-opencollaboration1 .con:hover {
     transform: translateY(-.1rem);
 }

 .ul-opencollaboration1 .con .num {
     font-family: GILROY-Bold;
     /* font-weight: bold; */
     font-size: .50rem;
     color: #3B72BF;
     margin: 0 0 .70rem .05rem;
 }

 .ul-opencollaboration1 .txt .tit {
     font-family: AlibabaPuHuiTiR-Regular;
     font-size: .24rem;
     color: #222222;
     margin-bottom: .12rem;
      transition: color .3s linear;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     height: 1.5em;
 }

 .ul-opencollaboration1 .con:hover .txt .tit {
     color: #3B72BF;
 }

 .ul-opencollaboration1 .txt .desc {
     font-family: AlibabaPuHuiTiR-Regular;
     font-size: .16rem;
     color: #888888;
     line-height: 1.52;
     height: 4.56em;
     overflow: hidden;
     text-overflow: ellipsis;
     -ms-text-overflow: ellipsis;
     display: box;
     display: -webkit-box;
     line-clamp: 3;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
 }

 .m-opencollaboration2 {
     padding: .75rem 0 .82rem;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
 }

 .m-opencollaboration2 .g-tite1 .tit {
     color: #3B72BF;
 }

 .m-opencollaboration2 .desc1 {
     color: #3B72BF;
     margin-bottom: .53rem;
 }

 .ul-opencollaboration2 {
     margin: 0 -.255rem;
 }

 .ul-opencollaboration2 .con {
     display: block;
     background-color: #fff;
     margin: 0 .255rem;
     padding: .46rem .4rem .28rem;
 }

 .ul-opencollaboration2 .pic {
     text-align: center;
     overflow: hidden;
     height: 1.55rem;
     margin-bottom: .20rem;
 }

 .ul-opencollaboration2 .pic img {
     display: inline-block;
     height: 100%;
      transition: color .3s linear;
 }

 .ul-opencollaboration2 .con:hover .pic img {
     transform: scale(1.05);
 }

 .ul-opencollaboration2 .txt {
     border-top: .01rem solid #E5E5E5;
     border-top-width: .01rem;
     padding-top: .32rem;
 }

 /* 关于我们 */
 .m-aboute1 {
     position: relative;
     padding: .88rem 1.5rem 1.5rem;
 }

 .m-aboute3 {
     padding: .54rem 1.63rem .8rem 1.6rem;
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
 }

 .m-aboute1 .title,
 .m-aboute2 .title,
 .m-aboute3 .title {
     font-family: Montserrat;
     font-weight: 400;
     font-size: .40rem;
     color: #3B72BF;
     margin-bottom: .61rem;
 }

 .m-aboute1 .bg1 {
     width: 5.3rem;
     position: absolute;
     left: -1.2rem;
     top: .2rem;
 }

 .m-aboute1 .aboutind1_left {
     float: left;
     width: 47%;
     overflow: hidden;
 }

 .m-aboute1 .aboutind1_right {
     position: relative;
     float: right;
     width: 50%;
 }

 .m-aboute1 .bg {
     width: 6.9rem;
     position: absolute;
     right: .2rem;
     top: 1rem;
 }

 .m-aboute1 .ab {
     width: 7.75rem;
     position: absolute;
     right: 0;
     top: .1rem;
     border-radius: .10rem;
 }

 .m-aboute2 .title {
     margin-bottom: .50rem;
 }

 .m-aboute3 .title {
     line-height: normal;
     margin-bottom: 0rem;
 }

 .m-aboute2 .hisBox p,
 .m-aboute1 .aboutind1_left p {
     font-family: Montserrat;
     font-weight: 300;
     font-size: .20rem;
     color: #888888;
     line-height: .30rem;
     margin: 0;
 }

 .m-aboute1 .aboutind1_left, .m-aboute1 .aboutind1_right {
     box-sizing: border-box;
 }

 .m-aboute1 .aboutind1_left {
     padding: .26rem 0 0;
 }

 .m-aboute2 {
     padding: .30rem 0 .30rem;
     background: url(../images/lke/abbg.png) no-repeat center;
     background-size: 100%;
     width: 100%;
     height: 6.3rem;
     padding: 1.1rem 4.6rem 0;
     box-sizing: border-box;
 }

 .m-aboute2 .inner {
     width: 9.94rem;
     margin: 0 auto;
 }

 .m-aboute2 .inner .hisBox {
     padding-right: .2rem;
     height: 3rem !important;
     overflow-y: auto;
 }

 .m-aboute2 .hisBox::-webkit-scrollbar {
     width: 2px;
     border-radius: 1px;
     opacity: 1;
 }

 .m-aboute2 .hisBox::-webkit-scrollbar-track {
     background-color: #dcdcdc;
     opacity: 1;
 }

 .m-aboute2 .hisBox::-webkit-scrollbar-thumb {
     height: 30px;
     background-color: #36ab9c;
 }

 .ul-aboute1 {
     overflow: hidden;
     margin: 0 -.125rem;
 }

 .ul-aboute1 li {
     float: left;
     width: 25%;
     margin-bottom: .20rem;
 }

 .ul-aboute1 .abox3con {
     position: relative;
     float: none;
     width: auto;
     margin: 0 .125rem;
     background: url(../images/lke/pic2.png) no-repeat top center;
     background-size: 0;
     height: 2.63rem;
     cursor: pointer;
     -webkit-transition: 0.3s linear;
     -moz-transition: 0.3s linear;
     -ms-transition: 0.3s linear;
     -o-transition: 0.3s linear;
     transition: 0.3s linear;
     padding: .4rem 0 0 .3rem;
     box-sizing: border-box;
 }

 .ul-aboute1 .abox3con:hover {
     background: url(../images/lke/pic2on.png) no-repeat top center;
     background-size: 0;
     height: 2.63rem;
 }

 .m-opencollaboration3 {
     padding: .84rem 0 .82rem;
     background-position: bottom center;
     background-repeat: no-repeat;
     background-size: cover;
 }

 .ul-aboute1 .abox3con .icon {
     display: block;
     width: .34rem;
     height: .16rem;
     -webkit-transition: 0.3s linear;
     -moz-transition: 0.3s linear;
     -ms-transition: 0.3s linear;
     -o-transition: 0.3s linear;
     transition: 0.3s linear;
     background: url(../images/lke/icon1.png) no-repeat center;
     background-size: 100%;
 }

 .ul-aboute1 .abox3con:hover .icon {
     width: .34rem;
     background: url(../images/lke/icon2.png) no-repeat center;
     background-size: 100%;
     height: .16rem;
 }

 .ul-aboute1 .abox3con .bg {
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     width: 100%;
     height: 100%;
     z-index: 4;
 }

 .ul-aboute1 .abox3con .bg1 {
     position: absolute;
     top: 0;
     width: 100%;
     bottom: .23rem;
     background: #F3F8FF;
     border-radius: .10rem;
     overflow: hidden;
     z-index: 4;
      transition: color .3s linear;
 }

 .ul-aboute1 .abox3con:hover .bg1 {
     background: #376EBC;
 }

 .ul-aboute1 .abox3con .bg2 {
     position: absolute;
     height: 90%;
     background: #376EBC;
     overflow: hidden;
     z-index: 3;
     left: .11rem;
     right: .12rem;
     bottom: .11rem;
     background: #AEC6E9;
     border-radius: .10rem;
      transition: color .3s linear;
     opacity: 0;
 }

 .ul-aboute1 .abox3con .bg3 {
     position: absolute;
     height: 100%;
     overflow: hidden;
     z-index: 2;
     left: .23rem;
     right: .26rem;
     bottom: 0rem;
     background: #EBEEFA;
     border-radius: .10rem;
      transition: color .3s linear;
     opacity: 0;
 }

 .ul-aboute1 .abox3con:hover .bg2,
 .ul-aboute1 .abox3con:hover .bg3 {
     opacity: 1;
 }

 .ul-aboute1 .abox3con .box {
     position: relative;
     z-index: 6;
     top: 0;
 }

 .ul-aboute1 .abox3con .box .desc {
     margin-bottom: .63rem;
 }

 .ul-aboute1 .abox3con .box .desc p {
     font-size: .18rem;
     color: #111;
     margin: 0;
     line-height: .22rem;
     -webkit-transition: 0.3s linear;
     -moz-transition: 0.3s linear;
     -ms-transition: 0.3s linear;
     -o-transition: 0.3s linear;
     transition: 0.3s linear;
 }

 .ul-aboute1 .abox3con .h5 {
     font-size: .24rem;
     color: #333;
     margin: 0 0 .16rem;
     -webkit-transition: 0.3s linear;
     -moz-transition: 0.3s linear;
     -ms-transition: 0.3s linear;
     -o-transition: 0.3s linear;
     transition: 0.3s linear;
 }

 .ul-aboute1 .abox3con:hover .box .h5, .ul-aboute1 .abox3con:hover .box .desc p {
     color: #fff;
 }

 .m-aboute3 .info1 {
     margin: -.11rem 0 .50rem;
 }

 .m-aboute3 .info1 p {
     font-family: Montserrat;
     font-weight: 300;
     font-size: .24rem;
     color: #888888;
 }

 .m-aboute3 .box1 {
     margin-bottom: 1.04rem;
 }

 /* 弹出 */
 /* 弹窗 */
 .windows-e1 {
     position: fixed;
     left: 0;
     top: 0;
     z-index: 999;
     width: 100%;
     height: 100%;
     /* display: none; */
     opacity: 0;
     overflow: hidden;
 }

 .windows-e1.on {
     opacity: 1;
 }

 .windows-e1 .bg {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, .45);
     z-index: -1;
 }

 .windows-e1 .m-pop {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     width: 11.00rem;
     background: #FFFFFF;
     border-radius: .13rem;
     padding: .82rem .69rem .93rem .73rem;
     overflow: hidden;
 }

 .windows-e1 .m-pop .e-close {
     position: absolute;
     top: .34rem;
     right: .30rem;
     width: .20rem;
     cursor: pointer;
 }

 .windows-e1 .m-pop .e-close img {
     display: block;
     width: 100%;
 }

 .windows-e1 .tit {
     font-family: Montserrat;
     font-weight: 400;
     font-size: .30rem;
     color: #333333;
     margin-bottom: .05rem;
 }

 .windows-e1 .con .desc p,
 .windows-e1 .con .info {
     font-family: Montserrat;
     font-weight: 300;
     font-size: .16rem;
     color: #888888;
     margin-bottom: .35rem;
 }

 .windows-e1 .con .desc p {
     color: #333333;
     margin: 0;
 }

 .menuBtn {
     position: fixed;
     top: 23px;
     right: 15px;
     z-index: 999;
     display: none;
 }

 .windows-e1 .m-pop .box {
     overflow: hidden;
     display: flex;
     flex-direction: row-reverse;
 }

 .windows-e1 .m-pop .box .txt {
     overflow: hidden;
     flex: 1;
 }

 .windows-e1 .m-pop .box .pic {

     /* width: 2.34rem;
     border-radius: .1rem;
     overflow: hidden;
     margin-left: .20rem; */
 }

 .windows-e1 .m-pop .box .pic img {
     display: block;
     width: 2.34rem;
     border-radius: .1rem;
     overflow: hidden;
     margin-left: .20rem;
 }

 @media (max-width: 1440px) {
     .m-aboute1 .ab {
         width: 7rem;
     }

     .m-aboute1 .bg {
         width: 6.15rem;
     }

     .hd-lang {
         margin-left: .5rem;
     }

     .headernew {
         padding: .16rem 1.4rem .17rem;
         background-color: #ffffff;
     }

     .navnew li {
         margin-left: .3rem;
     }
 }

 @media (max-width: 1350px) {
     .m-aboute1 .ab {
         width: 5.85rem;
     }

     .m-aboute1 .bg {
         width: 5rem;
     }
 }

 @media (max-width: 1320px) {
     .headernew .logo1 {
         width: 2.8rem;
     }

     .hd-lang {
         margin-left: .3rem;
     }
 }

 @media (max-width: 1250px) {
     .headernew .logo1 {
         width: 2.5rem;
     }

     .hd-lang {
         margin-left: .25rem;
     }
 }

 @media (max-width: 1199px) {
     .navnew li {
         top: -.05rem;
     }
 }

 @media (max-width: 992px) {
     .pce1 {
         display: none !important;
     }

     .mobe1 {
         display: block !important;
     }

     .wp {
         padding: 0 20px;
     }

     .m-aboute1 .aboutind1_left {
         margin-bottom: 20px;
     }

     /* 头部 */
     .hd-lang {
         margin-left: 0;
         margin-right: 40px;
     }

     .hd-lang .tit {
         font-size: 14px;
     }

     .hd-lang .dot {
         margin: 0 5px;
         width: 5px;
         height: 5px;
     }

     .hd-lang .tit.on, .hd-lang .tit:hover {
         font-size: 14px;
     }

     .menuBtn {
         display: block;
     }

     .menuBtn b {
         display: block;
         width: 23px;
         height: 1px;
         background: #333;
         margin-bottom: 6px;
     }

     .menuBtn b:nth-child(2) {
         width: 17px;
     }

     .menuBtn.open {
         right: 35px;
         top: 36px;
     }

     .menuBtn.open b {
         display: none;
         margin: 0;
         position: absolute;
         left: 1px;
         top: 50%;
         background: #fff;
     }

     .menuBtn.open b:first-child {
         display: block;
         transform: rotate(45deg);
         -webkit-transform: rotate(45deg);
         -o-transform: rotate(45deg);
         -ms-transform: rotate(45deg)
     }

     .menuBtn.open b:last-child {
         display: block;
         transform: rotate(-45deg);
         -webkit-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
         -ms-transform: rotate(-45deg)
     }

     body,
     .bodye1 {
         padding-top: 59px;
     }

     .headernew {
         position: fixed;
         top: 0;
         width: 100%;
         box-sizing: border-box;
         padding: 10px 20px 10px;
         background-color: #ffffff;
     }

     .hd-navbox {
         position: fixed;
         top: 0px;
         left: 0;
         width: 100%;
         z-index: 99;
         background: #2f2f2f;
         height: 100vh;
         display: none;
     }

     .headernew .logo1 {
         width: 3.45rem;
     }

     .navnew {
         padding: 50px 20px 20px;
     }

     .navnew li {
         display: block;
         margin-left: 0;
         top: 0;
         border-bottom: 2px solid #404043;
     }

     .navnew .v1 {
         position: relative;
         display: block;
         padding: 15px 0;
     }

     .navnew .v1 i {
         position: absolute;
         top: 50%;
         transform: translate(0%, -50%);
         right: 0;
         left: auto;
         bottom: auto;
         opacity: 1;
         width: 13px;
         height: 13px;
         background: url(../images/lke/add.png) no-repeat center;
         background-size: 100% auto;
     }

     .navnew .on .v1 i,
     .navnew .ok .v1 i {
         background: url(../images/lke/jian.png) no-repeat center;
         background-size: 100% auto;
     }

     .navnew .v1 .span {
         font-size: 16px;
         color: rgba(255, 255, 255, 0.8);
     }

     .navnew .sub .v2 {
         color: rgba(255, 255, 255, 0.8);
         width: 100%;
         display: block;
         padding-left: 15px;
         border-bottom: 1px solid rgba(255, 255, 255, 0.1);
         line-height: 45px;
         font-size: 14px;
     }

     .sub {
         border-radius: 0;
         line-height: normal;
         position: static;
         top: auto;
         width: 100%;
         left: auto;
         transform: translateX(0);
         background: transparent;
         padding: 0;
         display: none;
     }

     /* 头部end */
     /* 底部 */
     .m-ftr {
         display: none;
     }

     .footernew {
         padding: 30px 20px 20px;
     }

     .ftlogo {
         width: 200px;
         margin: 0 auto 20px;
     }

     .footernew .inner {
         display: block;
         margin-bottom: 0;
     }

     .ftcopy .copy a, .ftcopy .copy {
         font-size: 12px;
         line-height: 1.6;
     }

     .ftcopy .copy {
         text-align: center;
     }

     .ftcopy {
         display: block;
     }

     .ftlink {
         margin-bottom: 10px;
         text-align: center;
     }

     .ftlink .item {
         display: inline-block;
     }

     .ftlink a {
         width: 45px;
         height: 45px;
         border: 1px solid #36ab9c;
         border-width: 1px;
         margin: 0 auto;
     }

     .ftlink i {
         font-size: 20px;
     }

     .subft {
         top: -175%;
         width: 70px;
         border-radius: 8px;
         padding: 6px;
     }

     /* 底部end */
     .row-bane1 {
         min-height: 4.5rem;
     }

     .row-bane1 .bg {
         position: absolute;
         top: 0;
         bottom: 0;
         left: 0;
         right: 0;
         display: block;
         width: 100%;
         height: 100%;
         object-fit: cover;
     }

     .g-bane1 .box .tit {
         font-size: 26px;
     }

     .m-aboute1 .ab {
         width: 100%;
         position: absolute;
         right: 3%;
         top: 1%;
         border-radius: 10px;
         display: none;
     }

     .m-aboute1 .bg {
         width: 90%;
         position: relative;
         right: -5%;
         top: 40px;
         display: none;
     }

     .mobe1.img1 {
         width: 80%;
         margin: 0 auto;
     }

     .ul-liste1 {
         overflow-x: auto;
         white-space: nowrap;
         text-align: center;
     }

     .ul-liste1 li {
         display: inline-block;
     }

     .ul-liste1 .con {
         width: 120px;
         line-height: 40px;
         font-size: 16px;
     }

     .g-tite1 .tit {
         font-size: 24px;
     }

     .ul-liste2 {
         margin: 0 -8px;
     }

     .ul-liste2 .con {
         border-radius: 8px;
         border-width: 1px;
         padding: 12px 15px;
         margin: 0 8px;
     }

     .ul-liste2 .con .tit {
         font-size: 16px;
         line-height: 25px;
         background-size: 16px auto;
         padding-left: 25px;
         margin-right: 8px;
     }

     .ul-liste2 .con .date {
         font-size: 14px;
     }

     .g-tite1 {
         margin-bottom: 20px !important;
     }

     .m-investorrelations1 {
         padding: 30px 0 20px;
     }

     .fene1 {
         margin-top: 10px;
     }

     .fene1 .fenlist li a {
         font-size: 14px;
         line-height: 20px;
     }

     .m-investorrelations2 {
         padding: 30px 0 10px;
     }

     .ul-liste3 .con .tit {
         font-size: 16px;
         margin-bottom: 10px;

     }

     .ul-liste3 {
         margin: 0 -8px;
     }

     .ul-liste3 li {
         margin-bottom: 15px;
     }

     .ul-liste3 .con {
         box-shadow: 0 0 10px 2px rgba(59, 114, 191, 0.1);
         border-radius: 10px;
         margin: 0 9px;
         padding: 12px 12px 20px;
     }

     .ul-liste3 .pic {
         border-radius: 10px;
         border-width: 1px;
         margin-bottom: 15px;
     }

     .ul-liste3 .con .pdf {
         font-size: 14px;
         line-height: 20px;
         background-size: 14px auto;
         padding-left: 20px;
         margin-right: 10px;
     }

     .m-investorrelations3 {
         padding: 30px 0 20px;
     }

     .ul-liste4 .con {
         margin: 0 8px;
         padding: 20px 20px 20px;
         border-radius: 10px;
     }

     .ul-liste4 {
         margin: 0 -8px;
     }

     .ul-liste4 .top .tip {
         width: 80px;
         height: 25px;
         border-radius: 10px 10px 0 10px;
         margin-right: 10px;
         font-size: 12px;
     }

     .ul-liste4 .top .date {
         font-size: 14px;
     }

     .ul-liste4 .top {
         margin-bottom: 10px;
     }

     .ul-liste4 .con .tit {
         font-size: 16px;
         margin-bottom: 6px;
     }

     .ul-liste4 .con .more1 span {
         font-size: 12px;
         padding-right: 18px;
     }

     .ul-liste4 .con:hover .more1 span {
         padding-right: 23px;
     }

     .ul-liste4 .con .more1 .icon {
         width: 25px;
         height: 10px;
     }

     .ul-liste5 {
         margin: 0 -8px;
     }

     .ul-liste5 .con {
         border-radius: 10px;
         border-width: 1px;
         margin: 0 8px;
         padding: 12px 12px 0 16px;
         height: 220px;
     }

     .ul-liste5 .con .tit {
         font-size: 16px;
         margin-bottom: 10px;
     }

     .ul-liste5 .box .item .name {
         font-size: 14px;
         margin-bottom: 5px;
     }

     .ul-liste5 .box .email .pic {
         width: 16px;
         height: 11px;
         margin: 8px 3px 0 0;
     }

     .ul-liste5 .box .email .info .a {
         font-size: 12px;
     }

     .ul-liste5 .box .item {
         padding-bottom: 8px;
         margin-bottom: 15px;
         border-bottom-width: 1px;
     }

     .ul-liste5 .box .item:last-child {
         border: none;
         padding-bottom: 0;
         margin-bottom: 0;
     }

     .m-boxinvestorrelations .pic {
         height: 40px;
         margin-bottom: 10px;
     }

     .m-boxinvestorrelations .tit {
         font-size: 14px;
         margin-bottom: 4px;
     }

     .m-boxinvestorrelations .desc {
         font-size: 18px;
     }

     .m-boxinvestorrelations .item {
         padding-bottom: 10px;
         margin-bottom: 40px;
         border-bottom-width: 1px;
     }

     .m-boxinvestorrelations .item:last-child {
         border: none;
         padding-bottom: 0;
         margin-bottom: 0;
     }

     .m-forme1 .item {
         height: 50px;
         border-radius: 10px;
         border-width: 1px;
         margin-bottom: 15px;
         padding: 0 10px;
         border-width: 1px;
     }

     .m-innerinvestorrelations .conl {
         float: none;
         width: 100%;
         margin-right: 0;
         margin-bottom: 20px;
     }

     .m-innerinvestorrelations .conr {
         padding-top: 0;
     }

     .m-forme1 .item .lable {
         margin-right: 10px;
     }

     .m-forme1 .itemtextarea textarea,
     .m-forme1 .item .inp,
     .m-forme1 .item .lable .tit {
         font-size: 16px;
     }

     .m-forme1 .itemtextarea {
         height: 300px;
         padding: 10px;
     }

     .m-forme1 .submit {
         font-size: 16px;
         height: 50px;
         border-radius: 8px;
     }

     .m-investorrelations4 {
         padding: 30px 0 40px;
         background-size: 100% auto;
     }

     .m-investorrelations4 .bg1 {
         bottom: -3%;
     }

     .m-investorrelations4 .three {
         display: none;
     }

     .m-opencollaboration1 {
         padding: 30px 0 30px;
     }

     .g-desc1 {
         font-size: 16px;
     }

     .m-opencollaboration1 .desc1 {
         margin-bottom: 30px;
     }

     .ul-opencollaboration1 {
         margin: 0 -6px;
     }

     .ul-opencollaboration1 .con {
         border-radius: 15px;
         border: 1px solid #E5E5E5;
         border-bottom-width: 1px;
         margin: 0 6px;
         padding: 15px 15px 28px;
     }

     .ul-opencollaboration1 .con .num {
         font-size: 25px !important;
         margin: 0 0 20px 0;
     }

     .ul-opencollaboration1 .txt .tit {
         font-size: 16px;
         margin-bottom: 5px;
     }

     .ul-opencollaboration1 .txt .desc {
         font-size: 13px;
     }

     .ul-opencollaboration2 .pic {
         height: 80px;
         margin-bottom: 10px;
     }

     .ul-opencollaboration2 .txt {
         border-top-width: 1px;
         padding-top: 20px;
     }

     .m-opencollaboration1 .g-tite1,
     .m-opencollaboration2 .g-tite1 {
         margin-bottom: 8px !important;
     }

     .m-aboute1 {
         padding: 30px 20px 20px;
     }

     .m-aboute1 .aboutind1_left {
         float: none;
         width: 100%;
         padding: 0 0;
     }

     .m-aboute1 .aboutind1_left, .m-aboute1 .aboutind1_right {
         float: none;
         width: 100%;
     }

     .m-aboute1 .title, .m-aboute2 .title, .m-aboute3 .title {
         font-size: 24px;
         margin-bottom: 15px;
     }

     .m-aboute2 .hisBox p, .m-aboute1 .aboutind1_left p {
         font-size: 16px;
         line-height: 1.6;
         margin: 0;
     }

     .m-aboute2 {
         background-size: cover;
         height: auto;
         padding: 30px 20px;
         margin-top: 38px;
     }

     .m-aboute2 .inner {
         width: 100%;
     }

     .m-aboute2 .inner .hisBox {
         height: 220px !important;
         overflow-y: auto;
         padding-right: 15px;
     }

     .m-aboute2 .box {
         overflow-y: inherit;
     }

     .m-aboute2 .hisBox::-webkit-scrollbar {
         width: 2px;
         border-radius: 1px;
         opacity: 1;
     }

     .m-aboute2 .hisBox::-webkit-scrollbar-track {
         background-color: #dcdcdc;
         opacity: 1;
     }

     .m-aboute2 .hisBox::-webkit-scrollbar-thumb {
         height: 30px;
         background-color: #36ab9c;
     }

     .m-aboute3 {
         padding: 40px 20px 20px;
     }

     .ul-aboute1 .abox3con .h5 {
         font-size: 16px;
         margin: 0 0 10px;
     }

     .ul-aboute1 .abox3con .box .desc p {
         font-size: 14px;
         line-height: 1.2;
     }

     .ul-aboute1 .abox3con .box .desc {
         margin-bottom: 25px;
     }

     .ul-aboute1 .abox3con .bg2, .ul-aboute1 .abox3con .bg3 {
         display: none;
     }

     .ul-aboute1 .abox3con:hover .icon,
     .ul-aboute1 .abox3con .icon {
         width: 30px;
         height: 12px;
     }

     .ul-aboute1 .abox3con .bg1 {
         bottom: 0;
         border-radius: 10px;
     }

     .ul-aboute1 {
         margin: 0 -8px;
     }

     .ul-aboute1 .abox3con {
         margin: 0 8px;
         height: 150px;
         padding: 20px 20px 20px;
     }

     .ul-aboute1 .abox3con:hover {
         height: 150px;
     }

     .ul-aboute1 li {
         width: 50%;
         margin-bottom: 15px;
     }

     .m-aboute3 .info1 p {
         font-size: 16px;
     }

     .windows-e1 .m-pop {
         width: 80%;
         border-radius: 10px;
         padding: 50px 20px 20px;
     }

     .windows-e1 .m-pop .e-close {
         top: 25px;
         right: 25px;
         width: 16px;
     }

     .windows-e1 .tit {
         font-size: 18px;
         margin-bottom: 3px;
     }

     .windows-e1 .con .desc p, .windows-e1 .con .info {
         font-size: 14px;
         margin-bottom: 20px;
     }
 }

 @media (max-width: 800px) {
     .ul-opencollaboration1 {
         margin: 0 0;
     }

     .ul-opencollaboration1 li {
         float: none;
         width: 100%;
         margin-bottom: 15px;
     }

     .ul-opencollaboration1, .ul-opencollaboration1 .con {
         margin: 0;
     }

     .m-opencollaboration2 {
         padding: 30px 0 20px;
     }

     .windows-e1 .m-pop .box {
         display: block;
     }

     .windows-e1 .m-pop .box .pic img {
         width: 200px;
         border-radius: 10px;
         margin: 0 auto 20px;
     }
 }

 @media (max-width: 700px) {
     .windows-e1 .m-pop .box .pic img {
         width: 150px;
     }

     .ul-liste3 li {
         width: 50%;
     }

     .ul-liste5,
     .ul-liste4,
     .ul-liste2 {
         margin: 0 0px;
     }

     .ul-liste5 li,
     .ul-liste4 li,
     .ul-liste2 li {
         float: none;
         width: 100%;
         margin-bottom: 15px;
     }

     .ul-liste2 .con {
         border-radius: 8px;
         border-width: 1px;
         padding: 10px 15px;
         margin: 0 0;
     }

     .ul-liste5 .con,
     .ul-liste4 .con {
         border-radius: 8px;
         padding: 10px 15px;
         margin: 0 0;
     }

     .ul-liste5 .box {
         padding: 0 15px 20px;
     }

     .m-forme1 .itemtextarea {
         height: 200px;
     }

     .g-bane1 .bg {
         height: 180px;
     }

     .ul-liste3,
     .ul-liste3 .con {
         margin: 0 0px;
     }

     .ul-liste3 li {
         float: left;
         width: 100%;
     }

     .m-investorrelations3 .inner1 {
         margin-bottom: 5px;
     }

     .mobe1.img1 {
         width: 95%;
         margin: 0 auto;
     }

     .ul-aboute1 {
         margin: 0 0px;
     }

     .ul-aboute1 li {
         float: none;
         width: 100%;
     }

     .ul-aboute1 .abox3con {
         margin: 0 0px;
         height: 150px;
         padding: 20px 20px 20px;
     }

     .m-aboute3 {
         padding: 30px 20px 10px;
     }

     .m-aboute3 .box1 {
         margin-bottom: .6rem;
     }

     .row-bane1 {
         min-height: 4rem;
     }
 }