锘?*--鍏辩敤--*/
body{overflow-x: hidden;}

.nav {position: fixed;left: 0px;top: 50px;right: 0px;bottom: 0px;overflow-y: auto;background-color: #fff;z-index: 99;}

.nav ul {padding: 20px 15px 130px;border-top: 1px solid #ddd;}

.nav ul li {position: relative;padding: 10px 0px 10px;border-bottom: 1px solid #ddd;}

.nav ul li > a {color: #333;font-size: 16px;}

.nav ul li span {position: absolute;left: 50%;right: 0px;top: 0px;display: block;height: 44px;}

.nav ul li span:after {position: absolute;top: 50%;right: 10px;width: 10px;height: 10px;border-top: 2px solid #333;border-right: 2px solid #333;-webkit-transform: translateY(-50%) rotate(45deg);-ms-transform: translateY(-50%) rotate(45deg);-o-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;content: "";}

.nav ul li span.headercur:after {-webkit-transform: translateY(-50%) rotate(135deg);-ms-transform: translateY(-50%) rotate(135deg);-o-transform: translateY(-50%) rotate(135deg);transform: translateY(-50%) rotate(135deg);}

.nav ul li p {display: none;padding: 10px 0px 0px;margin-top: 10px;border-top: 1px solid #ddd;}

.nav ul li p a {display: block;line-height: 30px;color: #333;text-align: left;}

#video{position: absolute;width: 100%;height: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 9;object-fit: cover;background: none;}

.index .main3{position: relative; display: none;}
.index .main3 video{position: absolute;width: 100%;height: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 9;object-fit: cover;background: none;}
.index .main3 .center{position: relative; z-index: 20;}
.previmg{cursor: pointer;}

.dashi{background: url(../images/dashiji_01.jpg) no-repeat bottom; background-size: 100% auto;}
.MemorabiliaClass:after{ position: absolute; left: 0px; width: 100%; transform: translateY(-50%); height: 2px; background: #e4e4e4; content: ''; display: block; top: 50%;}
.MemorabiliaClass span{ z-index: 2;}
.MemorabiliaClass span.prevArrowBtn{ cursor: pointer; content: ''; display: block; position: absolute; right:2px; top: 50%; transform: translateY(-50%) rotate(45deg);-webkit-transform: translateY(-50%) rotate(45deg); width:16px; height: 16px; border: 1px solid #b2b2b2;border-left:none; border-bottom: none; }
.MemorabiliaClass span.nextArrowBtn{ cursor: pointer; content: ''; display: block; position: absolute; left: 2px; top: 50%; transform: translateY(-50%) rotate(-135deg);-webkit-transform: translateY(-50%) rotate(-135deg); width:16px; height: 16px; border: 1px solid #b2b2b2; border-left:none; border-bottom: none;}
.dashi .center .bigbox .box1{position: relative; z-index: 9;}

.footerSubscription .desc1{cursor: pointer;}

.dashibox{margin: 9px 0px 0px 9px;}
.dashibox .Dots{position: absolute; width:18px; height: 18px; display: block; position: absolute; left: -10px; top:-9px; border-radius: 100%; border: 2px solid #d2d2d2; background: #fff;}
.dashibox .Dots::after{ width: 8px; border-radius: 100%; height: 8px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); content: ''; display: block; background-color: #115fa7;}

.dashi .center .bigbox .box1 a{ background: #f1f1f1; color: #828282;}
.dashi .center .bigbox .box1 a.cur{ background: #115fa7; color:#fff; position: relative;}
.dashi .center .bigbox .box1 a.cur::after{content: ''; display: block; width: 0px; height: 0px; bottom: -8px; position: absolute; left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%); border-top:8px solid #115fa7;border-right: 8px solid transparent;border-left: 8px solid transparent;}
.MemorabiliaListbox{position: relative;}

.ListPrevBtn,.ListNextBtn{width: 40px; height: 30px; display: block;  position: absolute; border: 2px solid #115fa7; background: #fff; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%); cursor: pointer;}
.ListPrevBtn::after,.ListNextBtn::after{ content: ""; display: block; position: absolute; top: 50%;  width: 12px; height: 12px; border: 2px solid #115fa7;}
.ListPrevBtn{ left: -10px;}
.ListPrevBtn::after{border-left:none; border-bottom: none;left:calc(50% + 3px);transform: translate(-50%,-50%) rotate(-135deg);}
.ListPrevBtn:hover{ background: #115fa7; border-color: #115fa7;}
.ListPrevBtn:hover::after{border-color: #fff;}
.ListNextBtn{ right: -10px;}
.ListNextBtn::after{border-left:none; border-bottom: none;left:calc(50% - 3px);transform: translate(-50%,-50%) rotate(45deg);}
.ListNextBtn:hover{ background: #115fa7; border-color: #115fa7;}
.ListNextBtn:hover::after{border-color: #fff;}

.MemorabiliaList .swiper-wrapper{align-items: flex-end;}

.footerbox1 .rightlist1{border: 1px solid #202020; bottom: 48px !important; height: 153px;overflow-y: auto;}


.Storelist{padding-top: 20px;}

.contact2 .center .main4 .layui-input-block p{font-size: 15px; color: #828282; margin-top: 10px;}

.swiper-button-prev3,.swiper-button-next3{ cursor: pointer;}

.concept .main1 .box1{ position: relative; margin: 0px auto; z-index: 20;}

.concept .main1 .text{padding:5px 0 20px;}
.concept .main1 .text img{ max-width: 100%;}
.Characterlist{ float:left; width: 50%; padding: 0px 0 15px; cursor: pointer;}
.Characterlist p{height: auto; background-repeat: no-repeat; background-size: 50px;}

.Characterlist .box{background-size: cover;min-height: 235px;}

.Characterlist:nth-child(1) .box{background-image: url('../images/Character_bg01.jpg');}
.Characterlist:nth-child(2) .box{background-image: url('../images/Character_bg02.jpg');}
.Characterlist:nth-child(3) .box{background-image: url('../images/Character_bg03.jpg');}
.Characterlist:nth-child(4) .box{background-image: url('../images/Character_bg04.jpg');}
/* .Characterlist p img{ display: none;} */

/* /* .Characterlist p.missionIcon{ background-image: url(../images/Character01.png);}
.Characterlist p.VisionIcon{ background-image: url(../images/Character02.png);}
.Characterlist p.coreIcon{ background-image: url(../images/Character03.png);}
.Characterlist p.enterpriseIcon{ background-image: url(../images/Character04.png);} */

.Characterlist p.missionIcon{
    font-size: 22px;
	color: #3879f1;
    border-bottom: 3px solid #3879f1;
}
.Characterlist p.VisionIcon{
    font-size: 22px;
	color: #3879f1;
    border-bottom: 3px solid #3879f1;
}
.Characterlist p.coreIcon{
    font-size: 22px;
	color: #3879f1;
    border-bottom: 3px solid #3879f1;
}
.Characterlist p.enterpriseIcon{
    font-size: 22px;
	color: #3879f1;
    border-bottom: 3px solid #3879f1;
}

/* .Characterlist:hover .box { background-color: #3879f1 !important; color: white !important;} */
/* .Characterlist:hover .box .text6 { color: white  !important; } */
/* .Characterlist:hover .box .sbox19 { background: url(../images/diandian2a.png); background-position: bottom; background-repeat: no-repeat; background-size: cover; } */
/* .Characterlist:hover .box { border: 1px solid #3879f1  !important; } */

/* .Characterlist.current p.missionIcon{ background-image: url(../images/q_character_bg1.jpg);}
.Characterlist.current p.VisionIcon{ background-image: url(../images/q_character_bg2.png);}
.Characterlist.current p.coreIcon{ background-image: url(../images/q_character_bg3.png);}
.Characterlist.current p.enterpriseIcon{ background-image: url(../images/q_character_bg4.png);} */

/* .Characterlist.current .box { background-color: #3879f1 !important; color: white !important;}
.Characterlist.current .box .text6 { color: white  !important; } */
/* .Characterlist.current .box .sbox19 { background: url(../images/diandian2a.png); background-position: bottom; background-repeat: no-repeat; background-size: cover; } */
/* .Characterlist.current .box { border: 1px solid #3879f1  !important; } */



.concept .main1 .box1 .box{padding:20px 20px;}

.concept .main1 .box1 .box .text6{ margin-top:20px; font-size:18px; color: #666; height: auto;}

.concept .main1 .box2 .text2{font-weight: 100;display: none !important;}

.missionDesc{ display: none; width: 100%; text-align: center;clear: left; padding-top:60px; padding-left: 10px; padding-right: 10px;}
 
.missionDesc h3{ font-size: 22px; line-height: 24px; padding-bottom: 15px;}

.missionDesc p{ font-size: 34px; line-height: 44px;}


/*--涓€绾夸紶澹?-*/


.Voicebox{ max-width:100%; padding: 0px 10px; margin: 0px auto;}

.commonTitle{ text-align: center; padding-top: 30px; text-align: center;}
.commonTitle span{ display: block; width: 1px; height: 25px; background: #000000; margin: 0px auto;display: none;}
.commonTitle h3{ font-size:18px; color: #0f58b4; padding: 0 0 20px;}

.VoiceTime{ border-bottom: 1px solid #e5e5e5;}
.VoiceTime dt{ font-size: 14px; font-weight: 700; color: #666666; padding-bottom: 10px;}
.VoiceTime dt img{ vertical-align: middle; margin-right: 10px;}
.VoiceTime dd{overflow-x: auto;overflow-y:hidden; white-space: nowrap;}
.VoiceTime dd a{ display: inline-block; margin: 0px 20px; position: relative; color: #cccccc; height: 35px; border-bottom: 2px solid transparent; margin-bottom: -1px;}
.VoiceTime dd a::after{ content:""; display: block; width: 2px; height: 13px; background: #e6ebeb; position: absolute; right:-21px; top:5px;}
.VoiceTime dd a.curTime{ border-color: #0f58b4; color: #0f58b4;}

.VoiceTime dd a:last-child::after{ display:none;}

.Voicelistbox{position: relative;}

.Voicelist{margin-top:0px; padding:20px 0px;min-height: 400px; position: relative;visibility: visible; opacity: 1;}
.Voicelist .topSquare{ position: absolute; left: 61%; height: 100%; width: 1px; background: #e0e0e0; top: 0px; display: none;}
.Voicelist .topSquare::after{ display: block; width: 20px; height: 20px; top: -10px; background: #f8f8f8; content: ''; position: absolute; left: 50%; transform: translateX(-50%);}
.Voicelist .topSquare::before{ display: block; width: 7px; height: 7px; top: -4px; background: #e0e0e0; content: ''; position: absolute; left: 50%; transform: translateX(-50%); z-index: 2;}

.Voicelist dl{padding: 15px 0px;}
.Voicelist dl dt{ position: relative; padding-bottom: 20px;}

.Voicelist dl dd h3{ color: #333333; font-size: 18px; font-weight: 700;}
.Voicelist dl dd .time{ font-size:14px; color: #115fa7;padding-bottom: 5px;}
.Voicelist dl dd .desc{ color: #999999; font-size: 16px; padding-top: 10px; line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:7;overflow: hidden;}

.VoiceAtlas{ overflow: hidden; position: relative;}
.VoiceAtlas img{ display: block; width: 100%;}

.iconSquare{position: absolute; right:0%; top: 50%; transform: translateY(-50%); width:12.6%; z-index: 20; display: none;}
.iconSquare i{ display: block; height: 1px; background: #e0e0e0; width: 100%;}
.iconSquare .leftIconSquare{ position: absolute; left: -5px; top: 50%; height: 10px; width: 10px; transform: translateY(-50%); background: #fff;}
.iconSquare .leftIconSquare::after{ display: block; width: 5px; height: 5px; top:50%; background: #e0e0e0; content: ''; position: absolute; left: 50%; transform: translate(-50%,-50%);}

.iconSquare .rightIconSquare{ position: absolute; right: -10px; top: 50%; height: 20px; width: 20px; transform: translateY(-50%); background: #f8f8f8;}
.iconSquare .rightIconSquare::after{ display: block; width: 7px; height: 7px; top: 50%; background: #0e5dac; content: ''; position: absolute; left: 50%; transform: translate(-50%,-50%);}

.VoicelistHide{position: absolute; height: 0px; width: 100%; left: 0px; top: 0px; visibility: hidden; opacity: 0;overflow:hidden;}

.mouseIcon{bottom: 80px; position: absolute; left: 50%;  transform:translateX(-50%); width: 26px; height: 37px; border: 3px solid #fff; border-radius: 37px; z-index: 30;-webkit-animation: mouse both ease-in 2s infinite; -o-animation: mouse both ease-in 2s infinite; animation: mouse both ease-in 2s infinite;}
.mouseIcon::after{ position: absolute; left: 50%; top: 5px; transform: translateX(-50%); width: 5px; height: 11px; background-color: #0e5dac; border-radius:5px; content:''; display: block;}

@-webkit-keyframes mouse { 
    0% { -webkit-transform: translateY(-15px);-o-transform: translateY(-15px);transform: translateY(-15px); }
    50% { -webkit-transform: translateY(15px);-o-transform: translateY(15px);transform: translateY(15px); }
    100% { -webkit-transform: translateY(-15px);-o-transform: translateY(-15px);transform: translateY(-15px); } 
}

@-o-keyframes mouse { 
    0% { -webkit-transform: translateY(-15px);-o-transform: translateY(-15px);transform: translateY(-15px); }
    50% { -webkit-transform: translateY(15px);-o-transform: translateY(15px);transform: translateY(15px); }
    100% { -webkit-transform: translateY(-15px);-o-transform: translateY(-15px);transform: translateY(-15px); } 
}

@keyframes mouse { 
    0% { -webkit-transform: translateY(-15px);-o-transform: translateY(-15px);transform: translateY(-15px); }
    50% { -webkit-transform: translateY(15px);-o-transform: translateY(15px);transform: translateY(15px); }
    100% { -webkit-transform: translateY(-15px);-o-transform: translateY(-15px);transform: translateY(-15px); }  
}


.indexBusinessbg{ background: url(../images/businessbg.jpg) no-repeat bottom center; background-size: 100% auto;}

.toggle-btn { width: 20px; height: 20px; position: relative; margin-top:7px; display:block; float: left; margin-left: 30px; display:none;}

.toggle-btn span { width: 20px; height: 2px; background: #ffffff; position: absolute; left: 0; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; }

.toggle-btn span:first-child { top: 2px; }

.toggle-btn span:nth-child(2) { top: 10px;}

.toggle-btn span:last-child { bottom: 1px; }

.toggle-btn.closeCur span:first-child { -webkit-transform: translate(0, 8px) rotate(45deg); -ms-transform: translate(0, 8px) rotate(45deg); -o-transform: translate(0, 8px) rotate(45deg); transform: translate(0, 8px) rotate(45deg); }

.toggle-btn.closeCur span:nth-child(2) { opacity: 0; }

.toggle-btn.closeCur span:last-child { -webkit-transform: translate(0, -7px) rotate(-45deg); -ms-transform: translate(0, -7px) rotate(-45deg); -o-transform: translate(0, -7px) rotate(-45deg); transform: translate(0, -7px) rotate(-45deg); }

.headerbg .toggle-btn span{background: #333;}

.headerbg .header_btn dt{ color: #333 !important;}

.full-main-nav { display: none; }

.navbtn p{ display: block  !important;}

.nav{ display: none; top:55px;}

.header a.logo img.logom{display: block !important; height:50px;}
.header a.logo img.logoPc{display: none !important; height:50px;}
.header {background: white; min-height: auto;}

.navbtn {
  float: unset;
  padding-top: 10px;
  padding-right: 5px;
}
.navbtn p span{background-color: #115fa7 !important; width: 28px !important; height: 2px !important;top: 10px !important; left: 4px !important;}
.navbtn p span:nth-child(2) {top: 18px !important;}
.navbtn p span:nth-child(3) {top: 26px !important;}

.navbtnclose p span:nth-child(1) {
  top: 17px !important;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.navbtnclose p span:nth-child(2) {
  display: none;
}

.navbtnclose p span:nth-child(3) {
  top: 17px !important;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.header dt{ display: none !important;}
.header_btn { margin-top: 0px !important;margin-right: 0px !important;}
.nav{ display: none;}

.header a.logo-m img{height: 50px !important;}


.hideScroll{ overflow: hidden;}

.center1200{
    width: 1200px;
    margin: 0 auto;
}

@media (max-width:1200px){
    .missionDesc{padding-top:30px;}
    .missionDesc h3{font-size: 18px; line-height: 24px;}
    .missionDesc p{ font-size: 28px; line-height: 36px;}
    
    .center1200{
        width: 100%;
        margin: 0 auto;
        padding: 0 15px;
    }

    .Characterlist p.missionIcon{ font-size:16px; padding-bottom:10px;}
    .Characterlist p.missionIcon img{ height: 30px;}
    
    .Characterlist p.VisionIcon{ font-size:16px; padding-bottom:10px;}
    .Characterlist p.VisionIcon img{ height: 30px;}
  
    .Characterlist p.coreIcon{ font-size:16px; padding-bottom:10px;}
    .Characterlist p.coreIcon img{ height: 30px;}
  
    .Characterlist p.enterpriseIcon{ font-size:16px; padding-bottom:10px;}
    .Characterlist p.enterpriseIcon img{ height: 30px;}

}

@media (max-width: 992px){
    .missionDesc h3{font-size: 16px; line-height:22px;}
    .missionDesc p{ font-size: 20px; line-height:24px;}
  }

@media (max-width: 768px){
    .Characterlist{width: 100%;}
  .MemorabiliaListbox{padding: 0px 25px;}
  .dashi .center .bigbox .box1 a{padding: 7px 0;}
  .concept .main1 .box2{padding: 0px 0px 35px; height:180px;}
  .concept .main1 .box2 .text2{ font-size: 14px; width: 100%; line-height: 24px;}
  .missionDesc{padding-top:30px;}
  .missionDesc h3{font-size:14px; line-height: 22px;}
  .missionDesc p{ font-size:16px; line-height: 22px;}
  .concept .main4 .q_content .q_txt_img{position: unset;  text-align: center;  transform: translate3d(0,0,0);}
  .concept .main4 .q_content .q_txt_img img{ max-width: 35%; display:block; margin: 0px auto;}
  .concept .main4 .q_content .q_bg{display: none;}

  .Characterlist p.missionIcon{ font-size:18px; padding-bottom:10px;}
  .Characterlist p.missionIcon img{ height: 30px;}
  
  .Characterlist p.VisionIcon{ font-size:18px; padding-bottom:10px;}
  .Characterlist p.VisionIcon img{ height: 30px;}

  .Characterlist p.coreIcon{ font-size:18px; padding-bottom:10px;}
  .Characterlist p.coreIcon img{ height: 30px;}

  .Characterlist p.enterpriseIcon{ font-size:18px; padding-bottom:10px;}
  .Characterlist p.enterpriseIcon img{ height: 30px;}

  .concept .main1 .box1 .box .text6{ font-size: 14px;}
  .Characterlist .box{ min-height: 150px;}

}


/*--鏂板--*/
.containerbox { width: 100%; margin: 0px auto; padding: 0px 10px; }

.containerRow { margin: 0px; }

.investorClassbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.investorClassbox a { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border: 1px solid #e2e2e2; text-align: center; line-height: 40px; color: #666666; font-size: 12px; margin-right: -1px; }

.investorClassbox a.current { background: #115fa7; border: 1px solid #115fa7; color: #fff; -webkit-box-shadow: 0px 10px 20px rgba(17, 95, 167, 0.5); box-shadow: 0px 10px 20px rgba(17, 95, 167, 0.5); }

.announcementSearch { padding:20px 0px; }

.announcementSearch dt { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom: 10px; }

.announcementSearch label { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border: 1px solid #e2e2e2; padding: 10px 10px; background: #fff; }

.announcementSearch label input { width: 100%; }

.announcementSearch dd { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 10px; }

.announcementSearch dd img { margin: 0px 5px; }

.announcementSearch p input { width: 100%; height: 45px; background: url(../images/announcement_02.png) no-repeat center #060606; }

.announcementList ul { border-top: 2px solid #222222; }

.announcementList ul li { border-bottom: 1px solid #dedede; }

.announcementList ul li p { float: left; color: #999999; height: 50px; line-height: 50px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 12px; }

.announcementList ul li .time { width: 90px; text-align: center; }

.announcementList ul li .title { width: -webkit-calc(100% - 130px); width: calc(100% - 130px); padding: 0px 10px; }

.announcementList ul li .annex { width: 40px; text-align: center; }

.announcementList ul li .annex img { max-width: 15px; }

.announcementList ul li .title a { color: #666666; }

.announcementList ul li:nth-child(1) p { color: #333333; }

.commonMore { text-align: center; padding: 30px 0px 40px; }

.commonMore a { display: inline-block; width: 140px; line-height: 40px; color: #333333; border: 1px solid #115fa7; }

.PerformanceList { padding-top: 30px; }

.PerformanceList ul li h3 { font-size: 16px; color: #333333; border-bottom: 2px solid #e63c03; line-height: 50px; }

.PerformanceList ul li h3 span { font-size: 12px; }

.PerformanceList ul li h3 i { float: right; font-size: 12px; font-style: normal; }

.PerformanceList ul li p { padding-top: 23px; }

.PerformanceList ul li p img { display: block; width: 100%; -webkit-box-shadow: 0px 5px 32px rgba(230, 230, 230, 0.75); box-shadow: 0px 5px 32px rgba(230, 230, 230, 0.75); }

.situation { padding-top: 20px; padding-bottom: 40px; }

.situation h3 { font-size: 16px; color: #222222; border-bottom: 2px solid #222222; padding-bottom: 10px; }

.situation table { width: 100%; margin-top: 25px; }

.situation table th { font-size: 12px; border: 1px solid #e2e2e2; color: #484848; padding: 0px; text-align: left; padding: 10px 10px; font-weight: normal; }

.situation table td { font-size: 12px; border: 1px solid #e2e2e2; color: #484848; padding: 0px; text-align: center; padding: 10px 10px; }

.DividendRecordbox { padding-top: 20px; padding-bottom: 30px; }

.DividendRecord { overflow-y: hidden; overflow-x: auto; }

.DividendRecord table { width: 100%; border: 1px solid  #e2e2e2; min-width: 768px; }

.DividendRecord table th { font-size: 14px; color: #fff; background: #115fa7; border: 1px solid #115fa7; padding: 15px 0px; font-weight: normal; }

.DividendRecord table td { font-size: 12px; border: none; border-bottom: 1px solid  #e2e2e2; color: #484848; padding: 15px 0px; text-align: center; }

.HotIssuesDesc { font-size: 14px; padding: 10px; background: #e5e5e5; color: #333333; font-weight: 700; }

.HotIssues { padding: 20px 0px 40px 0px; }

.HotIssues ul li { margin-top: 10px; border: 1px solid #e5e5e5; padding: 10px; }

.HotIssues ul li .HotIssuesTitle { position: relative; padding: 10px 0px 10px 25px; color: #484848; font-size: 14px; cursor: pointer; }

.HotIssues ul li .HotIssuesTitle .HotIssuesQ { position: absolute; left: 0px; top: 10px; color: #115fa7; text-align: center; width: 25px; font-size: 14px; }

.HotIssues ul li .HotIssuesTitle .closeIcon { width: 20px; height: 20px; position: absolute; right: 5px; top: 9px; display: block; -webkit-transition: all .4s ease; transition: all .4s ease; }

.HotIssues ul li .HotIssuesTitle .closeIcon::after { width: 100%; height: 1px; background: #c6c6c6; left: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: ''; display: block; position: absolute; }

.HotIssues ul li .HotIssuesTitle .closeIcon::before { width: 1px; height: 100%; background: #c6c6c6; top: 0px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); content: ''; display: block; position: absolute; }

.HotIssues ul li.current .HotIssuesTitle { border-bottom: 1px dashed #e5e5e5; }

.HotIssues ul li.current .HotIssuesTitle .closeIcon { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.HotIssues ul li.current .HotIssuesTitle .closeIcon::after { background: #115fa7; }

.HotIssues ul li.current .HotIssuesTitle .closeIcon::before { background: #115fa7; }

.HotIssuesContent { padding: 20px 0px 20px 30px; display: none; font-size: 14px; color: #666666; line-height: 26px; position: relative; }

.HotIssuesContent .HotIssuesA { top: 20px; position: absolute; left: 0px; color: #115fa7; text-align: center; width: 25px; font-size: 14px; }

.LiabilityReportbg { background: url(../images/LiabilityReport_02.jpg) no-repeat bottom; background-size: 100% auto; }

.LiabilityReport { padding: 20px 0px; min-height: 300px; }

.LiabilityReport ul { margin: 0px -10px; }

.LiabilityReport ul li { padding: 10px 10px; float: left; width: 50%; }

.LiabilityReport ul li .LiabilityReportBorder { display: block; width: 100%; }

.LiabilityReport ul li .LiabilityReportcontent { position: relative; }

.LiabilityReport ul li .LiabilityReportImg { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 300px; padding-top: -webkit-calc(95% - 20px); padding-top: calc(95% - 20px); }

.LiabilityReport ul li .LiabilityReportImg img { position: absolute; top: 0px; height: -webkit-calc(95% - 20px); height: calc(95% - 20px); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border: 1px solid #e3e3e3; }

.LiabilityReport ul li .LiabilityReportImg p { font-size: 14px; color: #115fa7; font-weight: 700; text-align: center; padding-top: 20px; }

.noContentbox{ padding:20px 0px;}

.noContent { padding: 30px 15px; border: 1px solid #e2e2e2; background: #fff; }

.noContent p { font-size: 16px; color: #8a9cad; text-align: center; padding-bottom: 30px; }

.noContent img { max-width: 100%; display: block; margin: 0px auto; }

.calendar { padding: 20px 0px 40px; }

.calendar ul li { padding: 10px 0px; }

.calendar ul li .calendarbrTop { width: 100%; background: url(../images/calendar_01.png) no-repeat top; background-size: 100% auto; padding-top: 13%; }

.calendar ul li .calendarContent { position: relative; background: url(../images/calendar_02.png) no-repeat top; background-size: 100% auto; padding: 0px 23px; min-height: 200px; }

.calendar ul li .calendarContent p { text-align: center; font-size: 14px; color: #b2b2b2; border-bottom: 1px solid #eeeeee; padding: 10px 0px 10px; }

.calendar ul li .calendarContent p span { font-size: 40px; line-height: 1.1; color: #666666; display: block; }

.calendar ul li .calendarContent h3 { font-size: 16px; color: #484848; margin-top: 15px; }

.calendar ul li .calendarbrBottom { width: 100%; background: url(../images/calendar_03.png) no-repeat bottom; background-size: 100% auto; padding-top: 7%; }

.database { padding: 20px 0px; }

.database ul li { padding: 15px 0px 15px 10px; border-bottom: 1px solid #e2e2e2; }

.database ul li .time { width: 60px; float: left; height: 70px; background: #1b78d7; padding: 0px 5px; text-align: center; font-size: 12px; color: #6db7fc; }

.database ul li .time span { color: #ffffff; font-size: 24px; display: block; line-height: 40px; border-bottom: 1px solid #5097e0; margin-bottom: 5px; }

.database ul li .databaseTitleDesc { float: left; width: -webkit-calc(100% - 90px); width: calc(100% - 90px); padding-left: 15px; }

.database ul li .databaseTitleDesc h3 { font-size: 14px; color: #666666; font-weight: 600; margin-top: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.database ul li .databaseTitleDesc p { font-size: 12px; color: #999999; margin-top: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.database ul li .databaseIcon { float: left; width: 30px; padding-top: 22px; text-align: center; }

.database ul li .databaseIcon img { max-width: 15px; }

.PerformanceReportTop { position: relative; width: 100%; margin-top: 35px; background: #f7f7f7; background-size: cover; }

.PerformanceReportTop dl { padding-top: 70px; padding-bottom: 30px; }

.PerformanceReportTop dl .newReport { position: absolute; width: 40px; height: 55px; background: #000000; color: #ffffff; font-size: 12px; line-height: 16px; text-align: center; padding-top: 5px; top: 0px; left: 20px; }

.PerformanceReportTop dl .newReport::after { content: ''; position: absolute; left: 0px; bottom: 0px; border-bottom: 8px solid #f7f7f7; border-left: 20px solid transparent; border-right: 20px solid transparent; }

.PerformanceReportTop dl dd { padding: 0px 20px 30px; }

.PerformanceReportTop dl dd h3 { font-size: 20px; color: #333333; margin-top: 10px; }

.PerformanceReportTop dl dd .desc { color: #828282; font-size: 12px; margin-top: 5px; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.PerformanceReportTop dl dd .more { padding-top: 15px; }

.PerformanceReportTop dl dd .more a { font-size: 12px; background: #115fa7; width: 100px; height: 35px; position: relative; display: inline-block; line-height: 35px; color: #fff; padding-left: 10px; }

.PerformanceReportTop dl dd .more a::after { content: ''; display: block; top: 50%; margin-top: -4px; right: 10px; width: 8px; height: 8px; position: absolute; border: 1px solid #fff; border-left: none; border-top: none; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.PerformanceReportTop dl dd .more a::before { content: ''; display: block; width: 20px; height: 1px; background: #fff; top: 50%; right: 10px; position: absolute; margin-top: -1px; }

.PerformanceReportTop dl dt { float: left; width: 120px; margin: 0px 20px; }

.PerformanceReportTop dl dt img { display: block; margin: 0px auto; width: 120px; -webkit-box-shadow: 0px 0px 35px rgba(17, 95, 167, 0.25); box-shadow: 0px 0px 35px rgba(17, 95, 167, 0.25); }

.PerformanceReport { border-top: 2px solid #222222; margin-top: 50px; padding-bottom: 30px; }

.PerformanceReport ul li { padding: 20px 10px 20px 20px; border-bottom: 1px solid #cccccc; }

.PerformanceReport ul li img { float: left; width: 120px; -webkit-box-shadow: 0px 0px 25px rgba(17, 95, 167, 0.2); box-shadow: 0px 0px 25px rgba(17, 95, 167, 0.2); margin-right: 25px; }

.PerformanceReport ul li h3 { font-size: 16px; color: #333333; margin-top: 20px; }

.PerformanceReport ul li .desc { color: #828282; font-size: 12px; margin-top: 5px; display: -webkit-box; height: 36px; line-height: 18px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.PerformanceReport ul li .more { padding-top: 25px; }

.PerformanceReport ul li .more span { font-size: 12px; border: 1px solid #cccccc; width: 100px; height: 35px; position: relative; display: inline-block; line-height: 35px; color: #555555; padding-left: 10px; }

.PerformanceReport ul li .more span::after { content: ''; display: block; top: 50%; margin-top: -4px; right: 10px; width: 8px; height: 8px; position: absolute; border: 1px solid #555555; border-left: none; border-top: none; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.PerformanceReport ul li .more span::before { content: ''; display: block; width: 15px; height: 1px; background: #555555; top: 50%; right: 10px; position: absolute; margin-top: -1px; }

.CreditRatingbox { padding-top: 30px; padding-bottom: 30px; }

.CreditRating { overflow-y: hidden; overflow-x: auto; }

.CreditRating h3 { font-size: 18px; color: #333333; padding-bottom: 10px; }

.CreditRating table { width: 100%; border: 1px solid  #e2e2e2; min-width: 768px; }

.CreditRating table td { font-size: 14px; border: none; border-bottom: 1px solid  #e2e2e2; width: 20%; color: #828282; padding: 15px 0px; text-align: center; }

.SecuritiesResearch { padding-top: 30px; }

.SecuritiesResearch h3 { font-size: 18px; color: #333333; padding-bottom: 10px; }

.SecuritiesResearch table { width: 100%; border: 1px solid #e2e2e2; }

.SecuritiesResearch table th { font-size: 12px; border: none; background: #f2f3f5; color: #333333; padding: 15px 0px; text-align: center; font-weight: normal; }

.SecuritiesResearch table td { font-size: 12px; border: none; background: #fbfbfb; color: #333333; padding: 15px 0px; text-align: center; }

.strategybox { background: url(../images/ResponsibilityManagement_02.jpg) no-repeat bottom; background-size: 100% auto; padding-bottom:40px; }

.Strategy { line-height: 24px; color: #666666; margin: 0px auto; font-size: 14px; padding-top: 10px; }

.Strategy .StrategyTitle { font-size: 18px; color: #333333; padding-bottom: 10px; font-weight: 600; }

.assimilateIntoStrategy { padding-top: 20px; }

.assimilateIntoStrategy .enterprise { max-width: 350px; text-align: center; margin: 0px auto; }

.assimilateIntoStrategy .enterprise h3 { font-size: 16px; color: #115fa7; font-weight: 700; padding-bottom: 10px; }

.assimilateIntoStrategy .enterprise p { color: #999999; font-size: 14px; line-height: 24px; }

.assimilateInto { padding-top: 30px; }

.assimilateInto img { display: block; margin: 0px auto; max-width: 50%; }

.assimilateInto ul li { padding-top: 20px; }

.assimilateInto h3 { font-size: 16px; color: #115fa7; font-weight: 700; padding-bottom: 10px; }

.assimilateInto p { color: #999999; font-size: 14px; line-height: 24px; }


/*2021-6-3鏂板*/
.common_Title { text-align: center; padding-top: 30px; font-size: 20px; font-weight: 700; color: #282828; }

.CooperationModebox { position: relative; z-index: 9; }

.CooperationMode { padding: 20px 0px 0px; background-color: #fff; }

.CooperationMode h3 { border-bottom: 2px solid #2f5f8f; color: #333333; font-size: 16px; padding-bottom: 15px; text-align: center; font-weight: 600; }

.CooperationMode p { font-size: 14px; color: #828282; margin-top: 15px; }

.BusinessmodelBannerbox { position: relative; margin-top: 20px; }

.BusinessmodelBanner { overflow: hidden; position: relative; }

.BusinessmodelBannerPrev, .BusinessmodelBannerNext { position: absolute; top: 50%; z-index: 99; cursor: pointer; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 40px; background: rgba(0, 0, 0, 0.5); display: block; -webkit-border-radius: 100%; border-radius: 100%; }

.BusinessmodelBannerPrev { left: 15px; }

.BusinessmodelBannerNext { right: 15px; }

.BusinessmodelBannerPrev::after, .BusinessmodelBannerNext::after { display: block; content: ''; width: 12px; height: 12px; border: 2px solid #fff; position: absolute; left: 45%; top: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); border-left: none; border-top: none; }

.BusinessmodelBannerPrev::after { -webkit-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(135deg); }

.BusinessmodelBanner ul li img { display: block; width: 100%; }

.BusinessmodelBanner ul li dl { max-width: 930px; margin: 0px auto; position: relative; }

.BusinessmodelBanner ul li dl dt { background-color: #306091; }

.BusinessmodelBanner ul li dl dt h2 { padding: 10px 15px; color: #fff; font-size: 18px; font-weight: 600; text-align: center; }

.BusinessmodelBanner ul li dl dd { font-size: 14px; color: #828282; line-height: 24px; padding: 28px 0px; }

.wisdomManagement { background: #f9f9f9; margin-top: 10px; }

.wisdomManagementDesc { font-size: 14px; color: #828282; line-height: 24px; text-align: left; text-indent: 2em; margin-top: 20px; }

.wisdomManagementList { margin-top: 20px; }

.wisdomManagementListImg { padding-bottom: 20px; }

.wisdomManagementListImg .img { position: relative; overflow: hidden; }

.wisdomManagementListImg .img img { width: 100%; display: block; }

.wisdomManagementListImg h3 { background-color: #306091; text-align: center; color: #fff; line-height: 50px; font-size: 14px; font-weight: 700; height: 50px; }

.wisdomManagementListImg .arrow { text-align: center; padding-top: 20px; display: none; }

.wisdomPlatform { padding-top: 20px; padding-bottom: 20px; }

.wisdomPlatform ul { border: 2px dotted #61a9f3; margin-top: 20px; padding: 30px 0px; background-color: #e8f0f8; }

.wisdomPlatform ul li { float: left; width: 33.3333%; text-align: center; font-size: 14px; padding: 0px 5px; }

.wisdomPlatform ul li h4 { color: #306091; font-weight: 600; }

.wisdomPlatform h3 { font-size: 18px; color: #333333; text-align: center; }

.assetsDesc { font-size: 14px; color: #828282; line-height: 24px; text-align: left; text-indent: 2em; margin-top: 20px; max-width: 1000px; margin: 20px auto 0px; }

.assetsList { margin: 30px auto 0px; padding-bottom: 0px; position: relative; }

.assetsList h3 { font-size: 20px; font-weight: 700; text-align: center; padding-bottom: 20px; }

.assetsList img { display: none; width: 100%; }

.assetsList ul { overflow: hidden; }

.assetsList ul li { float: left; width: 50%; text-align: center; padding: 0px 10px 10px; }

.assetsList ul li:nth-child(2n+1) { clear: left; }

.assetsList ul li img { max-width: 70px; display: block; margin: 0px auto; background-color: #f3f4fa; -webkit-border-radius: 100%; border-radius: 100%; border: 1px solid #e1e3ee; }

.assetsList ul li p { font-size: 14px; color: #333333; font-weight: 600; padding-top: 10px; }

.gardenAreabg { background: #f9f9f9; padding-bottom: 40px; }

.gardenAreabox { position: relative; margin-top: 20px; }

.gardenAreaImgbox { position: relative; }

.gardenAreaImgbox em { z-index: 20; background-color: #fff; position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; border: 2px solid #d6d6d6; cursor: pointer; }

.gardenAreaImgbox em:after { content: ''; top: 50%; left: 50%; margin: -7px 0px 0px -4px; position: absolute; width: 14px; height: 14px; border: 2px solid #666666; border-right: none; border-top: none; }

.gardenAreaImgbox em.gardenAreaImgPrev { left: 10px; }

.gardenAreaImgbox em.gardenAreaImgPrev:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.gardenAreaImgbox em.gardenAreaImgNext { right: 10px; }

.gardenAreaImgbox em.gardenAreaImgNext:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); margin: -7px 0px 0px -10px; }

.gardenAreaImgbox em:hover { background: #2f5f8f; border-color: #2f5f8f; -webkit-box-shadow: 0px 5px 10px #194d80; box-shadow: 0px 5px 10px #194d80; }

.gardenAreaImgbox em:hover:after { border-color: #fff; }

.gardenAreaDesc { background: #35699b; padding: 20px; }

.gardenAreaDesc h3 { color: #e9eef6; font-size: 18px; }

.gardenAreaDesc p { font-size: 12px; color: #b0c1d6; line-height: 18px; margin-top: 10px; text-align: left; text-indent: 2em; }

.gardenAreaImg { overflow: hidden; position: relative; }

.gardenAreaImg ul li img { width: 100%; }

.MemorabiliaClassbox{ overflow: hidden; position: relative; width: 80% !important; margin: 0px auto; padding-bottom: 8px;}

/*--鎼滅储--*/
.searchResult { padding: 50px 0px; }

.searchResult dl { border-bottom: 1px solid #eee; padding-bottom: 10px; }

.searchResult dl dt { float: left; font-size: 16px; }

.searchResult dl dd { float: right; font-size: 14px; }

.searchResultList li { padding: 15px 15px 25px; margin-top: 25px; border-bottom: 1px solid #eee; background: #f6f6f6; }

.searchResultList li h3 { font-size: 16px; line-height: 26px; padding-bottom: 5px; }

.searchResultList li p { font-size: 12px; color: #1a1a1a; line-height: 24px; }

.Charterbox{padding: 30px 0px;}

/*--閫氱敤鏂伴椈--*/
.commonLocation { padding: 10px 0; border-bottom: 1px solid #ebebeb; display: none;}

.commonLocation h3 { float: left; font-size: 16px; position: relative; }

.commonLocation h3::after { content: ''; width: 6px; height: 6px; background: #115fa7; position: absolute; right: -15px; top: 0px; display: block; }

.commonLocation p { float: right; padding-top: 5px; }

.commonLocation p a { font-size: 12px; vertical-align: middle; display: inline-block; color: #999; margin-left: 10px; background: url(../images/icon3.png) no-repeat left center; padding-left: 10px; }

.commonLocation p a.current { color: #333; }

.commonLocation p img { display: inline-block; vertical-align: middle; }

.commonNewslist { padding: 30px 0px 80px; }

.commonNewslist dl { padding: 30px 0; border-bottom: 1px solid #EBEBEB; }

.commonNewslist dl dt img { display: block; width: 100%; }

.commonNewslist dl dd .time { font-size: 20px; color: #aecef0; padding: 10px 0 20px; line-height: 20px; }

.commonNewslist dl dd h3 { font-size: 18px; color: #333333; line-height: 24px; }

.commonNewslist dl dd .desc { font-size: 14px; color: #999999; margin-top: 10px; }

.commonNewslist dl dd .more { padding-top: 10px; }

.commonNewslist dl dd .more a { display: inline-block; font-size: 14px; color: #fff; background-color: #265689; padding: 15px 0; text-align: center; display: inline-block; width: 110px; }

.commonNewslist ul li { padding: 20px 0px 0px; }

.commonNewslist ul li .time { font-size: 16px; color: #115FA7; }

.commonNewslist ul li .newsTitle { border-bottom: 1px dashed #ddd; padding-bottom: 20px; }

.commonNewslist ul li .newsTitle h3 { font-size: 18px; color: #333333; }

.commonNewslist ul li .newsTitle p { font-size: 16px; color: #999999; margin-top: 10px; }

.commonNewsMore { height: 50px; display: block; background-color: #ebf3fc; color: #265689; text-align: center; font-weight: bold; font-size: 20px; line-height: 40px; cursor: pointer; }

.commonNewsMore span { display: inline-block; width: 5px; height: 5px; margin: 0 3px; background: #265689; }

.commonNewsDetailbox { padding: 20px 0px 40px; }

.commonNewsDetailTitle { padding: 0px 0px 15px; border-bottom: 1px solid #DEDEDE; }

.commonNewsDetailTitle h3 { font-size: 18px; color: #333333; }

.commonNewsDetailTitle .time { font-size: 14px; position: relative; color: #aecef0; margin-top: 10px; }

.commonNewsDetailTitle .time a { position: absolute; right: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); line-height: 20px; font-size: 14px; background: url(../images/detailsicon1.png) no-repeat left center; padding-left: 25px; }

.commonNewsDetail { font-size: 14px; line-height: 22px; color: #999999; }

.commonNewsDetail img { max-width: 100%; }

.commonNewsDetail p { padding: 10px 0px; }

.commonNextPrevious { padding: 20px 0px 0px; }

.commonNextPrevious a { display: inline-block; width: -webkit-calc(50% - 1px); width: calc(50% - 1px); margin-right: 2px; background-color: #f2f8ff; background-repeat: no-repeat; background-position: center; padding: 20px 0; text-align: center; }

.commonNextPrevious a:last-child { margin: 0px; }

.commonNextPrevious a.prevNewsBtn { background-image: url(../images/detailsleft.png); }

.commonNextPrevious a.prevNewsBtn:hover { background-image: url(../images/detailsleft1.png); }

.commonNextPrevious a.nextNewsBtn { background-image: url(../images/detailsright.png); }

.commonNextPrevious a.nextNewsBtn:hover { background-image: url(../images/detailsright1.png); }

.commonSharebox a { display: inline-block;vertical-align: middle; position: relative; float: none !important; margin: 0px 0px 0px 10px !important; padding: 0px !important; width: 32px !important; height: 32px !important; background-repeat: no-repeat !important; background-position: center !important; }

.commonSharebox a.icon_wechat { background-image: url(../images/wx-icon.png); }

.commonSharebox a.icon_weibo { background-image: url(../images/wb-icon.png); }

.commonSharebox a.icon_qq { background-image: url(../images/qq-icon.png); }

.commonSharebox a .wechat-qrcode{ display: none; width:200px; position: absolute; left: 50%; transform: translateX(-50%); bottom:40px; font-size: 12px; text-align: center; background: #fff; padding: 10px;}
.commonSharebox a .wechat-qrcode .qrcode{ width: 100px; margin: 0px auto; padding: 10px 0px;}
.commonSharebox a .wechat-qrcode .help{ text-align: left;}
.commonSharebox a.icon_wechat:hover .wechat-qrcode{ display: block;}


/*--棣栭〉婊氬姩鏂伴椈--*/

.NewsStockbox{padding-top:70px; padding-bottom:15px;}

.scrollNewsbox{position: relative; background: url(../images/scrollNews01.png) no-repeat 70px center; padding-left:100px; padding-right: 25px;}
.scrollNewsbox span{ display: block; position: absolute; top: 50%; cursor: pointer; right: 0px; width:15px; height:15px; background-repeat: no-repeat; background-position: center;}
.scrollNewsbox span.scrollNewsPrevBtn{ transform:translateY(calc(-50% - 10px)); background-image: url(../images/scrollNews03.png);}
.scrollNewsbox span.scrollNewsNextBtn{ transform:translateY(calc(-50% + 10px)); background-image: url(../images/scrollNews02.png);}
.scrollNewsbox span.scrollNewsPrevBtn:hover{background-image: url(../images/scrollNews003.png);}
.scrollNewsbox span.scrollNewsNextBtn:hover{ background-image: url(../images/scrollNews002.png);}

.scrollNews{ overflow: hidden; position: relative; height: 33px;}
.scrollNews a{ display: block; height: 33px; line-height: 33px; font-size: 14px; color: #666666; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.scrollNews a:hover{ color: #336090;}

.indexStock{text-align: left; font-size: 12px; padding-top: 10px;}
.indexStock p{ display: inline-block; padding-right: 10px;}
.indexStock span{ font-size:18px; color: #373737; padding: 0px 10px;}
.indexStock span.rise{ color: #e22312;}
.indexStock span.fall{ color: #2c9d3f;}

.indexStock p:last-child{padding-right: 0px;}
.indexStock p:last-child span{ padding-right: 0px;}

/*--鏂颁紒涓氱娌?-*/

.GovernanceClass{ overflow: hidden; position: relative; padding-top: 35px;}

.GovernanceClasstitle{ width: 110px; height: 110px; border-radius: 100%; background-color: #4683c1; margin: 0px auto; text-align: center; position: relative; padding-top:20px;}
.GovernanceClasstitle img{height:35px; margin-bottom: 5px; vertical-align: middle;}
.GovernanceClasstitle p{font-size: 14px; font-weight: 700; color: #fff;}
.GovernanceClasstitle::after{content: ''; display: block; width: 115%; height: 115%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); left: 50%; top: 50%; position: absolute; background: url(../images/Governance_01.png) no-repeat; background-size: contain;}
.GovernanceClasstitle span{ display: block; position: absolute; bottom: -30px; left: 50%; transform:translateX(-50%);-webkit-transform:translateX(-50%); height: 30px; width:2px; background: #ceced6;}
.GovernanceClasstitle span i{position: absolute; width: 16px; height: 16px; border: 2px solid #ceced6; left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%); bottom: -16px;  border-radius: 100%;}
.GovernanceClasstitle span i::before{ position: absolute; background: #4683c1; content: ''; border-radius: 100%; width:6px; height: 6px; left: 50%; top: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}

.GovernanceClassName{ min-height: 135px; border: 1px solid #cdd0d7; background: #fff; text-align: center; padding:30px 0px; margin-top: 38px;}
.GovernanceClassName p{ color: #828282; font-size: 16px;}

.GovernanceDutiesbox{margin-top:30px;}
.DutiesTitleLine::after{ height: 20px; content: ''; width: 1px; background:#000000; display:block; margin: 0px auto;}
.GovernanceDutiesTitle{ text-align: center; color: #0f58b4; font-size:18px; margin-top:15px;}
.DutiesLine{padding:10px 0px}
.DutiesLine::after{height:20px;content:''; display: block; margin: 0px auto; width: 1px;  background:#fff; transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.GovernanceDuties{ padding:30px 15px; margin-top:15px; text-align: center; background: url(../images/about_img4.jpg) no-repeat center; background-size: cover; color: #fff;}
.GovernanceDuties h3{ font-size:16px;line-height:24px; color: #ffffff; }
.GovernanceDuties .GovernanceDutiesSubTitle{ font-size: 14px;padding-top: 5px; padding-bottom:15px; color: #fff; text-align: center; }
.GovernanceDuties ul li{text-align: left;}
.GovernanceDuties ul li p{ color: #ffffff; font-size: 12px; line-height:24px;}
.GovernanceDuties .DutiesDocBtn{ text-align: center; padding-top: 20px;}
.GovernanceDuties .DutiesDocBtn a{ display: inline-block; border-radius:45px; line-height:45px; color: #fff; font-size: 12px; background: #115fa7; padding: 0px 20px;}
.GovernanceDuties .DutiesDocBtn a span{ padding-right:25px; background: url(../images/about_img6.png) no-repeat right center;}
.GovernanceDuties p{text-align: left; font-size: 14px;}


.StockTitle{font-size:16px; font-weight: 700; color: #306091;}

.commonLine{position: relative; overflow-y: hidden;display: none;}
.commonLine::after{ height: 20px;display: block; width: 1px; margin: 0px auto; background: #000; content: '';}

.professionCommittee{ display: none;}
.gesture{cursor: pointer;}

.GovernanceClassCenter{ justify-content: center; padding-left: 5px;}

/*--鏂颁笟鍔′笁绾ч〉闈?-*/

.businessLocation{padding-top:40px !important;}

.businessPark { padding: 40px 0px; background: url(../images/business01.jpg) no-repeat bottom; background-size: 100% auto; text-align: center; }

.businessPark h3 { font-size: 18px; color: #0f58b4; padding-top: 10px; font-weight: 550; }

.businessPark .desc { font-size: 14px; line-height: 22px; color: #828282; font-weight: 550; padding-top: 10px; }

.businessPark ul { padding-top: 15px; margin: 0px auto; max-width: 940px; }

.businessPark ul li { float: left; width: 33.333%; border-right: 2px solid #e4e4e4; }

.businessPark ul li p { font-size: 12px; color: #828282; font-weight: 700; }

.businessPark ul li p.dataNum { font-size: 12px; color: #0f58b4; }

.businessPark ul li p.dataNum span { font-size: 26px; font-weight: 500; }

.businessPark ul li:last-child { border: none; }

.businessProgram { padding: 40px 0px 40px; background: url(../images/business02.jpg) no-repeat center; background-size: cover; text-align: center; }

.businessProgram .commonLine::after { background: #fff; }

.businessProgram h3 { font-size: 18px; color: #fff; }

.businessProgram .desc { color: #fff; font-size: 14px; line-height: 22px;}

.businessProgramlistbg { background-image: url(../images/business06.png); background-repeat: no-repeat; background-position: center top; background-size: cover; padding-top: 10px; }

.businessProgramlistbox { position: relative; z-index: 9; }

.businessProgramlist { overflow: hidden; position: relative; }

.businessProgramlistContent { background: #fff; padding: 40px 10px; text-align: center; }

.businessProgramlistContent .icon { position: relative; }

.businessProgramlistContent .icon img { position: relative; display: block; height: 90px; margin: 0px auto; z-index: 2; }

.businessProgramlistContent .icon::after { width: 20%; height: 74%; content: ''; position: absolute; z-index: 1; -webkit-border-radius: 100%; border-radius: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-shadow: 0px 0px 35px #115fa7; box-shadow: 0px 0px 35px #115fa7; }

.businessProgramlistContent h3 { font-size: 16px; color: #333333; font-weight: 700; padding-top: 20px; }

.businessProgramlistContent .line { padding: 10px 0px; }

.businessProgramlistContent .line::after { content: ''; margin: 0px auto; width: 30px; height: 2px; background: #c5c5c5; display: block; }

.businessProgramlistContent .desc { color: #828282; font-size: 14px; display: -webkit-box; height: 96px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }

.businessProgramlistTwo { padding-top: 30px; }

.businessProgramlistTwo dl { position: relative; }

.businessProgramlistTwo dl dt img { display: block; width: 100%; }

.businessProgramlistTwo dl dd { padding: 15px; }

.businessProgramlistTwo dl dd h3 { color: #000000; font-size: 18px; }

.businessProgramlistTwo dl dd .line { position: relative; padding: 10px 0px; height: 3px; }

.businessProgramlistTwo dl dd .line::after { width: 30px; height: 2px; background: #115fa7; content: ''; display: block; position: relative; left: 0px; }

.businessProgramlistTwo dl dd .desc { color: #828282; font-size: 12px; line-height: 1.3;}

.businessCase { padding-top: 30px; padding-bottom: 30px; }

.businessCase h3 { font-size: 18px;  color: #0f58b4; font-weight: 550; text-align: center; }

.businessCaseList { overflow: hidden; position: relative; margin-top: 10px; }

.CaseListContent { position: relative; }

.CaseListContent dt img { display: block; width: 100%; }

.CaseListContent dd { padding: 10px 10px 15px; }

.CaseListContent dd h4 { font-size: 16px; color: #484848; font-weight: 700; padding-bottom: 5px; }

.CaseListContent dd .desc { font-size: 14px; color: #666666; line-height: 20px; }

.businessCasebtnbox { padding-left: 10px; z-index: 20; }

.businessCasebtnbox span { width: 60px; height: 30px; display: inline-block; border: 1px solid #115fa7; margin-right: -1px; background: #fff; position: relative; cursor: pointer; }

.businessCasebtnbox span::after { content: ""; display: block; position: absolute; top: 50%; width: 9px; height: 9px; border: 2px solid #115fa7; }

.businessCasebtnbox span.businessCasePrevBtn::after { border-left: none; border-bottom: none; left: -webkit-calc(50% + 3px); left: calc(50% + 3px); -webkit-transform: translate(-50%, -50%) rotate(-135deg); -ms-transform: translate(-50%, -50%) rotate(-135deg); transform: translate(-50%, -50%) rotate(-135deg); }

.businessCasebtnbox span.businessCasePrevBtn:hover { background: #115fa7; border-color: #115fa7; }

.businessCasebtnbox span.businessCasePrevBtn:hover::after { border-color: #fff; }

.businessCasebtnbox span.businessCaseNextBtn::after { border-left: none; border-bottom: none; left: -webkit-calc(50% - 3px); left: calc(50% - 3px); -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }

.businessCasebtnbox span.businessCaseNextBtn:hover { background: #115fa7; border-color: #115fa7; }

.businessCasebtnbox span.businessCaseNextBtn:hover::after { border-color: #fff; }

/*--鍦板浘--*/

.map {height: 661px; max-width: 834px; margin: 0px auto; position: relative; }

.map .imgMap { position: relative; width: 834px; height: 661px; left: 50%; margin-left: -417px; }

.map .imgMapbox { position: absolute; left: 0px; width: 100%; height: 100%; top: 0px; z-index: 98; }

.map area { position: relative; z-index: 9; }

.maphover a { position: absolute; }

.maphover a.xiangjiang { background: url(../images/xinjiang.png) no-repeat; left: 65px; top: 92px; width: 279px; height: 216px; }

.maphover a.xizang { background: url(../images/xizang.png) no-repeat; left: 89px; top: 288px; width: 265px; height: 176px; }

.maphover a.qinghai { background: url(../images/qinghai.png) no-repeat; left: 238px; top: 263px; width: 174px; height: 128px; }

.maphover a.gansu { background: url(../images/gansu.png) no-repeat; left: 287px; top: 210px; width: 198px; height: 176px; }

.maphover a.neimenggu { background: url(../images/neimenggu.png) no-repeat; left: 353px; top: 45px; width: 312px; height: 261px; }

.maphover a.ningxia { background: url(../images/ningxia.png) no-repeat; left: 435px; top: 277px; width: 37px; height: 66px; }

.maphover a.heilongjiang { background: url(../images/heilongjiang.png) no-repeat; left: 614px; top: 41px; width: 155px; height: 146px; }

.maphover a.jilin { background: url(../images/jilin.png) no-repeat; left: 631px; top: 153px; width: 155px; height: 146px; }

.maphover a.liaoning { background: url(../images/liaoning.png) no-repeat; left: 606px; top: 199px; width: 84px; height: 76px; }

.maphover a.hebei { background: url(../images/hebei.png) no-repeat; left: 545px; top: 221px; width: 76px; height: 107px; }

.maphover a.beijing { background: url(../images/beijing.png) no-repeat; left: 566px; top: 247px; width: 24px; height: 25px; }

.maphover a.tianjin { background: url(../images/tianjin.png) no-repeat; left: 583px; top: 259px; width: 17px; height: 26px; }

.maphover a.shanxi { background: url(../images/shanxi.png) no-repeat; left: 506px; top: 255px; width: 50px; height: 95px; }

.maphover a.shanxisheng { background: url(../images/shanxisheng.png) no-repeat; left: 446px; top: 277px; width: 70px; height: 126px; }

.maphover a.sichuan { background: url(../images/sichuan.png) no-repeat; left: 337px; top: 352px; width: 145px; height: 137px; }

.maphover a.shandong { background: url(../images/shandong.png) no-repeat; left: 564px; top: 289px; width: 98px; height: 64px; }

.maphover a.henan { background: url(../images/henan.png) no-repeat; left: 507px; top: 325px; width: 81px; height: 79px; }

.maphover a.jiangsu { background: url(../images/jiangsu.png) no-repeat; left: 585px; top: 342px; width: 80px; height: 68px; }

.maphover a.shanghai { background: url(../images/shanghai.png) no-repeat; left: 651px; top: 395px; width: 17px; height: 16px; }

.maphover a.anhui { background: url(../images/anhui.png) no-repeat; left: 566px; top: 351px; width: 66px; height: 83px; }

.maphover a.hubei { background: url(../images/hubei.png) no-repeat; left: 480px; top: 377px; width: 105px; height: 67px; }

.maphover a.chongqing { background: url(../images/chongqing.png) no-repeat; left: 439px; top: 395px; width: 65px; height: 66px; }

.maphover a.yunnan { background: url(../images/yunnan.png) no-repeat; left: 321px; top: 444px; width: 125px; height: 125px; }

.maphover a.guizhou { background: url(../images/guizhou.png) no-repeat; left: 414px; top: 444px; width: 83px; height: 69px; }

.maphover a.hunan { background: url(../images/hunan.png) no-repeat; left: 487px; top: 429px; width: 74px; height: 87px; }

.maphover a.jiangxi { background: url(../images/jiangxi.png) no-repeat; left: 552px; top: 426px; width: 68px; height: 91px; }

.maphover a.zhejiang { background: url(../images/zhejiang.png) no-repeat; left: 614px; top: 404px; width: 58px; height: 64px; }

.maphover a.fujian { background: url(../images/fujian.png) no-repeat; left: 587px; top: 452px; width: 65px; height: 78px; }

.maphover a.guangxi { background: url(../images/guangxi.png) no-repeat; left: 424px; top: 490px; width: 109px; height: 80px; }

.maphover a.guangdong { background: url(../images/guangdong.png) no-repeat; left: 500px; top: 504px; width: 110px; height: 87px; }

.maphover a.hainan { background: url(../images/hainan.png) no-repeat; left: 481px; top: 590px; width: 40px; height: 31px; }

.maphover a.taiwan { background: url(../images/taiwan.png) no-repeat; left: 652px; top: 498px; width: 25px; height: 55px; }

.cityName a { position: absolute; padding-left: 23px; height: 20px; line-height: 20px; white-space: nowrap; color: #ffffff; font-size: 12px; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }

.cityName a:after { background: url(../images/map2.png) no-repeat; content: ''; -webkit-border-radius: 100%; border-radius: 100%; width: 20px; height: 20px; position: absolute; left: 0px; top: 0px; -webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1); }

.mapHoverBg a { display: block; position: absolute; background-repeat: no-repeat; display: none; }

.mapHoverBg a.Huaxi { width: 215px; height: 222px; background-image: url(../images/new_map2.png); top: 350px; left: 320px; }

.mapHoverBg a.Huanan { width: 131px; height: 122px; background-image: url(../images/new_map1.png); top: 499px; left: 480px; }

.mapHoverBg a.Zhejiang { width: 86px; height: 130px; background-image: url(../images/new_map4.png); top: 403px; left: 587px; }

.mapHoverBg a.Huazhong { width: 184px; height: 220px; background-image: url(../images/new_map3.png); top: 376px; left: 476px; }

.mapHoverBg a.Beifang { width: 220px; height: 189px; background-image: url(../images/new_map6.png); top: 219px; left: 444px; }

.mapHoverBg a.Suwan { width: 103px; height: 96px; background-image: url(../images/new_map5.png); top: 340px; left: 564px; }

.mapHoverBg a.Liaoning { width: 88px; height: 80px; background-image: url(../images/new_map7.png); top: 197px; left: 604px; }

.mapCityName a { position: absolute; padding-left: 23px; height: 20px; line-height: 20px; white-space: nowrap; color: #333333; font-size: 12px; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }

.mapCityName a:after { background: url(../images/new_map10.png) no-repeat; content: ''; -webkit-border-radius: 100%; border-radius: 100%; width: 20px; height: 20px; position: absolute; left: 0px; top: 0px; -webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1); }

.mapCityName a.current { color: #fff; }

.mapCityName a.current:after { background: url(../images/new_map9.png) no-repeat; }

.popupProjectbox { position: absolute; top: 0px; z-index: 99; display: none; }

.popupProjectbox::before { position: absolute; z-index: 1; left: -30px; right: -30px; top: -30px; bottom: -30px; content: ''; display: block; }

.popupProject { position: relative; top: 0px; background: #306091;color: #fff; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); width: 260px; padding: 20px; -webkit-border-radius: 5px; border-radius: 5px; z-index: 9; }

.popupProject h3 { position: absolute; line-height: 30px; background: #6095c9; color: #fff; width: 100px; -webkit-border-radius: 4px; border-radius: 4px; text-align: center; }

.popupProject h3 em { font-style: normal; }

.popupProject h3 i { display: block; background: #6095c9; position: absolute; left: 100px; width: 50px; height: 1px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.popupProject h3 i:after { content: ''; background: url(../images/new_map11.png) no-repeat; display: block; position: absolute; width: 20px; height: 20px; left: 75px; top: 25px; }

.popupProject h3 i:before { content: ''; width: 50px; height: 1px; background: #6095c9; position: absolute; display: block; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 43px; top: 18px; }

.popupProject ul { overflow-y: auto; overflow-x: hidden; height: 120px; }

.popupProject ul li { font-size: 14px; line-height: 24px; }

.popupProject ul li a { color: #fff; }

/* .popupProject ul li a:hover { color: #2f5f8f; } */

.popupProject:after { position: absolute; content: ''; display: block; }

.HuaxiList { left: 60px; top: 455px; }

.HuaxiList h3 { left: 135px; top: -70px; }

.HuaxiList .popupProject:after { border: 10px solid transparent; border-bottom: 60px solid transparent; border-bottom-color: #306091; top: -40px; right: -35px; -webkit-transform: rotate(65deg); -ms-transform: rotate(65deg); -o-transform: rotate(65deg); transform: rotate(65deg); }

.HuananList { left: 565px; top: 340px; }

.HuananList h3 { left: -200px; bottom: -18px; }

.HuananList .popupProject:after { border: 10px solid transparent; border-top: 50px solid transparent; border-top-color: #306091; left: -11px; bottom: -40px; -webkit-transform: rotate(25deg); -ms-transform: rotate(25deg); -o-transform: rotate(25deg); transform: rotate(25deg); }

.HuazhongList { left: 255px; top: 500px; }

.HuazhongList h3 { left: 111px; top: -72px; }

.HuazhongList .popupProject:after { border: 10px solid transparent; border-bottom: 45px solid transparent; border-bottom-color: #306091; top: -40px; right: -15px; -webkit-transform: rotate(33deg); -ms-transform: rotate(33deg); -o-transform: rotate(33deg); transform: rotate(33deg); }

.HuazhongList h3 i:before { left: 47px; top: 7px; width: 20px; }

.HuazhongList h3 i:after { width: 20px; height: 20px; left: 62px; top: 12px; }

.ZhejiangList { left: 325px; top: 450px; }

.ZhejiangList h3 { left: 135px; top: -70px; }

.ZhejiangList .popupProject:after { border: 10px solid transparent; border-bottom: 60px solid transparent; border-bottom-color: #306091; top: -38px; right: -34px; -webkit-transform: rotate(67deg); -ms-transform: rotate(67deg); -o-transform: rotate(67deg); transform: rotate(67deg); }

.SuwanList { left: 635px; top: 215px; }

.SuwanList h3 { left: -200px; bottom: 0px; }

.SuwanList .popupProject:after { border: 10px solid transparent; border-top: 30px solid transparent; border-top-color: #306091; left: -16px; bottom: -26px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.BeifangList { left: 270px; top: 405px; }

.BeifangList h3 { left: 95px; top: -105px; }

.BeifangList .popupProject:after { border: 10px solid transparent; border-bottom: 70px solid transparent; border-bottom-color: #306091; top: -56px; right: -16px; -webkit-transform: rotate(22deg); -ms-transform: rotate(22deg); -o-transform: rotate(22deg); transform: rotate(22deg); }

.LiaoningList { left: 380px; top: 250px; }

.LiaoningList h3 { left: 95px; top: -70px; }

.LiaoningList .popupProject:after { border: 10px solid transparent; border-bottom: 30px solid transparent; border-bottom-color: #306091; top: -26px; right: -16px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

/* .popupProject ul::-webkit-scrollbar { width: 4px; height: 8px; background-color: #fff; }

.popupProject ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; }

.popupProject ul::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #2f5f8f; } */

.popupProject span { position: absolute; right: 5px; width: 25px; height: 25px; top: 0px; display: block; background: url(../images/close.png) no-repeat center; cursor: pointer; z-index: 20; }

.swiper-scrollbar span { background: #2f5f8f; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; }


@keyframes animLine {
    0% { transform:translateY(-130%);}
    50% { transform:translateY(0%);}
    100% { transform:translateY(100%);}
}

@-webkit-keyframes animLine {
    0% { transform:translateY(-130%);}
    50% { transform:translateY(0%);}
    100% { transform:translateY(100%);}
}

.indexScrollingbox{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden;}
.indexScrolling{ overflow: hidden;}

.indexScrollingbox .swiper-slide:nth-child(2){ display: none;}

.indexContentbox{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.indexContent{height: auto;}

.indexContentbar{ position: absolute; right: 0px; height: 100%; width: 10px; z-index: 9999; opacity: 1 !important;}


@media (max-width: 480px) { 
  .investorClassbox { white-space: nowrap; overflow-y: hidden; overflow-x: auto; display: block; text-align: center; }
  .investorClassbox a { line-height: 40px; color: #666666; font-size: 12px; margin-right: -1px; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; display: inline-block; min-width: 100px; padding: 0px 10px; }
  .investorClassbox a.current { -webkit-box-shadow: none; box-shadow: none; }
}

@media (min-width:768px) {
  .MemorabiliaClass span.prevArrowBtn{ width:22px; height: 22px; }
  .MemorabiliaClass span.nextArrowBtn{width:22px; height: 22px;}
  .ListPrevBtn{ left: -40px;}
  .ListNextBtn{ right: -40px;}
  .concept .main1 .box1{ margin: -65px auto 0;}
  .Voicebox{ max-width: 750px;}
  .Voicelist{margin-top: 50px; padding:35px 0px;}
  .Voicelist dl{ display: flex; align-items: center; padding: 35px 0px;}
  .Voicelist dl dt{ width: 61%; padding-right: 7.6%; position: relative;padding-bottom: 0px;}
  .Voicelist dl dd{flex: 1; padding-left:5.6%;}
  .Voicelist .topSquare{ display: block;}
  .iconSquare{ display: block;}
  .VoiceTime dt{ float: left; }
  .VoiceTime dd{ float: right; overflow: visible;}
  .VoiceTime dd a:last-child{ margin-right: 0px;}
  .concept .main1 .text{padding:25px 0 40px;}
  .Characterlist{ float:left; width: calc(25% - 15px); padding: 0px 0 15px;}
  .Characterlist p{height: 60px; background-repeat: no-repeat; background-size: 60px;}
  .concept .main1 .box1 .box{padding: 25px 15px 15px 15px;}
  .concept .main1 .box1 .box .text6{font-size:14px; margin-top: 20px; }

  /*--鏂板--*/
  .commonTitle { padding-top: 30px; }
  .commonTitle span { height: 30px; display: none;}
  .commonTitle h3 { font-size: 24px; padding:0 0 30px; }
  .containerRow { margin: 0px -10px; }
  .containerbox { width: 750px; }
  .announcementList ul li p { font-size: 14px; }
  .announcementList ul li .time { width: 150px; text-align: center; }
  .announcementList ul li .title { width: -webkit-calc(100% - 250px); width: calc(100% - 250px); padding: 0px 40px; }
  .announcementList ul li .annex { width: 100px; text-align: center; }
  .announcementList ul li .annex img { max-width: 25px; }
  .commonMore { padding: 30px 0px 60px; }
  .commonMore a { display: inline-block; width: 160px; line-height: 50px; }
  .investorClassbox a { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 16px; line-height: 58px; }
  .PerformanceList ul { margin: 0px -23px; }
  .PerformanceList ul li { padding: 0px 23px 23px; }
  .PerformanceList ul li { float: left; width: 50%; padding: 0px 23px 23px; }
  .PerformanceList ul li h3 { font-size: 20px; line-height: 60px; }
  .PerformanceList ul li h3 span { font-size: 14px; }
  .PerformanceList ul li h3 i { font-size: 14px; }
  .situation table th { font-size: 15px; padding: 15px 10px 15px 30px; }
  .situation table td { font-size: 15px; padding: 15px 10px; }
  .situation h3 { font-size: 22px; }
  .situation { padding-top: 25px; padding-bottom: 60px; }
  .LiabilityReport ul li .LiabilityReportImg p { font-size: 20px; }
  .LiabilityReport { padding: 30px 60px; }
  .LiabilityReport ul { margin: 0px -20px; }
  .LiabilityReport ul li { float: left; width: 50%; padding: 20px 20px; }
  .noContentbox{padding: 30px 0px;}
  .noContent { padding: 50px 30px; border: 1px solid #e2e2e2; }
  .noContent p { font-size: 20px; color: #8a9cad; text-align: center; padding-bottom: 30px; }
  .calendar ul { margin: 0px -12px; }
  .calendar ul li { float: left; width: 50%; padding: 10px 12px; }
  .calendar ul li .calendarContent h3 { font-size: 18px; margin-top: 15px; height: 72px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .database { padding: 40px 0px; }
  .database ul li .time { width: 90px; float: left; height: 90px; font-size: 18px; color: #6db7fc; }
  .database ul li .time span { color: #ffffff; font-size: 40px; line-height: 53px; margin-bottom: 5px; }
  .database ul li .databaseTitleDesc { float: left; width: -webkit-calc(100% - 130px); width: calc(100% - 130px); padding-left: 15px; }
  .database ul li .databaseTitleDesc h3 { font-size: 16px; margin-top: 20px; }
  .database ul li .databaseTitleDesc p { font-size: 14px; margin-top: 5px; }
  .database ul li .databaseIcon { float: left; width: 40px; padding-top: 30px; }
  .database ul li .databaseIcon img { max-width: 25px; }
  .PerformanceReport ul li { padding: 30px 20px 30px 40px; }
  .PerformanceReport ul li img { width: 160px; margin-right: 50px; }
  .PerformanceReport ul li h3 { font-size: 20px; margin-top: 20px; }
  .PerformanceReport ul li .desc { font-size: 14px; margin-top: 15px; display: -webkit-box; height: 40px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .PerformanceReport ul li .more { padding-top: 45px; }
  .PerformanceReport ul li .more span { width: 130px; height: 45px; position: relative; display: inline-block; line-height: 45px; padding-left: 15px; }
  .PerformanceReport ul li .more span::after { top: 50%; margin-top: -4px; right: 15px; width: 8px; height: 8px; }
  .PerformanceReport ul li .more span::before { width: 20px; height: 1px; top: 50%; right: 15px; margin-top: -1px; }
  .PerformanceReportTop { margin-top: 35px; height: 380px; }
  .PerformanceReportTop dl { position: absolute; left: 60px; top: 0px; right: 0px; padding-top: 80px; }
  .PerformanceReportTop dl .newReport { width: 50px; height: 65px; font-size: 14px; line-height: 18px; text-align: center; padding-top: 10px; top: 0px; }
  .PerformanceReportTop dl .newReport::after { border-bottom: 11px solid #f7f7f7; border-left: 25px solid transparent; border-right: 25px solid transparent; }
  .PerformanceReportTop dl dd { width: 48%; padding: 0px; }
  .PerformanceReportTop dl dd h3 { font-size: 26px; }
  .PerformanceReportTop dl dd .desc { font-size: 14px; margin-top: 15px; }
  .PerformanceReportTop dl dd .more { padding-top: 45px; }
  .PerformanceReportTop dl dd .more a { font-size: 13px; width: 130px; height: 45px; line-height: 45px; padding-left: 20px; }
  .PerformanceReportTop dl dd .more a::after { top: 50%; margin-top: -4px; right: 20px; width: 8px; height: 8px; }
  .PerformanceReportTop dl dd .more a::before { width: 20px; height: 1px; top: 50%; right: 20px; margin-top: -1px; }
  .PerformanceReportTop dl dt { position: absolute; left: 57%; top: 50px; }
  .PerformanceReportTop dl dt img { width: 200px; -webkit-box-shadow: 0px 0px 35px rgba(17, 95, 167, 0.25); box-shadow: 0px 0px 35px rgba(17, 95, 167, 0.25); }
  .CreditRatingbox { padding-top: 30px; padding-bottom: 40px; }
  .CreditRating h3 { font-size: 20px; padding-bottom: 10px; }
  .CreditRating table td { font-size: 16px; padding: 20px 0px; }
  .SecuritiesResearch { padding-top: 50px; }
  .SecuritiesResearch h3 { font-size: 20px; padding-bottom: 10px; }
  .SecuritiesResearch table th { font-size: 14px; padding: 20px 0px; }
  .SecuritiesResearch table td { font-size: 14px; padding: 20px 0px; }
  .Strategy { line-height: 24px; font-size: 14px; padding-top: 20px; max-width: 1160px; }
  .Strategy .StrategyTitle { font-size: 20px; padding-bottom: 10px; }

   /*2021-6-3鏂板*/
   .wisdomPlatform { padding-top: 20px; padding-bottom: 60px; }
   .wisdomManagementListImg .arrow { display: block; }
   .wisdomPlatform ul li { font-size: 18px; }
   .wisdomPlatform h3 { font-size: 20px; }
  /*--鎼滅储--*/
  .searchResultList li { padding: 15px 35px 25px; }
  .searchResultList li h3 { font-size: 20px; line-height: 36px; padding-bottom: 5px; }
  .searchResultList li p { font-size: 13px; color: #1a1a1a; padding-top: 10px; line-height: 24px; }
  .Charterbox{padding: 40px 0px 70px;}

    /*--閫氱敤鏂伴椈--*/
    .commonNewslist dl dt { float: left; width: 360px; margin-right: 40px; }
    .commonNewslist dl dd h3 { font-size: 20px; color: #333333; line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .commonNewslist dl dd .desc { font-size: 14px; color: #999999; display: -webkit-box; height: 60px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 20px; }
    .commonNewslist dl dd .more { text-align: right; padding-top: 20px; }
    .commonNewslist dl { padding: 30px 0 40px; }
    .commonNewslist ul li { padding: 40px 0px 0px; }
    .commonNewslist ul li .time { float: left; width: 140px; font-size: 20px; color: #115FA7; }
    .commonNewslist ul li .newsTitle { float: right; width: -webkit-calc(100% - 140px); width: calc(100% - 140px); padding-bottom: 40px; border-bottom: 2px dashed #ddd; }
    .commonNewslist ul li .newsTitle h3 { font-size: 20px; color: #333333; }
    .commonNewslist ul li .newsTitle p { font-size: 16px; color: #999999; margin-top: 10px; }
    .commonLocation h3 { font-size: 18px; }
    .commonLocation p a { font-size: 14px; } 
     /*--鏂颁紒涓氱娌?-*/
    .GovernanceDutiesbox{margin-top:30px;}
    .DutiesTitleLine::after{ height: 30px;}
    .GovernanceDutiesTitle{font-size:24px; margin-top: 30px;}
    .GovernanceDuties{ padding:80px 80px; margin-top: 25px;}
    .GovernanceDuties ul li{ float: left; width: 50%; border-right: 1px solid rgba(255, 255, 255, 0.2); text-align: left; padding-right: 40px;}
    .GovernanceDuties ul li:nth-child(2){padding-right: 0px; padding-left: 40px; border: none;}
    .GovernanceDuties ul li p{font-size: 14px; line-height:30px;}
    .GovernanceDuties .DutiesDocBtn{padding-top: 50px;}
    .GovernanceDuties .DutiesDocBtn a{ border-radius:50px; line-height: 50px;font-size: 16px;padding: 0px 30px;}
    .GovernanceDuties .DutiesDocBtn a span{ padding-right: 30px;}
    .GovernanceDuties h3{ font-size: 20px;line-height:28px;}
    .DutiesLine{padding:15px 0px}
    .DutiesLine::after{height:30px;}
    .GovernanceDuties .GovernanceDutiesSubTitle{ font-size: 16px;padding-top: 10px; padding-bottom:20px;}
    .commonLine::after{ height: 30px;}
    /*--鏂颁笟鍔′笁绾ч〉闈?-*/
  /* .businessPark { padding: 20px 0px 50px; } */
  .businessPark h3 { font-size: 20px; padding-top: 20px; }
  .businessPark .desc { font-size: 14px; line-height: 22px; }
  .businessPark ul { padding-top: 25px; }
  .businessPark ul li p { font-size: 14px; }
  .businessPark ul li p.dataNum { font-size: 18px; }
  .businessPark ul li p.dataNum span { font-size: 42px; }
  .businessProgram { padding: 50px 0px 0px; height: 530px; }
  .businessProgram h3 { font-size: 22px; }
  .businessProgram .desc { font-size: 14px; line-height: 24px; }
  .businessProgramlistbg { background-position: center 300px; padding: 0px; }
  .businessProgramlistbox { margin-top: -300px; }
  .businessProgramlistContent { height: 410px; padding: 60px 10px 0px; }
  .businessProgramlistContent .icon img { height: 110px; }
  .businessProgramlistContent h3 { font-size: 18px; padding-top: 30px; }
  .businessProgramlistContent .line { padding: 15px 0px; }
  .businessProgramlistContent .line::after { width: 30px; height: 3px; }
  .businessProgramlistContent .desc { font-size: 14px; }
  .CaseListContent dt { width: 50%; }
  .CaseListContent dt img { display: block; width: 100%; }
  .CaseListContent dd { position: absolute; right: 0px; width: 50%; top: -webkit-calc(50% - 30px); top: calc(50% - 30px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0px 0px 0px 20px; }
  .CaseListContent dd .desc { display: -webkit-box; height: 168px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 7; }
  .businessCasebtnbox { position: absolute; right: 0px; width: 50%; bottom: 10px; padding-left: 20px; }
  .commonLocation{ display:block;}
  .indexScrollingbox .swiper-slide:nth-child(2){ display: block;}
}
.Characterlist:not(:first-child){margin-left: 1.6%;}
@media (min-width:992px) {
  .ListPrevBtn,.ListNextBtn{width: 60px; height: 30px;}
  .ListPrevBtn{ left: -60px;}
  .ListNextBtn{ right: -60px;}
  .dashi .center{max-width: 970px !important;}
  .Voicebox{ max-width: 970px;}
  .Voicelist dl dd h3{font-size: 24px;}
  .Voicelist dl dd .time{ font-size:16px;padding-bottom: 15px;}
  .Voicelist dl dd .desc{ font-size: 16px; padding-top: 20px; }

    /*--鏂板--*/
    .containerbox { width: 970px; }
    .announcementSearch { padding: 30px 0px; }
    .announcementSearch dt { float: left; width: 250px; margin-right: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
    .announcementSearch dd { float: left; width: 435px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 10px; }
    .announcementSearch p { float: left; width: 80px; }
    .DividendRecordbox { padding-top: 30px; padding-bottom: 60px; }
    .DividendRecord table th { font-size: 16px; }
    .DividendRecord table td { font-size: 16px; }
    .HotIssues { padding: 30px 0px 60px 0px; }
    .HotIssues ul li .HotIssuesTitle { padding: 15px 0px 15px 25px; font-size: 16px; }
    .HotIssues ul li .HotIssuesTitle .HotIssuesQ { top: 14px; }
    .HotIssues ul li .HotIssuesTitle .closeIcon { width: 36px; height: 36px; top: 9px; right: 25px; }
    .HotIssuesContent { padding: 30px 0px 40px 30px; }
    .HotIssuesContent .HotIssuesA { top: 30px; }
    .HotIssuesDesc { font-size: 18px; padding: 20px; }
    .calendar ul li { float: left; width: 33.333%; padding: 10px 12px; }
    .PerformanceReportTop { margin-top: 35px; height: 380px; background: #f7f7f7 url(../images/PerformanceReport_01.jpg) no-repeat right center; }
    .PerformanceReportTop dl { position: absolute; left: 60px; top: 0px; right: 0px; padding-top: 80px; }
    .PerformanceReportTop dl .newReport { width: 50px; height: 65px; font-size: 14px; line-height: 18px; text-align: center; padding-top: 10px; top: 0px; }
    .PerformanceReportTop dl .newReport::after { border-bottom: 11px solid #f7f7f7; border-left: 25px solid transparent; border-right: 25px solid transparent; }
    .PerformanceReportTop dl dd { width: 38%; }
    .PerformanceReportTop dl dd h3 { font-size: 26px; }
    .PerformanceReportTop dl dd .desc { font-size: 14px; margin-top: 15px; }
    .PerformanceReportTop dl dd .more { padding-top: 45px; }
    .PerformanceReportTop dl dd .more a { font-size: 13px; width: 130px; height: 45px; line-height: 45px; padding-left: 20px; }
    .PerformanceReportTop dl dd .more a::after { top: 50%; margin-top: -4px; right: 20px; width: 8px; height: 8px; }
    .PerformanceReportTop dl dd .more a::before { width: 20px; height: 1px; top: 50%; right: 20px; margin-top: -1px; }
    .PerformanceReportTop dl dt { left: 40%; top: 50px; }
    .PerformanceReportTop dl dt img { width: 200px; -webkit-box-shadow: 0px 0px 35px rgba(17, 95, 167, 0.25); box-shadow: 0px 0px 35px rgba(17, 95, 167, 0.25); }
    .assimilateIntoStrategy { padding-top: 30px; }
    .assimilateInto { position: relative; max-width: 309px; margin: 0px auto; padding-top: 70px; }
    .assimilateInto img { display: block; margin: 0px auto; max-width: 100%; }
    .assimilateInto span.enterpriseLine { position: absolute; width: 1px; height: 68px; left: 50%; top: 8px; border-right: 1px dashed #00529b; }
    .assimilateInto span.enterpriseLine::after { display: block; width: 8px; height: 8px; background: #00529b; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; bottom: 0px; content: ''; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
    .strategybox{padding-bottom: 150px;}
    .assimilateInto ul li { position: absolute; }
    .assimilateInto ul li { width: 240px; padding: 0px; }
    .assimilateInto ul li span::after { content: ''; display: block; width: 8px; height: 8px; background: #00529b; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; }
    .assimilateInto ul li:nth-child(1) { top: 170px; left: -310px; text-align: right; }
    .assimilateInto ul li:nth-child(1) span { position: absolute; right: -82px; width: 70px; height: 1px; border-bottom: 1px dashed #00529b; top: 12px; }
    .assimilateInto ul li:nth-child(1) span::after { top: 50%; right: 0px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
    .assimilateInto ul li:nth-child(2) { top: 170px; right: -310px; text-align: left; }
    .assimilateInto ul li:nth-child(2) span { position: absolute; left: -82px; width: 70px; height: 1px; border-bottom: 1px dashed #00529b; top: 12px; }
    .assimilateInto ul li:nth-child(2) span::after { top: 50%; left: 0px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
    .assimilateInto ul li:nth-child(3) { top: 315px; left: -310px; text-align: right; }
    .assimilateInto ul li:nth-child(3) span { position: absolute; right: -100px; width: 50px; height: 1px; border-bottom: 1px dashed #00529b; top: -5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
    .assimilateInto ul li:nth-child(3) span::after { top: 50%; right: 0px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
    .assimilateInto ul li:nth-child(3) span::before { content: ""; border-bottom: 1px dashed #00529b; width: 40px; position: absolute; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: -15px; left: -35px; }
    .assimilateInto ul li:nth-child(4) { top: 315px; right: -310px; text-align: left; }
    .assimilateInto ul li:nth-child(4) span { position: absolute; left: -100px; width: 50px; height: 1px; border-bottom: 1px dashed #00529b; top: -5px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
    .assimilateInto ul li:nth-child(4) span::after { top: 50%; left: 0px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
    .assimilateInto ul li:nth-child(4) span::before { content: ""; border-bottom: 1px dashed #00529b; width: 40px; position: absolute; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: -15px; right: -35px; } 

    /*2021-6-3鏂板*/
  .common_Title { text-align: center; padding-top: 80px; font-size: 30px; font-weight: 700; color: #282828; }
  .CooperationMode { padding: 20px 20px 20px; }
  .CooperationMode h3 { font-size: 20px; }
  .BusinessmodelBanner ul li dl { padding-left: 310px; }
  .BusinessmodelBanner ul li dl dt { background-color: #306091; position: absolute; left: 0px; bottom: 0px; height: 210px; width: 280px; }
  .BusinessmodelBanner ul li dl dd { font-size: 16px; color: #828282; line-height: 24px; padding: 28px 0px; }
  .BusinessmodelBanner ul li dl dt h2 { position: absolute; left: 0px; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0px 15px; color: #fff; font-size: 24px; font-weight: 600; text-align: center; }
  .wisdomManagement { margin-top: 60px; }
  .wisdomManagementDesc { font-size: 16px; text-align: left; text-indent: 0px; }
  .wisdomPlatform { padding-top: 20px; padding-bottom: 80px; }
  .wisdomManagementListImg { padding-bottom: 0px; }
  .wisdomManagementListImg h3 { font-size: 18px; }
  .wisdomPlatform h3 { font-size: 24px; }
  .assetsDesc { font-size: 16px; text-align: center; text-indent: 0px; }
  .assetsList { width: 449px; margin: 100px auto 0px; padding-bottom: 70px; position: relative; }
  .assetsList h3 { text-align: center; color: #fff; font-size: 20px; font-weight: 700; position: absolute; left: 0px; width: 100%; top: 200px; padding: 0px; }
  .assetsList img { display: block; }
  .assetsList ul li { position: absolute; left: 0px; top: 0px; width: 90px; padding: 0px; margin: 0px; }
  .assetsList ul li img { max-width: 90px; }
  .assetsList ul li p { font-size: 18px; color: #333333; position: absolute; left: 0px; width: 250px; font-weight: 600; padding: 0px; }
  .assetsList ul li.icon1 p { left: 50%; margin-left: -125px; top: -30px; text-align: center; }
  .assetsList ul li.icon1 { left: 50%; top: -50px; margin-left: -45px; }
  .assetsList ul li.icon2 { left: 10px; top: 35px; }
  .assetsList ul li.icon2 p { left: auto; right: 105px; top: 50%; margin-top: -12.5px; text-align: right; }
  .assetsList ul li.icon3 { left: -45px; top: 220px; }
  .assetsList ul li.icon3 p { left: auto; right: 105px; top: 50%; margin-top: -12.5px; text-align: right; }
  .assetsList ul li.icon4 { left: 80px; top: 370px; }
  .assetsList ul li.icon4 p { left: auto; right: 105px; top: 50%; margin-top: -12.5px; text-align: right; }
  .assetsList ul li.icon5 { left: 280px; top: 370px; }
  .assetsList ul li.icon5 p { left: auto; left: 105px; top: 50%; margin-top: -12.5px; text-align: left; }
  .assetsList ul li.icon6 { left: 400px; top: 220px; }
  .assetsList ul li.icon6 p { left: auto; left: 105px; top: 50%; margin-top: -12.5px; text-align: left; }
  .assetsList ul li.icon7 { left: 345px; top: 35px; }
  .assetsList ul li.icon7 p { left: auto; left: 105px; top: 50%; margin-top: -12.5px; text-align: left; }
  .gardenAreaDesc { padding: 50px 40px 0px; position: absolute; left: 0px; width: 40%; top: 0px; height: 100%; }
  .gardenAreaDesc h3 { font-size: 20px; }
  .gardenAreaDesc p { display: -webkit-box; text-align: left; height: 150px; line-height: 30px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5; font-size: 16px; }
  .gardenAreabg { padding-bottom: 80px; }
  .gardenAreabox { padding-left: 40%; }

   /*--閫氱敤鏂伴椈--*/
  .commonLocation { padding: 20px 0; }
  .commonLocation h3 { font-size: 24px; }
  .commonLocation p a { font-size: 14px; }
  .commonNewsDetailbox { padding: 40px 0px 80px; }
  .commonNewsDetailTitle h3 { font-size: 24px; color: #333333; }
  .commonNewsDetailTitle .time { font-size: 22px; margin-top: 30px; }
  .commonNewsDetail { font-size: 14px; line-height: 30px; }
  .commonNewsDetail p { padding: 15px 0px; } 

    /*--棣栭〉婊氬姩鏂伴椈--*/

   .NewsStockbox{padding-top:70px; padding-bottom: 10px;}
   .scrollNewsbox{ float: left; width: calc(100% - 600px);}
   .scrollNews a{font-size: 14px;}
   .indexStock{ float: left; width:600px; text-align: right; padding: 0px 40px 0px 0px;}
   .indexStock span{ font-size: 20px;}

   .StockTitle{font-size:18px;}
   .Characterlist{padding: 0px 0 15px;}
   .concept .main1 .box1 .box .text6{font-size: 18px;margin-top: 15px;}

   /*--鏂颁笟鍔′笁绾ч〉闈?-*/
  /* .businessPark { padding: 40px 0px 70px; } */
  .businessPark h3 { font-size: 24px; }
  .businessPark ul { padding-top: 35px; }
  .businessPark ul li p { font-size: 14px; }
  .businessPark ul li p.dataNum { font-size: 20px; }
  .businessPark ul li p.dataNum span { font-size: 52px; }
  .businessProgram { padding: 70px 0px 0px; height: 580px; }
  .businessProgram h3 { font-size: 26px; }
  .businessProgramlistTwo { padding-top: 30px; }
  .businessProgramlistTwo dl dd h3 { font-size: 24px; }
  .businessProgramlistTwo dl dd { padding: 0px 35px; }
  .businessProgramlistTwo dl dt { float: left; width: 50%; overflow: hidden; position: relative;}
  .businessProgramlistTwo dl dt img{position:relative; width:100%; display:block;}
  .businessProgramlistTwo dl dd { position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 50%; padding: 0px 55px; }
  .businessProgramlistTwo dl dd .line { padding: 15px 0px; }
  .businessProgramlistTwo dl dd .line::after { width: 195px; height: 3px; background: #115fa7; content: ''; display: block; position: relative; left: -140px; }
  .businessProgramlistTwo dl:nth-child(2n) dt { float: right; }
  .businessProgramlistTwo dl:nth-child(2n) dd { left: 0px; text-align: right; }
  .businessProgramlistTwo dl:nth-child(2n) dd .line::after { float: right; left: 140px; }
  .businessCase { padding-top: 30px; padding-bottom: 30px; }
  .CaseListContent dd h4 { font-size: 20px; padding-bottom: 15px; }
  .CaseListContent dd .desc { font-size: 14px; }
  .businessCase h3 { font-size: 24px;  }
  .businessCaseList { margin-top: 20px; }
  .businessCasebtnbox { bottom: 30px; }
  .mouseIcon{bottom: 30px;}
  .businessProgramlistTwo dl dd .desc {font-size: 14px;}
}

@media (min-width:1260px) {
  .navbtn{ display: none;}
  .dashibox .time{font-size: 46px;}
  .Voicebox{ max-width: 1200px;}
  .Voicelist dl dd h3{font-size: 28px;}
  .Voicelist dl dd .time{ font-size:18px;padding-bottom: 15px;}
  .Voicelist dl dd .desc{ font-size: 16px; padding-top: 20px; }
  .toggle-btn{ display: block;}
  .navbtn p{ display: none !important;}
  .nav{ display: block !important;}
  .header a.logo img.logom{ display: none !important;  height:120px;}
  .header a.logo img.logoPc{ display: block !important; height:120px;}
  .header {background: none; min-height: 80px;}
  .header_btn { margin-top: 42px !important;margin-right: 30px !important;}
  .nav{ display: block;}
  .header dt{ display: block !important; padding: 0px 15px !important;}

  .nav {position: absolute;left: 50%;top: auto;right: auto;bottom: auto;overflow-y: visible;background: none;line-height: 120px;margin-left: 0px;z-index: -5;white-space: nowrap;transform: translateX(-50%);}

  .nav ul {border-top: none;padding: 0px;}

  .nav ul li {display: inline-block;margin-right: 30px;padding: 0;border-bottom: none;}

  .nav ul li > a {color: #ffffff;font-size: 16px;width: 6em;text-align: center;line-height: 40px;}

  .nav ul li:hover > a{color: #336090;}

  .nav ul li.current > a{color: #336090;}

  .nav ul li span {display: none;}

  .nav ul li p {position: absolute;border: none; background: #555;font-size: 16px; left:0px;top: 80px;padding: 0px 20px;margin: 0px;overflow: hidden;max-height: 0px;display: block; white-space: nowrap; line-height:24px;}

  .nav ul li p a {text-align: center;color: #fff;padding: 20px 20px;display:inline-block; white-space: nowrap;}

  .nav ul li:hover{z-index: 999;}

  .nav ul li:hover p {max-height: 300px;height: auto;padding: 0px 20px;-webkit-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s ease;}

  .nav ul li:nth-child(5) p{ left: -150px;}

  .nav ul li:nth-child(6) p{ left: -250px;}

  .nav ul li:nth-child(7) p{ right:-100px; left: auto;}

  .nav ul li:nth-child(8) p{ right:0; left: auto;}

  .nav ul li:nth-child(9) p{ right:0; left: auto;}

  .headerbg {background-color: #fff;-webkit-box-shadow: 0px 1px 2px -1px #ddd;box-shadow: 0px 1px 2px -1px #ddd;}

  .headerbg a.logo img.logoPc {display: none !important;}

  .headerbg a.logo img.logom {display: block !important;}

  .headerbg .nav ul li > a {color: #352b2b;}

  .headerbg .nav ul li:hover > a{ color: #336090;}

  .headerbg .searchBtn span { background: url(../images/topsearch5.png) no-repeat center !important;}

  .Brandbg {padding: 60px 0px;}

  .fixed {background-color: white;}

  .full-main-nav { display: block; position: fixed; left: 0; top: 0; z-index: -1; opacity: 0; -webkit-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; width: 100%; height: 100%; }
  .full-main-nav.active { z-index:990; opacity: 1; }
  .full-main-nav.active li { top: 0; opacity: 1; }
  .full-navbg { position: relative; z-index: 3; height: 100%; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover; }
  .nav-swiper { position: relative; z-index: 3; height: 100%; overflow: visible; }
  .nav-swiper .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; transition-property: transform; transition-property: transform, -webkit-transform, -o-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
  .nav-swiper li { position: relative; top: -40px; opacity: 0; -webkit-transition-duration: 0.5s, 0.5s, 0.5s; -o-transition-duration: 0.5s, 0.5s, 0.5s; transition-duration: 0.5s, 0.5s, 0.5s; -webkit-transition-property: opacity, top; -o-transition-property: opacity, top; transition-property: opacity, top; width: 16.66666%; border-right: 1px solid #fff; background-color: #4d99ea; margin: 0px !important;}
  .nav-swiper li > a { display: block; width: 100%; height: 100%; }
  .nav-swiper li a { -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; color: #fff; }
  .nav-swiper li:hover { background: none; }
  .nav-swiper li:hover a { opacity: 1; color: #ffffff; }
  .nav-swiper li:hover .id::before { opacity: 1; }
  .nav-swiper li:hover .id, .nav-swiper li:hover .title, .nav-swiper li:hover .subnav { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); }
  .nav-swiper li:nth-child(1) { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }
  .nav-swiper li:nth-child(2) { -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }
  .nav-swiper li:nth-child(3) { -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; }
  .nav-swiper li:nth-child(4) { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }
  .nav-swiper li:nth-child(5) { -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; }
  .nav-swiper li:nth-child(6) { -webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; }
  .nav-swiper li .id { -webkit-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; font-size: 56px; line-height: 56px; color: #f6f6f6; font-family: DINEng; text-align: center; }
  .nav-swiper li .id::before { content: ''; display: block; width: 1px; height: 62px; background-color: #00b9fc; margin: 0 auto 25px; opacity: 0; }
  .nav-swiper li .title { -webkit-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; text-align: center; font-size: 24px; color: #545454; line-height: 28px; margin: 57px 0 29px; }
  .nav-swiper li .subnav { -webkit-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; font-size: 14px; line-height: 28px; opacity: 1; text-align: center; }
  .nav-swiper li .subnav a { color: rgba(255, 255, 255, 0.6); position: relative; z-index: 11; }
  .nav-swiper li .subnav a:hover { color: #fff; }
  .full-text { position: absolute; left: 0; top: 29%; width: 100%; }
  
  .hideScroll .logo{ display: none !important;}
  .hideScroll .logo-m{ display: none !important;}
  .hideScroll .nav{display: none !important;}
  .hideScroll .header dt{display: none !important;}
  .hideScroll .header {background: none !important;box-shadow:none;}

  /*--鏂板--*/
  .commonTitle { padding-top: 40px; }
  .commonTitle span { height: 40px; display:none;}
  .commonTitle h3 { font-size: 30px; padding:0 0 40px; }
  .containerbox { width: 1200px; }
  .announcementList ul li p { height: 60px; line-height: 60px; }
  .announcementList ul li .time { width: 150px; text-align: center; }
  .announcementList ul li .title { width: -webkit-calc(100% - 250px); width: calc(100% - 250px); padding: 0px 90px; }
  .announcementList ul li .annex { width: 100px; text-align: center; }
  .commonMore { padding: 40px 0px 80px; }
  .commonMore a { display: inline-block; width: 200px; line-height: 60px; }
  .PerformanceList ul li h3 { font-size: 24px; }
  .PerformanceList ul li h3 span { font-size: 16px; }
  .PerformanceList ul li h3 i { font-size: 16px; }
  .situation { padding-top: 30px; padding-bottom: 80px; }
  .situation h3 { font-size: 26px; padding-bottom: 20px; }
  .situation table th { font-size: 17px; padding: 15px 10px 15px 60px; }
  .situation table td { font-size: 17px; padding: 15px 10px; }
  .DividendRecordbox { padding-top: 40px; padding-bottom: 80px; }
  .HotIssues { padding: 40px 0px 100px 0px; }
  .LiabilityReport { padding: 40px 120px; }
  .LiabilityReport ul { margin: 0px -30px; }
  .LiabilityReport ul li { padding: 20px 30px; }
  .LiabilityReport ul li .LiabilityReportImg p { font-size: 24px; }
  .noContentbox{padding: 50px 0px;}
  .noContent { padding: 70px 30px; border: 1px solid #e2e2e2;}
  .noContent p { font-size: 24px; padding-bottom: 50px; }
  .calendar ul li { float: left; width: 33.333%; padding: 10px 12px; }
  .calendar ul li .calendarContent p { font-size: 16px;}
  .calendar ul li .calendarContent p span { font-size: 60px; }
  .calendar ul li .calendarContent h3 { font-size: 20px; margin-top: 15px; height:78px; line-height:26px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .PerformanceReport ul li { padding: 40px 20px 40px 60px; }
  .PerformanceReport ul li img { width: 180px; margin-right: 80px; }
  .PerformanceReport ul li h3 { font-size: 26px; margin-top: 20px; }
  .PerformanceReport ul li .desc { font-size: 16px; margin-top: 15px; display: -webkit-box; height: 48px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .PerformanceReport ul li .more { padding-top: 45px; }
  .PerformanceReport ul li .more span { width: 150px; height: 45px; position: relative; display: inline-block; line-height: 45px; padding-left: 20px; }
  .PerformanceReport ul li .more span::after { top: 50%; margin-top: -4px; right: 20px; width: 8px; height: 8px; }
  .PerformanceReport ul li .more span::before { width: 30px; height: 1px; top: 50%; right: 20px; margin-top: -1px; }
  .PerformanceReportTop { margin-top: 35px; height: 443px; }
  .PerformanceReportTop dl { position: absolute; left: 60px; top: 0px; right: 0px; padding-top: 110px; }
  .PerformanceReportTop dl .newReport { width: 60px; height: 75px; font-size: 16px; line-height: 20px; text-align: center; padding-top: 15px; top: 0px; }
  .PerformanceReportTop dl .newReport::after { border-bottom: 11px solid #f7f7f7; border-left: 30px solid transparent; border-right: 30px solid transparent; }
  .PerformanceReportTop dl dd { width: 38%; }
  .PerformanceReportTop dl dd h3 { font-size: 36px; }
  .PerformanceReportTop dl dd .desc { font-size: 18px; margin-top: 15px; }
  .PerformanceReportTop dl dd .more { padding-top: 45px; }
  .PerformanceReportTop dl dd .more a { font-size: 13px; width: 150px; height: 45px; line-height: 45px; padding-left: 20px; }
  .PerformanceReportTop dl dd .more a::after { top: 50%; margin-top: -4px; right: 20px; width: 8px; height: 8px; }
  .PerformanceReportTop dl dd .more a::before { width: 30px; height: 1px; top: 50%; right: 20px; margin-top: -1px; }
  .PerformanceReportTop dl dt { left: 43%; top: 50px; }
  .PerformanceReportTop dl dt img { width: 240px; -webkit-box-shadow: 0px 0px 35px rgba(17, 95, 167, 0.25); box-shadow: 0px 0px 35px rgba(17, 95, 167, 0.25); }
  .CreditRatingbox { padding-top: 40px; padding-bottom: 50px; }
  .CreditRating h3 { font-size: 24px; padding-bottom: 10px; }
  .CreditRating table td { font-size: 18px; padding: 25px 0px; }
  .SecuritiesResearch { padding-top: 70px; }
  .SecuritiesResearch h3 { font-size: 24px; padding-bottom: 10px; }
  .SecuritiesResearch table th { font-size: 16px; padding: 25px 0px; }
  .SecuritiesResearch table td { font-size: 16px; padding: 25px 0px; }
  .assimilateIntoStrategy { padding-top: 40px; }
  .assimilateInto ul li { width: 350px; }
  .assimilateInto ul li span::after { content: ''; display: block; width: 8px; height: 8px; background: #00529b; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; }
  .assimilateInto ul li:nth-child(1) { top: 170px; left: -420px; text-align: right; }
  .assimilateInto ul li:nth-child(1) span { position: absolute; right: -82px; width: 70px; height: 1px; border-bottom: 1px dashed #00529b; top: 12px; }
  .assimilateInto ul li:nth-child(1) span::after { top: 50%; right: 0px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .assimilateInto ul li:nth-child(2) { top: 170px; right: -420px; text-align: left; }
  .assimilateInto ul li:nth-child(2) span { position: absolute; left: -82px; width: 70px; height: 1px; border-bottom: 1px dashed #00529b; top: 12px; }
  .assimilateInto ul li:nth-child(2) span::after { top: 50%; left: 0px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .assimilateInto ul li:nth-child(3) { top: 315px; left: -420px; text-align: right; }
  .assimilateInto ul li:nth-child(3) span { position: absolute; right: -100px; width: 50px; height: 1px; border-bottom: 1px dashed #00529b; top: -5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
  .assimilateInto ul li:nth-child(3) span::after { top: 50%; right: 0px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .assimilateInto ul li:nth-child(3) span::before { content: ""; border-bottom: 1px dashed #00529b; width: 40px; position: absolute; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: -15px; left: -35px; }
  .assimilateInto ul li:nth-child(4) { top: 315px; right: -420px; text-align: left; }
  .assimilateInto ul li:nth-child(4) span { position: absolute; left: -100px; width: 50px; height: 1px; border-bottom: 1px dashed #00529b; top: -5px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
  .assimilateInto ul li:nth-child(4) span::after { top: 50%; left: 0px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .assimilateInto ul li:nth-child(4) span::before { content: ""; border-bottom: 1px dashed #00529b; width: 40px; position: absolute; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: -15px; right: -35px; }
  .Strategy { line-height: 28px; font-size: 16px; padding-top: 10px; }
  .Strategy .StrategyTitle { font-size: 24px; padding-bottom: 15px; }

   /*2021-6-3鏂板*/
   .common_Title { text-align: center; padding-top: 80px; font-size: 38px; font-weight: 700; color: #282828; }
   .CooperationMode { padding: 50px 40px 30px; }
   .wisdomManagement { margin-top: 100px; }
   .gardenAreabg { padding-bottom: 80px; }

   .Charterbox{padding: 50px 0px 100px;}

   /*--棣栭〉婊氬姩鏂伴椈--*/

   .NewsStockbox{padding-top:140px; padding-bottom: 10px;}
   .scrollNewsbox{ float: left; width: calc(100% - 680px);}
   .scrollNews a{font-size: 16px;}
   .indexStock{ float: left; width: 680px;font-size: 14px;}
   .indexStock span{ font-size: 26px;}

   /*--鏂颁紒涓氱娌?-*/
    .GovernanceDutiesbox{margin-top: 40px;}
    .GovernanceClasstitle{ width: 140px; height: 140px;padding-top: 25px;}
    .GovernanceClasstitle img{height: 50px; }
    .GovernanceClasstitle p{font-size: 16px;}
    .DutiesTitleLine::after{ height: 40px;}
    .GovernanceDutiesTitle{font-size: 30px; margin-top: 40px;}
    .GovernanceDuties{ padding:80px 170px; margin-top: 35px;}
    .GovernanceDuties ul li p{font-size: 16px; line-height: 36px;}
    .GovernanceDuties .DutiesDocBtn{padding-top: 80px;}
    .GovernanceDuties .DutiesDocBtn a{ display: inline-block; border-radius:60px; line-height: 60px; font-size: 18px;padding: 0px 40px;}
    .GovernanceDuties .DutiesDocBtn a span{ padding-right: 35px;}
    .GovernanceDuties h3{ font-size: 24px;line-height: 32px;}
    .DutiesLine{padding:20px 0px}
    .DutiesLine::after{height:40px;}
    .GovernanceDuties .GovernanceDutiesSubTitle{ font-size: 18px;padding-top: 15px; padding-bottom: 30px;}
    .GovernanceDuties p{text-align: left; font-size: 16px;}

    .StockTitle{font-size:24px;}
    .commonLine::after{ height: 40px;}
    .concept .main1 .box1 .box{padding: 34px 20px 15px 28px;}
    .Characterlist{ width:23.75%; padding: 0px 0 15px;}

    .Characterlist:not(:first-child){margin-left: 1.6%;}

    /*--鏂颁笟鍔′笁绾ч〉闈?-*/
  .businessLocation{padding-top:60px;}
  /* .businessPark { padding: 60px 0px 100px; } */
  .businessPark h3 { font-size: 30px; padding-top: 30px; }
  .businessPark .desc { font-size: 16px; line-height: 26px; }
  .businessPark ul { padding-top: 45px; }
  .businessPark ul li p { font-size: 16px; }
  .businessPark ul li p.dataNum { font-size: 24px; }
  .businessPark ul li p.dataNum span { font-size: 72px; }
  .businessProgram { padding: 100px 0px 0px; height: 630px; }
  .businessProgram h3 { font-size: 30px; }
  .businessProgram .desc { font-size: 18px; line-height: 2; }
  .businessProgramlistContent { height: 515px; padding: 80px 10px 0px; }
  .businessProgramlistContent .icon img { height: 145px; }
  .businessProgramlistContent h3 { font-size: 20px; padding-top: 40px; }
  .businessProgramlistContent .line { padding: 20px 0px; }
  .businessProgramlistContent .line::after { width: 30px; height: 3px; }
  .businessProgramlistContent .desc { font-size: 16px; }
  .businessProgramlistTwo { padding-top: 40px; }
  .businessProgramlistTwo dl dd { padding: 0px 55px; }
  .businessProgramlistTwo dl dd h3 { font-size: 30px; }
  .businessProgramlistTwo dl dd .line { position: relative; padding: 25px 0px; height: 3px; }
  .businessProgramlistTwo dl dd .line::after { width: 195px; height: 3px; left: -140px; }
  .businessProgramlistTwo dl dd .desc { font-size: 16px; }
  .businessCase { padding-top: 40px; padding-bottom: 40px; }
  .CaseListContent dd h4 { font-size: 24px; padding-bottom: 15px; }
  .CaseListContent dd { position: absolute; right: 0px; width: 50%; top: -webkit-calc(50% - 60px); top: calc(50% - 60px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0px 0px 0px 40px; }
  .CaseListContent dd .desc { font-size: 16px; }
  .businessCase h3 { font-size: 30px;}
  .businessCaseList { margin-top: 30px; }
  .businessCasebtnbox span { width: 80px; height: 40px; }
  .businessCasebtnbox span::after { width: 12px; height: 12px; }
  .businessCasebtnbox { bottom: 60px; padding-left: 40px; } 
  

}

@media (min-width:1400px) {
    .ListPrevBtn,.ListNextBtn{width: 80px; height: 40px;}
    .ListPrevBtn{ left: -90px;}
    .ListNextBtn{ right: -90px;}
    .dashi .center{max-width: 1200px !important;}
    .dashibox .time{font-size: 60px;}
    .header dt{padding: 0 30px !important;}
    .nav ul li > a {font-size: 18px;}
    .nav ul li p {font-size: 18px;}
    .businessProgramlistTwo dl dd .desc {font-size: 16px;line-height: 1.7;}
}


.footer {
  background: #2d2f3b;
  padding: 10px 0px 20px;
  position: relative;
}

.footerClass ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-top: 10px;
  position: relative;
}

  .footerClass ul li h3 {
      color: #ffffff;
      font-size: 14px;
      padding-bottom: 10px;
  }

      .footerClass ul li h3 a {
          color: #fff;
          opacity: 0.6;
          display: block;
          margin-right: 10px;
          padding-right: 10px;
          position: relative;
      }
      
  .footerClass ul li:last-child h3 a::after{ display: none;}
  .footerClass ul li span {
      position: absolute;
      right: 0px;
      width: 30%;
      height: 41px;
      top: 0px;
  }

      .footerClass ul li span::after {
          position: absolute;
          top: 50%;
          right: 10px;
          width: 10px;
          height: 10px;
          border-top: 2px solid #fff;
          border-right: 2px solid #fff;
          -webkit-transform: translateY(-50%) rotate(45deg);
          -ms-transform: translateY(-50%) rotate(45deg);
          -o-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
          -webkit-transition: all 0.5s;
          -o-transition: all 0.5s;
          transition: all 0.5s;
          content: "";
      }

  .footerClass ul li p {
      display: none;
      padding: 5px 0px 10px 10px;
  }

      .footerClass ul li p a {
          display: block;
          font-size: 14px;
          color: rgba(255, 255, 255, 0.3);
          line-height: 30px;
      }

          .footerClass ul li p a:hover {
              color: #fff;
          }

  .footerClass ul li.footercur h3 {
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }

  .footerClass ul li.footercur span::after {
      -webkit-transform: translateY(-50%) rotate(135deg);
      -ms-transform: translateY(-50%) rotate(135deg);
      -o-transform: translateY(-50%) rotate(135deg);
      transform: translateY(-50%) rotate(135deg);
  }

.footerClass dl {
  position: relative;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.3);
  margin-top: 20px;
}

  .footerClass dl a {
      font-size: 14px;
      color: rgba(255, 255, 255, 0.3);
  }

      .footerClass dl a:hover {
          color: #fff;
      }

  .footerSubscription h3 {
      color: rgba(255, 255, 255, 0.6);
      font-size: 14px;
  }

  .footerSubscription .desc {
      font-size: 14px;
      color: rgba(255, 255, 255, 0.3);
      padding-top: 30px;
  }

  .footerSubscription .formSubscription {
      position: relative;
      margin-top: 20px;
  }

      .footerSubscription .formSubscription label {
          display: block;
          width: 100%;
          border: 1px solid #5c5c5c;
          padding: 8px 75px 9px 15px;
      }

          .footerSubscription .formSubscription label input {
              font-size: 14px;
              color: rgba(255, 255, 255, 0.5);
              width: 100%;
              background: none;
              border: none;
              outline: none;
              float: left;
              height: 23px;
              line-height: 23px;
          }

      .footerSubscription .formSubscription .Subscriptionbtn {
          background: #999999;
          position: absolute;
          right: 0px;
          top: 0px;
          width: 65px;
          height: 42px;
          color: #333333;
          font-size: 14px;
      }

  .footerSubscription ul {
      margin: 0px -6px;
      padding-top: 70px;
      margin: 0px auto;
      max-width: 260px;
  }

      .footerSubscription ul li {
          float: left;
          width: 50%;
          padding: 0px 6px;
          text-align: center;
      }

          .footerSubscription ul li img {
              display: block;
              width: 100%;
          }

          .footerSubscription ul li p {
              font-size: 14px;
              color: rgba(255, 255, 255, 0.3);
              padding-top: 15px;
          }

.foot {
  border-top: 1px solid #353535;
  margin-top: 30px;
  padding-top: 30px;
  color: rgba(255, 255, 255, 0.3);
  text-align: center;
}

  .foot dt span {
      padding: 0px 10px;
  }

  .foot dd {
      text-transform: uppercase;
  }

  .foot a {
      color: rgba(255, 255, 255, 0.3);
  }

      .foot a:hover {
          color: #fff;
      }

.footSuspension {
  position: fixed;
  right: 3%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
}

  .footSuspension a {
      display: block;
      width: 60px;
      height: 60px;
      margin: 2px 0px;
      font-weight: 700;
      background-repeat: no-repeat;
      background-position: center;
      background-color: #1f1f1f;
      color: #fff;
      text-align: center;
      padding-top: 8px;
  }

      .footSuspension a.kefu {
          background-image: url(../images/img40.png);
      }

      .footSuspension a.scrollTop {
          background-image: url(../images/img41.png);
      }

      .footSuspension a span {
          display: block;
      }

.footerLogo {
  display: none;
  float: left;
  margin-right: 40px;
}

.footerSubscription{
  padding-top: 15px;
}
.footerSubscription .desc1 {
  padding: 15px 30px;
  background-color: #202020;
  color: #fff;
  font-size: 13px;
  opacity: 0.3;
  position: relative;
  margin-top:20px;
}

  .footerSubscription .desc1 img {
      position: absolute;
      right: 30px;
      line-height: 19px;
      top: 50%;
      transform: translateY(-50%);
  }

.footerbox1 {
  position: relative;
}

  .footerbox1 .rightlist1 {
      position: absolute;
      bottom: 50px;
      width: 100%;
      display: none;
  }

  .footerbox1 .rightlist1 a {
  display: block;
  padding: 15px 30px;
  background-color: #2d2f3b;
  color: white;
  }

  .footerbox1 .rightlist1 a:hover {
      color: white;
      background-color: #1b78d7;
  }

.footerClass dl dt {
  font-size: 20px;
  color: #1b78d7;
  padding-bottom: 8px;
}

.footerClass dl span {
  padding: 0 10px;
}

@media (min-width: 1200px) {
  .footerSubscription {
      padding: 0px;
      margin-top: 0;
      width: 200px;
  }
  .indexTitle {
      font-size: 20px;
  }

  .footer {
      background: #2d2f3b;
      padding: 60px 0px;
      position: relative;
  }

  .footerClass {
      float: left;
      width: -webkit-calc(100% - 460px);
      width: calc(100% - 460px);
  }

      .footerClass ul li {
          float: left;
          padding: 0px;
          border: none;
      }

          .footerClass ul li h3 {
              color: #ffffff;
              font-size: 14px;
              padding-top: 6px;
          }

          .footerClass ul li p {
              display: none;
              padding: 0px;
          }

              .footerClass ul li p a {
                  display: block;
                  font-size: 14px;
                  color: rgba(255, 255, 255, 0.3);
                  line-height: 30px;
              }

                  .footerClass ul li p a:hover {
                      color: #fff;
                  }

      .footerClass dl {
          position: relative;
          font-size: 14px;
          color: rgba(255, 255, 255, 0.3);
          padding-left: 0px;
          margin-top: 20px;
      }

          .footerClass dl dt {
              font-size: 28px;
              color: #1b78d7;
          }

          .footerClass dl a {
              font-size: 14px;
              color: rgba(255, 255, 255, 0.3);
          }

              .footerClass dl a:hover {
                  color: #fff;
              }

  .footerSubscription {
      float: right;
      max-width: 260px;
      padding-top: 0px;
  }

      .footerSubscription h3 {
          padding-top: 6px;
          color: rgba(255, 255, 255, 0.6);
          font-size: 14px;
      }

      .footerSubscription .desc {
          font-size: 14px;
          color: rgba(255, 255, 255, 0.3);
          padding-top: 30px;
      }

      .footerSubscription .formSubscription {
          position: relative;
          margin-top: 20px;
      }

          .footerSubscription .formSubscription label {
              display: block;
              width: 100%;
              border: 1px solid #5c5c5c;
              padding: 8px 75px 9px 15px;
          }

              .footerSubscription .formSubscription label input {
                  font-size: 14px;
                  color: rgba(255, 255, 255, 0.5);
                  width: 100%;
                  background: none;
                  border: none;
                  outline: none;
              }

          .footerSubscription .formSubscription .Subscriptionbtn {
              background: #999999;
              position: absolute;
              right: 0px;
              top: 0px;
              width: 65px;
              height: 42px;
              color: #333333;
              font-size: 14px;
          }

      .footerSubscription ul {
          margin: 0px -6px;
          padding-top: 70px;
      }

          .footerSubscription ul li {
              float: left;
              width: 50%;
              padding: 0px 6px;
              text-align: center;
          }

              .footerSubscription ul li img {
                  display: block;
                  width: 100%;
              }

              .footerSubscription ul li p {
                  font-size: 14px;
                  color: rgba(255, 255, 255, 0.3);
                  padding-top: 15px;
              }

  .foot {
      border-top: 1px solid #353535;
      margin-top: 30px;
      padding-top: 30px;
      color: rgba(255, 255, 255, 0.3);
      text-align: left;
  }

      .foot a {
          color: rgba(255, 255, 255, 0.3);
      }

          .foot a:hover {
              color: #fff;
          }

  .footerClass ul li span {
      display: none;
  }

  .indexNewsbg {
      padding: 50px 0px;
  }

  .newsListConten h3 {
      font-size: 16px;
      margin-top: 15px;
  }

  .newsListConten .time {
      font-size: 14px;
      margin-top: 5px;
  }

  .newsMore {
      padding-top: 30px;
  }

  .indexPractice dl dd {
      top: 80px;
      position: absolute;
      color: #fff;
  }

  .indexSolution ul {
      max-width: 480px;
      padding-left: 30px;
      margin: 0px;
  }

      .indexSolution ul li {
          font-size: 16px;
          line-height: 60px;
          text-align: right;
          padding-right: 40px;
      }

  .indexSolutionbg {
      background: #f1f1f1;
      padding: 50px 0px;
  }

  .indexSolutionbox {
      padding-top: 30px;
  }

  .indexSolution img {
      margin: 0px auto;
  }

  .indexAdvantage ul li {
      max-width: -webkit-calc(33.333% - 20px);
      max-width: calc(33.333% - 20px);
  }

  .footerLogo {
      display: inline-block;
      float: left;
      margin-right: 50px;
  }

  .footerSubscription .desc1 {
      padding: 15px 30px;
      background-color: #202020;
      color: #fff;
      font-size: 13px;
      opacity: 0.3;
      position: relative;
      margin-top: 20px;
  }

      .footerSubscription .desc1 img {
          position: absolute;
          right: 30px;
          line-height: 19px;
          top: 50%;
          transform: translateY(-50%);
      }

  .footerbox1 {
      position: relative;
  }

      .footerbox1 .rightlist1 {
          position: absolute;
          bottom: 50px;
          width: 100%;
          display: none;
      }

          .footerbox1 .rightlist1 a {
              display: block;
              padding: 15px 30px;
              background-color: #2d2f3b;
              color: white;
          }

              .footerbox1 .rightlist1 a:hover {
                  color: white;
                  background-color: #1b78d7;
              }

  .commonweb {
      max-width: 1200px;
  }
  .footerClass ul li h3 a::after{
          content: ''; 
          height: 10px; 
          width: 1px;
          position: absolute;
          right: 0px;
          top: 7px;
          background-color: rgba(255, 255, 255, 0.2);
      }
}
.index .main1{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.index .main1 .swiper-container1{ background: #000;}

.commonbg{background-image: url(../images/gangkoubg1.jpg);background-position:bottom;background-size: 100% auto;  background-repeat: no-repeat;}

.inner_banner{overflow: hidden;}
.inner_banner img{animation: animScale 20s linear infinite;-webkit-animation: animScale 20s linear infinite;left: 50%;transform:scale(1) translateX(-50%);-webkit-transform:scale(1) translateX(-50%); position: relative;}

@keyframes animScale {
    0% { transform: scale(1) translateX(-50%);-webkit-transform: scale(1) translateX(-50%); left: 50%; }
    50% { transform: scale(1.1) translateX(-50%);-webkit-transform: scale(1.1) translateX(-50%); left: 50%; }
    100% { transform: scale(1) translateX(-50%);-webkit-transform: scale(1) translateX(-50%); left: 50%; }
}

@-webkit-keyframes animScale {
    0% { transform: scale(1) translateX(-50%);-webkit-transform: scale(1) translateX(-50%); left: 50%; }
    50% { transform: scale(1.1) translateX(-50%);-webkit-transform: scale(1.1) translateX(-50%); left: 50%; }
    100% { transform: scale(1) translateX(-50%);-webkit-transform: scale(1) translateX(-50%); left: 50%; }
}

.mainNewsbg{ background: #eaeaea;}




/* 2021-07-08 鏂板缁熶竴鏍囬锛屾弿杩


.q_title_all{
    font-size: 30px;
    color: #0f58b4;
    font-weight: 700;
    text-align: center;
}
.q_title1_all{
  font-size: 30px;
  text-align: center;
  color: #0f58b4;
  padding-bottom: 40px;
}


.q_tag_all{
  font-size: 40px;
  line-height: 52px;
  font-weight: 400;
  text-align: center;
  color: #7f7f7f;
  margin-top: 40px;
}

.q_txt_box{
  font-size: 18px;
    text-align: center;
    line-height: 2;
    color: #7f7f7f;
    margin-top: 10px;
}
 */

.groupSubsidiaries li .HotIssuesTitle .closeIcon::before{background: #115fa7 !important; }
.groupSubsidiaries li .HotIssuesTitle .closeIcon::after{background: #115fa7 !important;}