@media only screen and (min-width: 310px) and (max-width: 639px){

    .clearfix:before,
    .clearfix:after {
        content: " ";
        display: table;
    }
    * { box-sizing: border-box; }

    .clearfix:after {
        clear: both;
    }
    .mobile{display: block !important;}
    .pc{display: none !important;}
    .wrapper{
		width: auto;
	}
    .fullSlider{
        min-width: auto;
    }
    .fullSlider .photos{
        min-width: 0;
    }
    .fullSlider .photos li a{
        height: calc(100vh - 45px);
    }
    .fullSlider .sliderNav .nav{
        left: 50%;
        margin-left: -4em;
        top: calc(100vh - 7em);
    }
    .fullSlider .sliderNav .nav a{
        width: 2em;
    }
    .fullSlider .sliderNav .nav a:hover, .fullSlider .sliderNav .nav a.active{
        width: 3em;
    }
	
	#header2 {
        display: block;
		height: 4.25em;
		position: fixed;
		top: 0;
		left: 0;
        right: 0;
		z-index: 99;
	}
	#header2 .logo {
		width: 12em;
		height: 100%;
		position: relative;
		display: block;
		left: 22px;
		right: auto;
	}
	#header2 .logo img{
		max-width: 100%;
		max-height: 80%;
		position: absolute;
		left: -200%;
		top: -200%;
		right: -200%;
		bottom: -200%;
		margin: auto;
	}
	#header2 .web_nav {
        background: url(/static/image/mobile_nav.png) no-repeat;
        background-size: contain;
        width: 2em;
        height: 2em;
        text-align: center;
        position: absolute;
        top: 0.875em;
        bottom: 0.5em;
        margin: auto 0;
        right: 22px;
        z-index: 100;
	}
	
	#header2:after {
		content: '';
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		background: #000;
		opacity: .5;
		z-index: -1;
		opacity: .8;
	}
	.in_nav li{
		text-overflow: ellipsis;
		display: inline-block;
	}
	.in_nav li a.nav_lion{
		height: 100%;
		display: block;
		padding: 0 1.5em;
		text-align: center;
		color: #fff;
		position: relative;
	}
	.trtions {
		transition: 300ms;
		transition-timing-function: ease-out;
	}
	.webul {
		width: 12em;
		height: calc(100% - 4.2em - 1px);
		border-top: 1px solid #fff;
		position: fixed;
		top: 4.25em;
		right: 0;
		transform: translateX(100%);
		z-index: -1;
		opacity: 0;
		overflow: visible;
	}
	.webul li {
		text-align: center;
		position: relative;
		overflow: visible;
	}
	.webul li .web_ahref {
		display: block;
		text-align: center;
		line-height: 4em;
		border-bottom: 1px solid #ececec;
	}
	.webul li .web_ahref font {
		font-size: 1.25em;
		color: #fff;
	}
	.webul.webseton {
		transform: translateX(0);
		z-index: 99;
		opacity: 1;
	}
	.webul:after {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		display: block;
		left: 0;
		top: 0;
		background: #000;
		opacity: .8;
		z-index: -1;
	}
	.webul li .sub:after, .web_navlist:after {
		content: '';
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		background: #000;
		opacity: .8;
		z-index: -1;
	}
	.webul li .sub {
		position: absolute;
		right: calc(100% + 0.3em);
		top: 0;
		width: 10em;
		height: auto;
		transform: translateX(calc(-100% - 0.3em));
		animation: fade-in .6s;
		display: none;
		z-index: -1;
	}
	.webul li .sub a {
		width: calc(100%/3);
		display: inline-block;
		line-height: 4em;
		vertical-align: top;
		color: #fff;
        font-size: 1.15em;
	}
	.webul li .sub a {
		width: 100%;
		height: 3.5em;
		display: block;
		text-align: center;
		line-height: 3.5em;
		color: #fff;
	}
	.in_nav li a.nav_lion:hover:after,.in_nav li.seton a.nav_lion:after {
		width: calc(100% - 1em);
		opacity: 1
	}
	
	.in_nav li a.nav_lion:hover,.in_nav li.seton a.nav_lion {
		font-weight: bold
	}
	.webul li.seton .sub {
		height: auto;
		border-bottom: 1px solid rgba(179,179,179,0.5)
	}
	.webul li.seton .sub {
		transform: translateX(0);
		display: block
	}
    .banner,.banner img {
        height: 17em;
        width: 100%;
    }
    #main .nav-box{
        left: 0px !important;
        margin: -4.166em auto !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        width: 100% !important;
    }
    #main .nav-box li:first-of-type{
        margin-left: 1em !important;
    }
    #main .nav-box li:last-of-type{
        margin-right: 1em !important;
    }
    #main .nav-box li a{
        width: auto !important;
        padding: 0 0.5em;
    }
    #main .nav-box li,#main .nav-box .current, #main  .nav-box a:hover{
       display: inline-block !important;
       float: none !important;
       width: auto !important;
    }
    #main .nav-box .current, #main .nav-box a:hover{
        font-weight: bold !important;
        color: #4276EF !important;
        background: #fff !important;
        -webkit-text-fill-color: #4276EF !important;
    }
    .m-follow{
        background-color: #4A4A4A;
        padding: 30px 15px;
    }
    .m-follow .m-follow-title{
        font-size: 1.35em;
        color: #fff;
        line-height: 40px;
    }
    .m-follow .m-follow-text{
        margin-bottom: 2em;
    }
    .m-follow .m-follow-text p,.m-follow .m-follow-text span a{
        color: #bbb;
        font-size: 1.2em;
        line-height: 1.8;
    }
    .m-follow .m-follow-text span{
        width: 30%;
        float: left;
    }
    .m-follow .m-follow-text span:nth-child(3n+3){
        width: 40%;
    }
    
    .m-follow .media-list{
        display: block;
        margin-top: 3em;
    }
    .m-follow .media-list li{
        float: left;
        width: 33.333%;
    }
    .m-follow .media-list li.wx, .media-list li.sina{
        position: relative;
    }
    .m-follow .media-list li img{
        width: 75%;
    }
    .m-follow .media-list li p, .media-list li span, .m-follow .media-list li a, .media-list li:hover a, .media-list li:hover span{
        font-size: 1em;
        color: #fff;
    }
    .m-copyright{
        padding: 1.5em 5px;
        color: #333333;
        text-align: center;
    }
    .m-copyright p:nth-of-type(1){ 
        line-height: 25px;
    }
    .m-copyright p:nth-of-type(2){
        line-height: 20px;
    }
    #main .container{
        max-width: 100%;
        padding:4em 15px 2em 15px !important;
        box-sizing: border-box;
    }
    #main .page-header{
        padding-bottom: 2em;
    }
    #main .page-header .page-title{
        font-size: 1.6em;
        font-weight: bold;
    }
    #main .page-header .page-title2{
        font-size: 12px;
    }
    #main #article_news .container{
        padding: 0 !important;
    }
    #main #article_news #maintmp{
        padding: 0;
    }
    #main #article_news  #maintmp .title{
        font-size: 1.6em;
    }
    #main #article_news .container img{
        max-width: 100%;
    }
    #maintmp .content img{
        max-width: 100% !important;
    }

    #Home{
        overflow-x: hidden;
        position: relative;
        width: 100%;
    }
    #Home .banner-slider .fullSlider .layout{
        width: auto;
    }
    #main.home .about-item{
		padding: 15px;
        box-sizing: border-box;
	}
    #main.home .wrapper.row.item.about-item{
        display: block;
    }
	#main.home .about-left{
		width: 0;
	}
    #main.home .about-left img{
        position: absolute;
        width: 55%;
        height: auto;
        bottom: -1em;
        right: 0px;
        max-height: 19em;
    }
    #main.home .about-item .row-btn{
        left: 1.666em;
        right: auto;
        border: 1px solid #FFFFFF;
        border-radius: 5px;
        height: 2.5em;
        width: 8em;
        line-height: 2.5em;
    }
	#main.home .about-item .about-item-content{
		padding: 1em 0px 0px 0px;
        height: auto;
        padding-bottom: 18em;
	}
    #main.home .culture{
        margin-top: 5em;
    }
	#main.home .about-item .row-title, .newscenter .newscenter-title, .culture .culture-title, .businessportfolio .businessportfolio-title, .jointownlogistics .jointownlogistics-title, .platform .platform-title{
		font-size: 1.6em;
        color: #4276EF;
	}
	#main.home .about-item .row-title2, .newscenter .newscenter-title2, .culture .culture-title2, .businessportfolio .businessportfolio-title2, .jointownlogistics .jointownlogistics-title2, .platform .platform-title2{
		font-size: 1.2em;
        font-weight: normal;
        color: #BABABA;
	}
	#main.home .about-item p, .business-item p, .jointownlogistics-item p{
		text-indent: 2em;
	}
	#main.home .about-item .p-title, .jointownlogistics-item .p-title{
		font-size: 1.1em;
		font-weight: bold;
	}
	#main.home .newscenter-left{
		display: none;
	}
	#main.home .newscenter .newscenter-right{
		left: 1em;
        right: 1em;
        font-size: 1.1em;
	}
    #main.home .jointownlogistics-item{
        position: relative;
        left: 0;
        padding: 15px;
        height: 35em;
        top: 0px;
        box-sizing: border-box;
    }
    #main.home .jointownlogistics-item .row-btn{
        margin-left: calc(50% - 5em);
        margin-top: 2em;
    }
    .home .businessportfolio .mobile-card-item .mobile-card{
        height: 47em !important;
    }
    .home .businessportfolio .mobile-card-item .mobile-card-row-content{
        height: 1.8em !important;
    }
    .home .businessportfolio .mobile-card-item .mobile-card-row-content2{
        font-size: 1.1em !important;
        padding: 0 0.5em !important;
    }
    .home .culture .culture-content.mobile .culture-text{
        height: 45em;
        margin: 15px;
        box-shadow: 3px 4px 10px 1px rgb(49 72 118 / 20%);
    }
    .home .culture .culture-content.mobile .culture-text .culture-text-left{
        width: 100%;
        position: absolute;
    }
    .home .culture .culture-content.mobile .fullSlider .layout{
        height: 50em;
    }
    .home .culture .culture-content.mobile .culture-text .culture-text-left img{
        width: 100%;
        height: 17em;
    }
    .home .culture .culture-content.mobile .culture-text .culture-text-right{
        position: relative;
        top: 16em;
        right: 0;
        left: 0;
        padding: 1em;
    }
    .home .culture .culture-content.mobile .culture-text .culture-text-right .culture-text-title .culture-line{
        width: 2px;
        height: 3em;
    }
    .home .culture .culture-content.mobile .culture-text-right .culture-text-title .culture-text-title-title{
        font-size: 1.5em;
        font-weight: bold;
    }
    .home .culture .culture-content.mobile .culture-text-right .culture-text-title .culture-text-title-title2{
        margin-bottom: 1em;
        font-weight: normal;
        font-size: 1em;
    }
    .home .culture .culture-content.mobile .culture-text-right .culture-text-content p{
        line-height: 1.8;
        font-size: 1.15em;
        margin-bottom: 0;
    }
    .home .culture .culture-content.mobile .culture-text-right .culture-text-content p span{
        font-size: 1.1em;
        font-weight: bolder;
    }
    .home .culture .culture-content.mobile .culture-text1 .culture-text-right .culture-text-content p:first-of-type,
    .home .culture .culture-content.mobile .culture-text4 .culture-text-right .culture-text-content p:first-of-type{
        margin-top: 3em;
    }
    .home .culture .culture-content.mobile .fullSlider .sliderNav .prev,.home .culture .culture-content.mobile .fullSlider .sliderNav .next,
    #hxll .page-content.mobile .fullSlider .sliderNav .prev,#hxll .page-content.mobile .fullSlider .sliderNav .next{
        display: block;
        top: 20em;
        width: 3em;
        height: 3em;
        left: 2em;
    }
    .home .culture .culture-content.mobile .fullSlider .sliderNav .prev,
    #hxll .page-content.mobile .fullSlider .sliderNav .prev{
        background: url(/static/image/home_hua2.png) no-repeat;
        background-size: contain;
    }
    .home .culture .culture-content.mobile .fullSlider .sliderNav .next,
    #hxll .page-content.mobile .fullSlider .sliderNav .next{
        background: url(/static/image/home_hua.png) no-repeat;
        background-size: contain;
        left: auto;
        right: 2em;
    }
    .home .newscenter .newscenter-content{
        height: 41em;
    }
    .fullSlider .sliderNav .prev, .fullSlider .sliderNav .next
    
    #main #InvestorServices .container.od-Info,
    #main #InvestorProtection #ip,
    #main #LatestActivity .container.od-Info{
        padding: 0em !important;
    }
    #main #InvestorServices .od-Info{
        padding: 0em !important;
    }
    #main #InvestorServices.InvestorRelations-container .divImg{
        display: block !important;
        
    }
    #main #InvestorServices.InvestorRelations-container .divImg img{
        width: 100% !important;
        margin-bottom: 2em;
    }
    #main #InvestorServices.InvestorRelations-container .concat{
        position: relative;
        height: 22em;
    }
    #main #InvestorServices.InvestorRelations-container{
        padding-bottom: 0 !important;
    }
    #main #InvestorServices.InvestorRelations-container .concat .concat-img{
        position: absolute;
        margin: 0 -15px;
        bottom: 0;
        width: auto;
        left: -15px;
        right: -15px;
    }
    #main #InvestorServices.InvestorRelations-container .concat .concat-img img{
        position: absolute;
        bottom: 0;
        height: auto;
        width: 100%;
    }
    #main #InvestorServices.InvestorRelations-container .concat .concat-content .item .item-title img{
        width: 1.1em;
        height: auto;
    }
    #main #InvestorServices.InvestorRelations-container .concat .concat-content{
        z-index: 9;
        margin-top: 1em;
    }
    #main #InvestorServices.InvestorRelations-container .concat .concat-content .item .item-title{
        font-size: 1.2em;
        line-height: 1.5;
    }
    #main #InvestorServices.EnterpriseSocialResponsibility-container .listCss{
        margin-top: 0em;
    }
    #main #InvestorServices.EnterpriseSocialResponsibility-container .listCss .col-4{
        flex: 0;
    }
    #main #InvestorServices.EnterpriseSocialResponsibility-container .listCss .Honor{
        flex: 1;
        width: 100%;
        max-width: 100%;
    }
    #main #InvestorServices.EnterpriseSocialResponsibility-container .captionCss{
        border-left:5px solid #4276EF;
        padding-left: 10px;
        line-height: 1.2;
        margin-bottom:0;
    }
    #main #InvestorServices.EnterpriseSocialResponsibility-container .listCss .Honor li{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        position: relative;
        padding: 0;
        padding-right: 115px;
    }
    #main #InvestorServices.EnterpriseSocialResponsibility-container .listCss span{
        position: absolute;
        right: 0;
    }
    #main #InvestorServices .newscenter-left-content1{
        margin: 2em 0;
    }
    #main #InvestorServices .newscenter-left-content1 .newscenter-content1-item2,
    #main #InvestorProtection .newscenter-left-content1 .newscenter-content1-item2,
    #main #LatestActivity .newscenter-left-content1 .newscenter-content1-item2{
        border-bottom: 1px solid #EEEEEE !important;
    }
    #main #InvestorServices .newscenter-left-content1 .newscenter-content1-item2 .newscenter-item2-date,
    #main #InvestorProtection .newscenter-left-content1 .newscenter-content1-item2 .newscenter-item2-date,
    #main #LatestActivity .newscenter-left-content1 .newscenter-content1-item2 .newscenter-item2-date{
        width: 4em;
        height: 4em;
    }
    #main #InvestorServices .newscenter-left-content1 .newscenter-content1-item2 .newscenter-item2-date .date-date,
    #main #InvestorProtection .newscenter-left-content1 .newscenter-content1-item2 .newscenter-item2-date .date-date,
    #main #LatestActivity .newscenter-left-content1 .newscenter-content1-item2 .newscenter-item2-date .date-date{
        font-size: 2em;
        margin-top: 0.1em;
        line-height: 1.2;
        font-weight: bolder;
        color: #4276EF;
    }
    #main #InvestorServices .newscenter-left-content1 .newscenter-content1-item2 .newscenter-item2-date .date-month,
    #main #InvestorProtection .newscenter-left-content1 .newscenter-content1-item2 .newscenter-item2-date .date-month,
    #main #LatestActivity .newscenter-left-content1 .newscenter-content1-item2 .newscenter-item2-date .date-month{
        color: #4276EF;
        font-size: 0.8em;
        line-height: 1.5;
    }
    #main #InvestorServices .newscenter-left-content1 .newscenter-content1-item2 .line,
    #main #InvestorProtection .newscenter-left-content1 .newscenter-content1-item2 .line,
    #main #LatestActivity .newscenter-left-content1 .newscenter-content1-item2 .line{
        display: none;
    }
    #main #InvestorServices .newscenter-left-content1 .newscenter-content1-item2 .newscenter-item2-content,
    #main #InvestorProtection .newscenter-left-content1 .newscenter-content1-item2 .newscenter-item2-content,
    #main #LatestActivity .newscenter-left-content1 .newscenter-content1-item2 .newscenter-item2-content{
        padding: 0.5em 0 0.5em 0.5em;
    }
    #main #InvestorServices .newscenter-left-content1 .newscenter-content1-item2 .newscenter-item2-content .content-content,
    #main #InvestorProtection .newscenter-left-content1 .newscenter-content1-item2 .newscenter-item2-content .content-content,
    #main #LatestActivity .newscenter-left-content1 .newscenter-content1-item2 .newscenter-item2-content .content-content{
        flex: 1;
        height: 3.6em;
        line-height: 1.8;
        font-weight: 400;
        color: #666;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: horizontal;
        -webkit-box-align: center;
        font-size: 0.85em;
    }
    #main #InvestorServices .captionCss{
        margin-left: auto;
    }
    
    #main #InvestorProtection .box-paginacao .vitrine1, #main #InvestorProtectio .box-paginacao .vitrine2, #main #InvestorProtectio .box-paginacao .vitrine3, #main #InvestorProtectio .box-paginacao .vitrine4{
        height: auto;
        margin-bottom: 2em;
    }
    #main #InvestorProtection #ip #ip-list a{
        font-size: 1.3em !important;
        font-family:'Helvetica';
        padding-right: 0;
    }
    #main #LatestActivity .od-Info a, #main #LatestActivity  .textCss a, #main .textCss span{
        font-size: 0.9em;
    }
    
    
    #main .ProblemAbstract-container .od-Info{
        padding-top: 0;
        padding: 0 !important;
    }
    #main .ProblemAbstract-container .od-Info .title-text{
        line-height: 1.5;
        font-size: 1.2em;
        padding-left: 4em;
    }
    #main .ProblemAbstract-container .od-Info  p{
        padding-left: 1em;
        padding-right: 1rem;
        font-size: 1.15em;
        line-height: 1.8;
    }
    
    #main #EnterpriseSocialResponsibility .container.od-Info{
        padding: 0 !important;
    }
    #main #EnterpriseSocialResponsibility .col-4{
        display: none;
    }
    #main #EnterpriseSocialResponsibility .col-8{
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0;
    }
    #main #EnterpriseSocialResponsibility .listCss{
        margin: 1em 0;
    }
    #main #EnterpriseSocialResponsibility .listCss ul li{
        padding: 0;
    }
    #main #EnterpriseSocialResponsibility .listCss ul li a{
        position: relative;
        -webkit-box-align: center;
        font-size: 0.85em;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        padding-right: 7em;
    }
    #main #EnterpriseSocialResponsibility .listCss span{
        position: absolute;
        right: 0px;
        top: 0px;
    }
    #main #EnterpriseSocialResponsibility .col-3{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    #main #EnterpriseSocialResponsibility .textCss a{
        line-height: 1;
    }
    #main #EnterpriseSocialResponsibility .socialResponsibility .col-3 img{
        width: 80%;
        height: 13em !important;
    }
    #main #EnterpriseSocialResponsibility .textCss span{
        font-size: 0.85em;
    }
    #main #EnterpriseSocialResponsibility .socialResponsibility{
        margin-bottom: 2em !important;
    }
    #main #EnterpriseSocialResponsibility .captionCss, #whjs .conetent-title{
        margin-bottom: 1em;
    }
    
    #groupOverview{
        padding: 0;
        padding-bottom: 4em;
    }
    #groupOverview p span{
        font-size: 1.15em;
    }
    #groupOverview .row{
        display: block;
    }
    #groupOverview .col-4,#groupOverview .col-8{
        max-width: 100%;
    }
    #groupOverview .groupOverview-content{
        margin-top: 0em !important;
    }
    #groupOverview .groupOverview-img:nth-of-type(1){
        padding: 0 !important;
        display: none;
    }
    #groupOverview .groupOverview-img img{
        height: auto;
    }
    
    #developmentHistory{
        padding: 0;
        padding-bottom: 4em;
        background-color: #fff;
    }
    #developmentHistory .mobile .row-line{
        margin-top: 2.5em;
    }
    #main #developmentHistory .container .row-content{
        margin: 0px;
    }
    #main #developmentHistory .container .bold-year.open{
        color: #4276EF;
    }
    #main #developmentHistory .container .row-content .spot, .bold-year .spot{
        top: 0.5em;
        left: -1.45em;
    }
    #main #developmentHistory .container .bold-year .bold-year-text{
        font-size: 2em;
    }
    #main #developmentHistory .container .bold-year .bold-year-line{
        margin-top: 15px;
    }
    #main #developmentHistory .container .bold-year .bold-year-content{
        font-size: 1.2em;
    }
    #main #developmentHistory .container .images{
        margin-top: 10px;
        margin-left: 0px;
        margin-bottom: 10px;
    }
    #main #developmentHistory .container .images img{
        width: 100%;
    }
    #developmentHistory .description, #developmentHistory p{
        font-size: 1.15em;
        line-height: 1.8;
    }
    #main #developmentHistory .container .row-content{
        margin: 0px;
        margin-top: 3em;
    }
    #main #developmentHistory .container .row-content .year-text{
        top: -1.3em;
    }
    #main #developmentHistory .container .row-content .spot, .bold-year .spot{
        top: -1.3em;
        left: -1.5em;
    }
    #developmentHistory .description, #developmentHistory p{
        width: 100%;
    }
    #developmentHistory .row-developmentHistory{
        display: flex !important;
    }
    #main #developmentHistory .container .bold-row-content{
        margin-top: 1em;
    }
    #main #developmentHistory .container .bold-row-content .bold-year .spot{
        top: 0.5em;
    }
    #main #developmentHistory .container .bold-year .bold-year-content{
        line-height: 2.4;
    }
    #main #developmentHistory .row-content{
        width: 100%;
    }
    #main #developmentHistory .row-content.open.bold-row-content .bold-year .bold-year-text,
    #main #developmentHistory .row-content.open.bold-row-content .bold-year .bold-year-line,
    #main #developmentHistory .row-content.open.bold-row-content .bold-year .bold-year-content{
        color: #4276EF;
        border-color:#4276EF;
    }
    #main #developmentHistory .row-content .images,#main #developmentHistory .row-content p,
    #main #developmentHistory .row-content2,#main #developmentHistory .row-content3,#main #developmentHistory .row-content4{
        display: none;
       
    }
    #main #developmentHistory .row-content.bold-row-content{
        display: block;
    }
    #main #developmentHistory .row-content1 .images,#main #developmentHistory .row-content1 p{
        display: flex;
    }
    
    
    #main #groupLeader{
        padding: 0;
        padding-bottom: 4em;
    }
    #main #groupLeader .conetent-header{
        margin: 0 -15px;
    }
    #main #groupLeader .conetent-header .header-instro{
        height: 8.2em;
        margin-top: 8em;
    }
    #main #groupLeader .conetent-header-child .header-instro{
        height: 13.2em;
    }
    #groupLeader .conetent-header .person-instro{
        left: 12em;
        top: 1em !important;
    }
    #groupLeader .conetent-header .person-instro .instro{
        line-height: 1.6em;
        font-size: 1em;
    }
    #groupLeader .conetent-header .header-instro2{
        left: 12em;
        top: -6em;
    }
    #groupLeader .conetent-header .header-instro2 .title3{
        font-size: 1.15em;
        margin-top: 1.9em;
    }
    #groupLeader .conetent-header .header-instro2 .title2{
        font-size: 2em;
        width: 8em;
    }
    #groupLeader .conetent-header .header-instro2 .title1{
        font-size: 1.8em;
    }
    #groupLeader .conetent-header .header-instro2 .title-line1,#groupLeader .conetent-header .header-instro2 .title-line3{
        top: 2em;
    }
    #groupLeader .conetent-header .header-instro2 .title-line3{
        left: 14em;
    }
    #groupLeader .conetent-header .header-instro2 .title-line2{
        width: 14em;
        top: 2.2em;
    }
    #groupLeader .conetent-header img{
        top: -4.5em;
        width: 9em;
        height: 11em;
        left: 1.333em;
    }
    #groupLeader .conetent-header-child img{
        top: -1.5em;
    }
    #groupLeader .groupLeader-content ul li i{
        width: 1em;
        height: 1em;
    }
    #groupLeader .groupLeader-content ul li .year{
        font-size: 1em;
        line-height: 0.95em;
    }
    #groupLeader .groupLeader-content ul li .year-content{
        margin-left: 6.2em;
    }
    #groupLeader .card-item{
        width: 9.5em;
        height: 9.5em;
    }
    #groupLeader .card{
        height: 7.5em;
        margin: 1em;
    }
    #groupLeader .card .card-block{
        padding-top: 2.1em;
    }
    #groupLeader .card .card-title{
        font-size: 1.15em;
    }
    #groupLeader .card .card-line{
        margin-bottom: 0.8em;
        margin-top: 0.8em;
        height: 2px;
        width: 3.25em;
    }
    #groupLeader .card .list-group-item{
        font-size: 1.2em;
    }
    #groupLeader .groupLeader-content ul li .year-content .groupLeader-content-text{
        font-size: 0.86em;
        line-height: 1.8;
    }
    #groupLeader .flex-items-xs-middle.flex-items-xs-center{
        justify-content: center;
        align-items: center;
    }
    
    #competencies{
        padding: 0;
        padding-bottom: 4em;
    }
    #competencies .list .row:nth-of-type(1){
        background: url(/static/image/mobile_1.png) no-repeat right bottom;
        background-size: 50%;
    }
    #competencies .list .row:nth-of-type(2){
        background: url(/static/image/mobile_xz1.png) no-repeat right bottom;
        background-size: 50%;
    }
    #competencies .list .row:nth-of-type(3){
        background: url(/static/image/mobile_xz3.png) no-repeat right bottom;
        background-size: 50%;
    }
    #competencies .list .row:nth-of-type(4){
        background: url(/static/image/mobile_xz2.png) no-repeat right bottom;
        background-size: 50%;
    }
    #competencies .list .row .rowbg{
        display: none;
    }
    #competencies .list .row .row-imgcontent{
        display: none;
    }
    #competencies .list .row .row-content{
        margin-left: 0px;
        margin-right: 0px;
    }
    #competencies .list .row:nth-child(2n) .row-content{
        margin-right: 0px;
    }
    #competencies .list .row .row-content .row-img{
        display: none;
    }
    #competencies .list .row .row-content .row-title{
        font-size: 1.4em;
        line-height: 1.5;
        margin-bottom: 8px;
    }
    #competencies .list .row .row-content .row-title span{
        display: inline !important;
    }
    #competencies .list .row .row-content p{
        width: 100%;
        font-size: 1.15em;
        line-height: 1.8;
    }
    
    #corporateHonor{
        padding: 0;
        padding-bottom: 4em;
    }
    #corporateHonor .mobile .about-right-title{
        font-size: 1.916em;
        
        font-weight: bold;
        color: #303030;
        line-height: 1.8;
        margin-bottom: 0.6em;
    }
    #corporateHonor .mobile.about-right-content1 {
        position: relative;
        min-height:  58.333em;
    }
    #corporateHonor .mobile.about-right-content1 .about-content1-left{
        position: absolute;
        width: 4em;
        padding-top: 0.833em;
    }
    #corporateHonor .mobile.about-right-content1 .about-content1-left .line{
        position: absolute;
        z-index: -1;
        width: 2px;
        height: 58.333em;
        background: #BFBFBF;
        left: 2em;
        top: 0px;
    }
    
    #corporateHonor .mobile.about-right-content1 .about-content1-left .dot{
        width: 3em;
        height: 3em;
        background: #BFBFBF;
        border-radius: 50%;
        margin-left: 0.5em;
        margin-bottom: 2em;
        cursor: pointer;
    }
    
    #corporateHonor .mobile.about-right-content1 .about-content1-left .dot span{
        text-align: center;
        display: inline-block;
        width: 3em;
        margin-top: 0.95em;
        font-size: 1em;
        color: #FFFFFF;
    }
    #corporateHonor .mobile.about-right-content1 .about-content1-left .dot.selected{
        width: 4em;
        height: 4em;
        background: #4276EF;
        border-radius: 50%;
        border: 0.5em solid #dae5fb;
        box-sizing: border-box;
        margin-left: 0px;
    }
    #corporateHonor .mobile.about-right-content1 .about-content1-left .dot.selected span{
        text-align: center;
        display: inline-block;
        width: 2.8em;
        margin-top: 0.9em;
        font-size: 1.15em;
        font-weight: bold;
        color: #FFFFFF;
    }
    #corporateHonor .mobile.about-right-content1 .about-content1-title{
        font-size: 1.583em;
        
        font-weight: 400;
        color: #303030;
        line-height: 2.5em;
    }
    #corporateHonor .mobile.about-right-content1 .about-content1-right{
        position: relative;
        margin-left: 5.5em;
        padding-top: 1em;
        display: none;
    }
    #corporateHonor .mobile.about-right-content1 .about-content1-right.show{
        display: block;
    }
    #corporateHonor .mobile.about-right-content1 .about-content1-right .about-content1-content{
        line-height: 1.8;
        margin-bottom: 1em;
        font-size: 1.15em;
        color: #666666; 
    }
    
    #publicWelfare{
        padding: 0;
        padding-bottom: 4em;
    }
    #publicWelfare .section-header{
        margin: 0 0 1.5em 0em;
        line-height: 1.8;
        font-size: 1.2em;
    }
    #publicWelfare .row{
        margin: 0;
    }
    #publicWelfare .row .row-title{
        line-height: 1.2;
        margin: 1em 0 0.8em 0;
    }
    #publicWelfare .row .row-title span{
        border-left: 5px solid;
        padding: 0 8px;
    }
    #publicWelfare .row .row-content, #publicWelfare .row .row-content2 p{
        width: 100%;
        font-size: 1em;
        color: #666 !important;
    }
    #publicWelfare .row .row-content, #publicWelfare .row .row-content2{
        margin: 0;
        font-size: 1.15em;
        line-height: 1.8;
    }
    #publicWelfare .row .col-4,#publicWelfare .row .col-6{
        flex: 0 0 100%;
        max-width: 100%;
    }
    #publicWelfare .member{
        margin: 1em 0 !important;
    }
    #publicWelfare .member .img-fluid{
        height: auto;
    }
    #publicWelfare .member span{
        width: auto;
    }
    
    #logisticsOverview{
        padding: 0;
        padding-bottom: 4em;
    }
    #logisticsOverview .item .item-title,#hxyw .conetent-title,#main #zlgl .conetent-title,#qyxx .conetent-title,#hxll .conetent-title,#xcfl .conetent-title,#whfc #portfolio .conetent-title,
    #main #EnterpriseSocialResponsibility .captionCss,#whjs .conetent-title{
        border-left:5px solid #4276EF;
        font-weight: bold;
        line-height: 1.2;
        padding-left: 8px;
    }
    #logisticsOverview .section-header p{
        padding-bottom: 2em;
        font-size: 1.2em;
        line-height: 1.8;
    }
    #logisticsOverview .item .item-content2 .item-content2-row{
        margin-top: 0 !important;
    }
    #logisticsOverview .item .item-content2 .item-content2-row img{
        width: 3em;
        height: auto;
        top: 10px;
    }
    #logisticsOverview .item .item-content2 .item-content2-row .item-content2-row-content{
        margin: 0.833em 0px 0.833em 4.5em;
    }
    #logisticsOverview .item .item-content2 .item-content2-row .item-content2-row-content .content2-title2{
        line-height: 1.6;
    }
    #logisticsOverview .item .item-content2 .item-content2-row{
        margin: 1em 0;
    }
    #logisticsOverview .card-item{
        width: 48%;
        height: 14em;
        margin-bottom: 1em;
    }
    #logisticsOverview .card-item .card-row{
        padding: 1em;
        height: 4.166em;
    }
    #logisticsOverview .card-item .card-row .card-row-img{
        width: 3em !important;
        height: 3em !important;
        top: 1.3em;
    }
    #logisticsOverview .card-item .card-row-content{
        margin-left: 4em;
    }
    #logisticsOverview .card-item .card-row-content .card-title1{
        line-height: 1.6;
    }
    #logisticsOverview .card-item .card-row-content .card-title2{
        line-height: 1.5;
    }
    #logisticsOverview .card-item .card-row-content2{
        line-height: 1.6;
        margin: 1em 0px;
    }
    #logisticsOverview .item .item-content3,#logisticsOverview .technology{
        margin-bottom: 2.5em;
    }
    #logisticsOverview .technology-content{
        margin-left: 0;
    }
    #logisticsOverview .item .item-content{
        margin: 1em 0;
        font-size: 1.15em;
        line-height: 1.8;
        text-indent: 2em;
    }
    #logisticsOverview .technology-content2{
        margin-bottom: 1em;
    }
    #logisticsOverview .technology-content2 .technology-content-list,#logisticsOverview  .technology-content3 .technology-content-list{
        min-height: 2em;
        height: auto;
    }
    #logisticsOverview .technology-content2 .technology-content-list span, .technology-content3 .technology-content-list span{
        width: auto;
        margin-right: 0.2em;
        font-size: 1em;
        float: left;
    }
    .technology-content2  .technology-content-list span,.technology-content3  .technology-content-list span,
    .technology-content2  .technology-content-list div,.technology-content3  .technology-content-list div{
        width: 8.5em;
        display: inline-block;
        color: #666;
    }
    #logisticsOverview .intelligence-content2 .intelligence-content2-left{
        width: auto;
        border-right: 0 solid #ddd;
    }
    #logisticsOverview .intelligence-content2 .intelligence-content2-title{
        margin-left: 0em;
    }
    #logisticsOverview .intelligence-content2 .intelligence-content2-left .intelligence-content2-item,#logisticsOverview .intelligence-content2 .intelligence-content2-right .intelligence-content2-item{
        width: 50%;
        height: 12em;
    }
    #logisticsOverview .intelligence-content2 .intelligence-content2-right{
        position: relative;
        width: auto;
        margin: 2em 0;
    }
    #logisticsOverview .intelligence-content2 .intelligence-content2-left .intelligence-content2-item img,#logisticsOverview .intelligence-content2 .intelligence-content2-right .intelligence-content2-item img{
        width: 9.333em !important;
        height: 5.5em !important;
        left: 2.75em !important;
        top: 2em !important;
    }
    #logisticsOverview .intelligence-content2 .intelligence-content2-left .intelligence-content2-item span,#logisticsOverview .intelligence-content2 .intelligence-content2-right .intelligence-content2-item span{
        bottom: 1.25em !important;
    }
    #logisticsOverview .intelligence-content2 .intelligence-content2-right .intelligence-content2-item-spcial{
        
        top: 0px !important;
        height: 27em !important;
    }
    #logisticsOverview .intelligence-content2 .intelligence-content2-right .intelligence-content2-item-spcial img{
        width: 6em !important;
        height: 18.083em !important;
        left: 4em !important;
        top: 4.5em !important;
    }
    
    #constructionLeague,#leadershipConcern{
        padding: 0;
        padding-bottom: 4em;
    }
    #constructionLeague .section-header p{
        color: #666;
        line-height: 1.8;
        text-indent: 2em;
        padding-bottom: 2em;
    }
    #constructionLeague.constructionLeague .constructionLeague-content .constructionLeague-tab .skew{
        font-size: 1em;
        line-height: 2.5em;
        height: 2.5em;
        width: 100%;
        overflow: hidden;
    }
    #constructionLeague.constructionLeague .constructionLeague-content .constructionLeague-tab .skew:first-of-type,
    #InvestorServices .InvestorServices-tab .skew:first-of-type{
        border-radius: 3px 0 0  3px;
    }
    #constructionLeague.constructionLeague .constructionLeague-content .constructionLeague-tab .skew:last-of-type,
    #InvestorServices .InvestorServices-tab .skew:last-of-type{
        border-radius:  0 3px 3px 0;
    }
    #constructionLeague.constructionLeague .constructionLeague-content .constructionLeague-text{
        margin: 0 -6px;
    }
    #constructionLeague.constructionLeague .constructionLeague-content .constructionLeague-text .col-4{
        flex: 0 0 50%;
        max-width: 50%;
    }
    #constructionLeague .member{
        margin: 6px;
    }
    #constructionLeague .member .img-fluid{
        height: 10em;
    }
    #constructionLeague .member .member-info{
        padding: 5px;
    }
    #constructionLeague .member span{
        font-size: 1em;
        line-height: 1.4;
        width: auto;
    }
    
    #leadershipConcern .col-4{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #leadershipConcern .member{
        margin:0 0 2.5em 0;
    }
    #leadershipConcern .member span{
        font-size: 1em;
        line-height: 1.5;
        width: auto;
        padding: 0 3px;
    }
    
    #jztEvents{
        padding: 0;
        padding-bottom: 4em;
    }
    #jztEvents.jztEvents  .jztEvents-text:before{
        left: 1.4em;
    }
    #jztEvents.jztEvents .jztEvents-content .jztEvents-tab.mobile{
        display: flex !important;
    }
    #jztEvents.jztEvents .jztEvents-content .jztEvents-tab .skew{
        padding: 0 2px;
        height: 2.5em;
        line-height: 2.5em;
        width: auto;
        font-size: 1em;
        overflow: hidden;
    }
    #jztEvents.jztEvents .jztEvents-content .jztEvents-text{
        margin: 2.916em 0 1.666em 0;
    }
    #jztEvents.jztEvents .jztEvents-content .entries{
        width: calc(100%);
    }
    #jztEvents.jztEvents .jztEvents-content .entries .entry{
        width: calc(100% - 3em);
        padding: 0;
        float: right;
        text-align: left;
    }
    #jztEvents.jztEvents  .entries .entry .body .description-img{
        height: auto;
    }
    #jztEvents .entries .entry .body{
        background-color: #E6F3FE;
    }
    #jztEvents .entries .entry .body p{
        color: #666666;
        padding: 5px 8px;
        line-height: 1.8 !important;
    }
    #jztEvents .title{
        font-size: 1.8em;
        color: #333;
        line-height: 1.8;
    }
    #jztEvents  .entries .entry:not(:first-child){
        margin-top: 2em;
    }
    .jztEvents .jztEvents-content .entries .entry .title:before{
        left: 5.8em;
        z-index: 9;
        right: auto;
    }
    .jztEvents .jztEvents-content .entries .entry:nth-child(2n){
        width: calc(100% - 3em);
        float: right;
    }
    .jztEvents .jztEvents-content .entries .entry:nth-child(2n) .title{
        left: 0;
    }
    #jztEvents .entries .entry:nth-child(2n) .body{
        left: 0;
    }
    #jztEvents .entries .entry .body img{
        position: relative;
    }
    .jztEvents .jztEvents-content .entries .entry:nth-child(2n) .title:before{
        left: 5.8em;
    }
    
    #mtbd,#hxyw{
        padding: 0px;
        margin-bottom: 4em;
    }
    #main #mtbd .box-paginacao .vitrine1, #main .box-paginacao .vitrine2, #main #mtbd .box-paginacao .vitrine3, #main #mtbd .box-paginacao .vitrine4{
        width: 100%;
        height: auto;
        margin-bottom: 0px;
    }
    #main .btn-paginacao{
        display: none;
    }
    #mtbd #mtbd-list,#mtbd-1:checked~.box-vitrines #mtbd-list{
        height: auto !important;
        transform: translateY(0px);
    }
    #mtbd #mtbd-1,#mtbd #mtbd-2,#mtbd #mtbd-3,#mtbd #mtbd-4{
        display: none;
    }
    #mtbd #mtbd-list a{
        padding: 0;
    }
    #mtbd .newscenter-content1-item1{
        display: block;
        height: auto;
        padding: 0;
        padding-bottom: 1em;
    }
    #mtbd .newscenter-content1-item1 .newscenter-item1-left{
        width: 100%;
        padding: 0;
        height: 12em;
    }
    #mtbd .newscenter-content1-item1 .newscenter-item1-right{
        flex: 1;
        padding: 10px 0;
    }
    #mtbd .newscenter-content1-item2 .newscenter-item2-content .content-title,
    #main.home .newscenter  .newscenter-content1-item2 .newscenter-item2-content .content-title{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    #mtbd .newscenter-content1-item1 .newscenter-item1-right .newscenter-item1-title{
        -webkit-line-clamp: 2;
        line-height: 1.4;
        font-size: 1em;
    }
    #mtbd .newscenter-content1-item1 .newscenter-item1-right .newscenter-item1-content{
        display: none;
    }
    #mtbd .newscenter-content1-item1 .newscenter-item1-right .newscenter-item1-date{
        line-height: 1.8;
        font-size: 1em;
    }
    #mtbd .newscenter-content1-item2,
    #main.home .newscenter .newscenter-content1-item2{
        padding: 0;
        margin-bottom: 2em;
    }
    #mtbd .newscenter-content1-item2 .newscenter-item2-date,
    #main.home .newscenter  .newscenter-content1-item2 .newscenter-item2-date{
        width: 4em;
        height: 4em;
        border-radius: 5px;
        background-color: #4276EF;
    }
    #main.home .newscenter  .newscenter-content1-item2 .newscenter-item2-date{
        font-size: 1.2em;
    }
    #mtbd .newscenter-content1-item2 .newscenter-item2-date .date-date,
    #main.home .newscenter  .newscenter-content1-item2 .newscenter-item2-date .date-date{
        margin-top: 0.2em;
        font-size: 2em;
        line-height: 1.2;
        color: #fff;
    }
    #mtbd .newscenter-content1-item2 .newscenter-item2-date .date-month,
    #main.home .newscenter  .newscenter-content1-item2 .newscenter-item2-date .date-month{
        font-size: 0.8em;
        color: #fff;
    }
    #mtbd .newscenter-content1-item2 .line,
    #main.home .newscenter  .newscenter-content1-item2 .line{
        display: none;
    }
    #mtbd .newscenter-content1-item2 .newscenter-item2-content,
    #main.home .newscenter  .newscenter-content1-item2 .newscenter-item2-content{
        padding: 0 0.6em;
    }
    #mtbd .newscenter-content1-item2 .newscenter-item2-content .content-content,
    #main.home .newscenter .newscenter-content1-item2 .newscenter-item2-content .content-content{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 3em;
        line-height: 1.5;
    }
    .page .lastNews{
        background: #EFF7FE;
        height: 45px;
        line-height: 45px;
        font-size: 1.2em;
        color: #666666;
        padding: 0 15px;
        position: relative;
        box-sizing: border-box;
    }
    .page .lastNews img{
        width: 15px;
        height: 15px;
        position: absolute;
        top: 15px;
        left: 15px;
    }
    .page .lastNews .lastNews-tip{
        color: #4276EF;
        font-weight: bolder;
        width: 60px;
        margin-left: 20px;
        display: inline-block;
    }
    .page .lastNews .lastNews-content{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        position: absolute;
        left: 100px;
        top: 0px;
        right: 15px;
    }
    
    #hxyw .conetent-header,#hxyw .conetent-header .header-instro{
        height: auto;
    }
    #hxyw .conetent-header img{
        display: none;
    }
    #hxyw .conetent-header .header-instro{
        margin-left: 0;
        margin-top: 1em;
    }
    #hxyw .conetent-header .person-instro{
        position: relative;
        left: 0;
        top: 0;
        margin-bottom: 2em;
    }
    #hxyw .conetent-header .person-instro .instro,#hxyw .conetent-conetent{
        line-height: 1.8;
        font-size: 1.15em;
        text-indent: 2em;
        color: #666;
    }
    #hxyw .mobile-card-item,.home .businessportfolio .mobile-card-item{
        width: 96%;
        margin-left: 2%;
        float: left;
    }
    #hxyw .mobile-card-item .mobile-card,.home .businessportfolio .mobile-card-item .mobile-card{
        border: 1px solid #EEEEEE;
        height: 33em;
    }
    #hxyw .mobile-card-item:nth-of-type(2) .mobile-card,
    .home .businessportfolio .mobile-card-item:nth-of-type(2) .mobile-card{
        border-left: 0px solid;
        border-right: 0px solid;
    }
    #hxyw .mobile-card-item .mobile-card-img,#hxyw .mobile-card-item .mobile-card-img img,
    .home .businessportfolio .mobile-card-item .mobile-card-img,.home .businessportfolio .mobile-card-item .mobile-card-img img{
        width: 100%;
        height: 20em;
    }
    #hxyw .mobile-card-item .mobile-card-row-content,
    .home .businessportfolio .mobile-card-item .mobile-card-row-content{
        text-align: center;
        font-size: 1.2em;
        font-weight: bold;
        line-height: 1.8;
        margin: 12px 0;
        height: 3.2em;
        color: #333333;
    }
    #hxyw .mobile-card-item .mobile-card-row-content2,
    .home .businessportfolio .mobile-card-item .mobile-card-row-content2{
        text-align: center;
        font-size: 1em;
        color: #666;
        line-height: 1.8;
    }
    
    #main #zlgl{
        padding: 4em 0;
    }
    #main #zlgl .container{
        padding: 0em 15px !important;
    }
    #main #zlgl .conetent-content{
        font-size: 1.15em;
    }
    #zlgl .od-Info{
        font-size: 1.2em;
    }
    #zlgl .card-item{
        width: 48%;
        height: 33em; 
    }
    #zlgl .card-item .card{
        height: 5em;
    }
    #zlgl .card-item .card-row{
        padding: 1em;
        height: 5em;
    }
    #zlgl .card-item .card-row .card-row-img{
        height: 2.7em;
    }
    #zlgl .card-item .card-row-content .card-title1{
        font-size: 1.25em;
        color: #333;
    }
    #zlgl .card-item .card-row-content .card-title2{
        font-size: 1.15em;
        line-height: 1.6; 
    }
    
    #xswl{
        padding: 0;
        padding-bottom: 4em;
    }
    #main #xswl .container{
        padding: 0 !important;
    }
    #main #xswl .row{
        display: block;
    }
    #main #xswl .content-left{
        margin-right: 0;
    }
    #main #xswl .content-left .row .item img{
        width: 3em;
    }
    #main #xswl .content-left .row .item .item-title{
        font-size: 1.15em;
        color: #333;
        line-height: 1.5;
        margin-left: 3.2em; 
    }
    #main #xswl .content-left .row .item{
        margin: 2em 0 0 1em;
    }
    #main #xswl .content-left .row .item .item-content{
        font-size: 1.3em;
        font-weight: bold;
        line-height: 1.6;
        margin-left: 2.9em;
    }
    #main #xswl .content-right{
        width: 65%;
    }
    #main #xswl .content-right img{
        height: auto;
    }
    #main #xswl .xswl-content{
        color: #666;
        font-size: 1.15em;
        line-height: 1.8;
        text-indent: 2em;
        margin: 1em 0 2em 0;
    }
    
    #features{
        padding: 0;
        padding-bottom: 4em;
    }
    #qyxx .conetent-title{
        margin-left: 0px;
    }
    #main #qyxx.row{
        margin: 0;
    }
    #main #qyxx p{
        font-size: 1.15em;
    }
    #main #qyxx .row{
        margin: 0;
    }
    #main #qyxx .col-lg-5{
        display: none;
    }
    #main #qyxx .col-lg-7{
        flex: 0 0 100%;
        max-width: 100%;
        padding:0px
    }
    #main #qyxx .col-lg-7 img{
        width: 60%;
        height: auto;
        margin: 0 0 1em 0em;
        margin-left: 15%;
    }
    #main #qyxx #pricing .container{
        padding-top: 1em !important;
    }
    #main #qyxx #pricing .pricing-content,#main #rczc .pricing-content,#main #pxhf .pricing-content{
        text-indent: 2em;
        line-height: 1.8;
        font-size: 1.15em;
        margin: 0 0 1em 0;
        color: #666;
    }
    #main #qyxx #pricing .pricing-content span,#main #rczc .pricing-content span,#main #pxhf .pricing-content span{
        color: #333;
        font-weight: bold;
    }
    #main #qyxx #pricing .row .col-lg-6:first-of-type{
        padding-right: 0.5em;
        padding-left: 0;
    }
    #main #qyxx #pricing .row .col-lg-6:last-of-type{
        padding-right: 0;
        padding-left: 0.5em;
    }
    #main #qyxx #pricing .card{
        height: 27em;
        margin: 0.833em 0;
        padding: 1.7em 0;
    }
    #main #qyxx #pricing .card .card-block p{
        margin: 1.2em 0.6em;
    }
    
    #main #hxll #features{
        padding: 0;
    }
    #main #hxll .row{
        display: block;
    }
    #hxll .col-lg-7,#hxll .col-lg-5,#hxll .col-lg-6,#hxll .col-6{
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        padding: 0px;
    }
    #main #hxll img{
        height: auto;
    }
    #hxll .conetent-title{
        position: relative;
        margin-top: 0em !important;
        margin-bottom: 2em !important;
    }
    #hxll .conetent-title span{
        position: absolute;
        margin-left: 10px;
    }
    #main #hxll .conetent-content{
        text-indent: 2em;
        margin: 1em 0;
        font-size: 1.15em;
    }
    #hxll .col-lg-7 img{
        display: none;
    }
    #main #hxll #pricing .row{
        display: flex;
    }
    #main #hxll  .col-lg-3{
        flex: 0 0 50%;
        max-width: 50%;
        padding: 1%;
    }
    #main #hxll #pricing .card{
        height: 30em;
    }
    #main #hxll #services .container,#main #hxll #pricing .container{
        padding: 0em 15px 2em 15px !important;
    }
    #main #rczc .pricing-content,#main #pxhf .pricing-content{
        text-indent: 0px;
    }
    #main #pxhf .pricing-content:nth-of-type(1){
        text-indent: 2em;
        margin: 0 0 2em 0;
    }
    #main .col-lg-12#zysy{
        padding: 0;
        padding-bottom: 4em;
    }
    #main .col-lg-12#zysy .why-us-img img{
        width: 100%;
    }
    #main #hxll .fullSlider .layout{
        height: 25em;
    }
    #hxll .page-content.mobile .fullSlider .sliderNav .prev, #hxll .page-content.mobile .fullSlider .sliderNav .next{
        top: 15em;
        left: 1em;
    }
    #hxll .page-content.mobile .fullSlider .sliderNav .next{
        right: 1em;
        left: auto;
    }
    #main #hxll #features .row{
        margin-bottom: 3em;
    }
    #main #hxll #features .container{
        padding: 4em 15px 0em 15px !important;
    }
    
    #whjs .conetent-title{
        margin-bottom: 1em;
    }
    #main #whjs .conetent-content{
        text-indent: 2em;
        font-size: 1.15em;
        line-height: 1.8;
    }
    #whjs .entries{
        width: calc(100%);
    }
    #whjs .entries .entry{
        width: calc(50% - 0.5em);
        padding: 0;
    }
    #whjs .entries .entry .title:before{
        right: -1.1em;
        z-index: 9;
    }
    #whjs .entries .entry:nth-child(2n){
        width: calc(50% - 1.5em);
    }
    #whjs .entries .entry:nth-child(2n) .title:before{
        left: 5.7em;
    }
    #whjs .entries .entry .body{
        background-color: #E6F3FE;
    }
    #whjs .entries .entry .body p{
        color: #666666;
    }
    #main #whjs .entries .title{
        color: #4276EF;
        font-size: 1.5em;
    }
    #whjs .page-content{
        min-height: 80em;
    }
    #whjs .row-item-title,#whjs .row.feature-item .item-content{
        font-size: 1.15em;
        line-height: 1.8;
    }
    #whjs .row2 .col-4{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #whjs .row2 .col-4 .member{
        margin: 1em 0;
    }
    #whjs .culture-content{
        position: relative;
        margin-bottom: 3em;
    }
    #main #whjs .culture-content .culture-content-content{
        margin-right:0;
    }
    #main #whjs .culture-content .conetent-content{
        text-indent: 0;
    }
    #main #whjs .culture-content .conetent-content div:nth-child(1){
        font-weight: bolder;
        color: #333;
    }
    #main #whjs .culture-content .culture-content-img{
        position:relative;;
        left: 0;
        top: 0;
        width: 100%;
    }
    #main #whjs .culture-content .culture-content-img .bg-img{
        width: 100%;
        height: 28em;
    }
    
    #main #whfc section{
        padding: 0;
    }
    #whfc #portfolio .section-header p{
        font-size: 1.15em;
        line-height: 1.8;
    }
    #whfc #portfolio .musicImg,#whfc .culturebook img{
        width: 100% !important;
    }
    #main #whfc .col-lg-6{
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }
    #main #whfc .row .col-lg-6,#main #whfc .col-lg-3{
        flex: 0 0 50%;
        max-width: 50%;
        padding:0 0.25em 0.5em 0.25em;
    }
    #main #whfc .row .culture-row-content{
        line-height: 1;
    }
    
    #whys #portfolio{
        padding: 0;
        padding-bottom: 4em;
    }
    #whys .section-header{
        position: relative;
    }
    #whys .section-header>div{
        width: 100% !important;
        height: 20em !important;
    }
    #whys .cool-play .cool-title{
        opacity: 1;
    }
    #whys .movie-list{
        position: relative;
        right: 0px;
        width: 100%;
        top: 0px;
        height: 22em;
        overflow-y: auto;
    }
    #whys .movie-list .list-row{
        position: relative;
        height: 7em;
    }
    #whys .movie-list .list-row .list-row-left{
        width: 11.25em;
        height: 100%;
        padding: 5px;
    }
    #whys .movie-list .list-row .list-row-right{
        position: absolute;
        right: 0;
        left: 12em;
        top: 1em;
        line-height: 2;
    }
    
    #main #xcfl .row{
        display: block;
    }
    #main #xcfl .row .col-lg-4{
        display: block;
        position: relative;
        padding: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #main #xcfl .row1 .col-lg-4 .why-img{
        position: absolute;
         width: 120px;
        bottom: 0px;
        top: 6px;
        margin-bottom: 0;
    }
    #main #xcfl .row1 .col-lg-4 .why-img .img-fluid{
        height: 100%;
    }
    #main #xcfl .row1 .col-lg-4 h4{
        margin-left: 132px;
        font-size: 1.3em;
        font-weight: bold !important;
        line-height: 1.8;
        margin-bottom: 0;
    }
    #main #xcfl .row1 .col-lg-4 .description{
        margin-left: 132px;
        font-size: 1.15em;
        line-height: 1.6;
    }
    #xcfl .container:nth-of-type(2){
        padding: 0 15px 1em 15px !important;
    }
    #xcfl .conetent-title{
        font-size: 1.333em;
        margin: 0px 0 1.666em 0;
    }
    #main #xcfl .row2 .col-lg-4{
        float: left;
        margin-right: 3%;
        width: 47%;
    }
    #main #xcfl .row2 .col-lg-4 h4{
        font-size: 1.3em;
        font-weight: bold !important;
        line-height: 1.8;
        text-align: center;
    }
    #main #xcfl .row2 .col-lg-4 .description{
        font-size: 1.15em;
        line-height: 1.6;
        text-indent: 2em;
    }
    
    #contact .service-inner .service-list{
        margin-bottom: 2em;
    }
    #contact .service-inner .service-list li{
        width: 50%;
        margin: 0;
        margin-bottom: 3em;
    }
    #contact .service-inner{
        margin-top: 0;
    }
    #contact .service-inner .service-list li i{
        background-size: contain;
        width: 70px;
        height: 70px;
    }
    #contact .service-inner .service-list li p{
        line-height: 1.6;
        font-size: 1.2em;
    }
    #contact .service-inner .service-list li h2{
        line-height: 1.8;
        font-size: 1.3em;
        padding-top: 0;
        font-weight: bolder;
    }
    #contact .map-inner .bd-map{
        height: 20em;
    }
}
@media only screen and (min-width: 310px) and (max-width: 359px){
    #zlgl .card-item{
        min-height: 115vw;
    }
    #hxyw .mobile-card-item .mobile-card, .home .businessportfolio .mobile-card-item .mobile-card{
        min-height: 40em;;
    }
    #main #hxll #pricing .card{
        min-height: 34em;
    }
    #whjs .page-content{
        min-height: 98em;
    }
    #main #groupLeader .conetent-header-child .header-instro{
        height: 14.5em;
    }
    #logisticsOverview .card-item{
        height: 16em;
    }
}