@media screen and (max-width: 899px){
#ls-index .descript span{
clear:both;
display:block;
height:0;
overflow: hidden;
}
#ls-index P.descript{
font-size:22px;
}
#ls-index .detail_list li{
    display:block;
    float: none;
    height: 250px;
    width:auto;
    margin-right: 0px;
	margin-bottom:20px;
    position: relative;
    overflow: hidden;

}
#ls-index .details_con {
    display: block;
    margin: 0px auto 84px;
    height:auto;
}
#ls-index .detail_list {
    height:unset;
}
#ls-index .bm p{
margin:0 30px 0;
}
#ls-index div.bm {
    height: 400px;
	margin:0 15px;
}
}
#about>.wrapper {
    width: 100%;
    margin: 0 auto;
    padding:0;
	max-width:none;
}
#about {
    background-color: #fff;
	padding:0;
}
#ls-index .descript{
padding:80px 0;
text-align:center;
color:#5F6464;
font-size: 24px;
line-height: 54px;
}
.details_con {
    display: block;
    margin: 0px auto 84px;
    height: 250px;
}
.detail_list {
    display: block;
    height: 250px;
    list-style: none;
	padding-left:0;
}
.detail_list li {
    display: inline-block;
    float: left;
    height: 100%;
    width: calc(33.3% - 14px);
	min-width:245px;
    text-align: center;
    margin-right: 21px;
    position: relative;
    overflow: hidden;
}
.detail_list li.last {
    margin-right: 0px;
}
.detail_list li a {
    display: block;
    height: 100%;
    width: 100%;
}
.detail_list li p {
    display: block;
    float: left;
    font-size: 30px;
    height: 40px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -20px;
    z-index: 3;
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,0);
    transform: translate(-50%,0);
    padding-bottom: 3px;
    transition: border-bottom 0.3s ease-out;
    font-family: 'TencentSansw7';
    padding-bottom: 5px;
    -webkit-transition: width 1s linear;
}
.detail_list li a:hover p:after {
    opacity: 1;
    left: 0;
    width: 100%;
}
.detail_list li p:after {
    content: ' ';
    width: 0;
    height: 2px;
    background: #fff;
    bottom: -2px;
    left: 0;
    position: absolute;
    opacity: 0;
    -webkit-transition: all 0.2s linear;
}
.detail_list li img {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    transform: scale(1);
    transition: transform 0.3s ease-out;
}
.detail_list li a:after {
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    background: rgba(0,82,217,0.7);
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.3s ease-out;
}
.detail_list li a:hover:after {
    opacity: 1;
}
.detail_list li a:hover img {
    transform: scale(1.024);
}

.link_area {
    display: block;
    width: 100%;
    height: 780px;
    background: #1b1f25;
    margin-bottom: 84px;
}
.link_area .link_hook {
    display: block;
    height: 780px;
    margin: 0px auto;
}
.link_area .link_tab {
    display: block;
    width: 36%;
    height: 100%;
    float: left;
}
.link_area .tab_list {
    display: block;
    height: 100%;
    list-style: none;
	padding-left: 0;
}
.link_area .tab_list li.current {
    opacity: 1;
}
.link_area .tab_list li {
    display: block;
    height: 33.3%;
    opacity: 0.4;
    position: relative;
    list-style: none;
}
.block-link {
    display: block;
    height: 100%;
    width: 100%;
}
.link_area .tab_list .tit {
    display: block;
    font-size: 30px;
    color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -32%;
    top: 50%;
    margin-top: -4.9%;
    transition: margin-left 0.3s ease-out;
    font-family: 'TencentSansw7';
    right: 32px;
}
.link_area .tab_list li.current .tit {
    margin-left: -28%;
}
.link_area .tab_list li.current .txt {
    margin-left: -28%;
}
.link_area .tab_list .txt {
    display: block;
    font-size: 16px;
    color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -32%;
    top: 50%;
    margin-top: 5.8%;
    transition: margin-left 0.3s ease-out;
    font-family: 'TencentSansw3';
    right: 30px;
}
.link_area .tab_list li.current .icon {
    opacity: 1;
    margin-left: -27.5%;
}
.link_area .tab_list .icon {
    display: block;
    height: 16px;
    width: 54px;
    background: url(../image/icon_arrow_r.png) no-repeat 0 0;
    position: absolute;
    left: 50%;
     margin-left: -21.5%; 
    margin-left: -32%;
    top: 50%;
    margin-top: 14.8%;
    opacity: 0;
    transition: margin-left 0.3s ease-out,opacity 0.3s ease-out;
    background-size: 100% 100%;
}

