﻿.ls-font2{font-size:20px;margin:0;text-align:center;color:#000}
.ls-con{text-align:center}
#ls-about{margin:0px auto}
#ls-about .ls-title{font-size:32px;font-weight:900;font-style: italic;text-align:center;color:#000;margin-bottom:72px}
.yjsm{background-color:#f9f9f9;padding:30px 10px;margin:100px auto 120px auto;max-width:1200px}
.yjsm .ls-title{font-size:32px;font-weight:900;font-style: italic;text-align:center;color:#000}
.framework-box{background-color:#f9f9f9;padding:50px 0}
.framework-box .list-ul{max-width:1200px;margin:0 auto;}
@media screen and (min-width: 900px) {
.yjsm>div:nth-child(2){
    border-left:1px #D8D9DC solid;padding:0px 15% 40px 30px;
}
}

@media screen and (max-width: 899px){
#ls-about .wp-block-column {
    flex-basis: 100%!important;
}
#ls-about .phcenter{text-align:center}
#ls-about .wp-block-column:nth-child(2n) {
    margin-left: 0px;
}
}
.clearfix:after {
    clear: both;
    overflow: hidden;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.framework-box {
    width: 100%;
    margin-top: 38px;
    text-align: center;
}
.framework-box .compy {
    text-align: center;
    margin-top: 12px;
    position: relative;
    margin-bottom: 64px;
	margin-left:2px;
}
@media screen and (min-width: 900px) {
.zhanwei{color:#f9f9f9;max-width:1200px;margin:0 auto;padding: 56px 7.8%;}
.framework-box .compy:after {
    content: ' ';
    height: 26px;
    width: 2px;
    background: #D8D9DC;
    position: absolute;
    bottom: -38px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}
.framework-box .list-ul:before {
    content: ' ';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    width: 60.8%;
    top: -26px;
    height: 2px;
    background: #D8D9DC;
    display: block;
}
.framework-box .list-ul .li:before {
    content: ' ';
    height: 26px;
    width: 2px;
    background: #D8D9DC;
    position: absolute;
    top: -26px;
	left:50%;
}
.framework-box .list-ul {
    position: relative;
}
.framework-box .list-ul .li:first-child {
    
}
.framework-box .list-ul .active-li {
    background: #fff;
}
.framework-box .list-ul .li {
    width: 21.6%;
	min-width:152px;
	height:153px;
    background: #F2F3F5;
    padding: 44px 0px 0px 0px;
    box-sizing: border-box;
    text-align: center;
    float: left;
    margin-left: 8.8%;
    position: relative;
    cursor: pointer;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    -webkit-transition: background-color 0.2s linear;
    -ms-transition: background-color 1s linear;
	border-radius:5px;
	font-size:14px;
}
.framework-box .list-ul .li img{ display:block;margin:0 auto;
}
.framework-box .list-ul .active-li {
    background: #fff;
}
#ls-about .framework-box .list-ul .active-li .mess-text{
    display:block;
}

.framework-box .list-ul .li .mess-text{position:absolute;top:123px;width:380%;color: #5F6464; text-align:left;line-height: 25px;margin-top:60px;cursor: default;display:none;padding:30px;background-color: #fff;font-size:1rem}
.framework-box .list-ul .li .mess-text:before{
	content: '';
    position: absolute;
    top: -21px;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-bottom: 21px solid #fff;
    transition: all 0.5s;
	box-sizing: initial;}
.framework-box .list-ul .li .m1{left:0;}
.framework-box .list-ul .li .m1:before{
    left: 10.8%;
	}
.framework-box .list-ul .li .m2{left:-140%;}
.framework-box .list-ul .li .m2:before{
    left: 48%;
	}
.framework-box .list-ul .li .m3{left:-280%;}
.framework-box .list-ul .li .m3:before{
    right: 10.8%;
	}
}
@media screen and (max-width: 899px){
.zhanwei{display:none}
.framework-box .list-ul .li { text-align:center;position: relative;margin: 0px 15px;background-color:#fff;padding:10px 10px 0}
#ls-about .framework-box .list-ul .open-li .mess-text{padding:20px;border-top: 1px solid #F2F3F5;margin: 18px 0;height:auto;line-height: 28px;}
.framework-box .list-ul .li>img{margin-left:0px;margin-top:-4px;display:block}
.framework-box .list-ul .li:before{
	content: '';
    position: absolute;
    right: 40px;
    top: 22px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #000;
    transition: all 0.5s;
	box-sizing: initial;
}
.framework-box .list-ul .li:after{
	content: '';
    position: absolute;
    right: 40px;
    top: 20px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #fff;
    transition: all 0.5s;
	box-sizing:initial;
}
.framework-box .list-ul .li .mess-text{
	padding: 0px;
    border-top: 0; 
    margin: 10px 0;
    height: 0px;
    overflow: hidden;
}
#ls-about .framework-box .list-ul .open-li:before{
top: 20px;
transform: rotateX(180deg);
}
#ls-about .framework-box .list-ul .open-li:after{
top: 22px;
transform: rotateX(180deg);
}
}
#content>.wrapper {
    width: 100%;
    max-width:none;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

#about-qywh{
display: table;margin-top: 78px;
}
#about-qywh:after {
	content: '\20';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
#about-qywh .picL{
	display: table-cell;
    width: 49%;
    min-height: 610px;
    padding-left: 2%;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
	margin-top:100px;
	background:url(../image/about2-1.jpg);
	background-position:center;
	background-size:cover;

}
#about-qywh .t-flx{
	display: table-cell;
    width: 51%;
    min-height: 610px;
    padding:0 80px 38px 6%;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
	background-color:#f9f9f9;
}
#about-qywh .t-flx .ls-title{
text-align:left;
margin:38px 0 38px 0;
#about-qywh .picT{
	display: none;
}
}
@media screen and (max-width: 899px){
#about-qywh div.t-flx{
    width: 100%;
	padding: 0 15px 32px;
	display: block;
}
#about-qywh div.picL{
	display: none;
}
#about-qywh div.picT {
    display: block;
    min-height: 260px;
    background: url(../image/about2-1.jpg);
    background-position: center;
    background-size: cover;
}

}
.boxx h5{
color: #2A2E2E;
    letter-spacing: 0;
	font-style: italic;
    margin-bottom: 6px;
    font-weight: 800;
font-size: 20px;
}

