.h10 { height: 10px; clear: both; }
.h20 { height: 20px; clear: both; }
.h30 { height: 30px; clear: both; }
.h40 { height: 40px; clear: both; }
.h50 { height: 50px; clear: both; }
.full-width { width: 100%; }

.nav-container { border-top: 1px solid #e96100; border-bottom: 3px solid #e96100; background-color: #ff7a1b; filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#ff7a1b, endColorStr=#e96100); /*IE 6 7 8*/
background: -ms-linear-gradient(top, #ff7a1b, #e96100); /* IE 10 */ background: -moz-linear-gradient(top, #ff7a1b, #e96100);/*»ðºü*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff7a1b), to(#e96100));/*¹È¸è*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff7a1b), to(#e96100)); /* Safari 4-5, Chrome 1-9*/ background: -webkit-linear-gradient(top, #ff7a1b, #e96100);   /*Safari5.1 Chrome 10+*/ background: -o-linear-gradient(top, #ff7a1b, #e96100);  /*Opera 11.10+*/   z-index:8;}
.top-bar-section a { font-weight: 700!important; font-family: "Microsoft Yahei";}
.top-bar-section .dropdown li a { border-top: 1px solid #c69e88; border-bottom: 1px solid #e96100; font-weight: normal; font-size:0.85rem;  }

.orbit-caption h1 { font-size: 3em; font-family: "Microsoft Yahei"; }
.orbit-caption h2 { font-size: 2em; font-family: "Microsoft Yahei"; }
.orbit-caption h1, .orbit-caption h2 { color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,0.8); font-family: "Microsoft Yahei"; font-weight: bold; }
.orbit-caption h3, .orbit-caption h4 { overflow: hidden; margin-bottom: 25px; text-shadow: 0 1px 2px rgba(0,0,0,0.5); font-family: "Microsoft Yahei"; }
.orbit-caption h3 > span, .orbit-caption h4 > span { display: block; padding: 5px 8px 5px 30px; float: left; clear: both; color: #fff; background: rgba(0,0,0,0.65); }
.orbit-caption p { width: 50%; margin-bottom: 25px; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,0.5); font-size: 12px; }
.orbit-caption p.highlight { padding: 20px; color: #fff; background: rgba(59,145,26,0.28); font-szie: 14px; }
@media only screen and (max-width: 40em) {
.orbit-container .orbit-slides-container > * .orbit-caption { bottom: 5%; }
.orbit-caption h1 { text-align: center; font-size: 2em; }
.orbit-caption p { display: none; }
}
/*header*/
header{ padding:10px 0; background: url(../webimages/body_bg.jpg); border-top:2px solid #ff7a1b;}
header .phone { margin: 20px 0; text-align: right; color: #f28102; float: right; }
header .phone a{color: #f28102;}
header .phone i{border-radius:50px;}
@media only screen and (max-width: 40em) {
header{ background:none;}
header h1 { text-align: center; }
header .phone { margin: 0 auto 20px auto; text-align: center; color: #f28102; float: none; }
.moban-index header{ position: relative;}
}
/*footer*/
footer { padding: 20px 0; border-top: 1px solid #dddddd;  border-bottom:10px solid #ff7a1b;background: url(../webimages/body_bg.jpg); }
@media only screen and (max-width: 40em) {
footer p,footer p.right{  text-align: center; float: none !important; }
}

.moban-index{background:url(../webimages/bg.jpg) center top no-repeat #f2f9ff;}

.swiper-container { width: 100%; height:100%; margin: 0 auto; }
.scroll-btn { position: absolute; font-size: 10px; color: #fff; text-align: center; text-transform: uppercase; bottom: 30px; left: 50%; margin-left: -30px; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; width: 60px; height: 40px; background: url('http://www.lf-cg.com/webimages/arrow-down.png') no-repeat center bottom; background-size: 30px 16px; z-index: 3900; opacity: .8; }
.scroll-btn { -webkit-animation: arrows 3.8s infinite; -webkit-animation-delay: 1s; animation: arrows 3.8s infinite; animation-delay: 1s; }
@keyframes arrows { 0% {bottom:30px;} 10% {bottom:40px;} 20% {bottom:30px;} 30% {bottom:40px;} 40% {bottom:20px;} 50% {bottom:40px;} 60% {bottom:30px;} 70% {bottom:40px;} 80% {bottom:20px;} 90% {bottom:40px;} 100% {bottom:30px;}}
@-webkit-keyframes arrows { 0% {bottom:30px;} 10% {bottom:40px;} 20% {bottom:30px;} 30% {bottom:40px;} 40% {bottom:20px;} 50% {bottom:40px;} 60% {bottom:30px;} 70% {bottom:40px;} 80% {bottom:20px;} 90% {bottom:40px;} 100% {bottom:30px;}}
@media only screen and (max-width: 40em) {
.swiper-container { width: 100%; height:300px; margin: 0 auto; }
}
.swiper-slide { text-align: center; font-size: 18px; background-color: #fff; background-position: center center; background-size:cover; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
h4.lm-title { border-bottom: 1px solid #eeeeee; overflow: hidden; }
h4.lm-title span.tit { padding: 10px 0; display: inline-block; border-bottom: 3px solid #6fb056; font-family: "Microsoft Yahei"; font-size: 1rem; color: #6fb056; font-weight: bold; }
h4.lm-title span.tit2 { padding: 10px 30px; display: inline-block; background: #6fb056; font-family: "Microsoft Yahei"; font-size: 1rem; color: #fff; font-weight: bold; border-radius:30px 0 30px 0;}
h4.lm-title span.more{padding: 10px 0; display: inline-block; font-size:0.9rem;float:right;}
.list-news,.list-news li{ margin:0; padding:0;}
.list-news span { float: right; font-size: 0.5rem; line-height: inherit; color: #999999; }
.list-news li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;text-indent:1rem; background:url(../webimages/arrow_1.gif) 0 8px no-repeat;}
.list-photo a{ background-color:#ff7a1b; display:block; transition: background-color 300ms ease-out; position:relative; }
.list-photo a h2{ color:#fff; font-size:18px; padding:5px 0; font-family: "Microsoft Yahei"; position: absolute; width:100%; left:0; bottom:-8px; background:rgba(59,145,26,0.58); text-align:center;}
.list-photo a:hover h2{ background-color:#f28102;transition: background-color 300ms ease-in;}
.list-photo a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8; -ms-opacity:0.8; opacity: 0.8; }

.marketing-hero { background-color: #ff7a1b; background-position:center center; background-size: cover; position: relative; padding: 6.5rem 0 8.5rem; text-align: center; overflow: hidden; border-radius:80px 0; border:1px solid #fff;border-right: 1px solid #e96100;border-bottom: 5px solid #e96100; box-shadow:0 5px 15px rgba(0,0,0,0.5);}
.marketing-hero .hero-main-header { font-size: 2.68rem; text-align: center; color:#fff; margin: 0; font-family: "Microsoft Yahei"; font-weight: bold; text-shadow:0 2px rgba(0,0,0,0.5);}
@media screen and (max-width: 768px) {.marketing-hero .hero-main-header { font-size: 2.6rem }}
.marketing-hero .hero-subheader { color: #fefefe; font-size: 1.3125rem; font-weight: 200; }
.marketing-hero .hero-framework-link { text-align: center; color: #fefefe; letter-spacing: 5px; text-transform: uppercase; font-size: 0.8em }
.marketing-hero.without-subnav { padding-bottom: 2.5rem }
.marketing-hero h1 { font-size: 3em; line-height: 1.0; font-weight: 500 ;}
.marketing-hero h1, .marketing-hero h3, .marketing-hero h4 { color: #fff }
.marketing-hero h3 { font-weight: 300; font-size: 1.35em }
.marketing-hero h6 { color: rgba(255,255,255,0.4); font-size: 1.2em }
.marketing-hero p { color: #fff; margin-top: 10px; font-size: 1.3em; line-height: 1.5em;text-shadow:0 1px #000; }
.marketing-hero a { color: #fff }
.marketing-hero a:hover { color: #fff }
.marketing-hero .yeti { width: 570px; position: absolute; bottom: -115px; right: -3rem }
.marketing-hero .button { margin-top: 10px }
.marketing-hero .sub-header { background: #156995; margin-top: 2.5rem; padding-top: 2rem; padding-bottom: 6rem }
.marketing-hero .sub-header p { margin: 0; color: white; opacity: 0.7 }
.marketing-subnav { float: none; position: absolute; text-align: center; margin: 0 auto; bottom: 0; width: 100% ; background: rgba(250,250,250,0.28); padding-top:1rem;  font-family: "Microsoft Yahei";}
.marketing-subnav li { float: none; display: inline-block }
.marketing-subnav li a { padding: 0.6rem 1rem 0.55rem; font-size: 0.85rem; color: #fff;  text-transform: uppercase; display: block; letter-spacing: 1px; border-radius:5px 5px 0 0; text-shadow:0 0 5px #000;}
.marketing-subnav li a.is-active,.marketing-subnav li a.currclass,.marketing-subnav li a.is-active:hover,.marketing-subnav li a.currclass:hover { background-color:#e96100;border-top:1px solid rgba(255,255,255,0.2);border-left:1px solid rgba(255,255,255,0.2);border-right:1px solid rgba(0,0,0,0.2); }
.marketing-subnav li a:hover { background: rgba(250,250,250,0.5); transition: all .25s ease-in-out }
@media screen and (max-width: 46em) {.marketing-subnav li a:not(.is-active) { display: none }}
.marketing-subnav.contribute { top: -0.05rem }
.marketing-subnav.why-foundation { top: 2.5rem }
.marketing-subnav.services { top: 31.7rem }
@media only screen and (max-width: 64em) {.marketing-subnav.services li a { display: none }}
@media only screen and (min-width: 40.063em) and (max-width: 46em) {.marketing-subnav li a { font-size: 0.7rem }}


.moban-list{ }
.article-list-box { padding:20px; background-color:#fff; border-radius:0 80px; }
.article-list-box .libox { padding: 15px 0; overflow: hidden; border-bottom: 1px dashed #dddddd; }
.article-list-box .libox:hover { background-color: #f5f5f5; }
.article-list-box .libox .feature-img { position: absolute; right: 0; top: 0; width: 9rem; height: 6.75rem; padding: 2px; border: 1px solid #eeeeee; }
.article-list-box .libox .feature-text { position: relative; padding-right: 9.6rem; min-height: 6.75rem; }
.article-list-box .libox h5 { font-weight: bold; font-family: "Microsoft Yahei"; }
.article-list-box .libox p { line-height: 24px; font-size:0.8125rem; margin: 0; }
p.dateinfo { font-size:0.8125rem; margin-top: 10px; }
p.dateinfo i{ margin-right:1rem;}
.article-xxlr-box{ padding:40px; background-color:#fff; border-radius:0 80px; }
.article-xxlr-box h1{font-family: "Microsoft Yahei"; font-size:2rem; color:#ff7a1b;}

/*¿Í·þ*/
@media screen and (max-width: 768px) {.consult_ser{display:none;}}
.consult_ser{position:fixed;top:50%;margin-top:-215px;right:15px;z-index:9998;}
.consult_ser .ser_list,.consult_ser .ser_list li{list-style:none;margin:0;padding:0;}
.consult_ser .ser_list li{position:relative;width:70px;height:70px;margin-bottom:5px;}
.consult_ser .ser_list li a{position:relative;font-size:12px;display:block;width:70px;height:70px;color:#666666;text-align: center;border:1px solid #DEDEDE;background: #fff;}
.consult_ser .ser_list li a em{font-style:normal;}
.consult_ser .ser_list li:first-child a em{position:absolute;width:72px;text-align:center;left:0;bottom:0;}
.consult_ser .ser_list li i{display:block;width:52px;height:40px;margin:8px auto 0;background:url(/webimages/consult_icon.png) no-repeat;}
.consult_ser .ser_list li .mobile_code{position: absolute;left:-260px;top:-35px;display: none;}
.consult_ser .ser_list li a i.kf{position:absolute;left:7px;top:-24px;width:75px;height:65px;background-position:-242px -5px;}
.consult_ser .ser_list li a i.design{background-position:-5px -2px;}
.consult_ser .ser_list li a i.book{background-position:-66px -4px;}
.consult_ser .ser_list li a i.privi{background-position:-118px -4px;}
.consult_ser .ser_list li a.go_up i{background-position:-172px -2px;}
.consult_ser .ser_list li a i.bh{background-position:-228px -77px;margin:5px 0 2px 12px;}
.consult_ser .ser_list li a i.mobile{background-position:-313px 2px;margin:5px 0 2px 15px;}
.consult_ser .ser_list li i.go_top{width:80px;height:100px;background-position:-314px 0;cursor:pointer;}