.link_area .link_content {
    display: block;
    width: 64%;
    height: 780px;
    margin-left: 36%;
    overflow: hidden;
}
.link_area .link_content .con {
    width: 100%;
    height: 100%;
}
.link_area .link_con_list {
    display: block;
    width: 100%;
    height: 100%;
    list-style: none;
}
.link_area .link_con_list li {
    display: block;
    width: 50%;
    float: left;
    height: 50%;
    background: url(../image/3-1-1.png) no-repeat center center;
    background-size: cover;
    overflow: hidden;
    list-style: none;
}
.link_area .link_con_list li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.link_area .link_con_list .script {
    display: block;
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.4),rgba(0,0,0,0));
}
.link_area .link_con_list li a:hover .script .txt {
    opacity: 1;
    transform: translate(0px,0);
}
.link_area .link_con_list .script .tit {
    display: block;
    margin-left: 43px;
    margin-top: 119px;
    font-size: 24px;
    color: #fff;
    transition: margin-top 0.3s ease-out;
    font-family: 'TencentSansw7';
}
.link_area .tab_list li.current .tit:after {
    opacity: 1;
    transform: translate(0px,0px);
}
.link_area .tab_list .tit:after {
    display: block;
    content: "";
    height: 70px;
    width: 6px;
    background: #1e52d8;
    position: absolute;
    left: 50%;
    margin-left: -62%;
    top: 18%;
    opacity: 0;
    transform: translate(-20px,0px);
    transition: opacity 0.3s ease-out,transform 0.3s ease-out;
}
.link_area .link_con_list .script .txt {
    display: block;
    margin-left: 43px;
    margin-top: 9px;
    line-height: 1.8;
    font-size: 16px;
    color: #fff;
    opacity: 0;
    transform: translate(0px,15px);
    transition: opacity 0.3s ease-out;
    font-family: 'TencentSansw3';
    margin-right: 43px;
}
.link_area .link_con_list .script .icon {
    display: block;
    height: 14px;
    width: 31px;
    background: url(../image/icon_arrow_r_s.png) no-repeat 0 0;
    position: absolute;
    right: 71px;
    top: 71px;
    opacity: 0;
    transition: all 0.3s ease-out;
    background-size: 100% 100%;
}
.link_area .link_con_list li a:hover .script .tit{ margin-top: 59px; }
.link_area .link_con_list li a:hover .script .txt{ opacity: 1; transform: translate(0px,0);}
.link_area .link_con_list li a:hover .script .icon{animation: a_arrow_r 0.2s linear forwards; }
@keyframes a_arrow_r {
	0%{ opacity: 0; right: 71px;}
	100%{opacity: 1; right: 51px;}
}
.link_area .con_1 .link_con_list li.item_1 {
    background-image: url(../image/3-1-1.png);
}
.link_area .con_1 .link_con_list li.item_2 {
    background-image: url(../image/3-1-2.png);
}
.link_area .con_1 .link_con_list li.item_3 {
    background-image: url(../image/3-1-3.png);
	width:100%
}

.link_area .con_2 .link_con_list li.item_1 {
    background-image: url(../image/2@1x.png);
	width:100%;
}
.link_area .con_2 .link_con_list li.item_2 {
    background-image: url(../image/1@1x.png);
	width:100%;
}
.link_area .con_2 .link_con_list li.item_3 {
    background-image: url(../image/3-2-3.png);
}
.link_area .con_2 .link_con_list li.item_3 {
    background-image: url(../image/3-2-4.png);
}