.address {
    padding-top: 96px;
	background-color: #fff;
	font-family: 'Montserrat', sans-serif;
}
.mod-max-con {
    width: auto;
    margin-left: 15px;
    margin-right: 15px;
    box-sizing: border-box;
}
.mod-con {
    width: 1200px;
    margin: 0 auto;
}
.address .mod-m-title {
    padding-top: 40px;
    padding-bottom: 30px;
	font-size: 32px;
    font-weight: 900;
    font-style: italic;
    text-align: center;
    color: #000;
}
.mod-m-title {
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 30px;
    color: #2a2e2e;
}
.address-pic {
    width: 986px;
    margin: auto;
    position: relative;
}
.address-pic .bg {
    width: 986px;
    margin: 0 auto;
}
.address-box .address-tab {
    width: 100%;
    margin-top: 15px;
}
.address-box .address-tab .labels {
    font-size: 14px;
    line-height: 25px;
    color: #5f6464;
    padding: 0 80px;
    padding-bottom: 25px;
    border-bottom: 2px solid #f2f3f5;
    position: relative;
	margin:0;
}
.address-box .address-tab .tab-ul-box {
    position: relative;
    width: 100%;
    min-height: 180px;
    overflow: hidden;
}
.address-box .address-tab .tab-ul {
    padding: 0 80px;
    width: 1200px;
    box-sizing: border-box;
    min-height: 180px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: left 0.4s linear;
    -ms-transition: left 0.4s linear;
    -o-transition: left 0.4s linear;
    -moz-transition: left 0.4s linear;
    -webkit-transition: left 0.4s linear;
}
.address-box .address-tab .tab-ul li {
    float: left;
    margin-right: 60px;
    margin-top: 8px;
    position: relative;
	list-style: none;
}
.address-box .address-tab .tab-ul li .label {
    font-size: 16px;
    line-height: 29px;
    text-align: right;
    color: #2a2e2e;
    position: relative;
    cursor: pointer;
	margin:0;
}
.address-box .address-tab .tab-ul .active-li .label:after {
    content: ' ';
    width: 100%;
    height: 4px;
    background: #0052d9;
    position: absolute;
    left: 0;
    top: -10px;
}
.address-box .address-tab .tab-ul .box {
    display: none;
    position: absolute;
    left: 0;
    top: 50px;
    width: 330px;
}
.address-box .address-tab .tab-ul .active-li .box {
    display: block;
}
.address-box .address-tab .tab-ul .box p {
    font-size: 14px;
    line-height: 25px;
    color: #5f6464;
	margin:0;
}
@media screen and (max-width: 768px){
#ls-about .address{
    background: #FBFBFB;
    margin-top: 96px;
    margin-bottom: 10px;
	padding-top:0;
}
#ls-about .address-pic .bg {
    width: 100%;
}
.mod-con {
    width: auto;
    margin: 0 0px;
}
.address-pic {
    width: 100%;
}
.address-box .address-tab .labels {
    display: none;
}
#ls-about .address-box .address-tab .tab-ul {
    height: auto;
    padding: 0px;
    position: relative;
    width: 100%;
}
#ls-about .address-box .address-tab .tab-ul li {
    float: none;
    margin: 0px;
    border-top: solid 1px #E9ECF0;
}
#ls-about .address-box .address-tab .tab-ul li .label {
    text-align: left;
    font-size: 14px;
    line-height: 53px;
}
#ls-about .address-box .address-tab .tab-ul li:after {
    content: ' ';
    transition: transform 0.2s;
    left: initial !important;
    top: 20px !important;
    right: 0px !important;
    display: block;
    background-color: rgba(0,0,0,0);
    background: url(../image/icon_arrow_d.png) no-repeat 0 0 !important;
    height: 12px !important;
    width: 12px !important;
    position: absolute;
    background-size: contain !important;
}
#ls-about .address-box .address-tab .tab-ul li.active-li:after {
    transform: rotate(180deg);
}
#ls-about .address-box .address-tab .tab-ul .box {
    position: relative;
    top: 0px;
    left: 0px;
    width: auto;
    display: none;
    margin-bottom: 10px;
}
#ls-about .address-box .address-tab .tab-ul .active-li .box {
    display: block;
}
#ls-about .address-box .address-tab .tab-ul .active-li .label:after {
    content: ' ';
    height: 0px;
}












}