body{background:#f2f2f2;}
body{font-family:"Helvetica Neue",Helvetica,"微软雅黑",Arial,sans-serif;}
.header,.phone_header{background:#fff;}
.bra{/*border-radius:4px;*/background:#fff;}
.news_label p{display:inline-block;_display:inline;*zoom:1;}
.mb18{margin-bottom:18px;}
.news_pcon img,.news_side img{width:100%;}
.team_bg{background-size:cover !important;}
.news_bg{margin-top:20px;}
.news_con{padding-top:10px;padding-bottom:6%;}
.news_main{width:76.5%;position:relative;z-index:12;}
.news_side{width:21.8%;position:relative;z-index:10;}
.news_tit{padding:2%;}
.news_tit h3{font-size:26px;padding-bottom:2%;font-weight:bold;}
.news_tit > p,.news_label p,.news_label a{font-size:14px;color:#bbb;line-height:26px;}
.news_label a img{padding-right:5px;}
.news_label{padding-top:0.7%;}
.news_label i{margin:0 10px 0 8px;}
.news_label .fl p:first-child i{display:none;}
.news_visit{cursor:default;}
.news_visit img{width:18px;height:18px;display:inline-block;vertical-align:top;margin-top:4px;margin-right:8px;}
.news_pre{padding:3.5% 3.5%;}
.news_pre p{font-size:16px;color:#666;line-height:30px;}
.news_pcon{height:1500px;background:#fff;padding:4% 5.5%;}
.news_pcon p{font-size:18px;color:#666;line-height:38px;margin:0.63em 0 1.8em;}
.news_pcon img{padding:2.5% 0;}
.news_more{position:relative;background:#fff;}
.news_more:before{content:"";display:block;width:100%;height:260px;position:absolute;bottom:36px;background:-webkit-gradient(linear, 0% 0%, 0% 82%, from(rgba(255, 255, 255, 0)), to(white));}
.news_more a{width:116px;height:34px;cursor:pointer;margin:0 auto;overflow:hidden;display:block;border:1px solid #bbb;font-size:14px;color:#666;line-height:34px;text-align:center;border-radius:97px;}
.news_more a:hover{border-color:#000;color:#000;}
.news_fo{border-top:1px solid #e4e4e4;text-align:right;margin-top:5.5%;padding:2.2% 2% 1.8%;}
.news_fo a{overflow:hidden;display:inline-block;padding:0 15px;}
.news_fo a img{margin-right:3px;}
.news_report{opacity:0;display:none\9;font-size:14px;color:#bbb;line-height:34px;}
.news_report:hover{color:#bbb;}
.news_share{font-size:14px;color:#666;line-height:32px;border:1px solid #bbb;border-radius:32px;}
.news_share:hover{color:#666;}
.news_fo:hover .news_report{opacity:1;display:block\9;}
.news_report{transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;}
.bdsharebuttonbox{display:inline-block;}
.bdsharebuttonbox a{transition:all 0s linear }
.bds_more{margin:0 !important;background-image:none !important;line-height:32px !important;height:32px !important;}
.bdshare-button-style0-16:after{content:" " !important;clear:right !important;}
.news_scon{padding:5% 5% 7.5%;}
.news_scon h3{font-size:16px;color:#333;}
.news_scon p{font-size:13px;color:#a1a1a1;line-height:28px;padding:7% 0 1.5%;text-align:center;}
.news_scon p span{display:inline-block;vertical-align:top;}
.news_scon p.fres{font-size:17px;color:red;text-align:center;font-weight:600;padding:2px 0 7.5%;}
.news_slabel{margin-left:-9px;}
.news_slabel a{font-size:12px;color:#666;line-height:26px;padding:0 14px;margin-left:9px;margin-top:15px;border-radius:20px;background:#f2f2f2;display:inline-block;_display:inline;*zoom:1;}
.news_slist{margin-top:18px;}
.news_slist a{overflow:hidden;display:block;font-size:14px;color:#666;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_stit{padding:4%;}
.news_slist a:hover{color:#e81320;}
.news_fstyle{width:1440px;position:fixed;top:0;left:50%;margin-left:-720px; margin-top:110px;}
.news_fstyle > div{width:21.8%;float:right;background:#f2f2f2;}
@media screen and (max-width:1200px){.news_fstyle{width:100%;left:0;margin-left:0;padding:0 20px;box-sizing:border-box;}}
@media screen and (max-width:758px){.news_main,.news_side{width:100%;}
.news_tit h3{font-size:20px;}
.news_tit,.news_pcon{padding-left:4%;padding-right:4%;}
.news_label i{margin:0 7px 0 4px;}
.news_pcon{height:800px;}
.news_pcon p{line-height:30px;}
.news_more a{width:100px;height:32px;line-height:32px;}
.news_more:before{height:130px;bottom:34px;}
.news_side{margin-top:18px;}
.news_report{opacity:1;display:block;}
.bdshare_popup_box{display:none !important;}
.news_slabel a{height:28px;line-height:28px;border-radius:14px;}
.news_slist a{font-size:16px;}
}
.weui-cell{align-items:center;display:flex;padding:10px 15px;}
.newslist{padding:.45rem 0;margin-bottom:5.5rem;}
.newslist .weui-cell{margin:1.15rem 0;padding:0;background:#fff;}
.newslist .weui-cell__bd{padding:.2rem 1.823vw 0;color:#ababab;font-size:14px;}
.newslist .weui-cell__ft img{width:15.313vw;height:10.157vw;}
.newslist h6{font-size:22px;color:#222;margin-bottom:10px;margin-top:10px;}
.newslist p{margin-bottom:.15rem;font-size:16px;line-height:24px;height:48px;}
.newslist .date{padding-top:.15rem;border-top:1px solid #eaeaea;}
.news-details{border-top:1px solid #e0e0e0;color:#202020;}
.news-details img{margin:0 auto;}
.news-title{padding-top:2.5vw;padding-bottom:3.3vw;}
.news-title h1{font-size:2vw;}
.news-title p{font-size:0.94vw;}
.newslist p{font-size:16px;height:48px;line-height:24px;margin-bottom:0.15rem;}
.news-article{padding-bottom:5.8vw;font-size:16px;line-height:26px;}
.news-link a{line-height:4vw;background:#efefef;font-size:16px;color:#404040;}
.news-link a:last-child{background:#f30100;color:#fff;}
.newslist .date{padding-top:.95rem;border-top:1px solid #eaeaea;}
.row{margin-left:-15px;margin-right:-15px;}
.trans-3{transition:all 0.35s linear 0s;}
.fadeInUp{animation-name:fadeInUp;}
.animated{animation-duration:1s;animation-fill-mode:both;}
.ovh{ overflow:hidden;display:block;}
.news_nex{width:95%;margin:0 auto;overflow:hidden;border-top:1px solid #dedede;margin-top:10px;}
.news_nex dd{width:49.9%;float:left;font-size:16px;height:50px;line-height:50px;font-weight:600;}
.news_nex dd a{color:#554f40;font-weight:normal;}
.news_nex dd a:hover{color:#f00;}
.news_nex dd span{line-height:35px;padding:0 8px;display:inline-block;font-size:14px;margin-top:8px;float:left;margin-right:8px;background-color:#f5f5f5;border-radius:20px;}
.team_bg{ background-size:cover !important;}
.team_info{ margin-top:-81px;text-align:center;}
.team_pic{width:170px;height:170px;margin:0 auto;/*border:3px solid #fff;*/border-radius:100px;box-shadow:0px 2px 2px rgba(0,0,0,0.25); margin-top:-80px;}
.team_pic img{ width:100%;}
.team_info h3{font-size:24px;color:#333333;line-height:32px;padding-top:1.2%;font-weight:bold;}
.team_info h4{padding-bottom:1.4%;font-size:14px;color:#c9c9c9;line-height:37px;}
.team_more{ text-align:center;height:42px;}
.team_more a{width:100px;height:34px;margin:4px 5px 0;display:inline-block;*zoom:1;vertical-align:top;background-color:red;border:1px solid red;font-size:16px;font-weight:600;color:#fff;line-height:33px;text-align:center;border-radius:17px;}
.team_more a.team_co{ background:#f33;border-color:#f33;color:#fff;}
.team_more a:hover{ margin-top:0;margin-bottom:4px;}

.mbxdglop{margin:0 auto;margin-top:20px;}
@-webkit-keyframes fadeInUp{
  0%{
    opacity:0;-webkit-transform:translateY(150px);transform:translateY(150px);}

  100%{
    opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}

@keyframes fadeInUp{
  0%{opacity:0;-webkit-transform:translateY(150px);-ms-transform:translateY(150px);transform:translateY(150px);}

  100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}

.fadeInUp{
  -webkit-animation-name:fadeInUp;animation-name:fadeInUp;}

@font-face{
  font-family: "Trump";
  src: url("fonts/TrumpGothicEast_bold.woff") format("woff"),
       url("fonts/TrumpGothicEast_bold.ttf") format("truetype"),
       url("fonts/TrumpGothicEast_bold.eot") format("embedded-opentype"),
       url("fonts/TrumpGothicEast_bold.svg") format("svg");

}
.ff-lum{ font-family:"Trump" !important; font-style:normal !important;letter-spacing:1px}

  /* contact */
.contact-wrap .subnav, .recruit-wrap .subnav{margin-bottom:.45rem;}
.contact{margin-bottom:.22rem;background:#fff;font-size:18px;line-height:36px;color:#848484;overflow:hidden; width:100%; margin-left:0; margin-right:0;}
.contact .weui-cell{margin-bottom:.6rem;padding:.25rem 0;font-size:34px;line-height:50px;color:#2d2d2d;border-bottom:1px solid #e0e0e0;}
.contact .weui-cell__hd img{margin-right:12px;}
.contact span.inline-block{display:inline-block;margin-right:3vw;}
.contact .ff-lum{display:inline-block;margin-top:.08rem;line-height:.4rem;font-style:italic;}
.contact i{display:block;margin-top:2.4vw;margin-bottom:2vw;width:14px;height:4px;background:red;font-weight:bold;color:#2d2d2d;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.contact .map{height:450px;}
.contact .map img{display:inline;max-width:none;}
.anchorBL{display:none;}
.contact .ff-lum.color1{color:red;font-size:36px; line-height:50px;}
.contact .cta_ce{ margin:0 0px;}
.contact .mapfr{ width:600px; height:480px; float:right;}
@media (max-width:1366px){.contact span.inline-block{margin-right:2vw;}}
@media (max-width:1199px){
.contact{font-size:14px;line-height:22px;}
.contact .map{margin-top:.3rem;}
}

/*解决方案*/
.solutions_banner{ overflow:hidden;position: relative;background-position:center center;background-repeat:no-repeat;background-size:cover;/*background-attachment:fixed;*/ }
.solutions_banner img{ display:block;width:100%;opacity:0;filter:Alpha(opacity=0);}
.solutions_banner .pose{ position:absolute;bottom:0;height:50px;line-height:50px;background:rgba(0,0,0,0.3);width:100%;color:#999;font-size:16px;}
.solutions_banner .pose .gy2{ text-align:right;}
.solutions_banner .pose .imgs{ display:inline-block;width:20px;vertical-align:sub;margin-right:8px;opacity:1.0;filter:Alpha(opacity=100);}
.solutions_banner .pose a{color:#999;font-size:16px;}
.solutions_banner .pose a:hover{ color:#fff;}
.solutions_banner .pose label{ color:#fff;font-size:16px;}

.solutions_banner .txts{width: 1440px;position: absolute;top: 50%;left: 50%;z-index: 2;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}
.solutions_banner .txts h1{ font-weight:normal;margin-bottom:2%;padding-bottom:2%;font-family:"华文细黑";background:url(../images/bgs3.png) left bottom no-repeat;font-size:48px;color:#fff;}
.solutions_banner .txts p{ color:#fff;font-family:"华文细黑";font-size:24px;}
.solutions_banner .txts .website_bnt{ clear:both;display:block;width:210px;height:48px;line-height:48px;border-radius:30px;background:url(../images/website_bg1.png) 139px center #fff  no-repeat;text-indent:51px;font-size:16px;color:#3d4ed2;margin-top:34px;transition:all 0.3s;}
.solutions_banner .txts .website_bnt:hover{ margin-left:5px;background-position:143px center;}
.contactPage .intention .title,.contactPage .intention .left,.contactPage .intention .right,.contactPage .contact .map,.contactPage .contact .list,.contactPage .traffic .title,.contactPage .traffic .list,.paymentPage .title,.paymentPage .list,.jobPage .columnTitle,.jobPage .team .tab,.jobPage .team .tabBox,.jobPage .culture .content,.jobPage .recruitment .list,.developmentPage .list,.developmentPage .columnTitle,.aboutPage .qualification .columnTitle,.aboutPage .qualification .picScroll-left,.aboutPage .service .columnTitle,.aboutPage .service .tab,.aboutPage .service .tabBox,.aboutPage .business .list,.aboutPage .business .pic,.aboutPage .scheme .wrap{position: relative;top: 150px;opacity: 0;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;-ms-transition: 0.8s;-o-transition: 0.8s;}


 

/*1100分辨率（大于960px，小于1199px)
880分辨率（大于768px，小于959px）
720分辨率（大于480px，小于767px）
440分辨率以下（小于479px）*/

.mbxdglop{ margin:auto; line-height:35px;}

@media screen and (min-width:1920px){
	div.ovh.team_con .team_bg,.solutions_banner{ max-height:500px;}
	div.ovh.team_con .team_bg{ height:500px;}
	.solutions_banner,div.ovh.team_con .team_bg{margin-top:96px;}
	.mbxdglop{ width:1400px;}
}

@media screen and (min-width:1600px)and (max-width: 1919px){
	div.ovh.team_con .team_bg,.solutions_banner{ max-height:500px;}
	div.ovh.team_con .team_bg{ height:400px;}
	.solutions_banner,div.ovh.team_con .team_bg{margin-top:96px;}
	.mbxdglop{ width:1400px;}
}
@media screen and (min-width:1200px)and (max-width: 1599px){
	div.ovh.team_con .team_bg,.solutions_banner{ max-height:500px;}
	div.ovh.team_con .team_bg{ height:330px;}
	.solutions_banner,div.ovh.team_con .team_bg{margin-top:96px;}
	.mbxdglop{ width:1200px;}
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
	.news_nex dd,.mbxdglop{width:100%;}
	.solutions_banner,div.ovh.team_con .team_bg{margin-top:71px;}
	div.ovh.team_con .team_bg{height:235px;}
	.mbxdglop{ width:1100px;}	
}

@media screen and (min-width: 768px) and (max-width: 959px) {
	.news_nex dd,.mbxdglop{width:100%;}
	.solutions_banner,div.ovh.team_con .team_bg{margin-top:71px;}
	div.ovh.team_con .team_bg{height:190px;}
	.mbxdglop{ width:100%;}
}

@media only screen and (min-width: 639px) and (max-width: 767px){
	.news_nex dd,.mbxdglop{width:100%;}
	.solutions_banner,div.ovh.team_con .team_bg{margin-top:71px;}
	div.ovh.team_con .team_bg{height:170px;}
	.mbxdglop{ width:100%;}
}

@media only screen and (max-width: 639px) {
	.news_nex dd,.mbxdglop{width:100%;}
	.solutions_banner,div.ovh.team_con .team_bg{margin-top:50px;}
	div.ovh.team_con .team_bg{height:120px;}
	.mbxdglop{ width:100%;}
}

.columnBanner{position: relative;}
.columnBanner img{width: 100%;display: block;}
.columnBanner .text{width: 1440px;position: absolute;top: 50%;left: 50%;z-index: 2;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}
@media only screen and (max-width: 1440px){
.columnBanner .text{width: 1200px;}
}
.columnBanner .tit{line-height: 66px;font-size: 60px;color: #fff;font-weight: normal;}
.columnBanner .line{width: 60px;height: 5px;background: #fff;margin-top: 28px;}
.columnBanner .txt{line-height: 40px;font-size: 36px;color: #ffffff;margin-top: 56px;}
.aboutPage .scheme{background: #f5f5f5;padding: 92px .86em;}
.aboutPage .scheme:after{content:"";height:0;display:block;clear:both}
.aboutPage .scheme .left{width: 50%;float: left;padding-right: 100px;box-sizing: border-box;}
.aboutPage .scheme .txt1{line-height: 30px;font-size: 24px;color: #666666;}
.aboutPage .scheme .txt2{line-height: 60px;font-size: 48px;color: #000;margin-top: 30px;}
.aboutPage .scheme .btn{width: 220px;height: 50px;line-height: 50px;text-align: center;background: url(../images/scheme_btn.png) no-repeat right 44px center red;display: block;font-size: 20px;color: #fff;text-indent: 44px;text-align: left;margin-top: 120px;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;}
.aboutPage .scheme .btn:hover{background-color: #F57426;background-position: right 32px center;}
.aboutPage .scheme .text{width: 50%;float: right;line-height: 36px;font-size: 18px;color: #666666;text-align: justify;}
.aboutPage .scheme .text p{font-size: 18px;color: #666666;margin: 0.63em 0 1.8em;}
.aboutPage .business{padding: 100px 0;}
.aboutPage .business .pic{position: relative;overflow:hidden;}
.aboutPage .business .pic img{width: 100%;display: block;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 

0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}
.aboutPage .business .pic:hover img{-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);}
.aboutPage .business .pic .filter{width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;z-index: 3;background: url(../images/aboutPage_business_filter.png) repeat-x;background-size: auto 100%;}
.aboutPage .business .pic .text{position: absolute;bottom: 22px;left: 0;z-index: 5;padding: 0 40px;box-sizing: border-box;}
.aboutPage .business .pic .txt1{line-height: 40px;font-size: 36px;color: #fff;margin-bottom: 22px;}
.aboutPage .business .pic .txt2{line-height: 30px;font-size: 20px;color: #fff;}
.aboutPage .business .list{border-left: solid 1px #eaeaea;border-top: solid 1px #eaeaea;box-sizing: border-box;}
.aboutPage .business .list:after{content:"";height:0;display:block;clear:both}
.aboutPage .business li{width: 50%;float: left;border-right: solid 1px #eaeaea;border-bottom: solid 1px #eaeaea;box-sizing: border-box;padding: 60px 58px;height: 340px;}
.aboutPage .business li:nth-child(1),.aboutPage .business li:nth-child(4){background: #f5f5f5;}
.aboutPage .business li .icon{height: 84px;}
.aboutPage .business li .icon img{height: 100%;}
.aboutPage .business li .tit{line-height: 30px;font-size: 24px;color: #000;margin-top: 40px;}
.aboutPage .business li .txt{line-height: 30px;font-size: 18px;color: #666666;margin-top: 12px;}
.aboutPage .service{background: #f5f5f5;padding: 96px 0 100px 0;padding-bottom:0;}
.columnTitle{text-align: center;margin-bottom: 58px;line-height: 40px;font-size: 36px;color: #000;}
.columnTitle .tit{line-height: 40px;font-size: 36px;color: #000;}
.columnTitle .txt{line-height: 30px;font-size: 20px;color: #666666;margin-top: 14px;}
.aboutPage .qualification{padding: 100px 0;background: url(../images/aboutPage_qualification_bg.jpg) no-repeat center 0;}
.aboutPage .qualification .columnTitle .tit,
.aboutPage .qualification .columnTitle .txt{color: #fff;}
.aboutPage .qualification .picScroll-left{width: 100%;overflow: hidden;position: relative;}
.aboutPage .qualification .picScroll-left .bd ul{overflow: hidden;zoom: 1;}
.aboutPage .qualification .picScroll-left .bd li{width: 330px;height: 400px;float: left;_display: inline;overflow: hidden;text-align: center;margin-right: 40px;}
.aboutPage .qualification .picScroll-left .bd li img{max-width: 100%; max-height:400px;}
.aboutPage .qualification .picScroll-left .prev,.aboutPage .qualification .picScroll-left .next{width: 52px;height: 52px;display: block;cursor: pointer;position: absolute;left: -52px;top: 50%;margin-top: -25px;z-index: 5;background: url(../images/qualification_prev1.png) no-repeat 0 0;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;opacity: 0;}
.aboutPage .qualification .picScroll-left .prev:hover{background-image: url(../images/qualification_prev2.png);}
.aboutPage .qualification .picScroll-left .next{left: auto;right: -52px;background-image: url(../images/qualification_next1.png);}
.aboutPage .qualification .picScroll-left .next:hover{background-image: url(../images/qualification_next2.png);}
.aboutPage .qualification .picScroll-left:hover .prev{left: 20px;opacity: 1;}
.aboutPage .qualification .picScroll-left:hover .next{right: 20px;opacity: 1;}

@media (max-width:639px){
.aboutPage .scheme .left{width: 100%;float: none;padding-right:0;}
.aboutPage .scheme .text{width: 100%;float: none;}
.aboutPage .scheme .text p{font-size: .86em;color: #666666;margin: 0.63em 0 1.8em;}
.aboutPage .business li{width: 100%;float: left;}
.aboutPage .scheme{background: #f5f5f5; padding: 0.63em 0;}
.aboutPage .scheme .txt1{line-height:1.98em;font-size:1.63em;}
.aboutPage .scheme .txt2{line-height:1.98em;font-size:2.63em;}
.aboutPage .scheme .btn{margin-top:1.98em;}
.aboutPage .business .pic .text{position: relative;padding: 0 1.75em;}
.aboutPage .business .pic .txt1{line-height: 2em;font-size:1.63em;color: #fff;margin-bottom:.63em;}
.aboutPage .business .pic .txt2{line-height: 1.75em;font-size:.63em;color: #fff;}
.aboutPage .business{padding: .63em 0;}
.aboutPage .qualification{ display:none;}
.mbxdglop{width:95%;margin:auto 2.5%;margin-top:20px;}
.ovh.fr.news_side{ display:none;}
}
@media (min-width:640px) and (max-width:991px){
.aboutPage .scheme .left{width: 100%;float: none;padding-right:0;}
.aboutPage .scheme .text{width: 100%;float: none;}
.aboutPage .scheme .text p{font-size: .86rem;color: #666666;margin: 0.63em 0 1.8em;}
.aboutPage .business li{width: 100%;float: left;}
.aboutPage .scheme{background: #f5f5f5; padding: 0.63em 0;}
.aboutPage .scheme .txt1{line-height:1.98rem;font-size:1.63em;}
.aboutPage .scheme .txt2{line-height:1.98rem;font-size:2.63em;}
.aboutPage .scheme .btn{margin-top:1.98rem;}
.aboutPage .business .pic .text{position: relative;padding: 0 1.75em;}
.aboutPage .business .pic .txt1{line-height: 2em;font-size:1.63em;color: #fff;margin-bottom:.63em;}
.aboutPage .business .pic .txt2{line-height: 1.75em;font-size:.63em;color: #fff;}
.aboutPage .business{padding: .63em 0;}
.aboutPage .qualification{ display:none;}
.ovh.fr.news_side{ display:none;}
}

@media only screen and (max-width: 1440px){
	.aboutPage .qualification .picScroll-left .bd li{margin-right: 20px;width: 285px;height: 345px;}
}

.header{position:fixed;z-index:100;top:0;left:0;right:0;-webkit-transform:translateZ(0);transform:translateZ(0);}
.header::before{position:absolute;display:block;content:"";left:0;top:0;width:100%;height:100%;background:#fff;opacity:0;border-bottom:1px solid #dbdbdb;-webkit-transition:all .4s cubic-bezier(0, 0.38, 0.42, 1);transition:all .4s cubic-bezier(0, 0.38, 0.42, 1);}
.header.show{padding:10px 0;}
.header.show::before{opacity:1;}
.navbar-default .navbar-toggle .icon-bar{background-color:#2d2d2d;}
.navbar-toggle{margin-right:-10px;border:0;background:none;}
.navbar-toggle[aria-expanded="true"] .icon-bar:nth-of-type(2){-webkit-transform:matrix(1,0,0,1,0,6) rotate(45deg);transform:matrix(1,0,0,1,0,6) rotate(45deg);}
.navbar-toggle[aria-expanded="true"] .icon-bar:nth-of-type(4){-webkit-transform:matrix(1,0,0,1,0,-6) rotate(-45deg);transform:matrix(1,0,0,1,0,-6) rotate(-45deg);}
.navbar-toggle[aria-expanded="true"] .icon-bar:nth-of-type(3){width:0;}
.navbar-default{background:none;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:none;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color:#747474;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background:none;color:#ff0700;}
.navbar-default .navbar-nav>li>a{font-size:16px;font-weight:bold;text-align:center;color:#333333}
.navbar-nav>li.on >a{color:#ff0000;}
.logo{left:0;top:50%;display:block;margin-top:-25px;width:158px;height:50px;background:no-repeat center center;background-size:100%;}
.hotline{right:0;top:50%;line-height:50px;height:50px;margin-top:-25px;padding-left:25px;font-size:20px;color:#303030;background-image:url(../images/huudon_hotline.png);background-position:left center;background-repeat:no-repeat;background-size:15px;}
@media (max-width:991px){
.links{display:none}
.header{background:#fff;border-bottom:1px solid #dbdbdb;}
.header.show::before{display:none;}
.main{padding-top:70px;}
.hotline{right:50px;}
.navbar-collapse{position:absolute;margin-left:-15px;margin-right:-15px;background:#fff;}
.nav>li::before{position:absolute;display:block;content:"";left:12px;right:12px;height:1px;background:#efefef;}
.nav>li:first-child::before{display:none;}
/* .nav>li >a::after{position:absolute;display:block;content:"";right:15px;top:50%;margin-top:-4px;width:8px;height:8px;border-top:1px solid #2d2d2d;border-right:1px solid #2d2d2d;-webkit-transform:rotate(45deg);transform:rotate(45deg);} */
}
@media (max-width:639px){
.navbar-nav>li>a{padding-top:13px;padding-bottom:13px;}
.main{padding-top:20px;}
.logo{width:120px;height:30px;margin-top:-15px;}
.hotline{right:40px;}
.navbar-collapse{left:0;right:0;}
}
@media (min-width:640px) and (max-width:991px){
.header{padding:10px 0;}
.navbar-collapse{left:-7.593%;right:-7.593%;}
.navbar-nav{padding:0 7.593%;}
}
@media (min-width:992px){
.header{padding:10px 0;}
.navbar-nav{float:none;text-align:center;}
.navbar-nav>li{display:inline-block;}
.navbar-default .navbar-nav>li, .logo, .hotline{-webkit-animation:fadeInDown 1s;animation:fadeInDown 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.navbar-default .navbar-nav>li:nth-of-type(1){-webkit-animation-delay:.2s;animation-delay:.2s;}
.navbar-default .navbar-nav>li:nth-of-type(2){-webkit-animation-delay:.24s;animation-delay:.24s;}
.navbar-default .navbar-nav>li:nth-of-type(3){-webkit-animation-delay:.28s;animation-delay:.28s;}
.navbar-default .navbar-nav>li:nth-of-type(4){-webkit-animation-delay:.32s;animation-delay:.32s;}
.navbar-default .navbar-nav>li:nth-of-type(5){-webkit-animation-delay:.36s;animation-delay:.36s;}
.navbar-default .navbar-nav>li:nth-of-type(6){-webkit-animation-delay:.4s;animation-delay:.4s;}
.hotline{-webkit-animation-delay:.44s;animation-delay:.44s;}
}
@media (min-width:992px)  and (max-width:1199px){
.navbar-nav>li>a{padding-left:10px;padding-right:10px;}
}
@media (min-width:1200px){
.header{padding:22px 0;}
.navbar-nav>li>a:hover, .language a:hover{color:#ff0000 !important;}
.hotline{font-size:22px;}
.hotline img{margin-right:14px;}
}
.trans-3{-webkit-transition:all 0.35s linear;transition:all 0.35s linear;}
.pr{position: relative;}
.noborder{border: 0 !important;}
.wrap{width: 1440px;margin: 0 auto;}
.wrap:after{content:"";height:0;display:block;clear:both}
@media (max-width:639px){
.wrap{width: 100%; padding:0 1.5%;}
.aboutPage .business li:nth-child(1),.aboutPage .business li:nth-child(3){background: #f5f5f5;}
.aboutPage .business li:nth-child(4){background: #fff;}
.container{margin:0 2%;}
}
@media (min-width:640px) and (max-width:991px){
.wrap{width: 100%; padding:0 1.5%;}
.aboutPage .business li:nth-child(1),.aboutPage .business li:nth-child(3){background: #f5f5f5;}
.aboutPage .business li:nth-child(4){background: #fff;}
.container{margin:0 2%;}
}