.link_area .con_3 .link_con_list li.item_1 {
    background-image: url(../image/3-3-1.png);
}
.link_area .con_3 .link_con_list li.item_2 {
    background-image: url(../image/3-3-2.png);
}
.link_area .con_3 .link_con_list li.item_3 {
    background-image: url(../image/3-3-3.png);
}
.link_area .con_3 .link_con_list li.item_3 {
    background-image: url(../image/3-3-4.png);
}

@media screen and (max-width: 768px){
	.link_area{ height:auto; background: #fbfbfb; width: 100%; margin-bottom: 0;padding: 0 15px;box-sizing: border-box;overflow: hidden;padding-bottom: 20px;}
	.link_area .link_hook{ width: 100%; height: 100%;}
	.link_area .link_tab{ width: 100%;}
	.link_area .tab_list li{ display: block; height: 240px; width: 100%; background:url(../image/3-1-1.png) no-repeat center center; background-size: cover; margin: 12px auto 0; opacity: 1;}
	.link_area .tab_list li:nth-child(1){
		margin-top: 20px;
	}
	.link_area .tab_list li.list_item_2{ background-image:url(../image/3-2-1.png);}
	.link_area .tab_list li.list_item_3{ background-image:url(../image/3-3-1.png);}
	.link_area .tab_list .icon{ display:none;}
	.link_area .tab_list .tit:after{ display:none;}
	.link_area .tab_list li .tit{ margin-left:0px; font-size:24px;}
	.link_area .tab_list li .txt{ margin-left:0px;}
	.link_area .tab_list li.current .tit{ margin-left:0px;font-size: 24px;}
	.link_area .tab_list li.current .txt{ margin-left:0px;}
	.link_area .tab_list .tit{ left:32px; margin-top: 0px; top: auto; bottom: 57px; font-size: 24px;}
	.link_area .tab_list .txt{ left:32px; margin-top: 0px; top: auto; bottom: 32px; font-size: 14px;}
	.link_area .tab_list li.list_item_2 .tit{ margin-top: 0px;}
	.link_area .link_content{ display:none;}

}

.resp_area{ display:block; width:1280px; height:620px; margin: 0px auto 84px;  position: relative;}
.resp_area .public_welfare{ display:block; width:627px; height:620px; position: absolute; left: 0px; top: 0px;}
.resp_area .slide_area{ display:block; width:627px; height:620px; position: absolute; left: 0px; top: 0px; overflow: hidden;}
.resp_area .slide_list{
	display:block; width:100%; height:620px; position: relative;
}
.resp_area .slide_list li{ width:627px; height:620px;position: absolute;opacity: 0;transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-webkit-transition: opacity 0.3s linear;left: 0;top:1;}
.resp_area .slide_list li a{
    display: block;
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
}
.resp_area .slide_list li.active{
	opacity: 1;
}
.resp_area .slide_list li .shadow_bg{ display:block; width:100%; height:30%; position: absolute; left: 0px; bottom: 0px; background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.15),rgba(0,0,0,0)); pointer-events: none;}
.resp_area .slide_list li .img{ display:block; width:627px; height:620px; position: absolute; left: 0px; top: 0px;}
.resp_area .slide_list li .img0{
    background: url(../image/4-1.png) no-repeat center center;background-size: cover;
}
.resp_area .slide_list li .img1{
	background: url(../image/4-1.png) no-repeat center center;background-size: cover;
}
.resp_area .slide_list li .img2{
	background: url(../image/4-1.png) no-repeat center center;background-size: cover;
}
.resp_area .slide_list li .img3{
	background: url(../image/4-1.png) no-repeat center center;background-size: cover;
}
.resp_area .slide_list li .tit{ display:block; width: 500px;font-size: 24px; position: absolute; left: 53px; bottom: 107px;z-index: 1;font-family: 'TencentSansw7';}
.resp_area .slide_list li .txt{ display:block; width: 500px; font-size: 16px; position: absolute; left: 52px; bottom: 41px; line-height: 29px;z-index: 1;font-family: 'TencentSansw3';}

.resp_area .public_welfare .hook_tri{ display:block; width:43px; height:620px; background: url(../image/i_tri.png) no-repeat 0 0; background-size: cover; position: absolute; right: 0px; bottom: 0px;}
.resp_area .slide_area .icon_arrow{ display:block; width:10px; height:16px; background: url(404.png) no-repeat center; position: absolute; right: 144px; bottom: 116px; margin-top:-30px;z-index:5;background-size: 10px 16px;padding: 5px;cursor: pointer; display: none\9; opacity: 0; transition: opacity 0.2s linear;}
.resp_area .slide_area .icon_arrow_r{ left: auto; right: 98px; background: url(404.png) no-repeat center;background-size: 10px 16px;}
.resp_area .slide_area:hover .icon_arrow{
	display: block;
	opacity: 1;
}

.resp_area .resp_details{ display:block; width: 450px; position: absolute; left: 50%; margin-left: 68px; top: 50%; margin-top: -8.3%;}
.resp_area .resp_details .tit{ display:block; color: #2a2e2e; width: 450px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:36px; margin-bottom: 20px;font-family: 'TencentSansw7';}
.resp_area .resp_details .txt{ display:block; color: #5f6464; width: 450px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:20px; margin-bottom: 40px;font-family: 'TencentSansw3';}
.resp_area .resp_details .icon_arrow_r{ display:block; width: 38px; height: 16px; background: url(404.png) no-repeat 0 0; margin-left: 3px;background-size: 100% 100%;}


@media screen and (max-width: 768px){
	.resp_area{ width:auto; height: auto; margin: 0 15px;margin-bottom: 64px;}
	.resp_area .resp_details{ position:static; width: 100%; height: auto; margin-left: 0px; margin-top: 0;padding: 0; padding-top: 0px;padding-bottom: 0px;}
	.resp_area .resp_details .tit{ width:auto;margin: 42px 32px 10px 32px; font-size: 24px;}
	.en-us .resp_area .resp_details .tit{
		white-space: normal;
	}
	.resp_area .resp_details .txt{ width:auto; margin-left:32px;margin-right: 32px;; margin-bottom: 0px; font-size: 14px;}
	.resp_area .resp_details .icon_arrow_r{ margin-left:32px; background:url(404.png) no-repeat 0 0; background-size: contain;}

	.resp_area .public_welfare{ width: 100%; height: 350px; margin: 0px auto;}
	.resp_area .public_welfare .hook_tri{ display:none;}

	.resp_area .slide_area{  width: 100%;height: 100%;}
	.resp_area .slide_area .icon_arrow{ display:none;}
	.resp_area .slide_list{ width: 100%; height: 100%;}
	.resp_area .slide_list li{ width: 100%; height: 100%; }
	.resp_area .slide_list li .img{ position:static; width: 100%; height:100%;}
	.resp_area .slide_list li .tit{ font-size:16px; left: 24px; bottom: 44px; z-index: 2;width: auto;right: 24px;}
	.resp_area .slide_list li .txt{ width: auto; font-size:14px; left: 24px;right: 24px; bottom: 18px; z-index: 2;line-height: 25px;}
	.resp_area .slide_list li .shadow_bg{ background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.25),rgba(0,0,0,0));}
	.resp_area .public_welfare {
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
	}
}



#ls-index .bm {
    background: url(../image/bm.jpg);
    height: 960px;
	background-size:cover;
}
.bm p{
max-width:1200px;
margin:0 auto;
}
#ls-index .bm .bmtit{
font-family: SourceHanSansCN-Bold;
font-size: 48px;
color: #fff;
letter-spacing: 0;
line-height: 100%;
padding-top:150px
}
#ls-index .bm .bmzs{
font-family: SourceHanSansCN-Medium;
font-size: 30px;
color: #fff;
letter-spacing: 0;
line-height: 200%;
}